 .layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
  html{ color: #404040; background: #fff; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none;}
  html *{ outline: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
  html, body{ font-family: sans-serif;}
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ margin: 0; padding: 0;}
  input, select, textarea{ font-size: 100%;}
  table{ border-collapse: collapse; border-spacing: 0;}
  fieldset, img{ border: 0;}
  abbr, acronym{ border: 0; font-variant: normal;}
  del{ text-decoration: line-through;}
  address, caption, cite, code, dfn, em, th, var{ font-style: normal; font-weight: 500;}
  ol, ul{ list-style: none;}
  caption, th{ text-align: left;}
  h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: 500;}
  q:before, q:after{ content: '';}
  sub, sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
  sup{ top: -0.5em;}
  sub{ bottom: -0.25em;}
  a:hover{ text-decoration: underline;}
  ins, a{ text-decoration: none;}
  [data-dpr="1"] .f12{ font-size: 12px;} [data-dpr="2"] .f12{ font-size: 24px;} [data-dpr="3"] .f12{ font-size: 36px;}
  [data-dpr="1"] .f14{ font-size: 14px;} [data-dpr="2"] .f14{ font-size: 28px;} [data-dpr="3"] .f14{ font-size: 42px;}
  [data-dpr="1"] .f16{ font-size: 16px;} [data-dpr="2"] .f16{ font-size: 32px;} [data-dpr="3"] .f16{ font-size: 48px;}
  [data-dpr="1"] .f18{ font-size: 18px;} [data-dpr="2"] .f18{ font-size: 36px;} [data-dpr="3"] .f18{ font-size: 54px;}
  [data-dpr="1"] .f30{ font-size: 30px;} [data-dpr="2"] .f30{ font-size: 60px;} [data-dpr="3"] .f30{ font-size: 90px;}
  [data-dpr="1"] .f90{ font-size: 90px;} [data-dpr="2"] .f90{ font-size: 180px;} [data-dpr="3"] .f90{ font-size: 270px;}
  .q-detail{ width: 9.5rem; margin: 0 auto; padding-top: 1.7rem;}
  .q-logo{ width: 4.26667rem; height: .54667rem; margin: 0 auto;}
  .q-logo img{ width: 100%; height: 100%;}
  .q-search{ width: 9.06667rem; height: 1.06667rem; background-color: #f6f6f6; border-radius: 1.06667rem; margin: .5rem auto 0; position: relative;}
  .q-search .q-input{ width: 6.66667rem; height: 100%; line-height: 1; border: none; background-color: #f6f6f6; position: absolute; left: .93333rem;}
  .q-search button{ display: block; width: 1.5rem; height: 100%; line-height: 1; position: absolute; right: 0; text-align: center; color: #fff; background: #00beff; background: -webkit-linear-gradient(left, #00beff 0%, #007fec 100%); background: linear-gradient(to right, #00beff 0%, #007fec 100%); border: none; border-radius: 0 1.06667rem 1.06667rem 0; letter-spacing: 1px;}
  #q-error{ color: #f60; padding-top: .2rem; line-height: 2; text-align: center; display: none;}
  .q-list-more{ text-align: center; padding-top: .4rem;}
  .list-error{ line-height: 1rem; text-align: center; color: #f60;}
  .load-more{ display: inline-block; width: 5rem; height: 1rem; line-height: 1rem; margin: .3rem auto; border: 1px #d7d7d7 solid; background: #f0f0f0;}
  .q-recommond, .q-list, .q-mall{ width: 9.06667rem; margin: 0 auto;}
  .q-recommond{ padding-top: .2rem;}
  .q-recommond li{ margin: 0.16rem 0;}
  .q-recommond li img{ width: 100%;}
  .q-list dt, .q-mall dt{ height: .8rem; text-align: center; color: #333; border-bottom: 2px #e8e8e8 solid; margin-bottom: .8rem;}
  .q-list dt span, .q-mall dt span{ display: inline-block; line-height: 1.6rem; background: #fff; padding: 0 .2rem;}
  .q-list dd ul, .q-mall dd ol{ font-size: 0; margin-right: -.12rem;}
  .q-list dd ul li, .q-mall dd ol li{ width: 2.93333rem; height: 2.93333rem; display: inline-block; margin: 0 .11888rem .11888rem 0; position: relative;}
  .q-list dd ul li a{ display: block; width: 100%; height: 100%; overflow: hidden;}
  .q-list dd ul li img{ width: 100%; min-height: 100%}
  .q-list dd ul li span{ display: block; position: absolute; right: 0; bottom: 0; height: .6rem; line-height: .6rem; padding-left: .2rem; padding-right: .06rem; z-index: 9; background: #fff; color: #d20026; opacity: .7; border-radius: .6rem 0 0 .6rem;}
  .q-mall{ padding-bottom: .5rem;}
  .q-mall dd ol li{ width: 2.9rem; height: 2.9rem; border: 2px #dfe2e9 solid; margin: 0 .1rem .1rem 0; text-align: center;}
  .q-mall dd ol li a{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10;}
  .q-mall dd ol li img{ width: 2.13333rem; height: .8rem; margin: .33333rem 0 .4rem;}
  .q-mall dd ol li p{ width: 100%; height: .50667rem; line-height: .50667rem; overflow: hidden;}
  .q-mall dd ol li .q-mall-cd{ display: inline-block; height: .50667rem; line-height: .50667rem; border-radius: .50667rem; padding: 0 .4rem; color: #fff; background: #d20026; margin-top: .1rem;}
  .q-mall dd ol li .q-mall-cd span{ margin: 0 .04rem;}
  .layui-m-layercont{font-size:30px;}
  .layui-m-layerbtn span{font-size:30px;}

