/* CSS Document */

.home{ max-width:640px; min-width:320px;   margin: 0 auto; position: relative; overflow: hidden;background: #f0f0f0; }
.bg-h {
  background-color: #f0f0f0;
}
.cat_navout{overflow:hidden; height:3.458em; width:100%;}
.cat_nav{overflow:hidden;height:3.41em; border-bottom:1px solid #d7d7d7; position:fixed; width:100%; left:0; top:3.667em; z-index:999; background:rgba(255,255,255,.9); z-index:999;}
.cat_nav a{ display:block; width:50%; height:3.21em; line-height:3.21em;  float:left; text-align:center; position:relative;}
.cat_nav span{font-size:1.167em;}
.nav_c{ color:#222;border-bottom:0.21em solid #fff; }
.nav_c::before{content: ""; position:absolute; top:35%; left:50%; margin-left:-2.7em; background:url(../images/category/b_c.png) no-repeat; background-size:100% 100%; width:1.33em; height:1.08em;}


.nav_c_hover{ color:#f70800;border-bottom:0.21em solid #f70800;}
.nav_c_hover::before{content: ""; position:absolute; top:35%; left:50%; margin-left:-2.7em; background:url(../images/category/r_c.png) no-repeat; background-size:100% 100%; width:1.33em; height:1.08em;}
.nav_b{ color:#222;border-bottom:0.21em solid #fff;}
.nav_b::before{content: ""; position:absolute; top:33%; left:50%; margin-left:-2.7em; background:url(../images/category/b_b.png) no-repeat; background-size:100% 100%; width:1.33em; height:1.08em;}
.nav_b_hover{ color:#f70800;border-bottom:0.21em solid #f70800;}
.nav_b_hover::before{content: ""; position:absolute; top:33%; left:50%; margin-left:-2.7em; background:url(../images/category/r_b.png) no-repeat; background-size:100% 100%; width:1.33em; height:1.08em;}

/*分类*/
.cat_con{padding-bottom:1.67em;}
.cat_conul{ padding-top:.83em;}
.cat_conli{}
.cat_conli .hd{ border-bottom:1px solid #d8d8d8; padding-left:.83em; padding-top:1.67em; padding-bottom:.83em;}
.cat_conli .hd h2{ font-size:1.25em; font-weight:normal; color:#222;}
.bd{}
.bdul{ overflow:hidden;    display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
  padding:0 0 0 0.080rem;
}
.bdli{width:2.453rem;overflow: hidden;  height: 3.467rem; float:left;  }
.bdli .abd{ display:block; width:100%;}
/*.bdli .abd .bd_img{  height:6.416em;}*/
.bdli .abd p{ line-height:1rem; height:1rem; overflow:hidden; color:#666; text-align:center;font-size: 0.427rem;}
.bdli .bd_img{ height: 2.4rem; overflow: hidden;}

/*品牌*/
.brand_con{ position:relative;}
.br_top{ width:93.75%; height:1.42em;line-height:1.42em;  position:fixed; left:0; top:7.125em; z-index:999;}
.br_top h2.piaoletter{font-size:1.08em; color:#666666; display:block; text-indent:1.42em; background-color:#f0f0f0; width:100%;}
.brul{ width:93.75%; background-color:#fff;}
.brul li{ width:100%;}
.brhd{background-color:#f0f0f0; height:1.42em; line-height:1.42em;}
.brhd h2{font-size:1.08em; color:#666666;margin-left:1.42em; line-height:1.42em;}
.brul .item{ width:100%; background-color:#fff;}
.brul .item a{ font-size:1.08em; display:block; color:#222222; border-bottom:1px solid #f0f0f0; margin-left:1.31em; height:2.83em; line-height:2.83em;}

.brand_s{ position:fixed; top:7.4em;right:0;}
.brand_s_ul{}
.brand_s_ul .brandli{ color:#666666}
.brand_s_ul .active{ color:#f70800}