@charset "utf-8";
body{background-color:#f4f4f4;font:16px/1.5 "Microsoft Yahei","Helvetica Neue",Helvetica,STHeiTi Arial;color:#333;width:100%;margin:0 auto;}
a{color:#333;}
img{border:none;vertical-align:middle;max-width:100%;}
input:-webkit-autofill {
    background-color:fff !important;
    border:none !important;
    }
/*系统样式重定义*/
.f-red,.price,.favorites .item .price{color:#b4282d;}
.arr{border:#666 solid;border-width:1px 1px 0 0;}
.d-line{line-height:0.32rem}
.mt10{margin-top:10px;}
.mt2{margin-top:2rem;}
/*3列均分*/
.disbox {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;}
.disbox .col {-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.price,.pt-price .price{color:#b4282d;}
/*清除浮动*/
.clearfix:after {visibility:hidden;display:block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear{clear:both}
.layout{width:6.4rem;margin:0 auto;background:#fff}
.line{height:0.16rem;background:#f4f4f4;}


/*系统头部重定义*/
.full-screen header {padding:.12rem .26rem;background:#fafafa;height:auto;border:none;}
.full-screen header .a-bar{padding:0;}
/*头部*/
.m120{margin-top:1.2rem;}
.h-header {height:1.2rem;}
.header-top {height:.7rem;}
.h-header .fixed{background:#fff;border:none;height:auto;position:fixed;top:0;left:0;width:100%;z-index:10;background:rgba(255,255,255,.9);-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.2);box-shadow:0 0 8px rgba(0, 0, 0, 0.2);}


.h-header .top{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding:.12rem .26rem}
.h-header .top .logo{width:1.38rem;height:.4rem;display:inline-block;margin-right:.2rem;}
.h-header .top .ipt{background:#ededed;border-radius:.06rem;height:0.46rem;line-height:.46rem;text-align:center;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.h-header .top .ipt .icon{display:inline-block;width:15px;height:15px;background:url("i/search.png") no-repeat 0/15px;margin-right:5px;vertical-align:middle}
.h-header .top .ipt span{color:#666;}

.h-header .row{background:#fafafa}
.h-header .row .bd{width:6.4rem;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding:.15rem .26rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.h-header .row .logo{width:1.38rem;height:.4rem;display:inline-block;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center;}
.h-header .row a.icon{display:inline-block;width:.4rem;height:.4rem;background:url("i/f-menu.png") no-repeat 0 -2.52rem/.4rem 4.91rem}
.h-header .row a.icon-user{background-position:0 -4.52rem;margin-right:.2rem;}
.h-header .row a.icon-cart{background-position:0 -0.52rem}

.h-header nav ul{padding:0 0.26rem;height:0.5rem;overflow:auto;}
.h-header nav li{float:left;margin-right:0.34rem}
.h-header nav li a{display:inline-block;line-height:0.47rem;border-bottom:0.03rem solid #fff;padding:0 .12rem}
.h-header nav li a:hover,.h-header nav li.active a{border-color:#B4282D;color:#B4282D;}


.search{height:0.48rem;background:#f4f4f4;-webkit-border-radius:2px;-moz-border-radius:.04rem;border-radius:.04rem;padding:0 0.17rem 0 0.54rem;position:relative;}
.search .key{padding:0.1rem 0;width:100%;background:none;}
.search .submit{position:absolute;left:0.12rem;top:0.07rem;background:url("i/search.png") no-repeat center/0.32rem;display:block;width:0.33rem;height:0.33rem;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
input:-ms-input-placeholder{color:#999;}
input::-webkit-input-placeholder{color:#999;}

/*底部*/
.f-menu{height:0.8rem;}
.navbar{height:0.8rem;bottom:0;background:#fcfcfc;left:0;right:0;height:0.8rem;position:fixed;bottom:0;z-index:10000;border-top:1px solid #d9d9d9}
.navbar a{width:20%;float:left;text-align:center;color:#666;}
.navbar .menu-img {margin:0.1rem auto 0;overflow:hidden;height:0.4rem;width:0.4rem;background:url("i/f-menu.png") no-repeat 0 0/.4rem 4.91rem;}
.f-menu1 .menu-img{background-position:0 -2.52rem}
.f-menu2 .menu-img{background-position:0 -3.52rem}
.f-menu3 .menu-img{background-position:0 -1.53rem}
.f-menu4 .menu-img{background-position:0 -0.52rem}
.f-menu5 .menu-img{background-position:0 -4.52rem}

footer{background:#414141;padding:.3rem;color:#fff;text-align:center;}
.home-to-top{margin-bottom:.2rem}
.home-to-top .lnk{color:#fff}
.sys-copyright{height:38px;overflow:hidden;}
.sys-copyright-text{height:38px;line-height:19px;font-size:11px;}

/*返回顶部*/
.s-quick-btn{width:0.69rem;height:0.69rem;overflow:hidden;border-radius:50%;position:fixed;z-index:99;bottom:100px;right:10px;display:none;}
.s-quick-btn a{display:block;text-align:center;width:0.69rem;height:0.69rem;background:url("i/top.png") no-repeat center/0.69rem;opacity:.8}
.btn:hover,.btn:active,.btn:visited{color:#333;}

/*分类弹出css*/
.menu-list{ display:none;width:100%;position:absolute;top:0px;left:0;background:#fff;z-index:9999; min-height:3800px;font-size:14px;}
.menu-list .search-arrow{margin-left:0;margin-right:0.21rem;}
.kkk .menu-list {display:block;}
.search-inter{height:.78rem}
.ssbg {border-bottom:1px solid #e5e5e5;background:#fff;height:.78rem;position:fixed;top:0px;left:0;z-index:9999;width:100%;}
html {min-height: 100%;_height:100%;}
body.kkk {min-height: 100%;_height:100%;}
.menuu {width:88px;float:left;position:fixed;top:.78rem;left:0;height:100%;overflow:auto;-webkit-overflow-scrolling: touch;z-index:9999;border-right:1px solid #e5e5e5} 
.menuu ul li {height:28px;line-height:28px;margin:10px 0;color:#333;position:relative;z-index:9999;
text-align:center;font-size:14px;border-left:3px solid #fff;width:85px;}
.menuu ul { padding-bottom:45px;}
.menuu ul li.off {width:85px;border-left:3px solid #AB2B2B;} 
.menuu ul li.off a{ color:#AB2B2B;} 
.menudiv { margin-top:.78rem;}
.Tm-cat-popup {height:100%;position:fixed;top:.78rem;left:0;overflow:auto;-webkit-overflow-scrolling: touch; }
.Tm-cat-popup div {padding-left:88px;padding-bottom:.78rem;display:block;}
.Tm-cat-popup a.datu {padding:10px;display:block;}
.Tm-cat-popup a.datu img{ display:block;width:100%;}
.Tm-cat-popup h3 {margin:0px;padding:0 8px;font-size:13px;}
.Tm-cat-popup h3 a {text-align:left;font-size:13px;font-weight:bold;margin:0px;height:14px;line-height:14px; overflow:hidden; }
.Tm-cat-popup p:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.Tm-cat-popup p { background:#fff; margin:5px 8px 8px 8px; }
.Tm-cat-popup p a {display:block;padding:3px 0px;line-height:20px;width:33%;font-size:12px; overflow:hidden; float:left;text-align:center;}
.Tm-cat-popup p a img{ display:block; margin:0 auto; max-height:60px; max-width:90%;}




@media screen and (min-width:320px){
	html{font-size:50px}
	body{font-size:12px;}
	}
@media screen and (min-width:360px){
	html{font-size:56.25px}
	body{font-size:12px;}
}
@media screen and (min-width:375px){
	html{font-size:58.59375px}
	body{font-size:12px;}
}
@media screen and (min-width:384px){
	html{font-size:60px}
	body{font-size:12px;}
}
@media screen and (min-width:400px){
	html{font-size:62.5px}
	body{font-size:13px;}
}
@media screen and (min-width:414px){
	html{font-size:64.6875px}
	body{font-size:13px;}
}
@media screen and (min-width:424px){
	html{font-size:66.25px}
	body{font-size:13px;}
}
@media screen and (min-width:480px){
	html{font-size:75px}
	body{font-size:14px;}
}
@media screen and (min-width:540px){
	html{font-size:84.375px}
	body{font-size:14px;}
}
@media screen and (min-width:640px){
	html{font-size:100px}
	body{font-size:16px;}
}
@media screen and (min-width:720px){
	html{font-size:112.5px;}
	body{font-size:16px;}
}
@media screen and (min-width:750px){
	html{font-size:117.1875px}
	body{font-size:16px;}
	
}
@media screen and (min-width:1200px){/*pc兼容*/
	html{font-size:100px}
	body{font-size:16px;}
}