<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script> <style type="text/css"> html{ font-size: 62.5%; } .pop{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } .pop .popMain{ width: 90%; margin-left: 5%; background: #fff; position: absolute; top: 10%; } .popTop{ height: 3rem; line-height: 3rem; background: #fff; } .popMiddle{ height: 18.75rem; max-height: 18.75rem; overflow-x: scroll; } .popMiddle p{ text-align: center; font-size: 1.125rem; color: #666; padding: 5.625rem 0; } .pop .popBottom{ position: fixed; bottom: 0; left: 0; display: flex; width: 100%; height: 3.125rem; text-align: center; background: #66B278; } .pop .popBottom span{ flex: 1; text-align: center;