/*公共样式*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,form,input,button,textarea,article,footer,header,menu,nav,section{margin:0;padding:0}
img{vertical-align:middle;border:0;max-width:100%}
a{text-decoration:none}
ul,li{vertical-align:middle;list-style:none}
html,body{width:100%;background:#fff;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; font-size:100px;}
body{margin:0; font:normal 16px "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,STHeiTi,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
button{-webkit-appearance:none}
img{max-width:100%;width: 100%;}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
*:focus { outline: 0 none; }
textarea{ resize:none;}


section{ border-bottom:.2rem #F0F0F0 solid;}
.red{ color:#fd745d !important}
/****s= 公共模块*****/
/****s= head*****/
.header{ height:.88rem; padding:.2rem 0 .18rem; box-sizing:border-box; text-align:left; border-bottom:1px #EBEBEB solid; font-size:.30rem; line-height:.48rem; position:relative; z-index:100; background:#fff;}
.header .back{ width:.8rem; height:.5rem; border-right:1px #F2F2F2 solid; position:relative; float:left;}
.header .back:after{ content:""; position:absolute; width:0.2rem; height:0.2rem; border-bottom:1px #222 solid;border-left:1px #222 solid;transform: rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); top:0.13rem; left:0.32rem}
.header h1{ float:left; width:1.7rem; height:.4rem; padding-top:.04rem; padding-left:.1rem; line-height:0; padding-right:.1rem}
.header .topnav{ float:right;}
.header .navtit{ display:block; height:.5rem; width:.7rem; background:url(../img/head_ico.png) no-repeat .18rem -.46rem; background-size:.32rem auto; margin-right:.1rem;}
.header .navbox{ position:absolute; top:.88rem; background:#fff; width:7.5rem; left:0px; display:none}
.header .navbox:before{ content:''; width:.28rem; height:.1rem; background:url(../img/head_ico.png) no-repeat 0 -1.8rem; background-size:.32rem auto; top:-.07rem; right:.3rem; position:absolute; z-index:10}
.header .navbox .navcon{ overflow:hidden;}
.header .navbox .navcon a{ width:25%; font-size:.28rem; line-height:1rem; overflow:hidden; float:left; text-align:center; color:#333}
.header .hostorcon{ width:100%; border-top:1px #ebebeb solid;}
.header .hostorcon strong{ line-height:.6rem; padding-left:.6rem; font-size:.24rem; color:#aaa; background: url(../img/head_ico.png) no-repeat .2rem -1.05rem; background-size:.32rem auto; font-weight:normal; display:block}
.header .search{ float:right; width:1.02rem; height:.48rem; border:1px #F2F2F2 solid; border-radius:.22rem; background:url(../img/head_ico.png) no-repeat 0.12rem .1rem; background-size:.32rem auto;}
/****e= head*****/
/****s= search layer*****/
.masker-layer{position:fixed;top:0;left:0;background:#000;opacity:0.7;width:100%;height:100%;z-index:99; display:none}
.search-layer{ position: absolute; top:0px; left:0px; width:7.5rem; background:#fff; z-index:101; display:none; height:100%; }
.search-layer .tit{ padding:.2rem; height:.6rem; border-bottom:1px #ebebeb solid;}
.search-layer .tit .text{ width:6.32rem; height:.6rem;box-sizing:border-box; padding:0 .64rem; border:0; border-radius:.1rem; float:left; background:#F5F5F5 url(../img/head_ico.png) no-repeat 0.2rem .16rem; background-size: .3rem auto;}
.search-layer .tit .btn{ float:right; font-size:.28rem; color:#777; line-height:.6rem;}
.search-layer .tit .close{ position:absolute; width:.3rem; height:.3rem; border-radius:50%; color:#fff; font-size:.30rem; line-height:.28rem; top:.35rem; left:6rem; background:#bbb; text-align:center}
.search-layer .select-list{ padding:0 .2rem;}
.search-layer .select-list li{ border-bottom:1px #ebebeb solid; font-size:.30rem; line-height:1.06rem; color:#333}
.search-layer .select-list .r{ font-size:.28rem; color:#aaa; float:right;}
.search-layer .select-list  a .col9{ color:#aaa; font-size:.28rem; margin-right:.1rem}
.search-layer .select-list  a{ color:#333}
.search-layer .recommedBox strong{ font-size:.24rem; color:#aaa; margin-top:.28rem; line-height:1; padding-left:.2rem; font-weight:normal; display:block}
/****e= search layer*****/


/****s= sidnav*****/
.sidnav{ width:1rem; position:fixed; right:.2rem; bottom:.2rem;}
.sidnav a{ width:.98rem; height:.98rem; border:1px #dfdfdf solid; display:block; margin-bottom:.2rem; font-size:.46rem; color:#fff; text-align:center; line-height:.98rem; border-radius:50%; font-weight:bold;background:#fff;}
.sidnav .sellbtn{ background:rgba(255,138,115,0.8);text-shadow: 0px 0px 2px #E74421; border:1px #ED8771 solid;}
.sidnav .buybtn{ background:rgba(89,164,247,0.8);text-shadow: 0px 0px 2px #4695F1; border:1px #4695F1 solid;}
.sidnav .gotopbtn{ position:relative;}
.sidnav .gotopbtn:after{ content:""; position:absolute; width:0.32rem; height:0.32rem; border-top:2px #aaa solid;border-left:2px #aaa solid;transform: rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); top:0.4rem; left:0.34rem}
/****e= sidnav*****/
/****s= foot*****/
.footer{ background:#F0F0F0; font-size:0.24rem; line-height:0.56rem; text-align:center; color:#aaa; padding-bottom:0.1rem;}
.footer a{color:#777; margin: 0 .2rem}
/****e= foot*****/

/****s= 
.btn_box{padding:0.2rem 0.2rem 0.3rem;background-color:#fff;display:none;}
.btn_box .more{display: block;border:1px solid #ebebeb;height:0.7rem;font:0.28rem/0.7rem "Microsoft Yahei";color:#666;text-align:center;border-radius:3px;background-color:#f9f9f9; display:none}
.load_img{margin:0.2rem auto;width:0.64rem;width:0.64rem;background:url(../img/loader.jpg) no-repeat;background-size:100% 100%;-moz-animation:wind 1s linear infinite;-moz-animation-delay:1ms;-webkit-animation:wind 1s linear infinite;-webkit-animation-delay:1ms;-ms-animation:wind 1s linear infinite;-ms-animation-delay:1ms}***/
@-moz-keyframes wind{0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes wind{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@-ms-keyframes wind{0%{-ms-transform:rotate(0)}
100%{-ms-transform:rotate(360deg)}
}
/****s=  loadbox*****/
/****e= 公共模块*****/
@media screen and (max-width:320px) {

}