正文

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

IP云
IP云V管理员/5 阅读
06/26
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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
}