/* 此文件不要私自修改 */
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section,article,aside,header,footer,nav,dialog,figure,hgroup{margin:0;padding:0;}
input,select,textarea{font-size:100%;}
table {border-collapse:collapse;border-spacing:0}
fieldset,img {border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
ul,ol,li{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{border:0;max-width:100%;}
input,img{vertical-align:middle;}
input:focus,a:focus{outline:none;}
a{color:#353d44;text-decoration:none;}
a:active{opacity:.7;}
*{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-box-sizing:border-box;}
html{-webkit-text-size-adjust:none;overflow-y:scroll;}

/* Site Global */
body{min-width:320px;line-height:1.5;color:#353d44;font-family:Arial, Helvetica, STHeiTi, sans-serif;background:#F2F2F2;}
.w{margin:0 auto;max-width:15rem;}
.layout{margin:.2rem;-webkit-box-sizing:border-box;}
.pdlayout{padding:.2rem .6rem;}
.fix:after{display:block; content:''; clear:both; visibility:hidden;}
.cl{clear:both;}
.fl{float:left}
.fr{float:right;}
.block{display:block;}
.dib{display:inline-block;}
.hide{display:none}
.mt20{margin-top:.4rem !important;}
.mt10{margin-top:.2rem !important;}
.f12{font-size:.58rem;}
.f14{font-size:.58rem;}
.f16{font-size:.58rem;}
.f18{font-size:.58rem;}
.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;}
.tc{text-align:center;}
.pa{position:absolute;}
.pr{position:relative;}
.gray6{color:#666;}
.gray9{color:#999;}
.vm{position:absolute;top:50%;-webkit-transform:translateY(-50%);}
.hm{position:absolute;left:50%;-webkit-transform:translateX(-50%);}
.bold{font-weight:700;}
.of{overflow:hidden;word-wrap:break-word;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;}
.wb{word-wrap:break-word;word-break:break-all;text-overflow:ellipsis;}
.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;}
.sn-icon:after{position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px;content:' ';}
.input-reset{-webkit-appearance: none;-webkit-border-radius: 0;}

/* layout */
.wbox{display:-webkit-box;}
.wbox-flex{-webkit-box-flex:1;word-wrap:break-word;word-break:break-all;}
.bbox,p,div{-webkit-box-sizing:border-box;}
.sn-iconbtn:after{position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px;content:' ';}
.sn-block{background:#FFF;}


.sn-tab{overflow:hidden;width:100%;}
.sn-tab-nav{height:1.86rem;background:#fff;line-height:1.76rem;text-align:center;box-shadow:0 -1px 0px #DCDCDC inset;}
.sn-tab-nav li{-webkit-box-flex:1;word-wrap:break-word;word-break:break-all;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(0.1, 0.57, 0.1, 1);}

.sn-btn{display:inline-block;text-align:center;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:#E21D1D;color:#fff;}
.sn-btn.sn-btn-big{height:1.56rem;line-height:1.56rem;font-size:.6rem;}
.sn-btn.sn-btn-dark{background:#909090;color:#ccc;}
.sn-btn.sn-btn-positive{background:#eda200;color:#fff;}
.sn-btn.sn-btn-assertive.sn-btn-outline{border:1px solid #E21D1D;color:#E21D1D;}
.sn-btn.sn-btn-positive{background:#eda200;color:#fff;}
.sn-btn.sn-btn-positive.sn-btn-outline{border:1px solid #eda200;color:#eda200;}
.sn-btn.sn-btn-dark.sn-btn-outline{border:1px solid #909090;color:#333;}
.sn-btn.sn-btn-outline{height:1.2rem;padding:0 .5rem;line-height:1.2rem;background:transparent;border-radius:.1rem;}


/* element */
.border-t{border-top:1px solid #DCDCDC;}
.border-b{border-bottom:1px solid #DCDCDC;}
.border-tb{border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;}
.sn-txt-muted{color:#909090;}
.sn-txt-assertive{color:#E21D1D;}
.sn-txt-positive{color:#eda200;}
.sn-txt-tips{color:#CACACA;}
.sn-tag{display:inline-block;padding:0 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:0px;overflow:hidden;border-top:1px dashed #DCDCDC;}
.arrow{padding-right:.1rem;}
.arrow:after{content:"";display:inline-block;width:0.28rem;height:0.28rem;border-style:solid;border-color:#7D7D7D;border-width:1px 0 0 1px;-webkit-transform:rotateZ(135deg);}


/*
  rem方式，750px 为高保真基准，原高保真大小除以基数50，即 10px/50 = 0.2rem，以此类推,字体还是 px
 */

html{font-size:50px;}
body{font-size:24px;}
@media screen and (min-width:320px){
    html{font-size:21.333333333333332px;}
    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.666666666666668px;}
    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.266666666666667px;}
    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;}
}