@import url('iconfont.min.css');
@charset "utf-8";
*,::before,::after{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}
*:not(input,textarea){-webkit-touch-callout:none;-webkit-user-select:none}
body{font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;height:100%;overflow-x:hidden;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0 none;margin:0;padding:0;vertical-align:baseline;max-height:100000px;color:inherit;font-size:inherit;font-style:normal;font-weight:normal;text-decoration:none}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
ul,ol{list-style:none}
img{border:none;width:100%;height:auto;vertical-align:middle}
a,a:active,a:hover,a:focus,a:visited{text-decoration:none;outline:none}
input,textarea{outline:none;resize:none;border:none;border-radius:0;-webkit-appearance:none;background:#fff;font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif}
input:focus,button:focus,select:focus,textarea:focus{outline:none}
textarea,input[type="password"],input[type="text"]{white-space:pre-wrap;word-wrap:break-word}
input[type=search]::-webkit-search-cancel-button{display:none}
input[type=number]{-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}
input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc}
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}
input:focus::-webkit-input-placeholder{opacity:0}
body{color:#323232;font-size:.28rem}
a,a:focus,a:visited{color:#8d8d8d}
a:active{color:#555}
@font-face{font-family:'iconfont';src:url(../font/iconfont.eot);src:url(../font/iconfont.eot?#iefix) format('embedded-opentype'),url(../font/iconfont.woff) format('woff'),url(../font/iconfont.ttf) format('truetype'),url(../font/iconfont.svg#iconfont) format('svg')}.iconfont{font-family:"iconfont" !important;font-size:.38rem;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.002rem;-moz-osx-font-smoothing:grayscale}
.block{display:block}
.hide{display:none}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.lr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
header{padding:.2rem .2rem;width:100%;height:.9rem;border-bottom:.02rem solid #eaeaea;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}header a{display:block;line-height:.46rem;color:#363636}
header .header-logo{float:left;width:1.68rem;height:.46rem;background:url(../img/header-logo.png?__inline) no-repeat;background-size:contain}
header .header-txt{font-size:.4rem}
header span{float:left;font-size:.3rem}
body{position:relative}
header{background-color:#fff;border-bottom:.04rem solid #e3e3e3;position:fixed;left:0;top:0;z-index:999}header .icon-back{font-size:.45rem}
header .center{font-size:.36rem}
header .icon-search{font-size:.4rem}
.aside-nav{width:1.54rem;height:auto;position:fixed;left:0;top:.9rem;box-shadow:0 0 10px rgba(230,231,231,0.8)}.aside-nav li{line-height:1rem;font-size:.26rem;text-align:center;color:#333;background-color:#fff;border-bottom:.02rem solid #e3e3e3;border-right:1px solid #e3e3e3}
.aside-nav .on{background-color:#f4f6f8;color:#68b930;border-right:none}
/*.main{position:absolute;left:1.54rem;top:.9rem;background-color:#f4f6f8}.main>li{display:none;padding:.2rem}.main>li .section-brand{margin-top:.3rem}.main>li .section-brand .title{font-size:.22rem;color:#2f3232;margin-bottom:.2rem}*/
.main{position:absolute;left:1.54rem;top:.9rem;}.main>li{display:none;padding:.2rem}.main>li .section-brand{margin-top:.3rem}.main>li .section-brand .title{font-size:.22rem;color:#2f3232;margin-bottom:.2rem}
.main>li .section-brand .detail{background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.main>li .section-brand .detail li{background:url(../img/loading.gif) center center no-repeat;padding:0.1rem;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;-webkit-flex-basis:33.3%;-ms-flex-preferred-size:33.3%;flex-basis:33.3%}.main>li .section-brand .detail li:nth-child(3n){border-right:0}
.main>li .section-product{margin-top:.3rem}.main>li .section-product .title{font-size:.22rem;color:#2f3232;margin-bottom:.2rem}
.main>li .section-product .detail{background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.main>li .section-product .detail li{background:url(../img/loading.gif) center center no-repeat;padding:0.1rem;border-right:1px solid #e3e3e3;border-bottom:.02rem solid #e3e3e3;-webkit-flex-basis:33.3%;-ms-flex-preferred-size:33.3%;flex-basis:33.3%}.main>li .section-product .detail li:nth-child(3n){border-right:0}
.main>li .section-product p{text-align:center;font-size:.22rem;color:#686868;line-height:.48rem}
.main>li .section-product .detail li{background:url(../img/loading.gif) center center no-repeat;border:0}
.main>li .section-brand .title .more{float:right;font-size:.22rem;color:#2f3232;}
.main>li .section-product .detail li{background:url(../img/loading.png) center center no-repeat;border:0}