*{box-sizing:border-box;outline:none}body,html{height:100%;width:750px;margin:0 auto;position:relative}body{-webkit-font-smoothing:antialiased;font-family:arial,sans-serif}blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,iframe,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}article,aside,audio,details,figcaption,figure,footer,header,img,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%}fieldset,img{border:0}address,caption,cite,dfn,em,i,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}a{color:inherit}a,a:hover{text-decoration:none}a,button,input,label,select{-webkit-tap-highlight-color:rgba(0,0,0,0)}button,input,select{font:100% tahoma,\5b8b\4f53,arial;vertical-align:baseline;border-radius:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:none}input[type=checkbox],input[type=radio]{vertical-align:middle}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;-moz-appearance:none!important;margin:0}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}textarea{outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;overflow:auto;resize:none;font:100% tahoma,\5b8b\4f53,arial}table{border-collapse:collapse;border-spacing:0}b{font-weight:400}.g-flexview{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:750px;min-width:320px;font-size:0}.g-flexview,.m-navbar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.m-navbar{position:relative;align-items:flex-end}.m-navbar:after{content:"";position:absolute;z-index:2;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #b2b2b2;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 100%;transform-origin:0 100%}.m-tabbar{width:100%;position:relative;z-index:100;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:hsla(0,0%,100%,.96)}.m-tabbar:after{content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:1px;border-top:1px solid #b2b2b2;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 0;transform-origin:0 0}.g-scrollview{width:100%;height:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;margin-bottom:-1px;font-size:0}.g-scrollview:after{content:"";display:block;width:100%;height:50px}.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)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{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)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}to{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%,80%,to{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,80%,to{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:hsla(0,0%,100%,.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:hsla(0,0%,100%,.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}/*! mescroll -- 精致的下拉刷新和上拉加载js框架  ( a great JS framework for pull-refresh and pull-up-loading )
 * version 1.3.6
 * 2018-09-10
 * author: wenju < mescroll@qq.com > 文举
 * *
 * 官网:  http://www.mescroll.com
 * 动态:  https://github.com/mescroll/mescroll/releases
 * 问答:  http://www.mescroll.com/qa.html
 * issues:  https://github.com/mescroll/mescroll/issues
 * QQ交流群: 633126761
 *
 * 温馨提示: mescroll唯一的全局样式: html,body{height:100%},用于固定body的高度满屏; 如果影响到您原本的项目样式,可自行删除
 *
 *
 * ----- mescroll的html结构解析 ----
 *
 <body>
   <div id="mescroll" class="mescroll">
    <div>

      //下拉刷新区域 ( mescroll初始化之后自动创建 )
      <div class="mescroll-downwarp">
        <div class="downwarp-content">
          <p class="downwarp-progress"></p> <p class="downwarp-tip">下拉刷新 </p>
        </div>
      </div>

      //界面的具体内容
      //<div>界面内容</div>
      //数据列表..
      //<ul id="dataList" class="data-list">
      //	<li>数据列表</li>

        //空布局 ( 列表无任何数据时, 且配置了warpId时, 会自动创建显示 )
        <div class="mescroll-empty">
          <img class="empty-icon" src="../img/mescroll-empty.png"/>
          <p class="empty-tip">暂无相关数据~</p>
           <p class="empty-btn">去逛逛 ></p>
        </div>

      //</ul>

      //上拉加载区域 ( mescroll初始化之后自动创建 )
      <div class="mescroll-upwarp">
        //加载中..
        <p class="upwarp-progress mescroll-rotate"></p><p class="upwarp-tip">加载中..</p>
        //无数据
        <p class="upwarp-nodata">-- END --</p>
      </div>

    </div>
	</div>

	//回到顶部按钮 ( 列表滚动到配置的距离时, 且配置了warpId时, 会自动创建显示, 注意是添加在body中的 )
	<img class="mescroll-totop" src="../img/mescroll-totop.png"/>
</body>
*/body,html{height:100%}body{-webkit-overflow-scrolling:touch}.mescroll{width:100%;height:100%;overflow-y:auto}.mescroll-hardware{-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.mescroll-downwarp{position:relative;width:100%;height:0;overflow:hidden;text-align:center}.mescroll-downwarp-reset{-webkit-transition:height .3s;transition:height .3s}.mescroll-downwarp .downwarp-content{position:absolute;left:0;bottom:0;width:100%;min-height:30px;padding:10px 0}.mescroll-upwarp{min-height:30px;padding:15px 0;text-align:center;visibility:hidden}.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-nodata,.mescroll-upwarp .upwarp-tip{display:inline-block;font-size:12px;color:gray;vertical-align:middle}.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip{margin-left:8px}.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid gray;border-bottom-color:transparent;vertical-align:middle}.mescroll-rotate{-webkit-animation:mescrollRotate .6s linear infinite;animation:mescrollRotate .6s linear infinite}@-webkit-keyframes mescrollRotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes mescrollRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mescroll-empty{width:100%;padding-top:20px;text-align:center}.mescroll-empty .empty-icon{width:45%}.mescroll-empty .empty-tip{margin-top:6px;font-size:14px;color:gray}.mescroll-empty .empty-btn{max-width:50%;margin:20px auto;padding:10px;border:1px solid #65aadd;border-radius:6px;background-color:#fff;color:#65aadd}.mescroll-empty .empty-btn:active{opacity:.75}.mescroll-totop{z-index:9990;position:fixed;right:10px;bottom:30px;width:36px;height:36px;border-radius:50%;opacity:0}.mescroll-fade-in,.mescroll-lazy-in{-webkit-animation:mescrollFadeIn .5s linear forwards;animation:mescrollFadeIn .5s linear forwards}@-webkit-keyframes mescrollFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mescrollFadeIn{0%{opacity:0}to{opacity:1}}.mescroll-fade-out{pointer-events:none;-webkit-animation:mescrollFadeOut .5s linear forwards;animation:mescrollFadeOut .5s linear forwards}@-webkit-keyframes mescrollFadeOut{0%{opacity:1}to{opacity:0}}@keyframes mescrollFadeOut{0%{opacity:1}to{opacity:0}}.mescroll-bar::-webkit-scrollbar-track{background-color:transparent}.mescroll-bar::-webkit-scrollbar{width:6px}.mescroll-bar::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc}.mescroll-bar::-webkit-scrollbar-thumb:hover{background-color:#aaa}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:opacity .3s;-o-transition:.3s opacity;transition:opacity .3s;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:top .2s,-webkit-transform .2s;transition:top .2s,-webkit-transform .2s;-o-transition:.2s transform,.2s top;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:left .2s,-webkit-transform .2s;transition:left .2s,-webkit-transform .2s;-o-transition:.2s transform,.2s left;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:right .2s,-webkit-transform .2s;transition:right .2s,-webkit-transform .2s;-o-transition:.2s transform,.2s right;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:hsla(0,0%,100%,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12) infinite;animation:swiper-preloader-spin 1s steps(12) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}a {
  cursor: pointer; }

.m-navbar.a {
  height: 100px;
  background: #ed475e; }
  .m-navbar.a .log {
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    background: white; }
    .m-navbar.a .log:after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      border-bottom: 50px solid transparent;
      border-right: 30px solid #ed475e; }
    .m-navbar.a .log:before {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      border-top: 50px solid transparent;
      border-right: 30px solid #ed475e; }
    .m-navbar.a .log i {
      width: 64px;
      height: 69px;
      margin-left: 10px;
      background: url(/Public/wap/a-wap/dist/img/b010da02.png) no-repeat; }
  .m-navbar.a .search {
    width: 75px;
    height: 100px;
    display: block;
    text-align: center;
    line-height: 100px; }
    .m-navbar.a .search i {
      font-size: 45px;
      color: #f8f7f8; }
  .m-navbar.a .area-list {
    width: 560px;
    color: white;
    white-space: nowrap;
    line-height: 100px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .m-navbar.a .area-list::-webkit-scrollbar {
      display: none; }
    .m-navbar.a .area-list a {
      display: inline-block;
      vertical-align: middle;
      margin-right: 40px;
      font-size: 36px;
      color: white; }

.m-tabbar.a {
  height: 100px;
  background: #ffffff; }
  .m-tabbar.a:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    -webkit-transform: scaleY(0.5);
       -moz-transform: scaleY(0.5);
        -ms-transform: scaleY(0.5);
         -o-transform: scaleY(0.5);
            transform: scaleY(0.5); }
  .m-tabbar.a .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
         flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
         flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
         justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
         align-items: center;
    color: #979797; }
    .m-tabbar.a .item i {
      font-size: 45px; }
    .m-tabbar.a .item i.log {
      display: block;
      width: 120px;
      height: 120px;
      margin-top: -67px;
      background: url(/Public/wap/a-wap/dist/img/43c1a082.png) no-repeat;
      position: relative;
      z-index: 2; }
    .m-tabbar.a .item span {
      display: block;
      font-size: 24px; }

.m-navbar.b.on {
  margin-top: -100px; }

.m-navbar.b {
  height: 100px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s; }
  .m-navbar.b div {
    width: 665px;
    height: 100px;
    position: relative; }
    .m-navbar.b div:after {
      content: "";
      position: absolute;
      left: 50%;
      width: 1px;
      height: 40px;
      background: #ddd;
      top: 30px; }
    .m-navbar.b div a {
      display: inline-block;
      vertical-align: top;
      height: 100px;
      line-height: 100px;
      width: 50%;
      font-size: 36px;
      text-align: center;
      position: relative; }
    .m-navbar.b div a.on {
      color: #e4445a; }
      .m-navbar.b div a.on:after {
        content: "";
        position: absolute;
        left: 55px;
        right: 55px;
        bottom: 0;
        height: 10px;
        background: -webkit-gradient(linear, left top, right top, from(#f854a2), to(#ff565a));
        background: -webkit-linear-gradient(left, #f854a2, #ff565a);
        background: -moz-linear-gradient(left, #f854a2, #ff565a);
        background: linear-gradient(to right, #f854a2, #ff565a);
        border-radius: 5px; }
  .m-navbar.b a {
    width: 85px;
    height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .m-navbar.b a i {
      font-size: 45px;
      color: #888888; }

.m-navbar.b.on {
  margin-top: -170px; }

.m-navbar.c {
  height: 170px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s; }
  .m-navbar.c div {
    width: 665px;
    height: 170px;
    position: relative; }
    .m-navbar.c div a {
      display: inline-block;
      vertical-align: top;
      height: 170px;
      line-height: 45px;
      width: 33.3%;
      font-size: 28px;
      text-align: center;
      position: relative;
      color: #888888;
      padding-top: 24px; }
      .m-navbar.c div a i {
        display: block;
        margin: 0 auto;
        width: 103px;
        height: 82px; }
    .m-navbar.c div a:nth-of-type(1) i {
      background: url(/Public/wap/a-wap/dist/img/cbf890cc.png) no-repeat; }
    .m-navbar.c div a:nth-of-type(2) i {
      background: url(/Public/wap/a-wap/dist/img/62564dae.png) no-repeat; }
    .m-navbar.c div a:nth-of-type(3) i {
      background: url(/Public/wap/a-wap/dist/img/281c6155.png) no-repeat; }
    .m-navbar.c div a.on {
      color: #231b18; }
  .m-navbar.c > a {
    width: 85px;
    height: 170px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .m-navbar.c > a i {
      font-size: 45px;
      color: #888888;
      height: 82px;
      line-height: 82px; }
    .m-navbar.c > a span {
      font-size: 24px;
      color: #888888;
      line-height: 45px; }

.m-navbar.d.on {
  margin-top: -95px;
  height: 95px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s; }

.m-navbar.d a {
  width: 95px;
  height: 95px;
  text-align: center;
  line-height: 95px; }
  .m-navbar.d a i {
    font-size: 40px; }

.m-navbar.d p {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
     -moz-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  line-height: 95px;
  font-size: 35px;
  text-align: center;
  padding-right: 95px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.m-navbar.e {
  height: 100px; }
  .m-navbar.e div {
    height: 100px;
    padding: 0 20px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .m-navbar.e div::-webkit-scrollbar {
      display: none; }
    .m-navbar.e div a {
      height: 100px;
      line-height: 100px;
      display: inline-block;
      vertical-align: top;
      font-size: 36px;
      margin-left: 40px; }
    .m-navbar.e div a.on {
      position: relative; }
      .m-navbar.e div a.on:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 10px;
        border-radius: 5px;
        background: -webkit-gradient(linear, left top, right top, from(#f854a2), to(#ff5659));
        background: -webkit-linear-gradient(left, #f854a2, #ff5659);
        background: -moz-linear-gradient(left, #f854a2, #ff5659);
        background: linear-gradient(to right, #f854a2, #ff5659); }

.m-navbar.search {
  height: 130px;
  background: #f5f5f5;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .m-navbar.search label {
    width: 580px;
    height: 70px;
    background: #ececec;
    border-radius: 35px;
    padding-left: 75px;
    position: relative; }
    .m-navbar.search label i {
      position: absolute;
      left: 0;
      top: 0;
      width: 75px;
      bottom: 0;
      text-align: center;
      line-height: 75px;
      font-size: 35px;
      color: #888888; }
    .m-navbar.search label input {
      width: 100%;
      height: 100%;
      background: none;
      border: none;
      outline: none;
      font-size: 28px; }
  .m-navbar.search a {
    font-size: 32px;
    color: #e4445a; }

.m-tabbar.b {
  background: #333333;
  height: 140px; }
  .m-tabbar.b .but {
    width: 210px;
    height: 140px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    font-size: 30px; }
    .m-tabbar.b .but i {
      font-size: 40px;
      margin-right: 10px; }
  .m-tabbar.b .but-b {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
       -moz-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    .m-tabbar.b .but-b:after {
      content: "";
      position: absolute;
      left: 0;
      top: 10px;
      height: 60px;
      width: 1px;
      background: white; }
    .m-tabbar.b .but-b:before {
      content: "";
      position: absolute;
      right: 0;
      top: 10px;
      height: 60px;
      width: 1px;
      background: white; }
    .m-tabbar.b .but-b a {
      width: 280px;
      height: 80px;
      border-radius: 40px;
      font-size: 26px;
      background: #e4445a;
      color: white;
      padding: 5px 0;
      line-height: 35px; }
      .m-tabbar.b .but-b a span {
        display: block;
        text-align: center; }

.m-tabbar.c {
  background: #dcdcdc;
  height: 140px; }
  .m-tabbar.c .but {
    width: 210px;
    height: 140px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #333;
    font-size: 30px; }
    .m-tabbar.c .but i {
      font-size: 40px;
      margin-right: 10px; }
  .m-tabbar.c .but-b {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
       -moz-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    .m-tabbar.c .but-b:after {
      content: "";
      position: absolute;
      left: 0;
      top: 10px;
      height: 60px;
      width: 1px;
      background: white; }
    .m-tabbar.c .but-b:before {
      content: "";
      position: absolute;
      right: 0;
      top: 10px;
      height: 60px;
      width: 1px;
      background: white; }
    .m-tabbar.c .but-b a {
      width: 280px;
      height: 80px;
      border-radius: 40px;
      font-size: 28px;
      background: #e4445a;
      color: white;
      padding: 5px 0;
      line-height: 35px; }
      .m-tabbar.c .but-b a span {
        display: block;
        text-align: center; }
      .m-tabbar.c .but-b a span:last-child {
        font-size: 24px; }

hr {
  border: none;
  height: 20px;
  background: #ececec; }

.mescroll-downwarp .downwarp-progress, .mescroll-upwarp .upwarp-progress {
  width: 30px;
  height: 30px; }

.mescroll-downwarp .downwarp-tip, .mescroll-upwarp .upwarp-tip, .mescroll-upwarp .upwarp-nodata {
  font-size: 24px; }

.mescroll-totop {
  bottom: 140px;
  width: 60px;
  height: 60px;
  z-index: 100; }

.animated {
  overflow: hidden;
  -webkit-animation-duration: .4s;
     -moz-animation-duration: .4s;
          animation-duration: .4s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
          animation-timing-function: linear; }

@-webkit-keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

@-moz-keyframes fadeInRight {
  from {
    -moz-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0); }
  to {
    -moz-transform: none;
         transform: none; } }

@keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
       -moz-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    -webkit-transform: none;
       -moz-transform: none;
         -o-transform: none;
            transform: none; } }

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

@-moz-keyframes fadeInUp {
  from {
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0); }
  to {
    -moz-transform: none;
         transform: none; } }

@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
       -moz-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    -webkit-transform: none;
       -moz-transform: none;
         -o-transform: none;
            transform: none; } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
     -moz-animation-name: fadeInRight;
          animation-name: fadeInRight; }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
     -moz-animation-name: fadeInUp;
          animation-name: fadeInUp; }

.by-pop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .by-pop:after {
    content: "";
    display: block;
    height: 1px; }
  .by-pop:before {
    content: "";
    display: block;
    height: 1px; }
  .by-pop .by-view {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    width: 100%; }

#mescroll-none .empty-tip {
  line-height: 45px;
  font-size: 24px; }

@-webkit-keyframes fadeInUpA {
  from {
    height: 100px; }
  to {
    height: 0; } }

@-moz-keyframes fadeInUpA {
  from {
    height: 100px; }
  to {
    height: 0; } }

@keyframes fadeInUpA {
  from {
    height: 100px; }
  to {
    height: 0; } }

@-webkit-keyframes fadeInUpB {
  from {
    height: 0px; }
  to {
    height: 100px; } }

@-moz-keyframes fadeInUpB {
  from {
    height: 0px; }
  to {
    height: 100px; } }

@keyframes fadeInUpB {
  from {
    height: 0px; }
  to {
    height: 100px; } }

@-webkit-keyframes fadeInUpC {
  from {
    height: 100px; }
  to {
    height: 0; } }

@-moz-keyframes fadeInUpC {
  from {
    height: 100px; }
  to {
    height: 0; } }

@keyframes fadeInUpC {
  from {
    height: 100px; }
  to {
    height: 0; } }

@-webkit-keyframes fadeInUpD {
  from {
    height: 0px; }
  to {
    height: 170px; } }

@-moz-keyframes fadeInUpD {
  from {
    height: 0px; }
  to {
    height: 170px; } }

@keyframes fadeInUpD {
  from {
    height: 0px; }
  to {
    height: 170px; } }

.fadeInUpA {
  -webkit-animation-name: fadeInUpA;
     -moz-animation-name: fadeInUpA;
          animation-name: fadeInUpA; }

.fadeInUpA.c {
  -webkit-animation-name: fadeInUpC;
     -moz-animation-name: fadeInUpC;
          animation-name: fadeInUpC; }

.fadeInUpB {
  -webkit-animation-name: fadeInUpB;
     -moz-animation-name: fadeInUpB;
          animation-name: fadeInUpB; }

.fadeInUpB.c {
  -webkit-animation-name: fadeInUpD;
     -moz-animation-name: fadeInUpD;
          animation-name: fadeInUpD; }
#view-contact {
  width: 700px;
  padding: 30px;
  background: white;
  border-radius: 30px;
  margin: 20px auto;
  text-align: left;
  position: relative; }
  #view-contact .by-close {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    color: #e4445a;
    text-align: center;
    line-height: 60px;
    font-size: 36px; }
  #view-contact .details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #view-contact .face {
    width: 305px;
    height: 305px;
    overflow: hidden; }
    #view-contact .face img {
      display: block;
      width: 100%; }
  #view-contact .cover {
    width: 305px;
    height: 450px;
    overflow: hidden; }
    #view-contact .cover img {
      display: block;
      width: 100%; }
    #view-contact .cover img.on {
      width: auto;
      height: 100%;
      margin-left: 50%;
      -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
           -o-transform: translateX(-50%);
              transform: translateX(-50%); }
  #view-contact .info {
    width: 320px; }
    #view-contact .info .name {
      font-size: 28px;
      line-height: 40px; }
    #view-contact .info .l-a {
      font-size: 24px;
      height: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    #view-contact .info i {
      font-size: 28px;
      margin-right: 5px; }
    #view-contact .info .icon-shouji01 {
      color: #e2425c; }
    #view-contact .info .icon-weixin {
      color: #3baf34; }
    #view-contact .info .icon-QQ {
      color: #158ee1; }
    #view-contact .info .l-b {
      font-size: 24px;
      color: #818181;
      line-height: 45px; }
    #view-contact .info .l-c {
      font-size: 24px;
      color: #818181;
      line-height: 36px; }
      #view-contact .info .l-c b {
        color: #e4445a; }
  #view-contact .but-a {
    display: block;
    width: 235px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    color: #e4445a;
    background: #feebee;
    font-size: 24px;
    border-radius: 5px;
    margin: 20px auto 0;
    font-weight: bold; }
  #view-contact .but-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0; }
    #view-contact .but-view a {
      width: 235px;
      height: 80px;
      text-align: center;
      line-height: 80px;
      color: #888888;
      background: #e2e2e2;
      font-size: 24px;
      border-radius: 5px;
      margin: 0 20px; }
    #view-contact .but-view a.on {
      background: #feebee;
      color: #e4445a; }
  #view-contact .describe {
    margin-top: 20px;
    padding-top: 25px;
    border-top: 1px solid #ddd; }
    #view-contact .describe p:first-child {
      font-size: 28px;
      margin-bottom: 20px; }
    #view-contact .describe p:last-child {
      font-size: 24px;
      line-height: 36px;
      color: #818181; }
      #view-contact .describe p:last-child span {
        color: #e4445a; }
  #view-contact .no-login {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #view-contact .no-login div {
      width: 410px; }
    #view-contact .no-login label {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      position: relative;
      border-radius: 15px;
      overflow: hidden; }
      #view-contact .no-login label .mobile, #view-contact .no-login label .code {
        width: 100%;
        border: none;
        outline: none;
        height: 80px;
        font-size: 28px;
        background: #ececec;
        text-indent: 20px; }
      #view-contact .no-login label a {
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        width: 210px;
        font-size: 28px;
        line-height: 80px;
        color: #fff;
        text-align: center;
        background: -webkit-gradient(linear, left top, right top, from(#dcd4f0), to(#f8aeac));
        background: -webkit-linear-gradient(left, #dcd4f0, #f8aeac);
        background: -moz-linear-gradient(left, #dcd4f0, #f8aeac);
        background: linear-gradient(to right, #dcd4f0, #f8aeac); }
    #view-contact .no-login label:first-child {
      margin-bottom: 20px; }
    #view-contact .no-login a.but-a {
      width: 200px;
      height: 80px;
      margin: 0; }
.qq-name {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .qq-name > div {
    width: 650px;
    height: 680px;
    background: #fff;
    border-radius: 15px;
    position: relative; }
    .qq-name > div i {
      position: absolute;
      bottom: -120px;
      left: 50%;
      margin-left: -30px;
      font-size: 60px;
      color: #fff;
      padding: 20px;
      cursor: pointer; }
      .qq-name > div span {
      position: absolute;
      bottom: -120px;
      left: 50%;
      margin-left: -30px;
      font-size: 60px;
      color: #fff;
      padding: 20px;
      cursor: pointer; }
    .qq-name > div > h5 {
      height: 200px;
      padding-top: 40px;
      font-size: 26px;
      line-height: 40px;
      text-align: center;
      background: #fdecb8;
      color: #e25500;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px; }
    .qq-name > div > p {
      font-size: 22px;
      color: #7c7b7b;
      text-align: center;
      margin-top: 35px; }
      .qq-name > div > p a {
        color: #e25500;
        text-decoration: underline; }
  .qq-name label {
    display: block;
    width: 530px;
    height: 90px;
    border-radius: 45px;
    border: 1px solid #333;
    position: relative;
    margin: 30px auto; }
    .qq-name label span {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      line-height: 90px;
      font-size: 26px;
      width: 120px;
      text-align: right;
      letter-spacing: 2px; }
    .qq-name label input {
      display: block;
      width: 500px;
      padding-left: 120px;
      border: none;
      outline: none;
      height: 90px;
      font-size: 26px;
      background: none; }
  .qq-name button {
    display: block;
    margin: 30px auto 30px;
    width: 240px;
    height: 75px;
    border-radius: 28px;
    background: #ffcf18;
    color: #fff;
    font-size: 30px;
    border: none;
    -webkit-box-shadow: 0 2px 4px 2px #dd9a09;
            box-shadow: 0 2px 4px 2px #dd9a09;
    font-weight: bold;
    color: #dd9a09; }
.by-guide {
  background: white;
  width: 650px;
  margin: 0 auto;
  padding-bottom: 40px;
  border-radius: 15px;
  overflow: hidden;
  position: relative; }
  .by-guide .icon-cha {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 46px;
    color: white; }
  .by-guide .bj-a {
    height: 300px;
    background: url(/Public/wap/a-wap/dist/img/7311033f.jpg);
    padding: 35px 40px 0;
    text-align: left; }
    .by-guide .bj-a h4 {
      width: 400px;
      height: 65px;
      line-height: 65px;
      color: white;
      font-size: 32px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin-bottom: 20px; }
    .by-guide .bj-a p {
      line-height: 40px;
      font-size: 24px;
      color: white; }
    .by-guide .bj-a a {
      display: block;
      width: 220px;
      height: 66px;
      line-height: 66px;
      text-align: center;
      color: white;
      border-radius: 33px;
      font-size: 26px;
      background: -webkit-gradient(linear, left top, right top, from(#f27cb1), to(#d4b4f6));
      background: -webkit-linear-gradient(left, #f27cb1, #d4b4f6);
      background: -moz-linear-gradient(left, #f27cb1, #d4b4f6);
      background: linear-gradient(to right, #f27cb1, #d4b4f6);
      margin-top: 10px; }
  .by-guide .bj-b {
    height: 289px;
    background: url(/Public/wap/a-wap/dist/img/9291bfd7.png);
    padding: 35px 40px 0;
    text-align: left; }
    .by-guide .bj-b h4 {
      width: 400px;
      height: 65px;
      line-height: 65px;
      color: white;
      font-size: 32px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin-bottom: 20px; }
    .by-guide .bj-b p {
      line-height: 40px;
      font-size: 24px;
      color: white; }
    .by-guide .bj-b a {
      display: block;
      width: 340px;
      height: 66px;
      line-height: 66px;
      text-align: center;
      color: white;
      border-radius: 33px;
      font-size: 26px;
      background: -webkit-gradient(linear, left top, right top, from(#f27cb1), to(#d4b4f6));
      background: -webkit-linear-gradient(left, #f27cb1, #d4b4f6);
      background: -moz-linear-gradient(left, #f27cb1, #d4b4f6);
      background: linear-gradient(to right, #f27cb1, #d4b4f6);
      margin-top: 10px; }
  .by-guide .vip-des {
    width: 590px;
    margin: 20px auto 0;
    padding: 20px;
    -webkit-box-shadow: 0 0 15px 0 #bfbbbb;
            box-shadow: 0 0 15px 0 #bfbbbb;
    border-radius: 10px;
    text-align: left; }
    .by-guide .vip-des h4 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      font-size: 28px;
      line-height: 70px;
      font-weight: normal; }
      .by-guide .vip-des h4 b {
        font-size: 20px;
        color: #e4445a; }
    .by-guide .vip-des p {
      width: 570px;
      font-size: 24px;
      line-height: 36px;
      margin-bottom: 12px; }
  .by-guide .progress p {
    text-align: center;
    font-size: 30px;
    line-height: 80px; }
    .by-guide .progress p b {
      color: #e4445a; }
  .by-guide .progress div {
    width: 515px;
    height: 24px;
    border-radius: 12px;
    background: #eaeaea;
    position: relative;
    margin: 0 auto;
    overflow: hidden; }
    .by-guide .progress div i {
      display: block;
      height: 24px;
      width: 0;
      background: #5db3e9; }
  .by-guide .des-a {
    text-align: center;
    font-size: 24px;
    line-height: 80px; }
  .by-guide ul {
    text-align: center; }
    .by-guide ul li {
      display: inline-block;
      vertical-align: top;
      width: 203px;
      height: 80px;
      margin: 10px;
      background: #fab800;
      padding-top: 7px;
      color: #fff;
      text-align: center;
      border-radius: 15px;
      font-size: 16px; }
      .by-guide ul li span {
        display: block; }
      .by-guide ul li span:first-child {
        font-size: 26px;
        font-weight: bold;
        line-height: 40px; }
  .by-guide div.hr-b {
    width: 435px;
    height: 50px;
    margin: 20px auto;
    background: url(/Public/wap/a-wap/dist/img/a6166ac7.png); }
  .by-guide .vip-but {
    display: block;
    margin: 0 auto;
    width: 340px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    color: white;
    border-radius: 38px;
    font-size: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#f855a1), to(#fd7075));
    background: -webkit-linear-gradient(left, #f855a1, #fd7075);
    background: -moz-linear-gradient(left, #f855a1, #fd7075);
    background: linear-gradient(to right, #f855a1, #fd7075); }
  .by-guide .kf-a {
    margin-top: 20px;
    font-size: 24px; }
    .by-guide .kf-a p:first-child {
      line-height: 60px;
      color: #454545;
      margin: 0 10px;
      border-top: 1px solid #999;
      position: relative; }
      .by-guide .kf-a p:first-child a {
        position: absolute;
        right: 20px;
        top: 0;
        font-size: 20px;
        color: #e4445a; }
        .by-guide .kf-a p:first-child a:after {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          width: 600px;
          height: 240px; }
    .by-guide .kf-a p:last-child {
      line-height: 35px;
      color: #818181;
      padding: 0 20px;
      text-align: justify; }
      .by-guide .kf-a p:last-child a {
        color: #e4445a; }
  .by-guide .ewm {
    width: 420px;
    height: 205px;
    margin: 0 auto;
    position: relative; }
    .by-guide .ewm:after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 205px;
      background: url(/Public/wap/a-wap/dist/img/c16dac63.png);
      background-repeat: no-repeat;
      background-size: 100% auto; }
    .by-guide .ewm img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;
              box-sizing: content-box;
      width: 205px;
      height: 205px;
      padding-right: 205px;
      z-index: 2; }

.by-guide-ewm {
  background: url(/Public/wap/a-wap/dist/img/d0ce6042.png);
  width: 665px;
  height: 815px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
  padding: 40px 35px; }
  .by-guide-ewm + i {
    display: inline-block;
    width: 50px;
    height: 120px;
    line-height: 120px;
    font-size: 65px;
    color: white; }
  .by-guide-ewm p {
    line-height: 36px;
    font-size: 22px;
    color: white; }
  .by-guide-ewm div.but {
    width: 563px;
    height: 130px;
    border-radius: 10px;
    background: white;
    margin: 20px auto 0;
    -webkit-box-shadow: 0 0 15px 0px #a5a5a5;
            box-shadow: 0 0 15px 0px #a5a5a5; }
    .by-guide-ewm div.but a {
      display: inline-block;
      margin-top: 30px;
      width: 256px;
      height: 69px; }
    .by-guide-ewm div.but a:first-child {
      background: url(/Public/wap/a-wap/dist/img/4baef8fa.png); }
    .by-guide-ewm div.but a:last-child {
      background: url(/Public/wap/a-wap/dist/img/be5cbee7.png) no-repeat;
      background-position: right bottom; }
  .by-guide-ewm .ewm {
    width: 560px;
    height: 280px;
    margin: 0 auto;
    position: relative; }
    .by-guide-ewm .ewm:after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 280px;
      background: url(/Public/wap/a-wap/dist/img/c16dac63.png);
      background-repeat: no-repeat;
      background-size: 100% auto; }
    .by-guide-ewm .ewm img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;
              box-sizing: content-box;
      width: 280px;
      height: 280px;
      padding-right: 280px;
      z-index: 2; }
  .by-guide-ewm > a {
    display: block;
    margin: 0 auto;
    width: 563px;
    height: 85px;
    line-height: 85px;
    color: white;
    background: #e4445a;
    border-radius: 25px;
    font-size: 28px;
    font-weight: bold; }

.mp-pop {
  position: relative;
  width: 465px;
  height: 570px;
  margin: 0 auto; }
  .mp-pop .content {
    margin: 30px auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 415px;
    height: 520px;
    background: url(/Public/wap/a-wap/dist/img/f746105e.png) no-repeat;
    background-size: 100%;
    color: white;
    text-align: center;
    padding: 10px; }
    .mp-pop .content .text1 {
      font-size: 28px; }
    .mp-pop .content .text2 {
      margin-top: 40px;
      font-size: 31px; }
    .mp-pop .content .text3 {
      margin-top: 30px;
      font-size: 30px; }
      .mp-pop .content .text3 .ml {
        margin-left: 70px; }
    .mp-pop .content .ewm {
      margin-top: 10px;
      width: 215px;
      height: 215px; }
      .mp-pop .content .ewm img {
        width: 215px;
        height: 215px; }
  .mp-pop .icon-cha {
    position: absolute;
    right: 0px;
    top: -20px;
    font-size: 48px;
    color: white; }

.notice {
  width: 664px;
  height: 406px;
  position: relative;
  padding: 25px;
  margin: 0 auto;
  background: url(/Public/wap/a-wap/dist/img/828d7b5f.png) no-repeat; }
  .notice .text1 {
    font-size: 25px;
    font-weight: 400;
    color: white;
    line-height: 50px;
    text-align: left; }
  .notice .text2 {
    font-size: 22px;
    color: white;
    line-height: 50px; }
  .notice .btns {
    width: 566px;
    height: 145px;
    margin: 0 auto;
    background: white;
    -webkit-box-shadow: 0px 7px 40px 0px rgba(255, 138, 157, 0.52);
            box-shadow: 0px 7px 40px 0px rgba(255, 138, 157, 0.52);
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 24px;
    font-weight: bold;
    color: white;
    line-height: 69px; }
    .notice .btns .btn-continue {
      padding-left: 20px;
      width: 256px;
      height: 69px;
      background: url(data:image/png;base64,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) no-repeat; }
    .notice .btns .btn-qq {
      padding-left: 20px;
      width: 256px;
      height: 69px;
      background: url(data:image/png;base64,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) no-repeat; }
.e-view .icon-turnoff {
  display: inline-block;
  font-size: 70px;
  color: white;
  margin-left: 450px;
  padding-bottom: 40px;
  position: relative; }
  .e-view .icon-turnoff:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 45px;
    background: white;
    z-index: 5; }

.e-registration {
  width: 605px;
  height: 700px;
  background: white;
  position: relative;
  border-radius: 15px;
  margin: 0 auto;
  overflow: hidden; }
  .e-registration:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: -50px;
    height: 200px;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #f96269;
    width: 800px;
    border-radius: 50%;
    z-index: 0; }
  .e-registration h4 {
    height: 150px;
    line-height: 150px;
    font-size: 38px;
    color: white;
    position: relative;
    z-index: 2; }
  .e-registration p {
    margin-top: 40px;
    font-size: 26px;
    line-height: 40px;
    padding: 0 60px; }
  .e-registration label {
    display: block;
    position: relative;
    width: 520px;
    height: 90px;
    margin: 20px auto 0;
    border-radius: 45px;
    text-align: left;
    background: #f8f7f5; }
    .e-registration label input {
      display: block;
      width: 100%;
      height: 100%;
      background: none;
      border: none;
      outline: none;
      text-indent: 90px;
      font-size: 32px; }
    .e-registration label i {
      position: absolute;
      left: 10px;
      top: 10px;
      bottom: 10px;
      width: 70px;
      text-align: center;
      line-height: 70px;
      border-radius: 50%;
      background: #fff;
      font-size: 32px; }
    .e-registration label a {
      position: absolute;
      top: 10px;
      right: 10px;
      bottom: 10px;
      width: 130px;
      border-radius: 35px;
      background: #ae9f8a;
      text-align: center;
      line-height: 70px;
      color: wheat;
      font-size: 30px; }
  .e-registration .e-login {
    display: block;
    width: 310px;
    height: 86px;
    line-height: 86px;
    text-align: center;
    border-radius: 43px;
    background: #ffd25d;
    color: #333;
    margin: 40px auto 0;
    font-size: 36px;
    letter-spacing: 2px; }
#release-view {
  width: 706px;
  height: 889px;
  background: url(/Public/wap/a-wap/dist/img/808a7ed8.png);
  margin: 20px auto;
  position: relative;
  padding-top: 285px; }
  #release-view i.icon-turnoff {
    position: absolute;
    right: 67px;
    top: -8px;
    font-size: 70px;
    color: white; }
    
  #release-view div {
    font-size: 32px; }
  #release-view p.p-a {
    color: white;
    text-align: center;
    line-height: 60px; }
  #release-view p.p-b {
    padding: 0 170px;
    margin-top: 80px;
    text-align: left;
    line-height: 50px; }
  #release-view p.p-c {
    padding: 0 170px;
    margin-top: 30px;
    text-align: left;
    line-height: 50px;
    color: #fb5787; }
  #release-view .p-but {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 130px;
    margin-top: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #release-view .p-but a {
      width: 210px;
      height: 65px;
      line-height: 65px;
      text-align: center;
      color: white;
      border-radius: 32px;
      background: -webkit-gradient(linear, left top, right top, from(#f857a2), to(#ff565a));
      background: -webkit-linear-gradient(left, #f857a2, #ff565a);
      background: -moz-linear-gradient(left, #f857a2, #ff565a);
      background: linear-gradient(to right, #f857a2, #ff565a); }
    #release-view .p-but a:last-child {
      background: -webkit-gradient(linear, left top, right top, from(#ffc233), to(#ff830a));
      background: -webkit-linear-gradient(left, #ffc233, #ff830a);
      background: -moz-linear-gradient(left, #ffc233, #ff830a);
      background: linear-gradient(to right, #ffc233, #ff830a); }
.by-view.kf-describe {
  width: 695px;
  background: white;
  border-radius: 20px; }
  .by-view.kf-describe .cover {
    height: 280px;
    overflow: hidden;
    position: relative;
    background: url(/Public/wap/a-wap/dist/img/c653a56a.jpg); }
    .by-view.kf-describe .cover i {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 40px;
      color: #d8d4d4; }
  .by-view.kf-describe .res {
    display: block;
    width: 320px;
    height: 65px;
    line-height: 65px;
    font-size: 30px;
    text-align: center;
    color: white;
    border-radius: 33px;
    margin: -32px auto 15px;
    position: relative;
    z-index: 5;
    background: -webkit-gradient(linear, left top, right top, from(#e8d2f7), color-stop(#f99ee4), to(#f29fca));
    background: -webkit-linear-gradient(left, #e8d2f7, #f99ee4, #f29fca);
    background: -moz-linear-gradient(left, #e8d2f7, #f99ee4, #f29fca);
    background: linear-gradient(to right, #e8d2f7, #f99ee4, #f29fca); }
  .by-view.kf-describe .vip {
    width: 634px;
    height: 315px;
    margin: 0 auto;
    background: url(/Public/wap/a-wap/dist/img/964e38cb.png);
    font-size: 24px;
    text-align: left;
    padding-left: 50px; }
    .by-view.kf-describe .vip h4 {
      padding-top: 55px; }
      .by-view.kf-describe .vip h4 b {
        color: #e4445a;
        font-size: 20px; }
    .by-view.kf-describe .vip p {
      margin-top: 25px;
      line-height: 30px; }
  .by-view.kf-describe .hr {
    border-top: 1px solid #999;
    margin: 30px 0; }
  .by-view.kf-describe .but {
    display: block;
    width: 649px;
    height: 80px;
    background: url(/Public/wap/a-wap/dist/img/95875578.png);
    margin: 0 auto;
    padding-right: 150px;
    color: white;
    text-align: center;
    padding-top: 4px; }
    .by-view.kf-describe .but span {
      font-size: 24px; }
      .by-view.kf-describe .but span i {
        color: #fee904; }
    .by-view.kf-describe .but b {
      font-size: 28px; }
  .by-view.kf-describe .kf-a {
    margin-top: 20px;
    font-size: 24px; }
    .by-view.kf-describe .kf-a p:first-child {
      line-height: 60px;
      color: #454545;
      margin: 0 10px;
      position: relative; }
      .by-view.kf-describe .kf-a p:first-child a {
        position: absolute;
        right: 20px;
        top: 0;
        font-size: 20px;
        color: #e4445a; }
        .by-view.kf-describe .kf-a p:first-child a:after {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          width: 600px;
          height: 240px; }
    .by-view.kf-describe .kf-a p:last-child {
      line-height: 35px;
      color: #818181;
      padding: 0 30px 30px;
      text-align: justify; }
      .by-view.kf-describe .kf-a p:last-child a {
        color: #e4445a; }
.popzc {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .popzc > div {
    width: 750px;
    height: 757px;
    background: url(/Public/wap/a-wap/dist/img/c6486f86.png) no-repeat;
    background-size: 100% auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 185px;
    position: relative; }
    .popzc > div p {
      text-align: center;
      font-size: 36px;
      font-weight: bold;
      color: #fff;
      line-height: 60px; }
    .popzc > div input {
      display: block;
      width: 375px;
      height: 85px;
      border: none;
      background: #fff;
      margin: 30px 0 30px 270px;
      font-size: 29px;
      text-indent: 10px; }
    .popzc > div a {
      display: block;
      width: 335px;
      height: 90px;
      background: #ae15e2;
      font-size: 32px;
      color: #fff;
      text-align: center;
      line-height: 90px;
      border-radius: 45px;
      -webkit-box-shadow: 0px 8px 0px 0px #7c003c;
              box-shadow: 0px 8px 0px 0px #7c003c;
      margin-left: 280px; }
    .popzc > div .icon-cha {
      position: absolute;
      right: 70px;
      top: 0;
      font-size: 60px;
      color: #fff; }
.r-popzc {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .r-popzc > div {
    width: 712px;
    height: 599px;
    background: url(/Public/wap/a-wap/dist/img/4add9096.png) no-repeat;
    background-size: 100% auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    padding-top: 222px; }
    .r-popzc > div input {
      display: block;
      width: 320px;
      height: 80px;
      border: none;
      background: #fff;
      font-size: 24px;
      text-indent: 20px;
      margin-left: 280px;
      border-radius: 10px;
      margin-top: 10px; }
    .r-popzc > div input::-webkit-input-placeholder {
      color: #666666; }
    .r-popzc > div input:-moz-placeholder {
      font-weight: 400;
      color: #fff;
      font-size: 26px; }
    .r-popzc > div input::-moz-placeholder {
      color: #fff; }
    .r-popzc > div input:-ms-input-placeholder {
      color: #fff; }
    .r-popzc > div a {
      display: block;
      width: 320px;
      height: 88px;
      background: url(/Public/wap/a-wap/dist/img/4b174805.png) no-repeat;
      font-size: 34px;
      color: #fff;
      text-align: center;
      line-height: 88px;
      margin-left: 280px;
      margin-top: 30px;
      font-weight: 400;
      color: white; }
    .r-popzc > div .icon-cha {
      position: absolute;
      right: 0px;
      top: -90px;
      font-size: 60px;
      color: #fff; }
  .r-popzc .ewm {
    width: 399px;
    height: 388px;
    background: url(/Public/wap/a-wap/dist/img/b1833cc9.png) no-repeat;
    background-size: 100%;
    margin-top: -100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 20%; }
    .r-popzc .ewm img {
      margin-top: -250px;
      width: 164px;
      height: 164px; }

@-webkit-keyframes discount {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }

@-moz-keyframes discount {
  0% {
    -moz-transform: scale(0.8);
         transform: scale(0.8); }
  50% {
    -moz-transform: scale(0.9);
         transform: scale(0.9); }
  100% {
    -moz-transform: scale(0.8);
         transform: scale(0.8); } }

@keyframes discount {
  0% {
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8); }
  50% {
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8); } }

.but-discount {
  position: fixed;
  right: 0px;
  bottom: 550px;
  width: 210px;
  height: 210px;
  z-index: 1;
  background: url(/Public/wap/a-wap/dist/img/4ba0b347.gif) no-repeat;
  background-size: 100% auto; }
#comment-view {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  #comment-view:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px; }
  #comment-view:before {
    content: "";
    width: 100%;
    display: block;
    height: 400px; }
  #comment-view .by-view {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
       -moz-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
    height: 900px;
    background: rgba(0, 0, 0, 0.9);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #comment-view .by-view > p {
      -webkit-box-flex: 0;
      -webkit-flex: none;
         -moz-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 100%;
      height: 80px;
      line-height: 80px;
      font-size: 28px;
      color: #818181;
      overflow: hidden;
      padding-right: 30px; }
      #comment-view .by-view > p i {
        float: right;
        font-size: 40px; }
    #comment-view .by-view > ul {
      width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex: auto;
         -moz-box-flex: 1;
          -ms-flex: auto;
              flex: auto;
      padding: 0 20px;
      overflow-y: scroll;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch; }
      #comment-view .by-view > ul li {
        margin-top: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        #comment-view .by-view > ul li a {
          width: 75px;
          height: 75px;
          overflow: hidden;
          border-radius: 50%; }
          #comment-view .by-view > ul li a img {
            display: block;
            width: 100%; }
        #comment-view .by-view > ul li div {
          width: 610px;
          text-align: left;
          padding-bottom: 20px;
          border-bottom: 1px solid #818181; }
          #comment-view .by-view > ul li div a, #comment-view .by-view > ul li div span {
            font-size: 24px;
            color: #818181; }
          #comment-view .by-view > ul li div p {
            color: white;
            font-size: 26px; }
      #comment-view .by-view > ul p.more {
        text-align: center;
        font-size: 26px;
        line-height: 60px;
        color: #818181; }
      #comment-view .by-view > ul > div {
        width: 100%;
        line-height: 300px;
        font-size: 26px;
        color: #818181;
        text-align: center; }
    #comment-view .by-view div.no-login {
      width: 100%; }
      #comment-view .by-view div.no-login p {
        width: 100%; }
        #comment-view .by-view div.no-login p input {
          display: block;
          width: 95%;
          height: 80px;
          font-size: 32px;
          text-indent: 20px;
          background: none;
          border: none;
          outline: none;
          color: white;
          margin: 0 auto;
          border-bottom: 1px solid #818181; }
        #comment-view .by-view div.no-login p ::-webkit-input-placeholder {
          color: white; }
        #comment-view .by-view div.no-login p ::-moz-placeholder {
          color: white; }
        #comment-view .by-view div.no-login p :-ms-input-placeholder {
          color: white; }
        #comment-view .by-view div.no-login p input:-moz-placeholder {
          color: white; }
      #comment-view .by-view div.no-login > div {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0 20px; }
        #comment-view .by-view div.no-login > div label {
          display: block;
          width: 460px;
          height: 80px;
          margin: 15px 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
             -moz-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          #comment-view .by-view div.no-login > div label a {
            width: 220px;
            height: 80px;
            line-height: 80px;
            text-align: center;
            background: #ffdfe3;
            color: #333;
            font-size: 32px; }
          #comment-view .by-view div.no-login > div label .code {
            width: 225px; }
        #comment-view .by-view div.no-login > div input {
          display: block;
          width: 100%;
          height: 80px;
          font-size: 32px;
          text-indent: 20px;
          background: white;
          border: none;
          outline: none;
          color: #333; }
        #comment-view .by-view div.no-login > div > a {
          width: 220px;
          height: 80px;
          line-height: 80px;
          text-align: center;
          background: #e4445a;
          color: white;
          font-size: 32px; }
    #comment-view .by-view div.yes-login {
      width: 100%;
      height: 100px;
      -webkit-box-flex: 0;
      -webkit-flex: none;
         -moz-box-flex: 0;
          -ms-flex: none;
              flex: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      background: #161413;
      padding: 0 10px; }
      #comment-view .by-view div.yes-login input {
        width: 550px;
        height: 80px;
        font-size: 32px;
        text-indent: 20px;
        background: none;
        border: none;
        outline: none;
        color: white; }
      #comment-view .by-view div.yes-login a {
        width: 150px;
        height: 80px;
        background: #272626;
        color: white;
        font-size: 32px;
        text-align: center;
        line-height: 80px;
        border-radius: 5px; }
*{padding:0;margin:0;font-weight:400}.multi-picker-locked{height:100%!important;overflow:hidden!important}.multi-picker-bg{position:fixed;top:0;left:0;background:rgba(75,75,75,0);height:100%;width:100%;overflow:hidden;transition:all .3s ease;-webkit-transition:all .3s ease;z-index:-1}.multi-picker-bg-up{background:rgba(75,75,75,.65)!important}.multi-picker-bg-delay,.multi-picker-bg-up{z-index:999!important}.multi-picker-container{width:100%;height:250px;position:absolute;bottom:0;transform:translate3d(0,101%,0);-webkit-transform:translate3d(0,101%,0);left:0;background-color:#fff;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;z-index:-1}.multi-picker-container-up{transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}.multi-picker-btn-box{display:block;position:absolute;text-align:center;width:100%;height:50px;line-height:50px;background:hsla(0,0%,85%,.7);z-index:10}.multi-picker-btn-box .multi-picker-btn{position:absolute;display:inline-block;margin:0 20px;color:#fff;right:0}.multi-picker-btn-box .multi-picker-btn:first-child{left:0;right:auto}.multi-picker-content{position:absolute;width:100%;background:#fff;font-size:0;top:50px;z-index:10;transform:translateZ(0);-webkit-transform:translateZ(0);transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease}.multi-picker-content .multi-picker{display:inline-block;height:200px;overflow:hidden;position:relative;z-index:1;transition:width .3s ease;vertical-align:top;top:0}.multi-picker-content ul::-webkit-scrollbar{display:none}.multi-picker-content li{height:40px;text-align:center;font-size:16px;line-height:40px;list-style:none;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-picker-content .multi-picker-down-shadow,.multi-picker-content .multi-picker-up-shadow{position:absolute;width:100%;height:80px;pointer-events:none}.multi-picker-content .multi-picker-up-shadow{top:0;background-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));z-index:50}.multi-picker-content .multi-picker-down-shadow{bottom:-200px;z-index:50;background-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,0))}.multi-picker-content .multi-picker-line{width:95%;height:40px;position:absolute;top:80px;left:50%;pointer-events:none;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0)}.r-popkf {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .r-popkf div {
    width: 620px;
    background: url(/Public/wap/a-wap/dist/img/2cb5ba98.png) no-repeat;
    background-position-y: -1px;
    background-size: 100% auto;
    padding-bottom: 40px;
    border-radius: 15px;
    position: relative; }
  .r-popkf .icon-cha {
    position: absolute;
    right: 0px;
    top: -90px;
    font-size: 60px;
    color: #fff; }
  .r-popkf .title {
    text-align: center;
    font-size: 32px;
    color: #fff;
    line-height: 60px;
    margin: 0; }
  .r-popkf h3 {
    font-size: 36px;
    text-align: center;
    color: #6c4d16;
    font-weight: bold;
    line-height: 80px;
    margin-top: 30px; }
  .r-popkf p {
    font-size: 24px;
    line-height: 44px;
    text-align: center;
    margin: 20px 0;
    color: #6c4d16; }
  .r-popkf p.des {
    font-weight: bold;
    color: #ea5c6b; }
  .r-popkf img {
    display: block;
    margin: 30px auto;
    width: 290px;
    height: 290px;
    background: black; }
  .r-popkf a {
    display: block;
    margin: 0 auto;
    width: 375px;
    height: 90px;
    line-height: 90px;
    border-radius: 45px;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#ef7888), color-stop(#ea5c6c), to(#f298a2));
    background: -webkit-linear-gradient(left, #ef7888, #ea5c6c, #f298a2);
    background: -moz-linear-gradient(left, #ef7888, #ea5c6c, #f298a2);
    background: linear-gradient(to right, #ef7888, #ea5c6c, #f298a2); }