苏宁易购微信端全页通过background单图

w单图，绕开了显示的兼容性。

http://res.m.suning.com/project/JoinGo/intro.html

http://res.m.suning.com/project/JoinGo/assets/images/group/fullpage.png

 <!DOCTYPE HTML>

 <html>

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

     <meta name="apple-mobile-web-app-capable" content="yes">

     <meta name="apple-mobile-web-app-status-bar-style" content="black">

     <meta content="telephone=no" name="format-detection">

     <meta name="wap-font-scale" content="no">

     <title>玩法介绍</title>

     <link rel="stylesheet" type="text/css" href="//res.suning.cn/public/v5/common/2.0.0/m-common.css">

     <script type="text/javascript">

         !function () {

             var UA = window.navigator.userAgent,

                 docEl = document.documentElement;

             window.device = {

                 isApp: UA.match(/SNEBUY-APP;?/i) ? true : false,

                 isAndroid: UA.match(/android/i) ? true : false,

                 isIOS: UA.match(/(iPhone|iPod|iPad);?/i) ? true : false,

                 isWX: UA.match(/MicroMessenger/i) ? true : false

             };

             docEl && device.isApp && (docEl.className += ' sn-app');

             docEl && device.isAndroid && (docEl.className += ' android');

             docEl && device.isIOS && (docEl.className += ' ios');

             docEl && device.isWX && (docEl.className += ' wx');

         }()

     </script>

     <style type="text/css">

         .sn-app .sn-nav,

         .wx .sn-nav {

             display: none

         }

         body {

             margin: 0 auto;

             max-width: 15rem;

         }

     </style>

 </head>

 <body>

 <div class="sn-nav sn-block">

     <div class="sn-nav-back"><a class="sn-iconbtn" href="javascript:history.go(-1);">返回</a></div>

     <div class="sn-nav-title of f34">玩法介绍</div>

 </div>

 <div class="main-content"

      style="background:url(assets/images/group/fullpage.png) center no-repeat;background-size: 100%;width:15rem;height:25.64rem"></div>

 </body>

 </html>

http://res.suning.cn/public/v5/common/2.0.0/m-common.css

