@charset "utf-8";
/* CSS Document */

/*注册登录*/
.news-con{padding: 0.2rem}
.form-cell{ background:#fff; margin-bottom:0.24rem; border-radius:0.08rem; position:relative;border: 1px solid #e2e2e2;position: relative;}
.form-cell input{ width:100%; border:none; font-size:0.28rem; color:#222; padding:0.25rem; background:none;}
.form-cell input.wid60{ width:5.1rem;}
.form-cell a{ position:absolute; top:0.15rem; right:0.2rem;}
.form-cell a img{ width:1.57rem; height:0.67rem;}
.sumbtn{ width:100%;margin-bottom: 0.24rem; }
.sumbtn a{display:block; font-size:0.3rem;border-radius:0.08rem;background:#da1b22;text-align:center; color:#fff; padding:0.25rem 0;}
.primer-btn a{border: 1px solid #da1b22;color: #da1b22;background: none;}

.form-cell.inp1,.form-cell.inp2,.form-cell.inp3{padding-left: 0.86rem;position: relative;}
.form-cell.inp1 i{position: absolute;left: 0;top: 0;width:0.82rem;height:100%;border-right: 1px solid #e2e2e2;background: url(../images/lg_ico1.png) no-repeat center; background-size: 0.36rem;}
.form-cell.inp2 i{position: absolute;left: 0;top: 0;width:0.82rem;height:100%;border-right: 1px solid #e2e2e2;background: url(../images/lg_ico2.png) no-repeat center; background-size: 0.36rem;}
.form-cell.inp3 i{position: absolute;left: 0;top: 0;width:0.82rem;height:100%;border-right: 1px solid #e2e2e2;background: url(../images/lg_ico3.png) no-repeat center; background-size: 0.36rem;}

.turnhome{text-align:center;position: absolute;left: 0;bottom: 0.45rem;width: 100%;}
.turnhome a{color: #999999;font-size: 0.24rem;}
.turnhome i,.turnhome em{display: inline-block;vertical-align:middle;}
.turnhome i{width: 0.22rem;height: 0.22rem;margin-right: 0.1rem;background: url(../images/ico_hm.png) no-repeat center;background-size: contain;}


/*引导页*/
.leder-wrap{background: #211f1f;}
.leder-con {text-align: center;width: 5.4rem;margin: 0 auto;}
.leder-con dl{margin-top: 2.4rem;}
.leder-con dl dt{margin-bottom: 0.9rem;}
.leder-con dl dt img{width: 100%}
.leder-con dl dd .sole-col{margin-bottom: 0.3rem;}
.leder-con dl dd span{display: block;width: 100%;font-size: 0.32rem;border:1px solid #616060;height: 0.8rem;line-height: 0.85rem;border-radius: 1.5rem;}
.leder-con dl dd .sole-col.act span{color: #e60012;border:1px solid #e60012;}
.star-btn{position: absolute;bottom: 1.45rem;left: 0;width: 100%;}
.star-btn a{display: block;width: 5.4rem;height: 0.8rem;line-height: 0.85rem;color:#fff;margin:0 auto;font-size: 0.32rem;background: #e60012;border-radius: 1.5rem;}

/*首页*/
.search{padding: 0.2rem;}
.search-box{position: relative;background: #fff;border-radius: 15rem;overflow:hidden;}
.search-box input{font-size: 0.24rem;color: #222;width:85%;background: #fff;padding:0 0.32rem;height:0.64rem;line-height: 0.64rem;border: none;}
.search-box .search-btn{position: absolute;right: 0;top: 0;width: 0.82rem;height: 100%;background: url(../images/h_ico1.png) no-repeat center #fff;background-size: 0.32rem;text-indent: -999em;}

.fastenter{background: #fff;margin-bottom: 0.2rem;}
.fastenter-con ul li{width: 25%;float: left;text-align: center;}
.fastenter-con ul li a{display: block;padding: 0.3rem 0;border-right: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;}
.fastenter-con ul li:nth-child(4n+0) a{border-right: none;}
.fastenter-con ul li:nth-child(5n+0) a,
.fastenter-con ul li:nth-child(6n+0) a,
.fastenter-con ul li:nth-child(7n+0) a,
.fastenter-con ul li:nth-child(8n+0) a{border-bottom: none;}
.fastenter-con ul li a i{display: block; width: 0.8rem;height: 0.8rem;margin: 0 auto 0.1rem;background-repeat: no-repeat;background-position: center;background-size: 0.8rem;}
i.fast-ico1{background-image: url(../images/h_ico2.png);}
i.fast-ico2{background-image: url(../images/h_ico3.png);}
i.fast-ico3{background-image: url(../images/h_ico4.png);}
i.fast-ico4{background-image: url(../images/h_ico5.png);}
i.fast-ico5{background-image: url(../images/h_ico6.png);}
i.fast-ico6{background-image: url(../images/h_ico7.png);}
i.fast-ico7{background-image: url(../images/h_ico8.png);}
i.fast-ico8{background-image: url(../images/h_ico9.png);}
.fastenter-con ul li a em{font-size: 0.24rem;color: #333;}

.home-product{padding: 0 0.2rem;background: #fff;}
.hm-protl{text-align: center;padding: 0.32rem 0;font-size: 0.28rem;color: #c01a20;}
.hm-protl span{position: relative;display: inline-block;}
.hm-protl span:before{content: '';display:block;width: 0.6rem;height: 1px;background: #e59fa1;position: absolute;left:-0.8rem;top: 0.2rem; }
.hm-protl span:after{content: '';display:block;width: 0.6rem;height: 1px;background: #e59fa1;position: absolute;right:-0.8rem;top: 0.2rem; }

.hm-procol{width: 48%;float: left;margin-right: 4%;margin-bottom: 4%;}
.hm-procol:nth-child(2n+0){margin-right: 0;}
.price-col{position: relative;padding: 0.18rem 0;}
.price-col span.price-num{font-size: 0.3rem;font-weight:bold;color: #e4403a;}
.price-col a.price-buy{display: block;width: 0.42rem;height:0.42rem;background: url(../images/h_ico10.png) no-repeat center;background-size: 0.42rem;position: absolute;top: 0.18rem;right: 0;text-indent: -999em;}
.hm-pro-link a{font-size: 0.26rem;color: #333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*全部分类*/
.fix-search{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;border-bottom: 1px solid #eeeeed;background: #eeeeee;}

.itemlist{ width:100%;height:100%; display:-webkit-flex; -webkit-flex-direction:column; position:absolute; top:0; left:0; z-index:0;}
.L_listcon{-webkit-flex:1;}
.item-menu{overflow-y: auto;overflow-x: hidden;height: 100%; width:1.7rem;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background:#f4f4f4; position:absolute;
left:0;top:0; padding-top:1.05rem;padding-bottom: 1.2rem; z-index:2;}
.item-nav li{ padding:0.3rem 0.15rem;border-left: 2px solid #f4f4f4;}
.item-nav li.current{ background:#fff;border-left: 2px solid #fc3a21;}
.item-nav li a{ display:block;font-size: 0.28rem;color: #333;text-align: center;}
.item-nav li.current a{color:#333;}
.item-nav li a i,.item-nav li a em{ vertical-align:middle;}
.item-nav li a i{ width:16px; height:16px; display:inline-block; background:#333; margin-right:5px;}
.product-con{width:5.8rem; overflow-y: auto;overflow-x: hidden;background:#fff; position:absolute; right:0; top:0; height:100%; z-index:1;/* border-left:1px solid #e3e3e3;*/}
.product-con .tab-con-item{padding:1.4rem 0.2rem 0;}
.tab-col{margin-bottom: 0.5rem;}
.product-con .tab-con-item h2{font-size: 0.3rem; color:#333;margin-bottom: 0.3rem;}
.product-con .tab-con-item ul{font-size: 0;}
.product-con .tab-con-item ul li{ display:inline-block;margin-bottom: 0.2rem;margin-right: 0.2rem;}
.product-con .tab-con-item ul li a{display: inline-block;line-height: 0.56rem;font-size: 0.28rem;background: #e9eaf0;padding: 0.1rem 0.2rem}
.product-con .tab-con-item{display: none;}

.product-con {padding-bottom: 1.2rem;}
.product-con .hm-procol{width: 47%;margin-right: 6%;}
.product-con .hm-procol:nth-child(2n+0){margin-right: 0;}
.product-con .price-col a.price-buy{width: 0.45rem;height: 0.45rem;background: url(../images/pco_ico1.png) no-repeat center;background-size: 0.45rem;}
.product-con .price-col i{font-size: 0.24rem;color: #888;}


/*产品详情*/
.turnprev{position:absolute;top: 0;left: 0;width: 100%;z-index: 999;padding: 0.25rem;}
.turnprev a{display: inline-block;padding: 0.1rem 0.3rem 0.1rem 0.4rem;background: url(../images/pco_ico6.png) no-repeat 0.2rem center;background-size: 0.11rem;background-color: rgba(0,0,0,0.4);border-radius: 1.5rem;color: #fff;font-size: 0.24rem;}

.detail-banner{position: relative;z-index: 2;}

.detail-hd{ padding:0.3rem 0.25rem; background:#fff; margin-bottom:0.2rem;}
.detail-hd dl dt{ border-bottom:1px solid #f5f5f5; padding-bottom:0.3rem; margin-bottom:0.3rem;}
.detail-hd dl dd{position: relative;}
.hd-tl{ margin-bottom:0.1rem;}
.hd-tl em{font-size:0.3rem;color:#333; font-weight:normal;}
.hd-p p{ font-size:0.18rem;}
.detail-price{ float:left;font-size: 0.24rem;}
.detail-price i{font-size:0.24rem;color: #e4403a;}
.detail-price em{font-size:0.32rem; font-weight:bold;color: #e4403a;}
.numchange{ font-size:0; float:right;}
.numchange .jian,.numchange .num,.numchange .add{ display:inline-block; vertical-align:middle;}
.numchange .jian{ width:0.6rem; height:0.6rem; background:url(../images/ico_jian.png) no-repeat center; background-size:0.16rem; border:1px solid #dcdcdc;}
.numchange .num{ width:1.1rem; height:0.6rem; border:1px solid #dcdcdc; text-align:center; color:#333; font-size:0.28rem; margin-left:-1px;}
.numchange .add{ width:0.6rem; height:0.6rem; background:url(../images/ico_add.png) no-repeat center; background-size:0.16rem; border:1px solid #dcdcdc;margin-left:-1px;}

.detail-main{ background:#fff; margin-bottom:0.2rem;}
.detail-main .tl{ padding:0.2rem; font-size:0.28rem; color:#333; border-bottom:1px solid #f5f5f5; }
.detail-main .tl span{position:relative; display:block; padding-left:0.2rem;}
.detail-main .tl span:before{ content:''; display:block;width:0.08rem; height:0.24rem; background:#d70d0d; border-radius:10px; position:absolute; top:0.08rem; left:0;}
.detail-main .detail-m-con{ padding:0.4rem;line-height: 0.42rem;font-size: 0.24rem;color: #333;}
/*加减按钮*/
.proadd{position: absolute;right: 0;top: 0;}
.btn button.minus{display:none;}  
.btn button{width:0.45rem;height:0.45rem; display:inline-block; border:none;background: none;}  
.btn button strong{width:0.45rem;height:0.45rem;border:0;background:transparent;padding:0; display:block}  
.btn button.minus strong{background:url(../images/pco_ico4.png) no-repeat;background-size:contain;}  
.btn i{display:none;width:0.69rem; font-size:0.28rem;text-align:center;font-style:normal;vertical-align:top;line-height:0.48rem;}
.btn button.add strong{background:url(../images/pco_ico3.png) no-repeat;background-size:contain;}  

.paybar{ background:#313030;position:fixed; bottom:0; left:0; width:100%;height: 0.9rem;}
.gopay {width: 3.2rem;height: 100%;overflow: hidden;position: absolute;right: 0;top: 0;}
.gopay a{display: block;width: 3.2rem;padding: 0.25rem 0;background: #e11414;color: #fff;font-size: 0.3rem;text-align: center;}

.foot-car{width:0.68rem;height: 0.68rem;background-color: #fe9c01;background-image: url(../images/pco_ico5.png);background-position: center;background-repeat: no-repeat;background-size: 0.3rem;border-radius: 50%;position: relative;left: 0.3rem;top: 0.1rem;}
.order-num{display: inline-block;position: absolute;top: -0.25rem;right: -0.25rem;color: #fff;background: #da201a;color: #fff;border-radius: 1.5rem;padding: 0.05rem 0.15rem;min-width: 0.28rem;min-height: 0.28rem;font-size: 0.18rem;text-align: center;}


/*购物车*/
.car-main{padding: 0.2rem;}
.car-cell{padding: 0.2rem;background: #fff;position: relative;margin-bottom: 0.2rem;}
.car-choos{width: 0.38rem;position: absolute;top: 50%;left: 0.2rem;transform:translateY(-50%);}
.car-pro{padding-left: 0.6rem;}
.car-pic{width: 1.45rem;float: left;}
.car-text{width:4.45rem;float: right;}
.car-tl{font-size: 0.28rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #111;}
.car-ft{position: relative;margin-top: 0.6rem;}
.car-ft span i{font-size: 0.32rem;color: #e4403a;}
.car-ft span em{font-size: 0.24rem;color: #888;}
input[type=checkbox]{border: 1px solid #ccc;}
input[type=checkbox]:after{border: 1px solid #da1b22;background: #da1b22;font-size: 0.24rem;line-height: 0.38rem;}
.carpay{bottom: 1.05rem;background: #fff;border-top:1px solid #e2e2e2; }
.allchoos{width: 0.38rem;position: absolute;left: 0.4rem;top: 50%;transform:translateY(-50%);}
.allprice{font-size: 0.32rem;color: #111;position: absolute;top: 50%;right: 3.5rem;transform:translateY(-50%);}

/*支付成功*/
.finish-page{ text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; }
.finish-page dl{ padding:2rem;  }
.finish-page dl dt { margin-bottom: 0.6rem }
.finish-page dl dt img{ display: block; width: 1.6rem; margin: 0 auto 0.1rem; }
.finish-page dl dt p{ font-size: 0.32rem; color: #333; margin-bottom:0.2rem; }
.finish-page dl dt span{ display:block; font-size:0.24rem; color:#999;}
.finish-page dl dd p.finish-a1 a{ display:inline-block; font-size: 0.28rem; border: 1px solid #dcdcdc; padding: 0.1rem .3rem; border-radius:1.5rem; margin-bottom: 0.1rem;}
.finish-page dl dd p.finish-a2 a{ display:inline-block; font-size: 0.28rem; padding: 0.1rem .3rem; border-radius:1.5rem;}




/*基本信息*/
 /*头像*/
.sub-mydata{color: #07c7b9;font-size: 13px;position: absolute;right: 12px;line-height: 50px;}
.mydata li{border-bottom: 1px solid #ebebeb;background-color: white; padding:0 0.2rem;box-sizing: border-box;position: relative; line-height: 0.7rem}
.mydata li:last-child{ border-bottom: 0; }
.mydata li a.mydata-mes{display: block;position:relative; font-size:0.24rem; color:#333; padding:0.1rem 0;}
.mydata li a.mydata-mes .head-card{position: absolute;right: 0;top: 0.25rem;width: 0.96rem;height: 0.96rem; border-radius: 50%; overflow:hidden;}
.mydata li a.mydata-head{ height:1.5rem; line-height:1.5rem;}
.mydata li a.mydata-head img{border-radius: 50%;}
.mydata li a.mydata-mes i{ width:1.5rem; line-height:0.7rem;}
.mydata li a.mydata-head i{line-height:1.5rem;}
.mydata li a.mydata-name{ background: url(../images/pic_ico13.png) no-repeat right center; background-size: 0.12rem; padding-right: 0.3rem; }
.nochange{ color: #999; }
/*上传头像*/
.htmleaf-container{margin: 0 auto; text-align: center; overflow: hidden; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fff; display: none; z-index: 9999999;}
#clipArea{height: 92.5%;}
#file{height: 100%;width:100%;}
#clipBtn{border-radius:0!important;float: right; height: 100%; width:50%; background: #fff; border: 0; outline: none; color: #333; font-size:1.4rem; z-index: 999; font-family: '微软雅黑';}
.foot-use{background: #fff; height:3.5rem; width: 100%;position: relative;}
.uploader1{position: absolute; width: 50%; height: 8rem; cursor: default; height: 100%; float: left;}
.button{float: left; height: 100%; display: inline-block; outline: 0 none; margin: 0; cursor: pointer; border: 0; width: 8rem; font-size:1.5rem;}
.uploader input[type=file]{position: absolute; top: 0; right: 0; bottom: 0; border: 0; padding: 0; margin: 0; height:8rem; width: 100%; cursor: pointer; border: solid 1px #ddd; opacity: 0;}
.uploader1 input[type=file]{position: absolute; top: 0; left: 0; bottom: 0; border: 0; padding: 0; margin: 0; height:8rem; width: 50%; cursor: pointer; border: solid 1px #ddd; opacity: 0;}
.blue .button{border-radius:0!important; background: #e11414; height: 100%;width:100%; font-size:1.2rem; color:#fff;}
.upcacel{position: absolute;top: 0.3rem;right:0.2rem;display: block;padding:0.37rem 1.82rem;z-index: 120;border: 1px solid #fff;border-radius: 2rem; font-size:1.4rem; color:#fff;}


/*提交订单*/
.card {padding:0.2rem;}
.srevice-col dl{ padding:0.2rem;}
.srevice-col dl dt{ width:1.45rem; height:1.45rem; float:left;}
.srevice-col dl dd{ width:5rem; float:right;position: relative;}
.srevice-col dl dd h2{ margin-bottom:0.1rem;}
.srevice-col dl dd h2 a{display: block; font-size:0.28rem; color:#222;width: 3.2rem;}
.srevice-col dl dd h2 i{ position:absolute; right:0; top:0;}
.srevice-col dl dd p{font-size:0.24rem;}
.srevice-col dl dd span{ text-align:right; display:block;}
.srevice-col dl dd span i{ font-size:0.24rem;}
.srevice-col dl dd span em{ font-size:0.32rem; color:#222;}
.sgl-pricc{position: absolute;right: 0rem;top: 0.05rem;font-size: 0.24rem;color: #666;}
.order-toatl{text-align: right;padding: 0.2rem 0;border-top:1px solid #f5f5f5;}

.ft{ border-top:1px solid #f5f5f5; padding:0.15rem 0.2rem; text-align:right; font-size:0;}
.ft a{ display:inline-block; vertical-align:middle; font-size:0.24rem; padding:0.1rem 0.3rem; margin-left:0.2rem;}
.ft a.ft-a2{ border:1px solid #e2e2e2; border-radius:1rem;}
.ft a.ft-a3{ border:1px solid #e11414; border-radius:1rem; color:#e11414;}
.address{margin-bottom: 0.2rem;background-image: url(../images/location.png);background-repeat: no-repeat;background-position: 0.2rem 50%;background-size: 0.31rem;padding: 0.2rem;box-sizing: border-box;color: #5a5a5a;background-color: white;}
.address a{display: block;background: url(../images/ico_m05.png) no-repeat right center;background-size: 0.2rem;}
.address p{padding-left: 0.5rem;font-size: 0.24rem;}
.address p:nth-child(2){font-size: 0.28rem;}
.address p .phone{margin-left: 0.2rem;}
.order-detail{ margin-bottom:0.2rem; background:#fff;}
.order-zt{padding: 0.2rem;line-height: 0.36rem;border-top: 1px solid #f4f4f4;}
.order-foot{padding: 0.2rem;background: #fff;}
.order-foot i{display: inline-block;vertical-align: top;font-size: 0.24rem;color: #111;width: 0.72rem;}
.order-foot .bz-con{width: 5.85rem;display: inline-block;vertical-align: top;}
.bz-con textarea{display: block;background: #fff;border: none;width: 100%;height:1.8rem;background-color: #f4f4f4;border-radius: 0.08rem;font-size: .24rem;line-height: 0.42rem;color: #333;}
.order-detail-bar{padding: 0.4rem 0;}

.sumpay .allprice{color: #fff;}
.emtyaddr{background-image: url(../images/pco_ico3.png);background-size: 0.32rem;padding-left: 0.6rem}
.emtyaddr a{font-size: 0.32rem;color: #e60012}