@charset "utf-8";
/* icon font */
@font-face {
	font-family:'iconfont';
    src:url('iconfont/iconfont.eot'); /* IE9*/
    src:url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
    	url('iconfont/iconfont.woff') format('woff'),/* chrome、firefox */
    	url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    	url('iconfont/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;
	font-weight:nomal;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	font-size:.14px;
	
}

body{background-color:#fff;font:15px/1.5 "Microsoft Yahei","Helvetica Neue",Helvetica,STHeiTi Arial;color:#333;width:100%;}
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:#ff363b;}
.arr{border:#666 solid;border-width:1px 1px 0 0;}
.d-line{line-height:0.48rem}
.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:#ff363b;}
/*清除浮动*/
.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:7.5rem;margin:0 auto;}
.line{height:0.16rem;background:#f4f4f4;}
.bgf{background:#fff}

/*系统头部重定义*/
.full-screen header {padding:.12rem .26rem;background:#fafafa;height:auto;border:none;}
.full-screen header .a-bar{padding:0;}
/*头部*/
.h-header{border:none;height:.96rem;position:relative}
.headerbar{height:.96rem;-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 .h-logo{position:absolute;left:.22rem;top:.12rem;width:2.35rem;height:.72rem;}
.h-header .h-logo img{max-width:2.35rem;max-height:.72rem}
.h-header .h-search{margin-left:2.57rem;padding-top:.17rem;padding-right:.2rem;height:.61rem}
.search{height:0.61rem;line-height:.61rem;background:#f1f1f1;-webkit-border-radius:2px;-moz-border-radius:.04rem;border-radius:.04rem;padding:0 0.54rem 0 0.2rem;position:relative;}
.search .key{padding:0.1rem 0;width:100%;background:none;}
.search .submit{position:absolute;right:0.12rem;top:0.07rem;background:none;}
.search .submit .iconfont{color:#888;font-size:.36rem}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
input:-ms-input-placeholder{color:#999;}
input::-webkit-input-placeholder{color:#999;}

/*底部*/
.f-menu{height:1rem;}
.navbar{height:1rem;bottom:0;background:#fff;left:0;right:0;position:fixed;bottom:0;z-index:10000;border-top:1px solid #e0e0e0}
.navbar a{text-align:center;color:#8e8e8e;}
.navbar a.cart{position:relative;}
.navbar a.cart #cartNum{position:absolute;top:2px;left:50%;height:16px;line-height:16px;min-width:16px;padding:0 1px;background:#ff4001;color:#fff;font-size:11px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.navbar a .menu-txt{margin-top:-.12rem;font-size:15px;color:#333;}
.navbar a .iconfont{font-size:.48rem}
.page-index .navbar .home i,.page-index  .navbar a.home .menu-txt{color:#ff363b}
.page-cart .navbar .cart i,.page-cart  .navbar a.cart .menu-txt{color:#ff363b}
.member-page .navbar .member i,.member-page  .navbar a.member .menu-txt{color:#ff363b}

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

/*返回顶部*/
.s-quick-btn{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;line-height:.69rem;-webkit-border-radius:50%;border-radius:50%;background:#ff7373;color:#fff;margin-bottom:.2rem}
.s-quick-btn a i{font-size:.36rem;}


.btn:hover,.btn:active,.btn:visited{color:#333;}



@media screen and (min-width:320px){
	html{font-size:42.666px}
	
	}
@media screen and (min-width:360px){
	html{font-size:48px}
}
@media screen and (min-width:375px){
	html{font-size:50px}
}
@media screen and (min-width:384px){
	html{font-size:51.2px}
}
@media screen and (min-width:400px){
	html{font-size:53.333px}
}
@media screen and (min-width:414px){
	html{font-size:55.2px}
}
@media screen and (min-width:424px){
	html{font-size:56.533px}
}
@media screen and (min-width:480px){
	html{font-size:64px}
.navbar a .menu-txt{font-size:.2rem;}
}
@media screen and (min-width:540px){
	html{font-size:72px}
	body{font-size:font-size:14px;}
}
@media screen and (min-width:640px){
	html{font-size:85.33333px}
	body{font-size:font-size:16px;}
}
@media screen and (min-width:720px){
	html{font-size:96px;}
	body{font-size:font-size:16px;}
}
@media screen and (min-width:750px){
	html{font-size:100px}
	body{font-size:font-size:16px;}
	
}
@media screen and (min-width:1200px){/*pc兼容*/
	html{font-size:100px;}
	body{font-size:16px;}
	
}