fieldset,img{border:}*,a:focus,input:focus{outline:}a,body{color:#333}.cl,.fix:after{clear:both}.block,.fix:after{display:block}.hm,.hvm{left:50%}*,.bbox,.layout,div,p{-webkit-box-sizing:border-box}.footer li,.of,.sn-tab-nav li,.wb,.wbox-flex{word-wrap:break-word;word-break:break-all}.sn-local-loading span,.sn-select,img,input{vertical-align:middle}.checkbox-switch,.input-reset,.sn-select select{-webkit-appearance:none}.line-clamp-2,.pro-list .pro-info,.sn-select select{-webkit-box-orient:vertical}.line-clamp-2,.of,.sn-select select,.wb{text-overflow:ellipsis}article,aside,blockquote,body,button,code,dd,dialog,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,nav,ol,p,pre,section,td,textarea,th,ul{margin:;padding:}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:}li,ol,ul{list-style:none}em,i{font-style:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:}img{max-width:100%}a{text-decoration:none}a:active{opacity:.7}*{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:none;overflow-y:scroll}body{min-width:320px;line-height:1.5;font-family:Arial,Helvetica,STHeiTi,sans-serif;background:#F2F2F2}.w{margin:0 auto;max-width:15rem}.layout{margin:.2rem}.pdlayout{padding:.2rem .6rem}.fix:after{content:'';visibility:hidden}.fl{float:left}.fr{float:right}.arrow:after,.dib,.sn-tag{display:inline-block}.hide{display:none}.mt20{margin-top:.4rem!important}.mt10{margin-top:.2rem!important}.f12,.f14,.f16,.f18,.f20{font-size:.58rem}.fhalf{font-size:.4rem}.scale{-webkit-transform:scale(.8)}.font{font-size:.58rem}.f30{font-size:.6rem}.tr{text-align:right}.sn-local-loading,.sn-nav-title,.tc{text-align:center}.pa{position:absolute}.pr{position:relative}.hm,.hvm,.sn-icon:after,.vm{position:absolute}.gray6{color:#666}.gray9{color:#999}.vm{top:50%;-webkit-transform:translateY(-50%)}.hm{-webkit-transform:translateX(-50%)}.hvm{top:50%;-webkit-transform:translate(-50%,-50%)}.sn-icon:after,.sn-iconbtn:after{top:-6px;right:-8px;bottom:-6px;left:-8px;content:' '}.bold{font-weight:}.of{overflow:hidden;white-space:nowrap}.snPrice{color:#E21D1D}.snPrice em{padding-left:2px}img.liprice{height:20px!important;width:auto!important}.p{margin:5px 0}.overtouch{overflow-y:auto;-webkit-overflow-scrolling:touch}.input-reset{-webkit-border-radius:}.opa0{opacity:}.opa1{opacity:1!important}.wbox{display:-webkit-flex!important;display:-webkit-box}.wbox-flex{-webkit-flex:1!important;-webkit-box-flex:}.sn-iconbtn:after{position:absolute}.border-tb:after,.border:after{content:"";position:absolute;top:;left:;border:1px solid #333;-webkit-box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);-webkit-transform-origin:left top}.sn-block{background:#FFF}.border-t{background:-webkit-gradient(linear,left top,left bottom,color-stop(.5,transparent),color-stop(.5,#DCDCDC),to(#DCDCDC)) left top repeat-x;background-size:100% 1px}.border-b{background:-webkit-gradient(linear,left top,left bottom,color-stop(.5,transparent),color-stop(.5,#DCDCDC),to(#DCDCDC)) left bottom repeat-x;background-size:100% 1px}.border-tb:after{border-left:transparent;border-right:transparent}.sn-txt-muted{color:#909090}.sn-txt-assertive{color:#E21D1D}.sn-txt-positive{color:#eda200}.sn-txt-tips{color:#CACACA}.sn-tag{padding:0 .2rem;border-radius:2px;color:#fff;font-size:.4rem}.sn-tag-a{background:#eb3b17}.sn-tag-b{background:#ee3852}.sn-tag-c{background:#fc2f4d}.sn-tag-d{background:#5552AD}.sn-tag-e{background:#eda200}.sn-tag-f{background:#ccc}.dashed{height:1px;font-size:;overflow:hidden;border-top:1px dashed #DCDCDC}.arrow{padding-right:.1rem}.arrow:after{content:"";width:.28rem;height:.28rem;border-style:solid;border-color:#7D7D7D;border-width:1px 0 0 1px;-webkit-transform:rotateZ(135deg)}html{font-size:50px}body{font-size:24px}@media screen and (min-width:320px){html{font-size:21.33px}body{font-size:12px}}@media screen and (min-width:360px){html{font-size:24px}body{font-size:12px}}@media screen and (min-width:375px){html{font-size:25px}body{font-size:12px}}@media screen and (min-width:384px){html{font-size:25.6px}body{font-size:14px}}@media screen and (min-width:400px){html{font-size:26.67px}body{font-size:14px}}@media screen and (min-width:414px){html{font-size:27.6px}body{font-size:14px}}@media screen and (min-width:424px){html{font-size:28.27px}body{font-size:14px}}@media screen and (min-width:480px){html{font-size:32px}body{font-size:15.36px}}@media screen and (min-width:540px){html{font-size:36px}body{font-size:17.28px}}@media screen and (min-width:720px){html{font-size:48px}body{font-size:23.04px}}@media screen and (min-width:750px){html{font-size:50px}body{font-size:24px}}@-webkit-keyframes bounce{0%,5%{left:;z-index:}25%{left:.24rem;z-index:}50%{left:.52rem;z-index:}75%{left:.24rem;z-index:}95%{left:}100%{left:;z-index:}}@-webkit-keyframes bounce-left{0%,100%,5%,95%{left:.52rem}25%,75%{left:.24rem}50%{left:}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}.sn-html5-loading{position:relative;display:block;height:.48rem;width:.97rem;z-index:;margin:0 auto}.fixedLoading{position:fixed;left:50%;top:50%;margin:-.48rem 0 0 -.48rem;z-index:}.loagMask{position:fixed;top:;left:;width:100%;height:100%;z-index:;background:rgba(0,0,0,.28)}.sn-html5-loading .blueball,.sn-html5-loading .orangeball{display:block;width:.48rem;height:.48rem;position:absolute;top:;left:;border-radius:.6rem;background:#eda200;-webkit-animation:bounce 1.2s infinite;-webkit-animation-timing-function:linear;z-index:}.sn-html5-loading .blueball{left:.52rem;background:#353d44;-webkit-animation:bounce-left 1.2s infinite;-webkit-animation-timing-function:linear}.sn-mask-loading.fixedLoading{position:fixed;left:50%;top:50%;margin:-.36rem 0 0 -.36rem;z-index:}.sn-mask-loading{width:1.2rem;height:1.2rem;position:relative;margin:0 auto;background:rgba(0,0,0,.3);border-radius:.2rem;z-index:}.sn-local-loading .shape,.sn-mask-loading:after{width:.72rem;-webkit-animation:rotate .7s infinite;-webkit-animation-timing-function:linear}.sn-mask-loading:after{content:"";position:absolute;height:.72rem;background:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURQAAAP///////////////////////////////+tNPsIAAAAJdFJOUwD+ELHdi00wbfD3fpAAAADbSURBVCjPY2CgDLBnBBtHFCCLsIWGGgNBE5Ka1tBgoIiJcwJcqKI1NF2BqcLExQOuraMDbAybiUsAVKisA6pB1cUVwmBKS4epb3GBSLKnwW1ndXEC0+rlcHuYoBaUFyGckygClilHcjWLIMgwJiUFhBCHYABYCNlnggboQkyCDiBSATkABAUwQglTCKIRBUCMRwGsggHoQhCnooBEQQzTHUXRhZgFhdCFAlGMUgZhQWR97I4gR6G4qlGQKdURRZGyIBggm2QIFgliQFPliubwRkHM1OSImcKU4SwAH1UgWePsA0wAAAAASUVORK5CYII=);background-size:.72rem;top:50%;left:50%;margin:-.36rem 0 0 -.36rem}.sn-local-loading{height:2.2rem;line-height:2.2rem}.sn-local-loading span{display:inline-block;height:.72rem;line-height:.72rem;color:#cacaca}.sn-local-loading .shape{margin-right:.3rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUxpccvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLywMqIQ0AAAAPdFJOUwDeBvAQx0axjzOiWnB/Ic21LzoAAAEmSURBVDgRxZNJosQgCEQFFGe9/20/+Wk6xmHdbJTyWYImxvwwYi4hpVRLxEMVyDVciJdwPtsd1oowAt2Mc55XikutoeZoDdpYkpMo85mcSynx2cvegQtPfs1izoVfGzEIVUfKcs6Dzb1UHcBQF0bmTdMBwD09tsiLj7ihWJXvgS1KU5tgsdJCbWttg4jk6FuVQFsjYyqQNmitVdPJkIH8RxJoWtTUEsFnjngwMvhAum8dBaJVnZThuGllSJnIDel+WommL2HlEDoNT7wCl5I70alx3WHFSC9ctWX0vcPpmhUOvfesyXvEdOc2CXNoLUL/hzIIo4/7tjGZesfG4UIOPngdoQGHeqQdDaqnvm4nea/w/gc3NU3SJo3u7m6zNEj2c0+DZP4AKf4I4DPd4PsAAAAASUVORK5CYII=);background-size:.72rem}.sn-nav{position:relative;height:1.76rem;background:#fff;line-height:1.76rem;font-size:.6rem;border-bottom:1px solid #DCDCDC}.sn-nav-title{width:60%;margin:0 auto;color:#333}.sn-nav-back,.sn-nav-right{margin:0 .56rem}.sn-nav-back a,.sn-nav-right a{position:absolute;top:;display:block}.sn-nav-back{position:absolute;left:.1rem;top:;width:.48rem;height:1.5rem}.sn-nav-back a{width:1.5rem;height:1.5rem;text-indent:-100rem;overflow:hidden}.sn-nav-back:before{content:"";position:absolute;top:.6rem;left:;display:inline-block;width:.48rem;height:.48rem;border:solid #353d44;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg)}.sn-nav-left,.sn-nav-right{position:absolute;top:;height:1.8rem;width:19%}.sn-nav-left{left:}.sn-nav-right{right:}.sn-nav-right img{position:absolute;top:50%;-webkit-transform:translateY(-50%);right:}.sn-nav-right a{position:absolute;right:;color:#333}.nav-more-list{display:none;position:absolute;top:2.36rem;right:-.3rem;background:#484F55;z-index:;border:1px solid transparent;border-radius:2px}.nav-more-list:after{content:"";position:absolute;top:-.9rem;right:.2rem;display:inline-block;width:;height:;border-style:solid;border-color:transparent transparent #484F55;border-width:.5rem}.nav-more-list li{border-bottom:1px solid #5B6166;width:5rem;height:1.8rem;line-height:1.8rem;text-align:left;text-indent:2.7em;background:#484F55}.footer li,.sn-btn,.sn-tab-nav{text-align:center}.nav-more-list li a{position:relative;display:block;width:100%;color:#fff}.nav-more-list li a.nav-more-icon:after{content:"";position:absolute;left:.3rem;top:50%;margin-top:-.5rem;width:1rem;height:1rem;-webkit-mask-repeat:no-repeat;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fff),color-stop(100%,#fff));-webkit-mask-size:1rem}.screenIfm{display:none;position:fixed;left:;top:;width:100%;height:100%;opacity:.3!important;z-index:}.footer a,.pro-list,.pro-list a,.type-choose .value{display:block}.footer{background:#FFF;height:1.92rem;line-height:1.92rem}.footer li{-webkit-flex:1!important;-webkit-box-flex:;background:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcAQMAAACak0ePAAAABGdBTUEAALGPC/xhBQAAAANQTFRF3d3d7t+OggAAAAxJREFUCNdjYCAPAAAAOAABXibFHwAAAABJRU5ErkJggg==) right center no-repeat;background-size:1px .56rem;width:25%}.footer li:last-child{background:0 0}.footer a{font-size:.56rem;height:1.92rem;overflow:hidden}.type-choose .choose{position:relative;margin:.2rem .4rem 0 0;float:left;max-width:3.6rem;height:1.2rem}.type-choose .value{position:relative;z-index:;padding:0 .4rem;width:100%;top:1px;line-height:1.2rem;overflow:hidden;height:1.2rem}.sn-input-radio-filter{position:absolute;left:;top:;width:100%;height:1.2rem;border:1px solid #DCDCDC;padding:0 .2rem;background:#FFF;z-index:}.sn-input-radio-filter:checked{border:1px solid #eda200;background:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURQAAAO2iAO2iAO2iAO2iAO2iAO2iAO2iAHBlw4QAAAAHdFJOUwCAvfYYUFItZeQaAAAAXklEQVQY003OywnAIBBFUVNFCkjACsS9LaQGG4iL237QEXLfaobDfFL6c6hOpwEDBgwYMGDAgAEDgjcL7ixoGAi4FhDQ6wRiojwTiInRJ7BXlRZH16pRVxNfRfZXkQ8w/jkRmyn9BAAAAABJRU5ErkJggg==) right bottom no-repeat #fff;background-size:.48rem;border-radius:.04rem}.sn-input-radio-filter:checked+span{color:#eda200}.sn-input-radio-filter:disabled+span{color:#CACACA}.sn-title{height:1.8rem;line-height:1.8rem;padding:0 .6rem;font-size:.56rem}.pro-list{padding:.4rem}.pro-list .pro-img{margin-right:.4rem}.pro-list .pro-img img{width:2.4rem;height:2.4rem;display:block;border:1px solid #DCDCDC}.sn-list-common li,.sn-list-input li{position:relative;display:-webkit-box}.pro-list .pro-name{line-height:.7rem;overflow:hidden;margin-bottom:.32rem}.pro-list .pro-info{position:relative;-webkit-box-pack:center}.pro-list .pro-info .list-opra{position:absolute;right:;bottom:}.sn-list-common li{border-bottom:1px solid #DCDCDC}.sn-list-common li:last-child{border-bottom:none}.sn-list-input label.input-text{height:1.2rem;line-height:1.2rem}.sn-list-input li{margin-left:.6rem;padding:.5rem .6rem .5rem 0;border-bottom:1px solid #DCDCDC}.sn-list-input li:last-child{border-bottom:none}.sn-list-div{position:relative;padding:.6rem;border-bottom:1px solid #E0E0E0}.sn-list-div a{display:block}.sn-list-div a:after{content:"";display:inline-block;position:absolute;right:.4rem;top:50%;margin-top:-.16rem;width:.28rem;height:.28rem;border-style:solid;border-color:#7D7D7D;border-width:1px 0 0 1px;-webkit-transform:rotateZ(135deg)}.sn-btn{display:inline-block;padding:0 .5rem;height:1.2rem;line-height:1.2rem;border-radius:.1rem}.sn-btn.sn-btn-block{display:block}.sn-btn.sn-btn-assertive{background:#d00;color:#fff}.sn-btn.sn-btn-big{height:1.56rem;line-height:1.56rem;font-size:.6rem}.sn-btn.sn-btn-dark{background:#cacaca;color:#999}.sn-btn.sn-btn-assertive.sn-btn-outline{border:1px solid #d00;color:#d00}.sn-btn.sn-btn-positive{background:#ffc001;color:#fff}.sn-btn.sn-btn-positive.sn-btn-outline{border:1px solid #ffc001;color:#ffc001}.sn-btn.sn-btn-dark.sn-btn-outline{border:1px solid #cacaca;color:#333}.sn-btn.sn-btn-outline{height:1.2rem;padding:0 .5rem;line-height:1.2rem;background:0 0;border-radius:.1rem}.sn-tab{overflow:hidden;width:100%}.sn-tab-nav{height:1.86rem;background:#fff;line-height:1.76rem;box-shadow:0 -1px 0 #DCDCDC inset}.sn-tab-nav li{-webkit-flex:1!important;-webkit-box-flex:;font-size:.6rem}.sn-tab-nav li.current{border-bottom:.12rem solid #eda200;color:#f29400;font-size:.65rem}.sn-tab-nav li.disabled{color:#cacaca}.sn-tab-content{-webkit-transition-property:transform;-webkit-transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(.1,.57,.1,1)}.city-list{background:#F2F2F2}.city-list li{height:1.8rem;line-height:1.8rem;border-bottom:1px solid #DCDCDC;text-indent:.6rem}.city-list li.cur,.city-list li:active,.city-list li:hover{background:#DCDCDC;color:#eda200}.arrive-state{position:relative;padding-left:45px;padding-right:10px;overflow:hidden}.arrive-state .state{position:relative;padding:5px 10px;margin-top:10px}.arrive-state .state:after{content:"";position:absolute;top:19px;left:-21px;width:2px;height:110%;background:#CCC}.arrive-state .state:last-child:after{content:"";height:120%;overflow:hidden;background:0 0}.arrive-state .state .icon{position:absolute;top:9px;left:-26px;width:12px;height:12px;background:#CCC;border-radius:12px}.arrive-state .on .icon{left:-26px;border-radius:11px;border:3px solid #F6D07F;background:#eda200;width:13px;height:13px;z-index:}.sn-fixed{position:fixed;width:100%;height:2rem;line-height:2rem;left:;bottom:;background:#262523;z-index:;color:#909090}.sn-input-box{margin-left:.1rem;overflow:hidden}.sn-input{width:100%;line-height:1.2rem;border:1px solid #DCDCDC;padding:0 5px}.clo-se-input{display:inline-block;width:.8rem;background:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURQAAAJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJBDX34AAAAOdFJOUwD+1EAY68AFgF8Sk5YmM0bnrAAAAORJREFUGNNjYAACdutUwbDNBQxQwNUqCAIRC6D8qYIaJuXOTYKREG6NYDKYNhM8DtacKAlVN1EMZAS3qAGUzxy4ASQqDDOXwRCokitwApzPKbqAgUOMAQESGxhKgcrZVIBspwSghnAGQwUGBiYhBwYWRSCfSZhhYwMDkK3C4CQEdB6HNEMiyDYnIRdFLZCNYgyBDgwgBUogaQYWUQZBsLecBLXAbhWE81WgfLh6B4h6qHlLFFUg5kHs0wIKOYDtg7hnAVBMAewesHuzEO5F9w+6f9HDAyO80MMTPbwx4gMjvpDjEwAZ3zJPeAgP+gAAAABJRU5ErkJggg==) center no-repeat #fff;background-size:.6rem}.sn-input-text-a{border:none;width:100%}.checkbox-switch,.sn-switch{width:2.08rem;height:1.28rem;position:absolute}.sn-switch{font-size:.64rem;right:.6rem;top:50%;-webkit-transform:translateY(-50%);line-height:1em}.checkbox-switch{z-index:;border:;background:0 0;outline:}.sn-switch input:after,.sn-switch input:before{content:'';height:1.2rem}.sn-switch input:before{width:2rem;border:1px solid #DFDFDF;background-color:#FDFDFD;border-radius:.8rem;cursor:pointer;display:inline-block;position:relative;vertical-align:middle;-webkit-user-select:none;box-shadow:#DFDFDF 0 0 0 0 inset;-webkit-transition:border .4s,-webkit-box-shadow .4s;-webkit-background-clip:content-box}.sn-switch input:after{width:1.2rem;position:absolute;top:1px;left:;border-radius:100%;background-color:#FFF;box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-transition:left .2s}.sn-count a:after,.sn-select:after{content:""}.sn-switch input:checked:before{border-color:#ffc001;-webkit-box-shadow:#ffc001 0 0 0 16px inset;box-shadow:#ffc001 0 0 0 16px inset;background-color:#ffc001;-webkit-transition:border .4s,-webkit-box-shadow .4s,background-color 1.2s}.sn-ibar-toggle,.sn-ibar-wrap{-webkit-transition:all ease .2s}.sn-switch input:checked:after{left:.84rem}.sn-checkbox{width:.72rem;height:.72rem;border-radius:.1rem;border:1px solid #DCDCDC}.sn-checkbox:checked{border-color:#ffc001;background:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARBAMAAAA4SAFEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURQAAAP///////////////////////////////////////////7QJjekAAAAMdFJOUwD+jrvwDD1UbCga4AzsdzgAAAB8SURBVBjTY2BABpwKKFyGEnEULpOgKTKX1VCCgYE9AM6fLZLAwKAIV8LuaAUkVwvD+IpCIKWcjlA7Fgs2gOkUITDFtnEbRJwNIt4ovACqrxDkiCBBuNM4BBMYuAzdEe5QdGNIkZ6A5EyRGagONXQUQvFHsEgBCp9VE84EABN5EA+ig9/6AAAAAElFTkSuQmCC) center no-repeat #ffc001;background-size:80%}.sn-radio{border:1px solid #DCDCDC}.sn-radio,.sn-radio:checked{width:.88rem;height:.88rem;border-radius:.88rem}.sn-radio:checked{border:.15rem solid #fff;background:#eda200;box-shadow:0 0 1px #aaa}.sn-select{position:relative}.sn-select select,.sn-select:after{display:inline-block;position:absolute;right:}.sn-select select{text-align:right;width:40%;top:;padding:0 .6rem 0 16px;max-width:65%;border:none;background:#FFF;text-indent:.01px;white-space:nowrap;cursor:pointer;direction:rtl;color:#909090;-webkit-box-pack:center}.sn-select:after{top:.3rem;width:;height:;margin-left:.2rem;border-style:solid;border-color:#909090 #FFF #FFF;border-width:.2rem}.sn-count,.sn-count .count-add:after,.sn-count a{height:.84rem}.sn-count{width:4.2rem;line-height:.84rem;overflow:hidden}.sn-count a{float:left;display:inline-block;width:1.2rem;border:1px solid #DCDCDC;background:#F5F5F5;text-align:center}.sn-count a.cover{background-color:#CACACA}.sn-count a:after{display:inline-block;width:.6rem;background-repeat:no-repeat;background-position:center;background-size:100%}.sn-count .count-add{border-radius:0 .04rem .04rem 0;background:url(images/add.png) center no-repeat #F5F5F5;background-size:.6rem}.sn-count .count-min{border-radius:1px 0 0 1px;background:url(images/min.png) center no-repeat #F5F5F5;background-size:.6rem 1px}.sn-count .count-min:after{height:1px}.sn-count .count-num{float:left;width:1.6rem;height:.84rem;border:;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;background:#FFF;text-align:center;line-height:.84rem;font-size:.48rem}#Top{position:fixed;bottom:1rem;right:.6rem;border-radius:1.6rem;width:1.6rem;height:1.6rem;background:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAmBAMAAAAhNzZRAAAABGdBTUEAALGPC/xhBQAAAB5QTFRFAAAA////////////////////////////AAAA////1NnxJAAAAAl0Uk5TAN3zXsMyFZ8Alc3kwAAAAKlJREFUKM9jmIkKGND5xAFW4wAUfuTMqchcNsnyiQlI/JTpDJViSHxPN4aUKQguO1Axm2QBnF+pCiSCpsOlZ4IsY9WEKYicDKYsoVayKkEk2CdB3JQI0wixks3TAcpnmZIAtQzqSk+Qxko1uL1J0xGmMECttFRGcrflZIZKAyQ+83QGS1CoTQCyOUGMyQzMnkj8KRDFnBNgBMOw4LOAk4oDIpxAfp4CDjcAxtdL76lU1wEAAAAASUVORK5CYII=) center no-repeat #5B6167;background-size:.6rem .76rem;z-index:}.starBar,.starBarMask{height:.48rem;width:3.2rem}.lazybox,.lazyimg img{background:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAdCAMAAAAdK4vkAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA/UExURQAAAPf39/b29vn5+f////////39/ebm5vLy8urq6vDw8P39/f///+vr6////+rq6dvb29bW1v///+Hh4fDw7yUnHAEAAAAPdFJOUwCMoHw8KlH+t+3NZwzfGdofFLUAAAOtSURBVEjHtVaJcus2DORNgpfAQP//rV0esp20melM++BEEiV5CS52QSv1jtBuq/5IlCvGy/wJ5HDHC/E/Y9vWcr5OUG5k+utZT2W9kt63wvvaW73DrltOa696tt0/yGAixgd6DfLBbRQHU2vEI1KuyiWied2IdAWHMnjHuIBWeAwJAQehsADyG/aJ223oiyXiwzIPl/KYSOYtER5ZdeFUdqTRlBe2dsSA6WXIQmjXb9Cq1qpCtqp6711XZjTnV/Qi7AILVtQIa7CZfRgmhMTF4phHWln/A/Qhy5cSkFA4w8zlxXjmAOi2Y0EXNkKJ8UlDC/1GyIO1uRwMKucCUnBP2FRBiPkgxLJplDe0XdDh/nvWjwZDNgbf1wQmKKt0igbC8V8+yxjdC1pS4pU1nLKF8ejjE9tfJnCsqtIwLDW0tIIGpZQdCidmxxTfT+hw0sS8+8yf2HYYvQqCY5RHrRjpc+aWpyko676h0xv6EH1DW1+Im/nhZIoEpOFvzZGI3Rt6TVwjT5lFpDW1iDwAPV7Q9Krh14o38WF9d4psQzcOP6DLaD2P4EAZNO0dGZGUDSezFKIPkNwb+uvhvE3jcrOTagVFm/yGTpuQNsqENXOitbg2wF4ASVsh6cjt615x0o5Lfvqh2sUBfT2ixkrWLMVWIHbGCHUOWAVFXBMmCDzFlw4b9/TvfTjZwoaO8yg1N56ynez73Obo9Bgsiz246kkGoGQEcKQ6FNNWRpVmzpvnh+7H6OgakBw0/DS7slRt6kM6J0XTlkwezzAjrQVBnf4Y/SH6oft+6czDhs69umidRvxouQ7d0OHkz2Af5rfUaU/foD+z/i3qv3vWru/Y785XNcWoPaH1ZQMrSrRwr8PWIQ1v6Ch5MeXhJ6Mshl6lHFvJh0ETp83vE9Pq8a5Hv1fKNqAknpvBpiBomdNFkVi6ZaLVl52MGKEluLwFGdds6bvSnoD72mOuG6PwWCOiWTvUqkvWrHFpNJcEFxnGipRa7jdT01VwCbVGeGWEyvHUyjm/9R3J+Y86lRSnayZ00zxnMRbQEwRehqtoQqepii7Sp2nhNY2xxA/20zWZ6N92eR00A0MCnGPHzhrmYY9M4SFrWVwyhcUWOEAHbGGyslYsn0AG2/k3ZAVQtE2c0A99EUCLsbKzllBpbpRFqM4Xkm/YQm0HIVaCivQNybmfmvJh7V04dUga87pe0abdFHiFhkOUPjW83qvr5WUEqN3/l58vWtAN0x/5JRem6H/3zl8OVklIy0odWAAAAABJRU5ErkJggg==) center no-repeat #fff}.starBar{-webkit-mask-image:url(images/star.png);background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#DCDCDC),color-stop(100%,#DCDCDC));-webkit-mask-size:3.2rem .48rem}.starBarMask{background:url(images/star.png) no-repeat;background-size:3.2rem .48rem;position:absolute;left:;top:}.sn-ibar{position:fixed;left:.4rem;bottom:6rem;z-index:}.sn-ibar-toggle{width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid #2f8ffd;background-color:#2f8ffd;position:absolute;z-index:;-webkit-transform-origin:50% 50%}.sn-ibar-toggle .hline,.sn-ibar-toggle .vline{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);background-color:#fff;width:1px;height:.64rem}.sn-ibar-toggle .vline{height:1px;width:.64rem}.sn-ibar-wrap{position:absolute;z-index:;width:8.88rem;height:8.88rem;left:-3.68rem;top:-3.68rem;border-radius:50%;border:1px solid #dbdbdb;background-color:rgba(255,255,255,.8)}.sn-ibar.open .sn-ibar-toggle{-webkit-transform:translate3d(0,0,0) rotate(225deg);background-color:#fff;border-color:#909090}.sn-ibar.close .sn-ibar-toggle{-webkit-transform:translate3d(0,3.4rem,0) rotate(0);background-color:#eda200;border-color:#eda200}.sn-ibar.open .hline,.sn-ibar.open .vline{background-color:#909090}.sn-ibar.close .hline,.sn-ibar.close .vline{background-color:#fff}.sn-ibar.open .sn-ibar-wrap{opacity:;-webkit-transform:scale(1);pointer-events:auto}.sn-ibar.close .sn-ibar-wrap{opacity:;-webkit-transform:scale(.3);pointer-events:none}.sn-ibar-wrap .item{display:block;width:2.28rem;height:1.8rem;position:absolute;font-size:12px;color:#353d44;z-index:}.sn-ibar-wrap .item .title{text-align:center;margin-top:.1rem}.sn-ibar-wrap .item:nth-child(1){top:.56rem;left:3.3rem}.sn-ibar-wrap .item:nth-child(2){top:1.64rem;left:5.34rem}.sn-ibar-wrap .item:nth-child(3){top:3.68rem;left:6.5rem}.sn-ibar-wrap .item:nth-child(4){top:5.8rem;left:5.34rem}.sn-ibar-wrap .item:nth-child(5){top:6.6rem;left:3.3rem}.sn-ibar-wrap .item .icon{width:1rem;height:1rem;margin:0 auto;-webkit-mask-repeat:no-repeat;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#353d44),color-stop(100%,#353d44));-webkit-mask-size:1rem}.nav-more-list li a.nav-more-icon.home-icon:after,.sn-ibar-wrap .item:nth-child(1) .icon{-webkit-mask-image:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABJQTFRFLo/9Lo/9Lo/9Lo/9AAAALo/9x5IphwAAAAV0Uk5TWOIgqQDx9kpIAAAA1ElEQVQ4y+2UQRKDIAxF4wzunU45QKd6ASt7GnWvYu5/lVKwIBJ7ArNA4OEnP4IwnAXs+volTogiw5MnAbUc0fI2PGbBEGXqAZXJSU9daBOCqnLPwr6ZkmL2MyinlESV0INNawo7l5ueJ/ts0WYfiN47tI5FIMoktfRDiItiNZwE+LKk4baFTOunB9aAyIi2pgBlxXxQWxJo5pohKBcoO/YU9BM0RGs2PxItgIolprZZjwxZnZ+LXOQ/eS8Zae6O9Mxd6BxBScf4nnV/546gPfzF0vgAsaxKR7EkvqwAAAAASUVORK5CYII=);-webkit-mask-position:0 0}.my-cart .icon,.nav-more-list li a.nav-more-icon.cart-icon:after,.sn-ibar-wrap .item:nth-child(2) .icon{-webkit-mask-image:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABhQTFRFLo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAALo/9QGDOBQAAAAd0Uk5TJJJ1tkXrAPzIW2oAAADnSURBVDjL7ZNNDoIwEIWJC44gJ0AuYOQABNyr0C0o1K1UcK5vM9NKQxlMXDsJi8eXaefnNUgBQC5FACzhc/SnSSbAiXH/ITnM4mJIA6fQPaiOYUskUvNL4p4IFHPSQoFE+ZUlFZKDT7oByc4n1yeS0Cf1aDr1A/7kdyJ4wm4hZTd3rLhtd6xD2gVXCXSV9J2YkBOl715B7pWs43Vkpfu/tK9Esi9rlWTiPFVOgkijD+8tMIJIpMKNLlS6Akk76ux8MO0bgeSmcLpErEDSPXAjZspGILm/5LR0K77k8PfwtfH9rMxgaW5vBXTrw52l9PkAAAAASUVORK5CYII=);-webkit-mask-position:0 0}.nav-more-list li a.nav-more-icon.search-icon:after,.sn-ibar-wrap .item:nth-child(3) .icon{-webkit-mask-image:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABVQTFRFLo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAAhP0sDQAAAAd0Uk5TYzEWntv+AJnAin8AAAEGSURBVDjLjdTNDoMgDABgTaZnk02fwHDfIp43jTs7ofcJC+//CItWJyCN42LMZ5GftpGhRnQsWdXJNt6LqmAeLfNEcWhjprIKBHPlBFd8PcPdEb3CRLUlivfbjxNhiZbFJmNXb8If9j5y8ZM3FLaMkK5S9u7mk2YVXruixSLKnWyajqFo4Z8lThKZz8uX/ImCT3vgt5FJal90j8JTX94CpSt8GeUizBe1COxTAI6Eno1eAb1qeqf06dAnSt8CfXP0be8zZDjOKi8TL4LM3oHKeJCMqJJb14QrqzelZEQ1KgwKVTAGWVUPa9VjULBTzEFBmYPC3WUKCssURHSkUlKi2n+62G58AagQzwmrsXO8AAAAAElFTkSuQmCC);-webkit-mask-position:0 0}.nav-more-list li a.nav-more-icon.cate-icon:after,.sn-ibar-wrap .item:nth-child(4) .icon{-webkit-mask-image:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURQAAADU9RDU9RDU9RDU9RF2IWgwAAAAEdFJOUwAunmbKU26JAAABc0lEQVQ4y7VUbZaCMAxsCweoygFQcgBUDgAl9z/TNp+UXd/+2bd9KomTTJN0Sgi/rvh6PN25PaZsdod17eos5MzqIE5vwI3tAcv7hRjUmTmWOCLndhomj4hr/e0Zr8Gyi2w4UPQiwZFp+t3qoHzdeyGCYbVCZkFp9ZS7jMHjLD8kMsCK71f6KHU5IdvBfEYqgzMz4l6L8D7D9gHhP1P5gMDI/aqbagVmylyW8qM22HUs47dOkw1pQGHN/CXAioqI9xyBmys5XhH9uCOdMCcmtnIjEahpbNWEksN/LdpnNrndG6DzioZWlNrPhdqLuOULeKMBmClVdfRFGH2wYlQ6nSjojGHzM4FR6cdWo5TgJhfhGmsQUeSyHnoziYqKWyU6woLwmTdsUqTHtUh/QipDy9ywHZ0qm8VF1GvjFVjVpFXXq9zGckg5KnXCENyTS6s3WG+BSFU0LOo01Sbcc7QzAXyGG9p27RF3ZynWF83kmoA/SPELxo1H+loQseoAAAAASUVORK5CYII=);-webkit-mask-position:0 0}.nav-more-list li a.nav-more-icon.ebuy-icon:after,.sn-ibar-wrap .item:nth-child(5) .icon{-webkit-mask-image:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAAB5QTFRFAAAALo/9Lo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAALo/9MGF0hQAAAAl0Uk5TAHoyVr2f4hcACU70ZwAAAe1JREFUOMt1VEtPwzAMTrtHr9NASLsNIUC9VUKAehsTMOUGAoF647Wh3gqMSfwM1jaT/y1O7KQPIJe6sf3Zsf1ZCHs+bhewuDgV7RPsAJ3HrKnwE5gPD8X77h2U44ZHAjcsHkNZ9zqBeyd/wnOl6MGsZrYPVw5LfjeCjgorddW4mU46YUnOWk9YsVOPXYLjiy2GTylSvLaZA5SkCnMyGBAEXB9tc5Ke0m/qlYygLw84QqLhwg1FK+oAXzqCpGhsEE6cXQBUphEZdHPCxluP05GUuv1NBqJPRoJdfU4hfBBfD6zhRyr69jci5sKm5NOxhck1oAU2cbjsGE9GJMaEuloLG49RRJeMJTfAV07jg4b7VJnLBGxTQnUq3tIn+wuVxpfYhSKrNKmTO5cwj9xsqJpGiJqIGhmJvw6+2L60rSltdTq3c/O9exna6lBFPUxMv3GJ+U25oqYLgSyGK8w4SKZ7O2Z4sQumVUsV4QigPY5eMCqpwKbbySsj6fnpoJO5xQnxVINoOJpmksKN6zgfr6CpwkkcTZqcTSMziQEMZJMlIj4j+DhXrQL0IWeWfLc0nuWjXP/DLGRj1mLjzDH4qcXgrGJ9vRXLivW4KWrsfqtvCqxxEbk90dgueiNda7eP7dZGoi22OF/83mJ/bL4fUySQ/0TSZf8AAAAASUVORK5CYII=);-webkit-mask-position:0 0}.sn-ibar-mask{display:none;position:fixed;top:;left:;right:;bottom:;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:}.sn-ibar.open .sn-ibar-mask{display:block}.sn-client-a,.sn-client-b span{color:#333;display:inline-block}.sn-client-b{background:#fff;padding:.3rem .5rem;height:1.8rem;position:relative}.sn-client-a{position:absolute;right:.3rem;border:1px solid #909090;height:1rem;padding:0 .4rem;line-height:1rem;border-radius:.2rem;text-align:center;top:50%;margin-top:-.5rem}.sn-client-b span{height:1.2rem;line-height:.65rem;padding-left:12%;width:75%;overflow:hidden}.sn-client-t{padding:.3rem .5rem;height:2.4rem;width:100%;position:relative;background:url(images/topdload.png) no-repeat;background-size:100%}.sn-client-t .sn-client-div{padding-left:26%;color:#fff;height:1.2rem;line-height:.65rem;margin-left:5%}.sn-client-t .sn-client-div p{width:70%;height:1.9rem;overflow:hidden}.sn-client-t .sn-client-top{border:1px solid #fff;color:#f8b500;background:#fff}.sn-client-t .del-ete{background:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURQAAAP///////////////////////////////////yR8m5UAAAAJdFJOUwAW1ezDO1iAlHYcCaMAAADOSURBVBjTZVG7DsIwDLwWShlLBDtlQdkYoCgbCDF0A8HChsRCtwp+gAmJtS0V/luS9IFIbnEucc72GVC4bsT8iQbOnRSWQc0vNN1jdKOoon3a6nikh45x1OQV+jnf1dwTKiFZtMKHUoqLc8t7eQC/wA9xis4b6IbyzFbAaYZkDLhZAIdL7pZ4pVKDh2DyDv4HsarGsgFXf7wCQnXt8EmmYw7SwoxCHQnC5Ea+qWfWM/vR/a5l7rDq15znf17bD8sv00/Lb3Mf1r7UPqne5xf3NzwjpoAZQAAAAABJRU5ErkJggg==) .2rem .2rem no-repeat;background-size:.7rem;display:block;position:absolute;width:1rem;height:1rem;top:.1rem;left:.1rem}.sn-loading-type{padding:.4rem 0}.sn-loading-type .sn-click-loading{display:block;border:1px solid #dcdcdc;color:#909090;padding:.3rem .5rem;width:30%;margin:0 auto;text-align:center}.sn-loading-type .sn-pull-loading{color:#909090;display:block;text-align:center;width:100%;position:relative;height:1.5rem;line-height:1.5rem}.sn-loading-type .sn-end-loading{width:100%;border:solid #dcdcdc;border-width:1px 0 0;position:relative;margin-top:.3rem}.sn-loading-type .sn-end-loading span{background:#f2f2f2;color:#909090;display:block;text-align:center;position:absolute;-webkit-transform:translate(-50%);left:50%;margin:0 auto;top:-.7rem;padding:.32rem}.app-scroller{overflow:hidden;position:relative}.app-scroller-wp{position:absolute;-webkit-transform:translateZ(0)}.app-scroller-wp ul{padding:;margin:;display:table;table-layout:fixed;white-space:nowrap;width:auto}.app-scroller-wp ul li{-webkit-box-flex:;display:inline-block;-webkit-box-align:center;-webkit-box-pack:center;vertical-align:top}.hor-view,.ver-view{display:-webkit-flex;-webkit-box-direction:normal}.hor-view,.line-clamp-2,.ver-view{display:-webkit-box}.sticky{position:-webkit-sticky!important;top:;left:;right:;z-index:}.floor img[data-src]{opacity:}.line-clamp-2{overflow:hidden;-webkit-line-clamp:;white-space:normal}.hor-view{display:flex;-webkit-box-orient:horizontal;-webkit-flex-direction:row;flex-direction:row}.ver-view{display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.hor-gap{width:1px;height:100%;line-height:}.ver-gap{height:1px;width:100%;line-height:}.gap{margin-bottom:1px}

 fieldset, img {

     border: 0

 }

 *, a:focus, input:focus {

     outline: 0

 }

 a, body {

     color: #333

 }

 .cl, .fix:after {

     clear: both

 }

 .block, .fix:after {

     display: block

 }

 .hm, .hvm {

     left: 50%

 }

 *, .bbox, .layout, div, p {

     -webkit-box-sizing: border-box

 }

 .footer li, .of, .sn-tab-nav li, .wb, .wbox-flex {

     word-wrap: break-word;

     word-break: break-all

 }

 .sn-local-loading span, .sn-select, img, input {

     vertical-align: middle

 }

 .checkbox-switch, .input-reset, .sn-select select {

     -webkit-appearance: none

 }

 .line-clamp-2, .pro-list .pro-info, .sn-select select {

     -webkit-box-orient: vertical

 }

 .line-clamp-2, .of, .sn-select select, .wb {

     text-overflow: ellipsis

 }

 article, aside, blockquote, body, button, code, dd, dialog, div, dl, dt, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, nav, ol, p, pre, section, td, textarea, th, ul {

     margin:;

     padding: 0

 }

 input, select, textarea {

     font-size: 100%

 }

 table {

     border-collapse: collapse;

     border-spacing: 0

 }

 caption, th {

     text-align: left

 }

 h1, h2, h3, h4, h5, h6 {

     font-size: 100%;

     font-weight: 500

 }

 li, ol, ul {

     list-style: none

 }

 em, i {

     font-style: normal

 }

 del {

     text-decoration: line-through

 }

 address, caption, cite, code, dfn, em, th, var {

     font-style: normal;

     font-weight: 500

 }

 img {

     max-width: 100%

 }

 a {

     text-decoration: none

 }

 a:active {

     opacity: .7

 }

 * {

     -webkit-tap-highlight-color: transparent

 }

 html {

     -webkit-text-size-adjust: none;

     overflow-y: scroll

 }

 body {

     min-width: 320px;

     line-height: 1.5;

     font-family: Arial, Helvetica, STHeiTi, sans-serif;

     background: #F2F2F2

 }

 .w {

     margin: 0 auto;

     max-width: 15rem

 }

 .layout {

     margin: .2rem

 }

 .pdlayout {

     padding: .2rem .6rem

 }

 .fix:after {

     content: '';

     visibility: hidden

 }

 .fl {

     float: left

 }

 .fr {

     float: right

 }

 .arrow:after, .dib, .sn-tag {

     display: inline-block

 }

 .hide {

     display: none

 }

 .mt20 {

     margin-top: .4rem !important

 }

 .mt10 {

     margin-top: .2rem !important

 }

 .f12, .f14, .f16, .f18, .f20 {

     font-size: .58rem

 }

 .fhalf {

     font-size: .4rem

 }

 .scale {

     -webkit-transform: scale(.8)

 }

 .font {

     font-size: .58rem

 }

 .f30 {

     font-size: .6rem

 }

 .tr {

     text-align: right

 }

 .sn-local-loading, .sn-nav-title, .tc {

     text-align: center

 }

 .pa {

     position: absolute

 }

 .pr {

     position: relative

 }

 .hm, .hvm, .sn-icon:after, .vm {

     position: absolute

 }

 .gray6 {

     color: #666

 }

 .gray9 {

     color: #999

 }

 .vm {

     top: 50%;

     -webkit-transform: translateY(-50%)

 }

 .hm {

     -webkit-transform: translateX(-50%)

 }

 .hvm {

     top: 50%;

     -webkit-transform: translate(-50%, -50%)

 }

 .sn-icon:after, .sn-iconbtn:after {

     top: -6px;

     right: -8px;

     bottom: -6px;

     left: -8px;

     content: ' '

 }

 .bold {

     font-weight: 700

 }

 .of {

     overflow: hidden;

     white-space: nowrap

 }

 .snPrice {

     color: #E21D1D

 }

 .snPrice em {

     padding-left: 2px

 }

 img.liprice {

     height: 20px !important;

     width: auto !important

 }

 .p {

     margin: 5px 0

 }

 .overtouch {

     overflow-y: auto;

     -webkit-overflow-scrolling: touch

 }

 .input-reset {

     -webkit-border-radius: 0

 }

 .opa0 {

     opacity: 0

 }

 .opa1 {

     opacity: 1 !important

 }

 .wbox {

     display: -webkit-flex !important;

     display: -webkit-box

 }

 .wbox-flex {

     -webkit-flex: 1 !important;

     -webkit-box-flex: 1

 }

 .sn-iconbtn:after {

     position: absolute

 }

 .border-tb:after, .border:after {

     content: "";

     position: absolute;

     top:;

     left:;

     border: 1px solid #333;

     -webkit-box-sizing: border-box;

     width: 200%;

     height: 200%;

     -webkit-transform: scale(.5);

     -webkit-transform-origin: left top

 }

 .sn-block {

     background: #FFF

 }

 .border-t {

     background: -webkit-gradient(linear, left top, left bottom, color-stop(.5, transparent), color-stop(.5, #DCDCDC), to(#DCDCDC)) left top repeat-x;

     background-size: 100% 1px

 }

 .border-b {

     background: -webkit-gradient(linear, left top, left bottom, color-stop(.5, transparent), color-stop(.5, #DCDCDC), to(#DCDCDC)) left bottom repeat-x;

     background-size: 100% 1px

 }

 .border-tb:after {

     border-left: transparent;

     border-right: transparent

 }

 .sn-txt-muted {

     color: #909090

 }

 .sn-txt-assertive {

     color: #E21D1D

 }

 .sn-txt-positive {

     color: #eda200

 }

 .sn-txt-tips {

     color: #CACACA

 }

 .sn-tag {

     padding: 0 .2rem;

     border-radius: 2px;

     color: #fff;

     font-size: .4rem

 }

 .sn-tag-a {

     background: #eb3b17

 }

 .sn-tag-b {

     background: #ee3852

 }

 .sn-tag-c {

     background: #fc2f4d

 }

 .sn-tag-d {

     background: #5552AD

 }

 .sn-tag-e {

     background: #eda200

 }

 .sn-tag-f {

     background: #ccc

 }

 .dashed {

     height: 1px;

     font-size:;

     overflow: hidden;

     border-top: 1px dashed #DCDCDC

 }

 .arrow {

     padding-right: .1rem

 }

 .arrow:after {

     content: "";

     width: .28rem;

     height: .28rem;

     border-style: solid;

     border-color: #7D7D7D;

     border-width: 1px 0 0 1px;

     -webkit-transform: rotateZ(135deg)

 }

 html {

     font-size: 50px

 }

 body {

     font-size: 24px

 }

 @media screen and (min-width: 320px) {

     html {

         font-size: 21.33px

     }

     body {

         font-size: 12px

     }

 }

 @media screen and (min-width: 360px) {

     html {

         font-size: 24px

     }

     body {

         font-size: 12px

     }

 }

 @media screen and (min-width: 375px) {

     html {

         font-size: 25px

     }

     body {

         font-size: 12px

     }

 }

 @media screen and (min-width: 384px) {

     html {

         font-size: 25.6px

     }

     body {

         font-size: 14px

     }

 }

 @media screen and (min-width: 400px) {

     html {

         font-size: 26.67px

     }

     body {

         font-size: 14px

     }

 }

 @media screen and (min-width: 414px) {

     html {

         font-size: 27.6px

     }

     body {

         font-size: 14px

     }

 }

 @media screen and (min-width: 424px) {

     html {

         font-size: 28.27px

     }

     body {

         font-size: 14px

     }

 }

 @media screen and (min-width: 480px) {

     html {

         font-size: 32px

     }

     body {

         font-size: 15.36px

     }

 }

 @media screen and (min-width: 540px) {

     html {

         font-size: 36px

     }

     body {

         font-size: 17.28px

     }

 }

 @media screen and (min-width: 720px) {

     html {

         font-size: 48px

     }

     body {

         font-size: 23.04px

     }

 }

 @media screen and (min-width: 750px) {

     html {

         font-size: 50px

     }

     body {

         font-size: 24px

     }

 }

 @-webkit-keyframes bounce {

     0%, 5% {

         left:;

         z-index: 1

     }

     25% {

         left: .24rem;

         z-index: 1

     }

     50% {

         left: .52rem;

         z-index: 3

     }

     75% {

         left: .24rem;

         z-index: 3

     }

     95% {

         left: 0

     }

     100% {

         left:;

         z-index: 3

     }

 }

 @-webkit-keyframes bounce-left {

     0%, 100%, 5%, 95% {

         left: .52rem

     }

     25%, 75% {

         left: .24rem

     }

     50% {

         left: 0

     }

 }

 @-webkit-keyframes rotate {

     0% {

         -webkit-transform: rotate(0)

     }

     100% {

         -webkit-transform: rotate(360deg)

     }

 }

 .sn-html5-loading {

     position: relative;

     display: block;

     height: .48rem;

     width: .97rem;

     z-index:;

     margin: 0 auto

 }

 .fixedLoading {

     position: fixed;

     left: 50%;

     top: 50%;

     margin: -.48rem 0 0 -.48rem;

     z-index: 9999

 }

 .loagMask {

     position: fixed;

     top:;

     left:;

     width: 100%;

     height: 100%;

     z-index:;

     background: rgba(0, 0, 0, .28)

 }

 .sn-html5-loading .blueball, .sn-html5-loading .orangeball {

     display: block;

     width: .48rem;

     height: .48rem;

     position: absolute;

     top:;

     left:;

     border-radius: .6rem;

     background: #eda200;

     -webkit-animation: bounce 1.2s infinite;

     -webkit-animation-timing-function: linear;

     z-index: 3

 }

 .sn-html5-loading .blueball {

     left: .52rem;

     background: #353d44;

     -webkit-animation: bounce-left 1.2s infinite;

     -webkit-animation-timing-function: linear

 }

 .sn-mask-loading.fixedLoading {

     position: fixed;

     left: 50%;

     top: 50%;

     margin: -.36rem 0 0 -.36rem;

     z-index: 9999

 }

 .sn-mask-loading {

     width: 1.2rem;

     height: 1.2rem;

     position: relative;

     margin: 0 auto;

     background: rgba(0, 0, 0, .3);

     border-radius: .2rem;

     z-index: 1000

 }

 .sn-local-loading .shape, .sn-mask-loading:after {

     width: .72rem;

     -webkit-animation: rotate .7s infinite;

     -webkit-animation-timing-function: linear

 }

 .sn-mask-loading:after {

     content: "";

     position: absolute;

     height: .72rem;

     background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURQAAAP///////////////////////////////+tNPsIAAAAJdFJOUwD+ELHdi00wbfD3fpAAAADbSURBVCjPY2CgDLBnBBtHFCCLsIWGGgNBE5Ka1tBgoIiJcwJcqKI1NF2BqcLExQOuraMDbAybiUsAVKisA6pB1cUVwmBKS4epb3GBSLKnwW1ndXEC0+rlcHuYoBaUFyGckygClilHcjWLIMgwJiUFhBCHYABYCNlnggboQkyCDiBSATkABAUwQglTCKIRBUCMRwGsggHoQhCnooBEQQzTHUXRhZgFhdCFAlGMUgZhQWR97I4gR6G4qlGQKdURRZGyIBggm2QIFgliQFPliubwRkHM1OSImcKU4SwAH1UgWePsA0wAAAAASUVORK5CYII=);

     background-size: .72rem;

     top: 50%;

     left: 50%;

     margin: -.36rem 0 0 -.36rem

 }

 .sn-local-loading {

     height: 2.2rem;

     line-height: 2.2rem

 }

 .sn-local-loading span {

     display: inline-block;

     height: .72rem;

     line-height: .72rem;

     color: #cacaca

 }

 .sn-local-loading .shape {

     margin-right: .3rem;

     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUxpccvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLywMqIQ0AAAAPdFJOUwDeBvAQx0axjzOiWnB/Ic21LzoAAAEmSURBVDgRxZNJosQgCEQFFGe9/20/+Wk6xmHdbJTyWYImxvwwYi4hpVRLxEMVyDVciJdwPtsd1oowAt2Mc55XikutoeZoDdpYkpMo85mcSynx2cvegQtPfs1izoVfGzEIVUfKcs6Dzb1UHcBQF0bmTdMBwD09tsiLj7ihWJXvgS1KU5tgsdJCbWttg4jk6FuVQFsjYyqQNmitVdPJkIH8RxJoWtTUEsFnjngwMvhAum8dBaJVnZThuGllSJnIDel+WommL2HlEDoNT7wCl5I70alx3WHFSC9ctWX0vcPpmhUOvfesyXvEdOc2CXNoLUL/hzIIo4/7tjGZesfG4UIOPngdoQGHeqQdDaqnvm4nea/w/gc3NU3SJo3u7m6zNEj2c0+DZP4AKf4I4DPd4PsAAAAASUVORK5CYII=);

     background-size: .72rem

 }

 .sn-nav {

     position: relative;

     height: 1.76rem;

     background: #fff;

     line-height: 1.76rem;

     font-size: .6rem;

     border-bottom: 1px solid #DCDCDC

 }

 .sn-nav-title {

     width: 60%;

     margin: 0 auto;

     color: #333

 }

 .sn-nav-back, .sn-nav-right {

     margin: 0 .56rem

 }

 .sn-nav-back a, .sn-nav-right a {

     position: absolute;

     top:;

     display: block

 }

 .sn-nav-back {

     position: absolute;

     left: .1rem;

     top:;

     width: .48rem;

     height: 1.5rem

 }

 .sn-nav-back a {

     width: 1.5rem;

     height: 1.5rem;

     text-indent: -100rem;

     overflow: hidden

 }

 .sn-nav-back:before {

     content: "";

     position: absolute;

     top: .6rem;

     left:;

     display: inline-block;

     width: .48rem;

     height: .48rem;

     border: solid #353d44;

     border-width: 1px 0 0 1px;

     -webkit-transform: rotate(-45deg)

 }

 .sn-nav-left, .sn-nav-right {

     position: absolute;

     top:;

     height: 1.8rem;

     width: 19%

 }

 .sn-nav-left {

     left: 0

 }

 .sn-nav-right {

     right: 0

 }

 .sn-nav-right img {

     position: absolute;

     top: 50%;

     -webkit-transform: translateY(-50%);

     right: 0

 }

 .sn-nav-right a {

     position: absolute;

     right:;

     color: #333

 }

 .nav-more-list {

     display: none;

     position: absolute;

     top: 2.36rem;

     right: -.3rem;

     background: #484F55;

     z-index:;

     border: 1px solid transparent;

     border-radius: 2px

 }

 .nav-more-list:after {

     content: "";

     position: absolute;

     top: -.9rem;

     right: .2rem;

     display: inline-block;

     width:;

     height:;

     border-style: solid;

     border-color: transparent transparent #484F55;

     border-width: .5rem

 }

 .nav-more-list li {

     border-bottom: 1px solid #5B6166;

     width: 5rem;

     height: 1.8rem;

     line-height: 1.8rem;

     text-align: left;

     text-indent: 2.7em;

     background: #484F55

 }

 .footer li, .sn-btn, .sn-tab-nav {

     text-align: center

 }

 .nav-more-list li a {

     position: relative;

     display: block;

     width: 100%;

     color: #fff

 }

 .nav-more-list li a.nav-more-icon:after {

     content: "";

     position: absolute;

     left: .3rem;

     top: 50%;

     margin-top: -.5rem;

     width: 1rem;

     height: 1rem;

     -webkit-mask-repeat: no-repeat;

     background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #fff), color-stop(100%, #fff));

     -webkit-mask-size: 1rem

 }

 .screenIfm {

     display: none;

     position: fixed;

     left:;

     top:;

     width: 100%;

     height: 100%;

     opacity: .3 !important;

     z-index: 111

 }

 .footer a, .pro-list, .pro-list a, .type-choose .value {

     display: block

 }

 .footer {

     background: #FFF;

     height: 1.92rem;

     line-height: 1.92rem

 }

 .footer li {

     -webkit-flex: 1 !important;

     -webkit-box-flex:;

     background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcAQMAAACak0ePAAAABGdBTUEAALGPC/xhBQAAAANQTFRF3d3d7t+OggAAAAxJREFUCNdjYCAPAAAAOAABXibFHwAAAABJRU5ErkJggg==) right center no-repeat;

     background-size: 1px .56rem;

     width: 25%

 }

 .footer li:last-child {

     background: 0 0

 }

 .footer a {

     font-size: .56rem;

     height: 1.92rem;

     overflow: hidden

 }

 .type-choose .choose {

     position: relative;

     margin: .2rem .4rem 0 0;

     float: left;

     max-width: 3.6rem;

     height: 1.2rem

 }

 .type-choose .value {

     position: relative;

     z-index:;

     padding: 0 .4rem;

     width: 100%;

     top: 1px;

     line-height: 1.2rem;

     overflow: hidden;

     height: 1.2rem

 }

 .sn-input-radio-filter {

     position: absolute;

     left:;

     top:;

     width: 100%;

     height: 1.2rem;

     border: 1px solid #DCDCDC;

     padding: 0 .2rem;

     background: #FFF;

     z-index: 10

 }

 .sn-input-radio-filter:checked {

     border: 1px solid #eda200;

     background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURQAAAO2iAO2iAO2iAO2iAO2iAO2iAO2iAHBlw4QAAAAHdFJOUwCAvfYYUFItZeQaAAAAXklEQVQY003OywnAIBBFUVNFCkjACsS9LaQGG4iL237QEXLfaobDfFL6c6hOpwEDBgwYMGDAgAEDgjcL7ixoGAi4FhDQ6wRiojwTiInRJ7BXlRZH16pRVxNfRfZXkQ8w/jkRmyn9BAAAAABJRU5ErkJggg==) right bottom no-repeat #fff;

     background-size: .48rem;

     border-radius: .04rem

 }

 .sn-input-radio-filter:checked + span {

     color: #eda200

 }

 .sn-input-radio-filter:disabled + span {

     color: #CACACA

 }

 .sn-title {

     height: 1.8rem;

     line-height: 1.8rem;

     padding: 0 .6rem;

     font-size: .56rem

 }

 .pro-list {

     padding: .4rem

 }

 .pro-list .pro-img {

     margin-right: .4rem

 }

 .pro-list .pro-img img {

     width: 2.4rem;

     height: 2.4rem;

     display: block;

     border: 1px solid #DCDCDC

 }

 .sn-list-common li, .sn-list-input li {

     position: relative;

     display: -webkit-box

 }

 .pro-list .pro-name {

     line-height: .7rem;

     overflow: hidden;

     margin-bottom: .32rem

 }

 .pro-list .pro-info {

     position: relative;

     -webkit-box-pack: center

 }

 .pro-list .pro-info .list-opra {

     position: absolute;

     right:;

     bottom: 0

 }

 .sn-list-common li {

     border-bottom: 1px solid #DCDCDC

 }

 .sn-list-common li:last-child {

     border-bottom: none

 }

 .sn-list-input label.input-text {

     height: 1.2rem;

     line-height: 1.2rem

 }

 .sn-list-input li {

     margin-left: .6rem;

     padding: .5rem .6rem .5rem 0;

     border-bottom: 1px solid #DCDCDC

 }

 .sn-list-input li:last-child {

     border-bottom: none

 }

 .sn-list-div {

     position: relative;

     padding: .6rem;

     border-bottom: 1px solid #E0E0E0

 }

 .sn-list-div a {

     display: block

 }

 .sn-list-div a:after {

     content: "";

     display: inline-block;

     position: absolute;

     right: .4rem;

     top: 50%;

     margin-top: -.16rem;

     width: .28rem;

     height: .28rem;

     border-style: solid;

     border-color: #7D7D7D;

     border-width: 1px 0 0 1px;

     -webkit-transform: rotateZ(135deg)

 }

 .sn-btn {

     display: inline-block;

     padding: 0 .5rem;

     height: 1.2rem;

     line-height: 1.2rem;

     border-radius: .1rem

 }

 .sn-btn.sn-btn-block {

     display: block

 }

 .sn-btn.sn-btn-assertive {

     background: #d00;

     color: #fff

 }

 .sn-btn.sn-btn-big {

     height: 1.56rem;

     line-height: 1.56rem;

     font-size: .6rem

 }

 .sn-btn.sn-btn-dark {

     background: #cacaca;

     color: #999

 }

 .sn-btn.sn-btn-assertive.sn-btn-outline {

     border: 1px solid #d00;

     color: #d00

 }

 .sn-btn.sn-btn-positive {

     background: #ffc001;

     color: #fff

 }

 .sn-btn.sn-btn-positive.sn-btn-outline {

     border: 1px solid #ffc001;

     color: #ffc001

 }

 .sn-btn.sn-btn-dark.sn-btn-outline {

     border: 1px solid #cacaca;

     color: #333

 }

 .sn-btn.sn-btn-outline {

     height: 1.2rem;

     padding: 0 .5rem;

     line-height: 1.2rem;

     background: 0 0;

     border-radius: .1rem

 }

 .sn-tab {

     overflow: hidden;

     width: 100%

 }

 .sn-tab-nav {

     height: 1.86rem;

     background: #fff;

     line-height: 1.76rem;

     box-shadow: 0 -1px 0 #DCDCDC inset

 }

 .sn-tab-nav li {

     -webkit-flex: 1 !important;

     -webkit-box-flex:;

     font-size: .6rem

 }

 .sn-tab-nav li.current {

     border-bottom: .12rem solid #eda200;

     color: #f29400;

     font-size: .65rem

 }

 .sn-tab-nav li.disabled {

     color: #cacaca

 }

 .sn-tab-content {

     -webkit-transition-property: transform;

     -webkit-transition-duration: 300ms;

     -webkit-transition-timing-function: cubic-bezier(.1, .57, .1, 1)

 }

 .city-list {

     background: #F2F2F2

 }

 .city-list li {

     height: 1.8rem;

     line-height: 1.8rem;

     border-bottom: 1px solid #DCDCDC;

     text-indent: .6rem

 }

 .city-list li.cur, .city-list li:active, .city-list li:hover {

     background: #DCDCDC;

     color: #eda200

 }

 .arrive-state {

     position: relative;

     padding-left: 45px;

     padding-right: 10px;

     overflow: hidden

 }

 .arrive-state .state {

     position: relative;

     padding: 5px 10px;

     margin-top: 10px

 }

 .arrive-state .state:after {

     content: "";

     position: absolute;

     top: 19px;

     left: -21px;

     width: 2px;

     height: 110%;

     background: #CCC

 }

 .arrive-state .state:last-child:after {

     content: "";

     height: 120%;

     overflow: hidden;

     background: 0 0

 }

 .arrive-state .state .icon {

     position: absolute;

     top: 9px;

     left: -26px;

     width: 12px;

     height: 12px;

     background: #CCC;

     border-radius: 12px

 }

 .arrive-state .on .icon {

     left: -26px;

     border-radius: 11px;

     border: 3px solid #F6D07F;

     background: #eda200;

     width: 13px;

     height: 13px;

     z-index: 10

 }

 .sn-fixed {

     position: fixed;

     width: 100%;

     height: 2rem;

     line-height: 2rem;

     left:;

     bottom:;

     background: #262523;

     z-index:;

     color: #909090

 }

 .sn-input-box {

     margin-left: .1rem;

     overflow: hidden

 }

 .sn-input {

     width: 100%;

     line-height: 1.2rem;

     border: 1px solid #DCDCDC;

     padding: 0 5px

 }

 .clo-se-input {

     display: inline-block;

     width: .8rem;

     background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURQAAAJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJBDX34AAAAOdFJOUwD+1EAY68AFgF8Sk5YmM0bnrAAAAORJREFUGNNjYAACdutUwbDNBQxQwNUqCAIRC6D8qYIaJuXOTYKREG6NYDKYNhM8DtacKAlVN1EMZAS3qAGUzxy4ASQqDDOXwRCokitwApzPKbqAgUOMAQESGxhKgcrZVIBspwSghnAGQwUGBiYhBwYWRSCfSZhhYwMDkK3C4CQEdB6HNEMiyDYnIRdFLZCNYgyBDgwgBUogaQYWUQZBsLecBLXAbhWE81WgfLh6B4h6qHlLFFUg5kHs0wIKOYDtg7hnAVBMAewesHuzEO5F9w+6f9HDAyO80MMTPbwx4gMjvpDjEwAZ3zJPeAgP+gAAAABJRU5ErkJggg==) center no-repeat #fff;

     background-size: .6rem

 }

 .sn-input-text-a {

     border: none;

     width: 100%

 }

 .checkbox-switch, .sn-switch {

     width: 2.08rem;

     height: 1.28rem;

     position: absolute

 }

 .sn-switch {

     font-size: .64rem;

     right: .6rem;

     top: 50%;

     -webkit-transform: translateY(-50%);

     line-height: 1em

 }

 .checkbox-switch {

     z-index:;

     border:;

     background: 0 0;

     outline: 0

 }

 .sn-switch input:after, .sn-switch input:before {

     content: '';

     height: 1.2rem

 }

 .sn-switch input:before {

     width: 2rem;

     border: 1px solid #DFDFDF;

     background-color: #FDFDFD;

     border-radius: .8rem;

     cursor: pointer;

     display: inline-block;

     position: relative;

     vertical-align: middle;

     -webkit-user-select: none;

     box-shadow: #DFDFDF 0 0 0 0 inset;

     -webkit-transition: border .4s, -webkit-box-shadow .4s;

     -webkit-background-clip: content-box

 }

 .sn-switch input:after {

     width: 1.2rem;

     position: absolute;

     top: 1px;

     left:;

     border-radius: 100%;

     background-color: #FFF;

     box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

     -webkit-transition: left .2s

 }

 .sn-count a:after, .sn-select:after {

     content: ""

 }

 .sn-switch input:checked:before {

     border-color: #ffc001;

     -webkit-box-shadow: #ffc001 0 0 0 16px inset;

     box-shadow: #ffc001 0 0 0 16px inset;

     background-color: #ffc001;

     -webkit-transition: border .4s, -webkit-box-shadow .4s, background-color 1.2s

 }

 .sn-ibar-toggle, .sn-ibar-wrap {

     -webkit-transition: all ease .2s

 }

 .sn-switch input:checked:after {

     left: .84rem

 }

 .sn-checkbox {

     width: .72rem;

     height: .72rem;

     border-radius: .1rem;

     border: 1px solid #DCDCDC

 }

 .sn-checkbox:checked {

     border-color: #ffc001;

     background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARBAMAAAA4SAFEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURQAAAP///////////////////////////////////////////7QJjekAAAAMdFJOUwD+jrvwDD1UbCga4AzsdzgAAAB8SURBVBjTY2BABpwKKFyGEnEULpOgKTKX1VCCgYE9AM6fLZLAwKAIV8LuaAUkVwvD+IpCIKWcjlA7Fgs2gOkUITDFtnEbRJwNIt4ovACqrxDkiCBBuNM4BBMYuAzdEe5QdGNIkZ6A5EyRGagONXQUQvFHsEgBCp9VE84EABN5EA+ig9/6AAAAAElFTkSuQmCC) center no-repeat #ffc001;

     background-size: 80%

 }

 .sn-radio {

     border: 1px solid #DCDCDC

 }

 .sn-radio, .sn-radio:checked {

     width: .88rem;

     height: .88rem;

     border-radius: .88rem

 }

 .sn-radio:checked {

     border: .15rem solid #fff;

     background: #eda200;

     box-shadow: 0 0 1px #aaa

 }

 .sn-select {

     position: relative

 }

 .sn-select select, .sn-select:after {

     display: inline-block;

     position: absolute;

     right: 0

 }

 .sn-select select {

     text-align: right;

     width: 40%;

     top:;

     padding: 0 .6rem 0 16px;

     max-width: 65%;

     border: none;

     background: #FFF;

     text-indent: .01px;

     white-space: nowrap;

     cursor: pointer;

     direction: rtl;

     color: #909090;

     -webkit-box-pack: center

 }

 .sn-select:after {

     top: .3rem;

     width:;

     height:;

     margin-left: .2rem;

     border-style: solid;

     border-color: #909090 #FFF #FFF;

     border-width: .2rem

 }

 .sn-count, .sn-count .count-add:after, .sn-count a {

     height: .84rem

 }

 .sn-count {

     width: 4.2rem;

     line-height: .84rem;

     overflow: hidden

 }

 .sn-count a {

     float: left;

     display: inline-block;

     width: 1.2rem;

     border: 1px solid #DCDCDC;

     background: #F5F5F5;

     text-align: center

 }

 .sn-count a.cover {

     background-color: #CACACA

 }

 .sn-count a:after {

     display: inline-block;

     width: .6rem;

     background-repeat: no-repeat;

     background-position: center;

     background-size: 100%

 }

 .sn-count .count-add {

     border-radius: 0 .04rem .04rem 0;

     background: url(images/add.png) center no-repeat #F5F5F5;

     background-size: .6rem

 }

 .sn-count .count-min {

     border-radius: 1px 0 0 1px;

     background: url(images/min.png) center no-repeat #F5F5F5;

     background-size: .6rem 1px

 }

 .sn-count .count-min:after {

     height: 1px

 }

 .sn-count .count-num {

     float: left;

     width: 1.6rem;

     height: .84rem;

     border:;

     border-top: 1px solid #DCDCDC;

     border-bottom: 1px solid #DCDCDC;

     background: #FFF;

     text-align: center;

     line-height: .84rem;

     font-size: .48rem

 }

 #Top {

     position: fixed;

     bottom: 1rem;

     right: .6rem;

     border-radius: 1.6rem;

     width: 1.6rem;

     height: 1.6rem;

     background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAmBAMAAAAhNzZRAAAABGdBTUEAALGPC/xhBQAAAB5QTFRFAAAA////////////////////////////AAAA////1NnxJAAAAAl0Uk5TAN3zXsMyFZ8Alc3kwAAAAKlJREFUKM9jmIkKGND5xAFW4wAUfuTMqchcNsnyiQlI/JTpDJViSHxPN4aUKQguO1Axm2QBnF+pCiSCpsOlZ4IsY9WEKYicDKYsoVayKkEk2CdB3JQI0wixks3TAcpnmZIAtQzqSk+Qxko1uL1J0xGmMECttFRGcrflZIZKAyQ+83QGS1CoTQCyOUGMyQzMnkj8KRDFnBNgBMOw4LOAk4oDIpxAfp4CDjcAxtdL76lU1wEAAAAASUVORK5CYII=) center no-repeat #5B6167;

     background-size: .6rem .76rem;

     z-index: 50

 }

 .starBar, .starBarMask {

     height: .48rem;

     width: 3.2rem

 }

 .lazybox, .lazyimg img {

     background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAdCAMAAAAdK4vkAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA/UExURQAAAPf39/b29vn5+f////////39/ebm5vLy8urq6vDw8P39/f///+vr6////+rq6dvb29bW1v///+Hh4fDw7yUnHAEAAAAPdFJOUwCMoHw8KlH+t+3NZwzfGdofFLUAAAOtSURBVEjHtVaJcus2DORNgpfAQP//rV0esp20melM++BEEiV5CS52QSv1jtBuq/5IlCvGy/wJ5HDHC/E/Y9vWcr5OUG5k+utZT2W9kt63wvvaW73DrltOa696tt0/yGAixgd6DfLBbRQHU2vEI1KuyiWied2IdAWHMnjHuIBWeAwJAQehsADyG/aJ223oiyXiwzIPl/KYSOYtER5ZdeFUdqTRlBe2dsSA6WXIQmjXb9Cq1qpCtqp6711XZjTnV/Qi7AILVtQIa7CZfRgmhMTF4phHWln/A/Qhy5cSkFA4w8zlxXjmAOi2Y0EXNkKJ8UlDC/1GyIO1uRwMKucCUnBP2FRBiPkgxLJplDe0XdDh/nvWjwZDNgbf1wQmKKt0igbC8V8+yxjdC1pS4pU1nLKF8ejjE9tfJnCsqtIwLDW0tIIGpZQdCidmxxTfT+hw0sS8+8yf2HYYvQqCY5RHrRjpc+aWpyko676h0xv6EH1DW1+Im/nhZIoEpOFvzZGI3Rt6TVwjT5lFpDW1iDwAPV7Q9Krh14o38WF9d4psQzcOP6DLaD2P4EAZNO0dGZGUDSezFKIPkNwb+uvhvE3jcrOTagVFm/yGTpuQNsqENXOitbg2wF4ASVsh6cjt615x0o5Lfvqh2sUBfT2ixkrWLMVWIHbGCHUOWAVFXBMmCDzFlw4b9/TvfTjZwoaO8yg1N56ynez73Obo9Bgsiz246kkGoGQEcKQ6FNNWRpVmzpvnh+7H6OgakBw0/DS7slRt6kM6J0XTlkwezzAjrQVBnf4Y/SH6oft+6czDhs69umidRvxouQ7d0OHkz2Af5rfUaU/foD+z/i3qv3vWru/Y785XNcWoPaH1ZQMrSrRwr8PWIQ1v6Ch5MeXhJ6Mshl6lHFvJh0ETp83vE9Pq8a5Hv1fKNqAknpvBpiBomdNFkVi6ZaLVl52MGKEluLwFGdds6bvSnoD72mOuG6PwWCOiWTvUqkvWrHFpNJcEFxnGipRa7jdT01VwCbVGeGWEyvHUyjm/9R3J+Y86lRSnayZ00zxnMRbQEwRehqtoQqepii7Sp2nhNY2xxA/20zWZ6N92eR00A0MCnGPHzhrmYY9M4SFrWVwyhcUWOEAHbGGyslYsn0AG2/k3ZAVQtE2c0A99EUCLsbKzllBpbpRFqM4Xkm/YQm0HIVaCivQNybmfmvJh7V04dUga87pe0abdFHiFhkOUPjW83qvr5WUEqN3/l58vWtAN0x/5JRem6H/3zl8OVklIy0odWAAAAABJRU5ErkJggg==) center no-repeat #fff

 }

 .starBar {

     -webkit-mask-image: url(images/star.png);

     background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #DCDCDC), color-stop(100%, #DCDCDC));

     -webkit-mask-size: 3.2rem .48rem

 }

 .starBarMask {

     background: url(images/star.png) no-repeat;

     background-size: 3.2rem .48rem;

     position: absolute;

     left:;

     top: 0

 }

 .sn-ibar {

     position: fixed;

     left: .4rem;

     bottom: 6rem;

     z-index: 102

 }

 .sn-ibar-toggle {

     width: 1.6rem;

     height: 1.6rem;

     border-radius: 50%;

     border: 1px solid #2f8ffd;

     background-color: #2f8ffd;

     position: absolute;

     z-index:;

     -webkit-transform-origin: 50% 50%

 }

 .sn-ibar-toggle .hline, .sn-ibar-toggle .vline {

     position: absolute;

     left: 50%;

     top: 50%;

     -webkit-transform: translate(-50%, -50%);

     background-color: #fff;

     width: 1px;

     height: .64rem

 }

 .sn-ibar-toggle .vline {

     height: 1px;

     width: .64rem

 }

 .sn-ibar-wrap {

     position: absolute;

     z-index:;

     width: 8.88rem;

     height: 8.88rem;

     left: -3.68rem;

     top: -3.68rem;

     border-radius: 50%;

     border: 1px solid #dbdbdb;

     background-color: rgba(255, 255, 255, .8)

 }

 .sn-ibar.open .sn-ibar-toggle {

     -webkit-transform: translate3d(0, 0, 0) rotate(225deg);

     background-color: #fff;

     border-color: #909090

 }

 .sn-ibar.close .sn-ibar-toggle {

     -webkit-transform: translate3d(0, 3.4rem, 0) rotate(0);

     background-color: #eda200;

     border-color: #eda200

 }

 .sn-ibar.open .hline, .sn-ibar.open .vline {

     background-color: #909090

 }

 .sn-ibar.close .hline, .sn-ibar.close .vline {

     background-color: #fff

 }

 .sn-ibar.open .sn-ibar-wrap {

     opacity:;

     -webkit-transform: scale(1);

     pointer-events: auto

 }

 .sn-ibar.close .sn-ibar-wrap {

     opacity:;

     -webkit-transform: scale(.3);

     pointer-events: none

 }

 .sn-ibar-wrap .item {

     display: block;

     width: 2.28rem;

     height: 1.8rem;

     position: absolute;

     font-size: 12px;

     color: #353d44;

     z-index: 999

 }

 .sn-ibar-wrap .item .title {

     text-align: center;

     margin-top: .1rem

 }

 .sn-ibar-wrap .item:nth-child(1) {

     top: .56rem;

     left: 3.3rem

 }

 .sn-ibar-wrap .item:nth-child(2) {

     top: 1.64rem;

     left: 5.34rem

 }

 .sn-ibar-wrap .item:nth-child(3) {

     top: 3.68rem;

     left: 6.5rem

 }

 .sn-ibar-wrap .item:nth-child(4) {

     top: 5.8rem;

     left: 5.34rem

 }

 .sn-ibar-wrap .item:nth-child(5) {

     top: 6.6rem;

     left: 3.3rem

 }

 .sn-ibar-wrap .item .icon {

     width: 1rem;

     height: 1rem;

     margin: 0 auto;

     -webkit-mask-repeat: no-repeat;

     background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #353d44), color-stop(100%, #353d44));

     -webkit-mask-size: 1rem

 }

 .nav-more-list li a.nav-more-icon.home-icon:after, .sn-ibar-wrap .item:nth-child(1) .icon {

     -webkit-mask-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABJQTFRFLo/9Lo/9Lo/9Lo/9AAAALo/9x5IphwAAAAV0Uk5TWOIgqQDx9kpIAAAA1ElEQVQ4y+2UQRKDIAxF4wzunU45QKd6ASt7GnWvYu5/lVKwIBJ7ArNA4OEnP4IwnAXs+volTogiw5MnAbUc0fI2PGbBEGXqAZXJSU9daBOCqnLPwr6ZkmL2MyinlESV0INNawo7l5ueJ/ts0WYfiN47tI5FIMoktfRDiItiNZwE+LKk4baFTOunB9aAyIi2pgBlxXxQWxJo5pohKBcoO/YU9BM0RGs2PxItgIolprZZjwxZnZ+LXOQ/eS8Zae6O9Mxd6BxBScf4nnV/546gPfzF0vgAsaxKR7EkvqwAAAAASUVORK5CYII=);

     -webkit-mask-position: 0 0

 }

 .my-cart .icon, .nav-more-list li a.nav-more-icon.cart-icon:after, .sn-ibar-wrap .item:nth-child(2) .icon {

     -webkit-mask-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABhQTFRFLo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAALo/9QGDOBQAAAAd0Uk5TJJJ1tkXrAPzIW2oAAADnSURBVDjL7ZNNDoIwEIWJC44gJ0AuYOQABNyr0C0o1K1UcK5vM9NKQxlMXDsJi8eXaefnNUgBQC5FACzhc/SnSSbAiXH/ITnM4mJIA6fQPaiOYUskUvNL4p4IFHPSQoFE+ZUlFZKDT7oByc4n1yeS0Cf1aDr1A/7kdyJ4wm4hZTd3rLhtd6xD2gVXCXSV9J2YkBOl715B7pWs43Vkpfu/tK9Esi9rlWTiPFVOgkijD+8tMIJIpMKNLlS6Akk76ux8MO0bgeSmcLpErEDSPXAjZspGILm/5LR0K77k8PfwtfH9rMxgaW5vBXTrw52l9PkAAAAASUVORK5CYII=);

     -webkit-mask-position: 0 0

 }

 .nav-more-list li a.nav-more-icon.search-icon:after, .sn-ibar-wrap .item:nth-child(3) .icon {

     -webkit-mask-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABVQTFRFLo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAAhP0sDQAAAAd0Uk5TYzEWntv+AJnAin8AAAEGSURBVDjLjdTNDoMgDABgTaZnk02fwHDfIp43jTs7ofcJC+//CItWJyCN42LMZ5GftpGhRnQsWdXJNt6LqmAeLfNEcWhjprIKBHPlBFd8PcPdEb3CRLUlivfbjxNhiZbFJmNXb8If9j5y8ZM3FLaMkK5S9u7mk2YVXruixSLKnWyajqFo4Z8lThKZz8uX/ImCT3vgt5FJal90j8JTX94CpSt8GeUizBe1COxTAI6Eno1eAb1qeqf06dAnSt8CfXP0be8zZDjOKi8TL4LM3oHKeJCMqJJb14QrqzelZEQ1KgwKVTAGWVUPa9VjULBTzEFBmYPC3WUKCssURHSkUlKi2n+62G58AagQzwmrsXO8AAAAAElFTkSuQmCC);

     -webkit-mask-position: 0 0

 }

 .nav-more-list li a.nav-more-icon.cate-icon:after, .sn-ibar-wrap .item:nth-child(4) .icon {

     -webkit-mask-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURQAAADU9RDU9RDU9RDU9RF2IWgwAAAAEdFJOUwAunmbKU26JAAABc0lEQVQ4y7VUbZaCMAxsCweoygFQcgBUDgAl9z/TNp+UXd/+2bd9KomTTJN0Sgi/rvh6PN25PaZsdod17eos5MzqIE5vwI3tAcv7hRjUmTmWOCLndhomj4hr/e0Zr8Gyi2w4UPQiwZFp+t3qoHzdeyGCYbVCZkFp9ZS7jMHjLD8kMsCK71f6KHU5IdvBfEYqgzMz4l6L8D7D9gHhP1P5gMDI/aqbagVmylyW8qM22HUs47dOkw1pQGHN/CXAioqI9xyBmys5XhH9uCOdMCcmtnIjEahpbNWEksN/LdpnNrndG6DzioZWlNrPhdqLuOULeKMBmClVdfRFGH2wYlQ6nSjojGHzM4FR6cdWo5TgJhfhGmsQUeSyHnoziYqKWyU6woLwmTdsUqTHtUh/QipDy9ywHZ0qm8VF1GvjFVjVpFXXq9zGckg5KnXCENyTS6s3WG+BSFU0LOo01Sbcc7QzAXyGG9p27RF3ZynWF83kmoA/SPELxo1H+loQseoAAAAASUVORK5CYII=);

     -webkit-mask-position: 0 0

 }

 .nav-more-list li a.nav-more-icon.ebuy-icon:after, .sn-ibar-wrap .item:nth-child(5) .icon {

     -webkit-mask-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAAB5QTFRFAAAALo/9Lo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAALo/9MGF0hQAAAAl0Uk5TAHoyVr2f4hcACU70ZwAAAe1JREFUOMt1VEtPwzAMTrtHr9NASLsNIUC9VUKAehsTMOUGAoF647Wh3gqMSfwM1jaT/y1O7KQPIJe6sf3Zsf1ZCHs+bhewuDgV7RPsAJ3HrKnwE5gPD8X77h2U44ZHAjcsHkNZ9zqBeyd/wnOl6MGsZrYPVw5LfjeCjgorddW4mU46YUnOWk9YsVOPXYLjiy2GTylSvLaZA5SkCnMyGBAEXB9tc5Ke0m/qlYygLw84QqLhwg1FK+oAXzqCpGhsEE6cXQBUphEZdHPCxluP05GUuv1NBqJPRoJdfU4hfBBfD6zhRyr69jci5sKm5NOxhck1oAU2cbjsGE9GJMaEuloLG49RRJeMJTfAV07jg4b7VJnLBGxTQnUq3tIn+wuVxpfYhSKrNKmTO5cwj9xsqJpGiJqIGhmJvw6+2L60rSltdTq3c/O9exna6lBFPUxMv3GJ+U25oqYLgSyGK8w4SKZ7O2Z4sQumVUsV4QigPY5eMCqpwKbbySsj6fnpoJO5xQnxVINoOJpmksKN6zgfr6CpwkkcTZqcTSMziQEMZJMlIj4j+DhXrQL0IWeWfLc0nuWjXP/DLGRj1mLjzDH4qcXgrGJ9vRXLivW4KWrsfqtvCqxxEbk90dgueiNda7eP7dZGoi22OF/83mJ/bL4fUySQ/0TSZf8AAAAASUVORK5CYII=);

     -webkit-mask-position: 0 0

 }

 .sn-ibar-mask {

     display: none;

     position: fixed;

     top:;

     left:;

     right:;

     bottom:;

     width: 100%;

     height: 100%;

     background-color: rgba(0, 0, 0, .3);

     z-index: 101

 }

 .sn-ibar.open .sn-ibar-mask {

     display: block

 }

 .sn-client-a, .sn-client-b span {

     color: #333;

     display: inline-block

 }

 .sn-client-b {

     background: #fff;

     padding: .3rem .5rem;

     height: 1.8rem;

     position: relative

 }

 .sn-client-a {

     position: absolute;

     right: .3rem;

     border: 1px solid #909090;

     height: 1rem;

     padding: 0 .4rem;

     line-height: 1rem;

     border-radius: .2rem;

     text-align: center;

     top: 50%;

     margin-top: -.5rem

 }

 .sn-client-b span {

     height: 1.2rem;

     line-height: .65rem;

     padding-left: 12%;

     width: 75%;

     overflow: hidden

 }

 .sn-client-t {

     padding: .3rem .5rem;

     height: 2.4rem;

     width: 100%;

     position: relative;

     background: url(images/topdload.png) no-repeat;

     background-size: 100%

 }

 .sn-client-t .sn-client-div {

     padding-left: 26%;

     color: #fff;

     height: 1.2rem;

     line-height: .65rem;

     margin-left: 5%

 }

 .sn-client-t .sn-client-div p {

     width: 70%;

     height: 1.9rem;

     overflow: hidden

 }

 .sn-client-t .sn-client-top {

     border: 1px solid #fff;

     color: #f8b500;

     background: #fff

 }

 .sn-client-t .del-ete {

     background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURQAAAP///////////////////////////////////yR8m5UAAAAJdFJOUwAW1ezDO1iAlHYcCaMAAADOSURBVBjTZVG7DsIwDLwWShlLBDtlQdkYoCgbCDF0A8HChsRCtwp+gAmJtS0V/luS9IFIbnEucc72GVC4bsT8iQbOnRSWQc0vNN1jdKOoon3a6nikh45x1OQV+jnf1dwTKiFZtMKHUoqLc8t7eQC/wA9xis4b6IbyzFbAaYZkDLhZAIdL7pZ4pVKDh2DyDv4HsarGsgFXf7wCQnXt8EmmYw7SwoxCHQnC5Ea+qWfWM/vR/a5l7rDq15znf17bD8sv00/Lb3Mf1r7UPqne5xf3NzwjpoAZQAAAAABJRU5ErkJggg==) .2rem .2rem no-repeat;

     background-size: .7rem;

     display: block;

     position: absolute;

     width: 1rem;

     height: 1rem;

     top: .1rem;

     left: .1rem

 }

 .sn-loading-type {

     padding: .4rem 0

 }

 .sn-loading-type .sn-click-loading {

     display: block;

     border: 1px solid #dcdcdc;

     color: #909090;

     padding: .3rem .5rem;

     width: 30%;

     margin: 0 auto;

     text-align: center

 }

 .sn-loading-type .sn-pull-loading {

     color: #909090;

     display: block;

     text-align: center;

     width: 100%;

     position: relative;

     height: 1.5rem;

     line-height: 1.5rem

 }

 .sn-loading-type .sn-end-loading {

     width: 100%;

     border: solid #dcdcdc;

     border-width: 1px 0 0;

     position: relative;

     margin-top: .3rem

 }

 .sn-loading-type .sn-end-loading span {

     background: #f2f2f2;

     color: #909090;

     display: block;

     text-align: center;

     position: absolute;

     -webkit-transform: translate(-50%);

     left: 50%;

     margin: 0 auto;

     top: -.7rem;

     padding: .32rem

 }

 .app-scroller {

     overflow: hidden;

     position: relative

 }

 .app-scroller-wp {

     position: absolute;

     -webkit-transform: translateZ(0)

 }

 .app-scroller-wp ul {

     padding:;

     margin:;

     display: table;

     table-layout: fixed;

     white-space: nowrap;

     width: auto

 }

 .app-scroller-wp ul li {

     -webkit-box-flex:;

     display: inline-block;

     -webkit-box-align: center;

     -webkit-box-pack: center;

     vertical-align: top

 }

 .hor-view, .ver-view {

     display: -webkit-flex;

     -webkit-box-direction: normal

 }

 .hor-view, .line-clamp-2, .ver-view {

     display: -webkit-box

 }

 .sticky {

     position: -webkit-sticky !important;

     top:;

     left:;

     right:;

     z-index: 40

 }

 .floor img[data-src] {

     opacity: 0

 }

 .line-clamp-2 {

     overflow: hidden;

     -webkit-line-clamp:;

     white-space: normal

 }

 .hor-view {

     display: flex;

     -webkit-box-orient: horizontal;

     -webkit-flex-direction: row;

     flex-direction: row

 }

 .ver-view {

     display: flex;

     -webkit-box-orient: vertical;

     -webkit-flex-direction: column;

     flex-direction: column

 }

 .hor-gap {

     width: 1px;

     height: 100%;

     line-height: 0

 }

 .ver-gap {

     height: 1px;

     width: 100%;

     line-height: 0

 }

 .gap {

     margin-bottom: 1px

 }

苏宁易购微信端全页通过background单图的更多相关文章

苏宁易购微信端 wx ios android other 通过js来控制样式
<!DOCTYPE HTML><html><head><meta charset="UTF-8"><meta name=&qu ...
Axure RP Pro 7.0苏宁易购式标签切换效果教程
转:http://jingyan.baidu.com/article/7082dc1c4f0a11e40a89bdac.html 页面标签切换效果,几乎是所有大网站(尤其是电商类网站)标配的交互方式: ...
分布式爬虫系统设计、实现与实战：爬取京东、苏宁易购全网手机商品数据+MySQL、HBase存储
http://blog.51cto.com/xpleaf/2093952 1 概述在不用爬虫框架的情况,经过多方学习,尝试实现了一个分布式爬虫系统,并且可以将数据保存到不同地方,类似MySQL.HB ...
jQuery仿苏宁易购导航
最近看了些网上的各类导航网站源码,自己学习制作了一个仿苏宁易购的导航栏 jQuery部分代码 $(function(){ $(".CategoryTree>ul>li" ...
华为HiAI 助力苏宁易购，让你尽享完美视觉购物体验！
还在感慨商品照片与实物存在差距,又要退货? 还在抱怨被忽视的图片小细节,影响了生活品质? 想要“买买买”, 又担心海量的商品图片耗光你的流量? 就在近期搭载HiAI能力的苏宁易购新版上线, 让你畅快 ...
苏宁易购Android架构演进史
互联网后端架构 https://mp.weixin.qq.com/s/5lDXjMh6ghQNi4E7qQIEEg 互联网后端架构 10月9日摘要移动青铜时代(2012-2014) 时代特点: 移 ...
Python 爬虫实例（11）—— 爬虫苏宁易购
# coding:utf-8 import json import redis import time import requests session = requests.session() imp ...
架构设计--用户端全http参数接口详细说明v1
1. 用户端全http参数接口详细说明v1.doc 1 2. change histor 1 3. 接口通用参数说明 1 4. 函数注册接口(规划中) 3 5. 用户权限模块 3 5.1. 用户注册接 ...
LArea 微信端地址选择
最近做到一个项目,微信端的商城需要地址选择功能在百度上看了,采用LArea.js....下载实例,在移动端模拟器上运行是比较好的, 在微信上模拟后出现很多问题, 1,出现undefined 都定义正 ...

随机推荐

action(四)
void ActionDelayTime::onEnter() { ActionsDemo::onEnter(); alignSpritesLeft(); CCActionInterval* move ...
pyqt加载图片
使用QPixmap可以加载图片,但是图片只能是标准二进制文件格式: bmp,gif,ico,jpeg,jpg,mng,pbm,pgm,png,ppm,svg,svgz,tga,tif,tiff,xbm ...
nginx+keeplived负载均衡配置
一.nginx 编译安装 1.依赖环境安装 yum -y install gcc gcc-c++ zlib zlib-devel pcre pcre-devel openssl openssl ...
ubuntu4arm 网站参考
1 构建ubuntu armv7文件系统:基于tiny210v2 http://blog.csdn.net/embbnux/article/details/12751465 2制作BeagleBon ...
java定时调度器解决方案分类及特性介绍
什么是定时调度器? 我们知道程序的运行要么是由事件触发的,而这种事件的触发源头往往是用户通过ui交互操作层层传递过来的:但是我们知道还有另外一种由机器系统时间触发的程序运行场景.大家想想是否遇到或者听 ...
【2015/7/22】SqlServer卸载重装全攻略！
请大家大声地告诉我,哪个软件最恶心. 装了之后跟在电脑里面糊了一层泥,甩都甩不干净.之前手贱,重装系统后装了sqlserver2014的试用版.可惜过了半年试用期就到了.然后重装2012.2014卸载 ...
关于Unity的C#基础学习（二）
一.Debug的使用 int a=3; Debug.Log("a="+a); 二.整数的定义 int m; Debug.Log(m); //C#比C更严谨,没有初始化的变量打印出 ...
android之SQLite数据库insert操作
原型: long Android.database.sqlite.SQLiteDatabase.insert(String table, String nullColumnHack, ContentV ...
验证:record项元的多少影响修改速度。
验证erlang官网提供的思想:record的修改是复制. -module (test_record). -record (record_5,{ aa1 = 0, aa2 = 0, aa3 = 0, ...
浅谈Spring（一）
Spring 框架是一个分层架构,由 7 个定义良好的模块组成.Spring 模块构建在核心容器之上,核心容器定义了创建.配置和管理 bean 的方式. watermark/2/text/aHR0cD ...

苏宁易购微信端 全页通过background单图

苏宁易购微信端 全页通过background单图的更多相关文章

随机推荐

热门专题

苏宁易购微信端全页通过background单图

苏宁易购微信端全页通过background单图的更多相关文章