body{background-color: #f2f2f2;}
/*白色顶部*/
.top-header{z-index: 99;  width: 100%;  background-color: #fff; display: table; border-bottom: solid 1px rgba(0,0,0,0.2);}
.top-header h3{ font-size: 1.6em; line-height:1.9em; max-width:200px;height: 1.9em; white-space:nowrap;overflow:hidden;  color: #333; margin: 0 auto; display:block;  font-weight: normal; text-align: center;  padding: 0.7em 0;text-overflow:ellipsis;  }
.top-header .text{display: table-cell; text-align: center; width: 20%; font-size: 1.5em; color: #fc605a; }
.top-header .texta{ color: #999;}
.top-header a{display: table-cell;}
.top-header .icona{ width: 8.5%; padding-left: 5%; vertical-align: middle;}/*只能添加图标*/
.top-header .iconb{ width: 11%;padding-right: 5%; vertical-align: middle;}/*只能添加图标*/
.top-header .text-top{ width: 11%;color: #999;font-size: 1.169em; vertical-align: middle;}/*能添加文字*/
.top-header img{ width: 100%;}
/*固定顶部*/

/*登录注册*/
.login{ width: 100%; margin-top:5%;}
.login form{ width: 100%; }
.login form ul{ width: 100%; overflow: hidden;}
.login form ul li{ width: 90%; padding: 4% 5%; background-color: #fff; margin-bottom: 2%; overflow: hidden; }
.login form ul li img{ width:7%; vertical-align: middle;}
.login form ul li label{ font-size: 1.4875em; vertical-align: middle; color: #333; margin:0 3%; }
.login form ul li input{width: 70%; display: inline-block;vertical-align: middle; font-size: 1.4875em; color: #666; border: none;}
.login form input[type="submit"],.login form input[type="button"],
.gobuy-btn{ width: 94%; margin: 5% 3%; display: block; padding: 4% 0;background-color: #FC605A;color: #fff; text-align: center; font-size: 1.7em; border-radius: 0.3em; border: none;}
.buybanner img{width: 100%;}
/*首页*/
/*红色顶部*/
.page-header{ width: 100%; background-color: #FC605A; overflow: hidden; z-index:9;}
.page-header h3{position: relative; font-size: 1.9em;  color: #fff; font-weight: normal; text-align: center;  padding: 0.7em 0;}
.page-header input{ width: 60%; border: none; border-radius: 3em; margin: 2% 5%; padding: 1.5% 7.5%; font-size: 1.7em; float: left; }
.page-header span{ width: 15%;  display: inline-block;margin: 3% 0; float: right;}
.page-header span img {width: 50%; }

.contaniner{ width: 100%;  overflow: hidden; position:relative; z-index:1;}
.contaniner .ban li{ width: 100%;height: 18em;  }
.contaniner .ban  a{ width: 100%;display: block; overflow: hidden;}
.contaniner .ban  img{ width: 100%;min-height: 18em;  display: block;}

.contaniner .shop{ width: 100%; margin-top: 5%;}
.contaniner .shop h3{ width: 90%; font-size: 1.4875em; padding:3% 5%;background-color: #fff; overflow: hidden;}
.contaniner .shop h3 span{ float: right; width:4%; display: block; }
.contaniner .shop h3 span img{ width: 100%; display: block; }
.contaniner .shop h3 a{ width: 100%;color: #45c018; display: block;}
.contaniner .shop dl{ margin: 2% 0; width: 100%; overflow: hidden;}
.contaniner .shop dl dd{  width: 44%; min-height: 11em; max-height: 15em;  overflow: hidden; margin: 0 3%; float: left; position: relative;}
.contaniner .shop dl dd a{  width: 100%; display: block; height: 100%;}
.contaniner .shop dl dd img{  width: 100%;height: 100%; display: block;}
.contaniner .shop dl dd b{position: absolute; bottom: 0; left: 0; display: block; width: 80%; padding: 5% 10%; color: #fff; font-weight: normal; font-size: 1.16em; background-color: rgba(0,0,0,0.5)}

/*底部*/
.page-footer{ width: 100%; box-shadow: 0 -2px 4px #d7d7d7; background-color: #fff; z-index:99;height:45px;}
.page-footer ul{ width: 100%; background-color: #fff; height:45px;}
.page-footer ul li{  float: left; width: 20%; text-align: center; padding: 5px 0 0;}
.page-footer ul li a{ width: 100%; display: block;}
.page-footer ul .active a p{ color: #fc605a;}
.page-footer ul li img{  height: 18px;}
.page-footer ul li p{ font-size: 13px; color: #333; line-height:14px}
.page-footer1 ul li p{ font-size: .9em; color: #333;margin-top: 3%;}

/*底部*/
.good-footer{ width: 100%; box-shadow: 0 -2px 4px #d7d7d7; background-color: #fff; z-index:99;height:45px;}
.good-footer ul{ width: 100%; background-color: #fff; height:45px;}
.good-footer ul li{  float: left; width: 15%; text-align: center;border-right:#CCC solid 1px;box-sizing: border-box;-moz-box-sizing: border-box;}
.good-footer ul li a{  display: block; overflow:hidden;width: 100%; padding: 5px 0;}
.good-footer ul li img{  height: 18px;}
.good-footer ul li p{ font-size: 13px; color: #333; line-height:14px}
.good-footer ul li.own{ border:none;}
.good-footer ul li.pn35{ width:35%;border:none;}
.good-footer ul li.pn35 a{ height:45px; }
.good-footer ul li.pn35 a p{ color:#fff;line-height:34px; font-size:16px;}
.good-footer ul li.add_cart{ background:#FC6;}
.good-footer ul li.buy_now{ background:#F63;}



/*首页 推荐*/
.tb_box{background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:10px;}
.tb_box .tab_tit{margin:0; padding:10px; font-size:20px; font-weight: normal; color:#333;}
.tb_box .tab_tit .more{float:right; font-size:14px; margin-top:3px; color:#6a91ee; position:relative; padding-right:13px;}
.tb_box .tab_tit .more:after{content:"";width:10px;height:10px;border-right:1px solid #6a91ee; border-bottom:1px solid #6a91ee;top:50%; right:5px;margin-top:-5px;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.tb_box .tb_type{border-top:1px solid #e5e5e5; overflow:hidden;}
.tb_type .tb_pic{width:100%; display:block;}
.tb_type .th_link{border-bottom: 1px solid #dadada;border-width: 0 0 1px;float: right; width: 50%;}
.tb_floor{width:50%;float:left;border-right: 1px solid #dadada; margin-left:-1px;} 
.tb_type .tb_last{border-bottom:none;}
.tb_type_even .tb_floor{float:right; border-left: 1px solid #dadada; border-right:none;}
.tb_type_even .th_link{float:left;}
 


/*分类*/

.contaniner .assort{ display:block;width:26%; float: left; position:fixed;left:0;top:0;margin-top:15%;}
.contaniner .assort ul{ width: 100%;}
.contaniner .assort ul li{ width: 92%;background-color: #f5f5f5;  border-bottom: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; padding:12% 4%;}
.contaniner .assort ul li img{ width: 17%; margin: 0 10%; vertical-align: middle;}
.contaniner .assort ul li span{ font-size: 1.3865em; color: #666; vertical-align: middle;}
.contaniner .assort ul .active{  border-right: none;background-color: #fff }


.contaniner .assort-cont{ width: 70%; margin: 0 2% 5% 0 ; float: right;}
.contaniner .assort-cont .tit{ font-size:1.2em;color:#999;padding:3% 0;}
.contaniner .assort-cont .tit span{ float:right; color:#666;}
.contaniner .assort-cont img{ width:100%;}
.contaniner .assort-cont dl{ width: 100%; margin-top: 5%; overflow: hidden;}
.contaniner .assort-cont dl dt{font-size: 1.169em; color: #999; margin-bottom: 3%;}
.contaniner .assort-cont dl dd{ width: 31.2%; float: left; margin-bottom: 3%;margin-right:3%;}
.contaniner .assort-cont dl dd img{width: 80%;margin:0 10%;}
.contaniner .assort-cont dl dd a{ width: 100%; display: block;}
.contaniner .assort-cont dl dd p{ text-align: center; color: #666; font-size: 1.169em;}
.contaniner .assort-cont dl dd:nth-child(3n+3){margin-right:0;}

.cat_bgs{ display:block; width:74%;height:100%;min-height:100%; position:fixed; z-index:0;right:0;top:0; background:#fff;}

/*购物车*/
.contaniner .shopcar{ width: 100%; margin: 2% 0; padding: 4% 0 4% 10%; box-shadow: 0 2px 2px #d7d7d7; background-color: #fff;overflow: hidden; position:relative;}

.contaniner .shopcar .shopcar-checkbox{position:absolute; float: left;left:0; width:30%; height:100%; z-index:1;}
.contaniner .shopcar input[type="checkbox"]{ position: absolute; top: 0; left: 0; opacity: 0; }
.contaniner .shopcar .shopcar-checkbox label{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/check.png) no-repeat; background-size:20%; background-position:10% 35%; -moz-user-select: none; }
.contaniner .shopcar .shopcar-checkbox .shopcar-checkd{background: url(../images/checke.png) no-repeat; background-size:20%; background-position:10% 35%;}

.contaniner .shopcar figure{ display:block; width: 30%; overflow: hidden; float: left; position:relative; z-index:0;}
.contaniner .shopcar figure a{ display:block; overflow: hidden; float: left;padding:0;margin:0;}
.contaniner .shopcar figure img{max-height:100%;max-width:100%; }
.contaniner .shopcar .proAct{position:absolute; bottom:0;right:0; z-index:1;padding:0;margin:0; overflow:hidden;border-top-left-radius:4px;}
.contaniner .shopcar .proAct .lis{font-size:10px; padding:0 2px; background:#F33;color:#fff; display:block; float:right; overflow:hidden;}
.contaniner .shopcar dl{ position: relative; float: left; width: 54%; height: 10em;   margin: 0 3%; overflow: hidden;}
.contaniner .shopcar dl dt{ font-size: 1.3815em; color: #333;}
.contaniner .shopcar dl dd{ font-size: 1.169em; color: #999;}
.contaniner .shopcar dl .add{position: absolute; bottom: 0; left: 0; width: 46%; overflow: hidden; display: table; }
.contaniner .shopcar dl .add span{border: solid 1px #c8c8c8; padding: 1% 10%; display:table-cell;}
.contaniner .shopcar dl .add input{border: solid 1px #c8c8c8; width:100%;margin-left: -1px; display:table-cell;font-size:1.25em ; padding: 10% 0; color: #666; text-align: center;}
.contaniner .shopcar dl h3{ position: absolute; right: 3%; bottom: 20%; font-size: 1.9em; color: #fc605a; font-weight: normal;}
.contaniner .shopcar dl small{ position: absolute; right: 3%; bottom: 0; display: block; width: 10%;}
.contaniner .shopcar dl small img{width: 100%;}


.page-footer2{width: 100%; box-shadow: 0 -2px 4px #d7d7d7; background-color: #fff; z-index:100;height:45px; overflow:hidden;bottom:45px;}
.page-footer2 .shop-go{width: 100%; overflow: hidden;  bottom: 0; left: 0;height:45px; line-height:45px;}
.page-footer2 .shop-go b{float: left; width: 60%; background-color: rgba(0,0,0,0.8); text-align: center; color: #fff; font-size: 16px; font-weight: normal;}
.page-footer2 .shop-go span{float: left; width: 40%; background-color: #45C018; text-align: center;  color: #fff; font-size: 16px; font-weight: normal;}
.page-footer2 .shop-go span a{color: #fff;}

.page-footer2 .shop-go2 b{width: 40%;}
.page-footer2 .shop-go2 span{width: 60%;}


/*个人中心*/
.self-header{ width: 80%; background-color: #FC605A; padding: 6% 10%; overflow: hidden;}
.self-header figure{ width: 20%; height: 0; padding-bottom: 20%; border-radius: 50%; border: solid 2px rgba(255,255,255,0.8);  float: left; overflow: hidden;}
.self-header figure img{ width: 100%; }
.self-header dl{ width: 50%; margin: 0 5%; padding: 2% 0; float: left; overflow: hidden;}
.self-header dl dt{  font-size: 1.7em; color: #fff;}
.self-header dl dd { margin: 5% 0;}
.self-header dl dd img{ width: 10%; vertical-align: middle;}
.self-header dl dd span{ color: #fff; font-size: 1.1em; margin-right: 3%; vertical-align: middle;}
.self-header button{ width: 18%; background-color: #f5f5f5; padding: 2% 0; color: #999; border: none; border-radius: 0.2em; margin: 5% 0; }

.contaniner .self{ width: 100%; margin-top: 3%;}
.contaniner .self dl{ width: 100%;}
.contaniner .self dl dt{ width: 90%; overflow: hidden; padding:4% 5%; background-color: #fff; }
.contaniner .self dl dt a{ width: 100%; display: block; overflow: hidden;}
.contaniner .self dl dt img{width: 6%; vertical-align: middle;}
.contaniner .self dl dt b{ color: #333; font-weight: normal; font-size: 1.594em; margin:0 3%;vertical-align: middle; }
.contaniner .self dl dt span{width: 4%; float: right;}
.contaniner .self dl dt span img{width: 100%;}
.contaniner .self dl dd{ width: 100%; border-top: solid 1px #c8c8c8;}
.contaniner .self dl dd ul{ width: 100%;display: table; overflow: hidden; background-color: #fff}
.contaniner .self dl dd ul li{ display: table-cell; width: 25%; text-align: center; padding: 5% 0;}
.contaniner .self dl dd ul li a{ width: 100%; display: block; height: 100%;}
.contaniner .self dl dd ul li img{ height:30px;}
.contaniner .self dl dd ul li p{ font-size:1.55em; color: #666; padding-top: 4%;}
.contaniner .self .self-icon{ width: 100%; margin-top:6%; background-color: #fff}
.contaniner .self .self-icon li{ width:90%;padding:4% 5%; overflow: hidden; border-bottom: solid 1px #c8c8c8;}
.contaniner .self .self-icon li a{ width: 100%; display: block; overflow: hidden;}
.contaniner .self .self-icon li img{ width: 10%; float: left;}
.contaniner .self .self-icon li p{font-size:1.55em ; color: #333; padding: 1.2% 5%;  float: left;}
.contaniner .self .self-icon li span{ width: 4%; float: right;}
.contaniner .self .self-icon li span img{ width: 100%;}
.contaniner .self input[type="button"]{ width: 80%; margin: 5% 10% ; border: none; background-color: #FC605A; font-size: 1.6em; color: #fff; padding: 4% 0; border-radius: 0.4em;}

/*商品列表*/
.contaniner .list{ width: 100%;}
.contaniner .list figure{ width: 100%; overflow: hidden;}
.contaniner .list figure img{ width: 100%;}
.contaniner .list .search{ width: 100%; background-color: #fff;margin: 2% 0; padding:3% 5%; overflow: hidden;}
.contaniner .list .search input{ width: 80%; font-size: 1.25em; color: #666; border: none;}
.contaniner .list .search label{ width: 5%; float: right; margin-right: 10%;}
.contaniner .list .search label img{ width: 100%;}
.contaniner .list nav{ width: 100%;}
.contaniner .list nav ul{ width: 100%; background-color: #fff;margin: 2% 0;  overflow: hidden;}
.contaniner .list nav ul li{ float: left;padding: 3% 0; text-align: center; width: 25%;}
.contaniner .list nav ul li a{ display: block; width: 100%; color: #666;}
.contaniner .list nav ul li span{ font-size: 1.45em;}
.contaniner .list nav ul li img{ width: 5%;}
.contaniner .list nav ul .list-active a span{ color: #fc605a;}
.contaniner .list .wall{position: relative; display: block; width: 100%; overflow: hidden; margin: 2% 0; z-index: 0;}
.contaniner .list .wall .pic{ width:100%; margin-bottom: 8%; float: left; background-color: #fff; padding-bottom: 3%;}

.contaniner .list .wall .pic a{ width: 100%; display: block;}
.contaniner .list .wall .pic img{ width: 100%;}
.contaniner .list .wall .pic p{ font-size: 1.45em; width: 90%; margin: 2% 5%; text-align: justify; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.contaniner .list .wall .pic b{ color: #FC605A; font-size: 1.7em; font-weight: normal; margin-right: 4%; margin-left: 4%; }
.contaniner .list .wall .pic del{ color: #999; font-size: 1.169em; }
.wall-column {  display: block;  position: relative;  width: 50%;  float: left;  padding: 0 2%;    box-sizing: border-box;}

/*商品详情页*/
/*顶部*/
.detail-header{ width: 90%; padding: 3% 5%; z-index: 2;overflow: hidden; 
-webkit-transition:background-color 0.8s ;
-moz-transition: background-color 0.8s;
-ms-transition: background-color 0.8s;
-o-transition: background-color 0.8s;
transition:background-color 0.8s ;	
transition: background-color 0.8s; }
.change{background-color: #fff ; box-shadow: 0 1px 0 #c8c8c8; }
.change a{background-color: rgba(0,0,0,0); }
.detail-header a{display: block; float: left; width: 12%; height: 0; padding-bottom:12%; border-radius: 50%; background-color: rgba(255,255,255,0.7); overflow: hidden;}
.detail-header .right{ float: right;  }
.detail-header .right img{ float: right;width: 50%;  margin:15% 24%;}
.detail-header a img{width: 40%; vertical-align: middle; margin: 16% 20%;}

.contaniner .detail{ width: 100%;}
.contaniner .detail figure{ width: 100%;}
.contaniner .detail figure ul{ width: 100%;}
.contaniner .detail figure ul li{ width: 100%; overflow: hidden;}
.contaniner .detail figure ul li a{ width: 100%; display: block;}
.contaniner .detail figure ul li img{ width: 100%; display: block;}
.contaniner .detail .swiper-pagination-bullet-active{ background-color: #fff}
.contaniner .detail .jiage{ width: 100%; padding: 3% 0;background-color: #fff; overflow: hidden; margin-top:2%;}
.contaniner .detail .jiage dt{ width: 100%; overflow: hidden;}
.contaniner .detail .jiage dt h3{float: left; width: 70%; padding: 0 5%; font-weight: normal; font-size: 1.3em; color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;word-break:break-all;}
.contaniner .detail .jiage .is_best{color: #fff; background:#039;padding:0 3px; border-radius:3px;}
.contaniner .detail .jiage .is_new{color: #fff; background:#0C0;padding:0 3px; border-radius:3px;}
.contaniner .detail .jiage .is_hot{color: #fff; background:#f33;padding:0 3px; border-radius:3px;}
.contaniner .detail .jiage dt .collect{float: left; width: 20%; text-align: center; border-left: solid 1px #c8c8c8; margin-left: -1px;}
.contaniner .detail .jiage dt .collect img{ width: 30%;}
.contaniner .detail .jiage dt .collect p{ color: #666; font-size: 1.169em;}

.contaniner .detail .jiage dd{ clear: both; width: 90%; padding: 2% 5%;}
.contaniner .detail .jiage dd{ clear: both; width: 90%; padding: 2% 5%;} 
.contaniner .detail .jiage dd b{font-size: 1.7em; color: #FC605A; font-weight: normal;}
.contaniner .detail .jiage .contaniner .detail .jiage dd{ clear: both; width: 90%; padding: 2% 5%;} 
.contaniner .detail .jiage dd del{ color: #999; font-size: 1.169em; margin: 0 2%;}
.contaniner .detail .jiage dd{ clear: both; width: 90%; padding: 2% 5%;} 
.contaniner .detail .jiage dd small{color: #999; font-size: 1.169em; margin: 0 2%;}
.contaniner .detail .jiage dd{ clear: both; width: 90%; padding: 2% 5%;}
.contaniner .detail .jiage dd input[type="button"]{ font-size: 1.169em; border: none; background-color: #333; color: #fff; border-radius: 0.2em; padding: 1% 3%; padding-left: 8%; background-image: url(../images/detail-you.png); background-repeat: no-repeat; background-size: 16%; background-position: 16%;}

.contaniner .detail .chose{ width: 100%; margin-top:2% ;}
.contaniner .detail .chose ul{ width: 94%; padding: 3% 2%; border-bottom: solid 1px #c8c8c8; background-color: #fff; overflow: hidden;}
.contaniner .detail .chose ul:last-child{ border: none;}
.contaniner .detail .chose ul h3{ font-size: 1.35em; color: #666; font-weight: normal; margin-bottom: 2%;}
.contaniner .detail .chose ul li{ width: 20%; padding: 2% 0; text-align: center; border: solid 1px #c8c8c8; float: left; margin: 2% 2%; border-radius: 0.2em;}
.contaniner .detail .chose ul .chose-active{ border: solid 1px rgba(0,0,0,0); background-image: url(../images/detail-icon03.png); background-repeat: no-repeat; background-size: 100% 100%; }
.contaniner .detail .seven{ width: 100%; display: block; background-color: #fff; padding: 3% 5%; margin-top: 2%; color: #666; font-size: 1.169em; background-image: url(../images/right.png); background-repeat: no-repeat; background-size: 2%; background-position: 85%;}
.contaniner .detail .seven b{  color: #FC605A; font-weight: normal;}
.contaniner .act_list{ width: 100%; display: block; background-color: #fff; padding: 3% 10% 3% 5%; margin-top: 2%; color: #666; font-size: 1.169em; background-image: url(../images/right.png); background-repeat: no-repeat; background-size: 2%; background-position: 95%; box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.contaniner .act_list strong{  color: #FC605A; font-weight: normal; border-radius:4px; float:left; background:#FC605A; color:#fff;padding:0 5px;margin-right:5px;}
.contaniner .act_list .yure{ font-weight: normal; border-radius:4px; float:left; background:#F90; color:#fff;padding:0 5px;margin-right:5px;}
.contaniner .act_list .ontime{ color: #FC605A;padding-top:5px; display:block }
.contaniner .act_list .nottime{color:#F90;padding-top:5px;display:block }
.contaniner .detail .same { overflow: hidden; width: 100%; background-color: #fff;margin-top: 2%; padding-bottom: 3%;}
.contaniner .detail .same a{ width: 100%; display: block;}
.contaniner .detail .same span{width: 100%; display: block; border-bottom: solid 1px #c8c8c8; background-color: #fff; padding: 3% 5%;  margin-bottom: 2%; color: #666;font-size: 1.169em; background-image: url(../images/more.png); background-repeat: no-repeat; background-size:6%; background-position: 85%;}
.contaniner .detail .same li{ text-align: center; float: left; width: 23%; margin-right: 1%;  }
.contaniner .detail .same .one{ margin-left: 2%;}
.contaniner .detail .same li:last-child{ margin-right: 2%;}
.contaniner .detail .same li img{ width: 96%; min-height:6em; max-height: 7em;}
.contaniner .detail .same li p{  color: #FC605A; font-size: 1.169em; margin-top: 2%;}

.contaniner .detail .detail-article{ width: 100%; margin-top: 2%; overflow: hidden; background-color: #fff}
.contaniner .detail .detail-article nav{ width: 100%;}
.contaniner .detail .detail-article nav ul{ width: 94%; padding:5% 3%; overflow: hidden; display: table;}
.contaniner .detail .detail-article nav ul li{ display: table-cell; width: 50%; text-align: center; font-size:1.35em ; color: #333; border:solid 1px #333; padding: 3% 0;  }
.contaniner .detail .detail-article nav ul li:first-child{border-top-left-radius: 0.5em;border-bottom-left-radius: 0.5em;  }
.contaniner .detail .detail-article nav ul li:last-child{border-top-right-radius: 0.5em;border-bottom-right-radius: 0.5em; }
.contaniner .detail .detail-article nav ul .article-active{ background-color: #333; color: #fff;}
.contaniner .detail .detail-article .talkbox{ width: 100%;}
.contaniner .detail .detail-article .talk{ width: 100%;}
.contaniner .detail .detail-article .talk li{ width: 90%; padding: 3% 5%; overflow: hidden; border-bottom: solid 1px #c8c8c8;}
.contaniner .detail .detail-article .talk li figure{float: left;  width: 14%; height: 0; padding-bottom: 14%; border-radius: 50%; overflow: hidden;}
.contaniner .detail .detail-article .talk li figure img{  width: 100%;}
.contaniner .detail .detail-article .talk li dl{ float: left; width: 80%; padding-left: 6%; }
.contaniner .detail .detail-article .talk li dl dt{ width: 100%; overflow:hidden;}
.contaniner .detail .detail-article .talk li dl dt *{  float: left;}
.contaniner .detail .detail-article .talk li dl dt p{ color: #666; font-size: 1.169em; }
.contaniner .detail .detail-article .talk li dl dt time{ color: #999; font-size: 1.169em; margin-left: 3%;margin-top: 1%; }
.contaniner .detail .detail-article .talk li dl dt .star{ float: right; width: 30%; display: table; }
.contaniner .detail .detail-article .talk li dl dt .star span{  display: table-cell; width: 20%;  }
.contaniner .detail .detail-article .talk li dl dt .star span img{  width: 100%;  }
.contaniner .detail .detail-article .talk li dl dd{ font-size:1.35em ; margin-top: 3%; color: #333;}
.contaniner .detail .detail-article .talk li dl small{ font-size:1.169em ; margin-top: 3%; color: #999;}
.contaniner .detail .detail-article .talk li dl .picbox{ width: 100%; margin-top: 3%; height: 5em; overflow: hidden;}
.contaniner .detail .detail-article .talk li dl .picbox img{ width: 20%; min-height: 5em; margin-right:2%; margin-bottom: 2%;}

/*产品详情数量*/
.fields {padding:15px 25px;margin-top:8px;background:#fff;}
.fields h2{color:#999;margin-bottom:0.6rem; font-weight:normal}
.fields .ui-number{display:inline-block;vertical-align:middle;border:1px solid #e3e3e3;letter-spacing:0;height:34px;line-height:34px;overflow:hidden}
.fields .ui-number .increase,.fields .ui-number .decrease,.fields .ui-number .num{float:left;text-align:center}
.fields .ui-number .increase,.fields .ui-number .decrease{font-style:normal;font-size:18px;font-weight:700;border:0;display:inline-block;width:30px;height:100%;-webkit-user-select:none; background: #fafafa }
.fields .ui-number .num{height:100%;width:50px;border:0;-webkit-border-radius:0;border-radius:0;font-weight:700}
.fields .ui-number .num::-webkit-inner-spin-button{display:none}
.fields .tit_pri{ font-size:16px; line-height:36px;}


.detail-footer{  width: 92%; background-color: #fff; border-top: solid 1px #c8c8c8; padding:3% 4%;}
/*详情页底部*/
.detail-footer .go-car{ width:55% ; display: block; float: left;}

.detail-footer .buy{ width:40%; margin-left: 5%; font-size: 1.35em; display: block; float: left; background-color: #FC605A; color: #fff; text-align: center;padding: 4% 0; border-radius: 0.4em;}

.detail-footer .go-car input[type="button"]{ width:90%; font-size: 1.35em; border:solid 1px #c8c8c8; color: #666; background-color: rgba(0,0,0,0) ; padding:7% 0; padding-left: 10%;border-radius: 0.4em; background-image: url(../images/shopbar-red.png); background-repeat: no-repeat; background-size:14%; background-position: 12% }

/*去结算buy*/
.to-buy{ width: 100%;}
.to-buy header .now{position: relative; width: 100%; padding: 6% 0; padding-bottom: 8%; overflow: hidden; background-color: #666; margin-bottom: 3%;}
.to-buy header .now span{display: block; width: 20%; margin:6% 0 ;   float: left; text-align: center; }
.to-buy header .now span img{ width:26%; overflow: hidden; }
.to-buy header .now dl{ width: 70%; float: left; overflow: hidden; color: #fff; line-height: 1.6;}
.to-buy header .now dl dt{ width: 100%;  overflow: hidden; margin-bottom: 2%;}
.to-buy header .now dl dt b{ font-weight: normal;font-size: 1.35em; }
.to-buy header .now dl dt strong{font-weight: normal; margin-left: 3%;font-size: 1.35em; color: #fff; }
.to-buy header .now dl dd{ text-align: justify;font-size: 1.35em; }
.to-buy header .now dl p{position: absolute;font-size: 1.35em; width: 24%; right: 10%; bottom:5%; color: #FC605A; background:url(../images/downred.png) no-repeat; background-size: 16%; background-position: 100%;}
/*切换地址*/
.to-now{ width: 100%; padding: 6% 0;background-color: #fff; margin-bottom: 3%; overflow: hidden;}
.to-now *{ float: left;}
.to-now .tonow{position: relative; width: 10%; height: 5em;}
.to-now .tonow label{ width: 100%; display: block; background: url(../images/check.png) no-repeat; background-size: 60%; background-position: 50%; height: 100%;}
.to-now .tonow .ton{ width: 100%; display: block; background: url(../images/checke.png) no-repeat; background-size: 60%; background-position: 50%; height: 100%;}
.to-now .tonow input{opacity: 0; position: absolute; top: 0; left: 0;}
.to-now dl{ width: 70%; overflow: hidden; color: #666; }
.to-now dl dt{ width: 100%;  overflow: hidden; margin-bottom: 2%;}
.to-now dl dt b{ font-weight: normal;font-size: 1.35em; }
.to-now dl dt strong{font-weight: normal; margin-left: 3%;font-size: 1.35em; color: #666; }
.to-now dl dd{ text-align: justify;font-size: 1.35em; }
.to-now h3{ width: 14%; padding: 5% 0; margin: 3% 0;  float: right; margin-left: -1px; border-left: solid 1px #ccc;}
.to-now h3 img{ width: 36%; margin: 0 33%;}

.buy-list{ width: 100%; background-color: #fff}
.buy-list ul{position: relative; overflow: hidden; padding: 10px; border-bottom: solid 1px #ccc; }
.buy-list ul a{ display: block; width: 100%;}
.buy-list ul a.abox{padding-top:8px;}
.buy-list ul li{ float: left;overflow: hidden; position:relative; z-index:0; height:90px;box-sizing: border-box;-moz-box-sizing: border-box; padding-left:96px; width:100%;}
.buy-list ul li figure{float: left; width: 90px; position:absolute; z-index:0; left:0;top:0;}
.buy-list ul li figure img{ width:90px;height:90px;}

.buy-list ul li h3{ font-size:14px; color: #333; font-weight: normal;word-break:break-all;line-height:18px;margin:3px 0;}
.buy-list ul li span{ font-size:12px; color: #999;  text-align: justify; line-height:14px;}
.buy-list ul li .price{ position: absolute; right:0; bottom:0; font-size: 18px; color: #FC605A; font-weight: normal;  }
.buy-list ul li .price font{ font-size:12px;color:#999;}
.buy-list ul li .price.gift{ font-size:10px; max-width:35%;word-break:break-all; text-align:right;}
.buy-list ul li .price.gift b{ font-weight:normal;}

.buy-list .dis{padding:13px 0 0 0px; font-size:12px; color:#666;width:100%;}
.buy-list .dis p{ display:block; overflow:hidden;width:100%;}
.buy-list .dis i{ font-style:normal;}
.buy-list .dis b{ font-weight:normal;color: #FC605A; font-size:14px;float:right;text-align:right;}
.buy-list .dis2{padding:0; font-size:14px; line-height:24px;}

.buy-list dl dd{width: 90%; padding: 4% 5%; font-size: 1.35em; border-bottom: solid 1px #ccc; overflow: hidden;}
.buy-list dl dd span{ color: #666; float: left;}
.buy-list dl dd small{color: #999; float: right;}
.buy-list dl dt{ width: 90%; padding: 3% 5%; }
.buy-list dl .textarea{ width: 90%; padding: 3% 5%; font-size: 1em; color: #666; line-height: 1.4; text-align: justify; border-radius: 0.3em; border: solid 1px #c8c8c8;}

/*产品套餐列表*/
.meal-list .tit5{ padding-left:15px;}
.meal-list ul{ padding: 5px 15px 10px;border:none;}
.meal-list ul a{ display:block; overflow:hidden;border-top:#ddd dashed 1px;padding:5px 0;}
.meal-list ul a:first-child{border-top:none;}

/*购买底部*/
.buy-footer{ width: 90% ; padding: 3% 5%; background-color: #fff; border-top: solid 1px #ccc;}
.buy-footer p{ width: 100% ; display: block; text-align: center; background-color: #fff;}
.buy-footer p small{ font-size: 1.169em; color: #666;}
.buy-footer p b{ font-size: 1.7em; color: #FC605A; font-weight: normal;}
.buy-footer input[type="button"] { width: 100% ; margin-top: 2%; color: #fff; border: none; padding: 3% 0; font-size: 1.45em; border-radius: 0.3em; background-color: #FC605A;}


/*个人信息*/
.self-data{ width: 100%; margin-top: 3%; background-color: #fff}
.self-data li{ width: 90%; overflow: hidden; padding: 5%; border-bottom: solid 1px #ccc;}
.self-data li a{ display: block; width: 100%;}
.self-data li a *{ float: right;}
.self-data li span{  width: 3%; display: block; margin-left: 5%;}
.self-data li span img{  width: 100%; margin:60% 0;}
.self-data li p{float: left; font-size: 1.45em; padding: 1.5% 0; color: #333; }
.self-data li figure{ width: 10%; height: 0; padding-bottom: 10%; overflow: hidden;border-radius: 50%;  }
.self-data li figure img{ width: 100%; }
.self-data li small{ font-size: 1.25em; color: #666; padding: 1.8% 0;}
.self-data li select{ font-size: 1.25em; color: #666; border: none; background-color: #fff; padding: 1% 0;}
/*修改*/
.namechange{ background-color: #fff; width: 82%; padding:4% 5%; margin: 4%; border-radius: 0.5em;}
.namechange img{ width: 10%; vertical-align: middle;}
.namechange input { width: 70%; margin: 0 5%; border: none; font-size: 1.45em; padding: 2% 0;}
.nameform p{ color: #999; font-size: 1.169em; margin: 3% 5%; }
.nameform input[type="submit"]{ width: 90%; margin: 3% 5%; padding: 3% 0; background-color: #FC605A; border-radius: 0.4em; color: #fff; font-size: 1.5em; border: none;}

/*我的收藏使用list页面*/
/*删除*/
.wall .pic{ position: relative;}
.wall .pic a{ display: block; width: 100%; height: 100%;}
.collectbar{display: none; position: absolute; top:0; left: 0; width:20%; height: 4em;}
.collectbar label{ display: block; width: 100%; height: 100%; background: url(../images/a-icon03.png) no-repeat; background-size: 70%; background-position: 50%}
.collectbar .collectd{display: block; width: 100%; height: 100%; background: url(../images/a-icon04.png) no-repeat; background-size: 70%; background-position: 50%}
.collectbar input[type="checkbox"]{ opacity: 0;}
.kong{ display: none;}
.collectbox{display: none; width: 90%; padding: 2% 5%; background-color: #fff; border-top: solid 1px rgba(0,0,0,0.2);}
.collectbox input[type="button"]{ width: 100%; border: none; background-color: #FC605A; color: #fff; border-radius: 0.3em; font-size: 1.5em; padding: 3% 0;}


/*我的积分*/
.integral{ width: 100%;}
.integral h3{ width: 100%; background-color: #fff; margin: 3% 0; text-align: center; padding: 6% 0; font-weight: normal; color: #FC605A; font-size: 1.9em;}
.integral dl{ width: 90%; padding: 4% 5%; overflow: hidden; background-color: #fff; border-bottom: solid 1px #ccc;}
.integral dl dd{ float: left; }
.integral dl dd p{ font-size: 1.45em; color: #333; line-height: 1.7;  }
.integral dl dd time{ font-size: 1.169em; color: #999;  }
.integral dl dt{ float: right; font-size: 1.7em; padding: 3% 0; color: #FC605A;  }

/*收货地址*/
.address{ width: 90%; border-top: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5; background-color: #fff; margin:5px 0; padding: 3% 5%;}
.address a{ width: 100%; display: block; overflow: hidden;}
.address dt{ width: 100%;margin-bottom: 2%;  overflow: hidden;}
.address dt *{ float: left;}
.address dt p{ font-size: 1.35em; color: #333; margin-right: 3%;}
.address dt span{ font-size: 1.35em; color: #333; margin-right: 3%;}
.address dt small{ font-size: 1.169em; color: #fff; background-color: #45c018;padding:0.5% 1%; border-radius: 0.4em;}
.address dd{ width: 100%; text-align: justify; font-size: 1.169em; color: #666;}
/*修改收货地址*/
.change-address{ width: 100%; margin: 3% 0;}
.change-address ul{ width: 100%; background-color: #fff; margin: 3% 0;}
.change-address ul li{position: relative; width: 90%; padding:3% 5%; border-bottom: solid 1px #ccc; overflow: hidden;}
.change-address ul li *{ float: left;}
.change-address ul li .addd{ width: 25%; font-size: 1.25em; color: #999;padding:3% 0;}
.change-address ul li input[type="text"]{ width: 75%; border: none; font-size: 1.45em; color: #666;padding:3% 0;}
.change-address ul li input[type="number"]{ width: 75%; border: none; font-size: 1.45em; color: #666;padding:3% 0;}
.change-address ul li select { border:#CCC dashed 1px;font-size: 1.25em; color: #666; background-color: #fff;width:20%;margin:1% 3% 1% 0;padding:2% 1%; overflow:hidden; border-radius:3px; text-align:center;}
.change-address ul li select:last-of-type {margin-right:0}

.change-address ul li textarea { width:75%;border: none;font-size: 1.45em; color: #666; background-color: #fff;padding:3% 0;}
.change-address ul li .check{ width: 80%; padding-right: 20%;  font-size: 1.45em; color: #666; -moz-user-select: none;background: url(../images/check.png) no-repeat;background-size: 6%; background-position: 95%;
}

.change-address ul li .checkd{ width: 80%; padding-right: 20%;  font-size: 1.45em; color: #666; -moz-user-select: none;background: url(../images/checke.png) no-repeat;background-size: 6%; background-position: 95%;
}
.change-address ul li input[type="checkbox"] {opacity: 0; position: absolute; right:5%; top:40%; }
.change-address ul li h3{font-weight: normal; text-align: center; font-size: 1.45em; color: #FC605A; width: 100%;
}
.change-address input[type=submit]{ width: 90%; margin:3% 5%; padding: 3% 0; font-size: 1.5em; color: #fff; background-color: #45c018; border: none; border-radius: 0.4em;} 

/*全部订单*/
.order{ width: 100%;}
.order dl{ width: 100%; overflow: hidden; background-color: #fff; margin-top: 3%; position:relative; z-index:0;}
.order dl dt{ width: 90%; padding: 3% 5%; overflow: hidden;border-bottom: solid 1px #ccc;}
.order dl dt time{ color: #999; font-size: 1.169em; line-height:20px; vertical-align:middle;}
.order dl dt time img{ float:left;vertical-align:middle;}
.order dl dt span{float: right; color: #FC605A; font-size: 1.169em; }

.order dl dd{ width: 90%; padding: 3% 5%; overflow: hidden; border-bottom: solid 1px #c8c8c8;}
.order dl dd.tt{ border-bottom:none;}
.order dl dd h3{ font-size: 1.35em; font-weight: normal; color: #666; float: left;}
.order dl dd .i{font-size: 1.35em;font-style: normal; color: #999; float: right; }
.order dl dd .i2{ width:25%;}
.order dl dd .order-que{ color: #fff;border: solid 1px rgba(0,0,0,0); background-color: #45c018; }
.order dl dd input{ float: right; border: solid 1px #666; padding: 2% 4%; font-size: 1.169em; color: #666; margin-left: 4%; background-color: #fff; border-radius: 0.4em;}
/*待收货等*/
.go-order{ width: 100%;}
.go-order h3{ width: 100%; padding:6% 0; margin-top:5%; background-color: #fff; font-weight: normal; text-align: center;}
.go-order h3 img{ width: 10%;vertical-align: middle; }
.go-order h3 span{ font-size: 1.5em;color: #fc605a; margin-left: 2%; vertical-align: middle; }
.go-order .map{ width: 100%; background-color: #fff; padding: 4% 0; margin-top: 3%; overflow: hidden;}
.go-order .map dt{float: left; width: 20%; text-align: center; margin: 3% 0;}
.go-order .map dt img{ width: 20%; vertical-align: middle;}
.go-order .map dd{float: left; width: 70%;}
.go-order .map dd span{font-size: 1.35em; color: #666; margin-right: 5%;}
.go-order .map dd small{font-size: 1.35em; color: #666;}
.go-order .map dd p{font-size: 1.35em; color: #666; margin-top: 3%;}
.go-order .order-shop{ width: 100%; margin-top: 3%;background-color: #fff }
.go-order .order-shop dl{position: relative; width: 90%; padding: 3% 5%; overflow: hidden; border-bottom: solid 1px #c8c8c8; }
.go-order .order-shop dl a{ width: 100%; display: block; height: 100%;}
.go-order .order-shop dl dt{float: left; width: 30%; height: 10em; overflow: hidden;}
.go-order .order-shop dl dt img{width:100%; min-height: 10em;}
.go-order .order-shop dl dd{ float: left; width: 65%; margin-left: 5%;}
.go-order .order-shop dl dd p{font-size: 1.35em; color: #333; text-align: justify;}
.go-order .order-shop dl dd small{font-size: 1.169em; color: #999; line-height: 1.6; }
.go-order .order-shop dl dd span{display: block; font-size: 1.169em; color: #999; }
.go-order .order-shop dl dd input[type="button"]{ background-color: #fff; color: #45C018; border: solid 1px #45c018; padding: 2% 4%; border-radius:0.4em ; font-size: 1.169em; margin-top: 2%;}
.go-order .order-shop dl dd b{ position: absolute; bottom:30%; right: 5%; color: #FC605A; font-size: 1.9em; font-weight: normal; }
.go-order .order-shop dl dd strong{ position: absolute; bottom:10%; right: 5%; color: #999; font-size: 1.169em; font-weight: normal; }
.go-order .order-shop ul { width: 100%; overflow: hidden;}
.go-order .order-shop ul li{ width: 90%; padding: 4% 5%; overflow: hidden; border-bottom: solid 1px #c8c8c8;}
.go-order .order-shop ul li span{  font-size: 1.35em; color: #666;}
.go-order .order-shop ul li small{  font-size: 1.35em; color: #999; float: right;}
.go-order .order-shop ul li p{  font-size: 1.169em; color: #999;  line-height: 1.7;}

.order-footer{ width: 90%; padding: 3% 5%; background-color: #fff; border-top: solid 1px rgba(0,0,0,0.2);}
.order-footer input{float: right; padding: 2% 4%; border: solid 1px #c8c8c8; background-color: #fff; color: #666; border-radius: 0.4em; font-size: 1.3em; margin-left: 5%;}
.order-footer input[type="submit"]{border: solid 1px #fff; background-color: #45C018; color: #fff; }
.order-footer a{ width: 100%; display: block;}

/* 去评论*/
.assess{ width: 100%;}
.assess p{ width: 92%; padding: 4%; overflow: hidden; background-color: #fff;margin-top: 4%;}
.assess p img{float: left; width: 30%; }
.assess p textarea{float: right; text-align: justify; width: 65%; border: none; font-size: 1.35em; color: #666; }
.assess ul{ width: 90%; padding: 3% 5%;background-color: #fff; overflow: hidden; margin-top: 3%;}
.assess ul li{ float: left; font-size: 1.35em; color: #666; line-height: 1.8;}
.assess ul .assess-right{ float: right; width: 36%; overflow: hidden;}
.assess ul .assess-right img{width: 20%; display: block; float: left; }
.assess-footer{ width: 100%; background-color: #fff; overflow: hidden;}
.assess-footer li{position: relative;  float: left; width: 70%; padding: 3% 0;}
.assess-footer li label{ width: 80%; padding-left: 20%; font-size: 1.35em; color: #666;  display: block; background: url(../images/check.png) no-repeat; background-size: 6%; background-position: 10% ; -moz-user-select: none;}
.assess-footer li .assd{ width: 80%; padding-left: 20%; font-size: 1.35em; color: #666;  display: block; background: url(../images/checke.png) no-repeat; background-size: 6%; background-position: 10% }
.assess-footer li input[type="checkbox"]{opacity: 0; position: absolute; top:40%; left: 0;}
.assess-footer input[type="button"]{float: right; width: 30%; padding: 3% 0; text-align: center; color: #fff; background-color: #45c018; border: none; font-size: 1.35em;}

/*空状态*/
.none{ width: 100%;}
.none h3{ width: 100%; text-align: center; margin-top: 40%;}
.none h3 img{ width: 20%; opacity: 0.2;}
.none p{ text-align: center; font-size: 1.35em; color: #999; letter-spacing: 0.1em; line-height: 3;}
.none p a{ color: #FC605A; font-size: 1.6em;}

.warp{max-width: 640px; margin: 0 auto;}

.p-top{width: 100%; padding: 5% 0 0; background:url(/uploads/7.jpg) center no-repeat; background-size: cover; text-align: center; position: relative;}
.p-top .tu{width: 100px; height: 100px; margin: 0 auto; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden;}
.p-top .tu img{width: 100px;}
.p-top .name{color: #ffffff; font-size: 1.1em;}
.p-bottom{margin-top: 3%;}
.p-bottom ul li{width: 33.33333333%; height: 3.5em; padding: .5em 0; color: #fff; position: relative; float: left; text-align: center;}
.p-bottom ul li span{position: absolute; width: 100%; left: 0; top: 0; height: 3.5em; background-color: #000;} 
.p-bottom1 ul li span{height: 4.5em;}
.p-bottom ul li .bt,.p-bottom ul li .price{position: relative;}
.p-bottom1 ul li .bt,.p-bottom1 ul li .price{font-size: 1.6em;}
.p-top1{padding: 5% 0 0;}
.p-top2{padding: 5% 0 17%;}

/*balance*/
.balance{width: 100%;}
.balance .top{width: 96%; padding: 3% 4%; margin: 5px auto; background-color: #fff;}
.balance .top .dqian{color: #999; font-size: .8em;}
.balance .top .price{font-size: 1.6em; color: #fb9542; height: 2em; line-height: 2em;}
.balance .top .price span{font-size: .5em;}
.balance .top .ba-btn{height: 2em; line-height: 2em; font-size: 1.25em; color: #fff; display: block; width: 20%; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; background-color: #ea2979;}
.balance .bottom{width: 100%; background-color: #fff;}
.balance .bottom .tit{color: #333; font-size: 1.25em; padding-left: 5%; height: 2em; line-height: 2em; width: 100%; background-color: #eae8e8;}
.balance .bottom .list{height: 4em; width: 100%; padding:1em 1em 0; border-bottom: 1px solid #e9e9e9; background-color: #fff;}
.balance .bottom .list ul li{width: 100%;}
.balance .bottom .list ul li:last-child{margin-top: .5em;}
.balance .bottom .list .dsan{color: #333; font-size: 1.25em;}
.balance .bottom .list .time{font-size: 1.25em; color: #999;}
.balance .bottom .list .yue{color: #666; font-size: 1.25em;}
.balance .bottom .list .jiage{color: #fb9542; font-size: 1.25em;}
.balance .bottom .list .jiage1{color: #ea2979;}

/*分销中心
-----------------------------------------------------------------------------------------------------------------
 * */
.fx-center{background-color: #ebeded;}
.p-listtwo{background-color: #fff; margin-top: 3%; padding-bottom: 3%;}
.p-listtwo .tit p{font-size: 1.2em;}
.p-listtwo .tit .number{font-size: 1em; background-color: #fd4f0b; color: #fff; padding: 0 3%; height: 2em; line-height: 2em; margin-top: .75em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.p-listtwo ul li{border-bottom: 1px dashed #c9c9c9; width: 90%; margin: 0 auto; padding: 0;}
.p-listtwo .list-number{color: #FD4F0B;}
.icon299{background: url(../img/jianhao.png) center left no-repeat; background-size: 24%; padding-left: 30px; color: #333333;}
.icon222{background: url(../img/dian.png) center left no-repeat; background-size: 21.2%; padding-left: 30px; color: #333333;}
.icon223{background: url(../img/dian.png) center left no-repeat; background-size: 18%; padding-left: 30px; color: #333333;}
.icon224{background-size: 14.5%;}
.icon225{background-size: 18.5%;}
.icon226{background-size: 17%;}
.p-listtwo:nth-last-child(1){padding: 0; margin-bottom: 3%;}
.p-listtwo:nth-last-child(1) ul li{border-bottom: none;}

/*物流信息*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.clear{clear:both;zoom:1;}
.wuliu{width: 100%; padding: 4% 5%; margin-top: 3%; box-shadow: none; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; background-color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
.wuliu .list{width: 100%; margin-bottom: 3%;}
.wuliu .list .left{width: 100%; margin-bottom: 5%; font-weight: bold; text-align: left; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; float: left; font-size: font-size: 1.35em; color: #333;}
.wuliu .list:first-child .left{color: #f40;}
.wuliu .right{width: 100%; float: right;}
.wuliu .right ul li{width: 100%; float: right; position: relative; margin-bottom: 5%; padding: 3% 0; border-left: 2px solid #ddd;}
.wuliu .right ul li .dian{position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; left: -4px; top: 1.5em; width: 6px; height: 6px; background-color: #ddd;}
.wuliu .right ul li.active .dian{background-color: #f40;}
.wuliu .right ul li.active{border-left: 2px solid #f40;}
.wuliu .right ul li:last-child{margin-bottom: 0;}
.wuliu .right .zuo{width: 25%; float: left; color: #333; font-size: 1em; display: inline-block; text-align: center;}
.wuliu .right .you{color: #333; float: right; display: inline-block; width: 75%; font-size: 1em; padding-right: 3%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
.wuliu .right ul li .zuo,
.wuliu .right ul li .you{line-height: 2em;}
.wuliu .right ul li.active .zuo,
.wuliu .right ul li.active .you{color: #fff; line-height: 2em;}
.fixed-cont1{margin-bottom: 0;}
.wuliu .right ul li .list-line{width: 90%; padding: 3% 0; float: right; background-color: #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.wuliu .right ul li.active .list-line{background-color: #F40;}


/* 三种商品展示效果 */
.srp{display:table;width:100%; padding-bottom:10px; background-color:#eee; padding-top:5px;}
.srp:after{display:block;clear:both;height:0;content:' '}
.srp em{font-style:normal} 
.srp .product{display:inline-block;float:none; align-items:stretch;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:6px;padding-bottom:0}
.srp .pro-inner{position:relative;background-color:#fff; overflow:hidden;width:100%;height:100%}
.srp .proImg-wrap{float:left}
.srp .proImg-wrap img{}
.srp .proInfo-wrap{float:left;padding:5px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.srp .proPrice{font-family:arial;height:20px;line-height:21px}
.srp .proPrice em{color:#ee6a6a;font-size:14px;font-weight:700;margin-left:2px}
.srp  del{color:#999;font-size:12px}
.srp .proTitle{overflow:hidden;font-size:13px}
.srp .proTitle a{color:#333;font-size:13px;text-decoration:none;-webkit-transition:all .3s linear;font-size:13px}
.srp .proSales{float:left;color:#999;font-size:12px;font-family:arial}
.srp .proSales em{color:#666}
.srp .proService{color:#333;font-size:13px;height:20px;line-height:21px}
.srp .proIcons{padding-left:10px;height:20px;overflow:hidden; font-size:12px;color:#999; line-height:16px;margin:3px 3px 0 0}
.srp .proIcons em{color:#333;}
.srp .proIcons img{vertical-align:middle; float:right;width:32px;height:16px;}
.srp .proSales{line-height:16px;margin-top:3px}
.srp.list{width:100%;padding:0; background:none;}
.srp.list .product{width:100%;padding:5px;background-color:#fff;border-top:#f6f6f6 solid 1px;}
.srp.list .pro-inner{width:100%;padding-top:3px;}
.srp.list .proImg-wrap{width:26.4%;margin-right:8px;-webkit-transition:all .6s linear}
.srp.list .proImg-wrap img{width:100%}
.srp.list .proInfo-wrap{float:none;padding:0;padding-left:90px}
.srp.list .proTitle{line-height:19px;max-height:36px;padding:8px 0;font-size:16px}
.srp.list .proPrice{float:left;margin-right:10px}
.srp.list .proPrice del{display:none}
.srp.list .proIcons{ text-indent:30px;margin-top:6px}
.srp.list .proSales{margin-top:6px}
.srp.album .product{width:49.9%}
.srp.album .product:nth-child(2n+1){padding-right:5px}
.srp.album .product:nth-child(2n){padding-left:5px}
.srp.album .pro-inner{align-items:stretch;padding-bottom:70px;height:auto}
.srp.album .proInfo-wrap{position:absolute;bottom:5px;width:100%;height:65px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.srp.album .proImg-wrap{width:100%}
.srp.album .proImg-wrap img{width:100%;}
.srp.album .proTitle{height:19px;position:relative;top:19px;font-size:13px}
.srp.album .proPrice{position:relative;top:-19px}
.srp.album .proPrice del{display:none}
.srp.album .proService{display:none}
.srp.album .proSales{float:right;position:relative;top:-36px;right:2px;margin:0}
.srp.album .proIcons{padding-left:0;width:100%;position:relative;top:-16px}
.srp.grid .product{width:100%;-webkit-transition:all .5s linear}
.srp.grid .proImg-wrap{width:100%}
.srp.grid .proImg-wrap img{width:100%;}
.srp.grid .proTitle{height:19px}
.srp.grid .proPrice{float:left;margin-right:10px}
.srp.grid .proPrice em{margin-right:10px}
.srp.grid .proPrice del{display:none}
.srp.grid .proService,.srp.grid .proIcons{float:none}
.srp.grid .proSales{clear:left}
@media screen and (max-device-height:568px) and (orientation:portrait){
.srp{display:table;width:100%}
.srp .product{display:inline-block;float:none}
.srp.album .proImg-wrap{overflow:hidden;max-height:200px}
}
@media screen and (min-device-width:768px) and (orientation:portrait){
.srp{display:table;width:100%}
.srp .product{display:inline-block;float:none;}
.srp.album .proImg-wrap{overflow:hidden;max-height:380px}
}
@media screen and (max-device-width:480px) and (orientation:portrait){
.srp.album .proImg-wrap{overflow:hidden;max-height:240px}
}
.get_more{margin:10px auto 0px; display:block; text-align:center}
.rmtj {margin-top: 0px;}
.srp .product{ position:relative ; z-index:0;}
.srp.J_ItemList{background-color:#fff;padding-bottom:0px;padding-top:0;}
.srp.J_ItemList .pro-inner{box-shadow:rgba(204,204,204,0.8) 0 0 1px ; -webkit-box-shadow:rgba(204,204,204,0.8) 0 0 1px ;padding-bottom:50px;}
.srp.J_ItemList .proImg-wrap{ position:relative; z-index:0; display:block; float:left; overflow:hidden;}
.srp.J_ItemList .proImg-wrap img{display:block; float:left; overflow:hidden;}
.srp.J_ItemList .proAct{position:absolute; bottom:0;right:0; z-index:1;padding:0;margin:0; overflow:hidden;border-top-left-radius:4px; z-index:1;}
.srp.J_ItemList .proAct .lis{font-size:10px; padding:0 2px; background:#F33;color:#fff; display:block; float:right; overflow:hidden;}
.srp.J_ItemList .cartBox{position:absolute; top:5px; right:5px; z-index:1;padding:0;margin:0; overflow:hidden;width:55px;height:55px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;outline: none;}
.srp.J_ItemList .cartBox .img_box{ display:block; overflow:hidden;border-top-right-radius:0px;border-top-left-radius:8px;border-bottom-left-radius:25px;border-bottom-right-radius:8px; width:40px;height:40px;padding:8px; border:rgba(255,255,0,0.2) solid 1px;background:rgba(255,255,255,0.3); position:absolute; z-index:0;right:0;top:0;-webkit-box-sizing: border-box;    box-sizing: border-box;    -webkit-tap-highlight-color: transparent;    -webkit-tap-highlight-color: transparent;    -webkit-user-select: none;    outline: none;}
.srp.J_ItemList .cartBox .img_box img{width:25px;height:25px;-webkit-box-sizing: border-box;    box-sizing: border-box;    -webkit-tap-highlight-color: transparent;    -webkit-tap-highlight-color: transparent;    -webkit-user-select: none;    outline: none;}
.srp.J_ItemList .proInfo-wrap{height:57px;}
.srp.J_ItemList .proIcons{top:0;display:none;}
.srp.J_ItemList .proTitle{line-height:19px;font-size:13px;padding-top:3px;color:#454545;}
.srp.album .pro-inner{align-items:stretch;padding-bottom:55px;height:auto}
.srp.album .proTitle{ width:100%; overflow:hidden; height:32px;position:relative;top:2px;font-size:12px; line-height:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;word-break:break-all;}
.srp.album .proPrice{position:relative;top:2px;font-size:10px;}
.srp.album .proPrice em{position:relative;top:0px; font-size:10px;margin-left:0; font-family:"Microsoft YaHei"; font-weight:normal;}
.srp.album .proPrice em span{font-size:12px; float:left;color:#f33;}
.srp.album .proPrice em font{float:left;}
.srp.album .proSales {top: -16px; font-size:10px;}

.dofl{ display:block; overflow:hidden; float:left;}
.dofr{ display:block; overflow:hidden; float:right;}
.order_list{}
.order_list .tit{ line-height:30px;vertical-align: middle;padding:5px 10px;}
.order_list .tit img{vertical-align: middle;margin-right:8px; position:relative; z-index:0;top:-2px;}
.order_list .tit2{color:#F66;}
.order_list .bot{line-height:30px;vertical-align: middle;padding:7px 10px;border-top: #f6f6f6 solid 1px;}
.order_list .but{height:26px;line-height:26px;padding:0 15px;border: #ddd solid 1px;color:#666; float:right; font-size:12px;margin-left:10px;}


.cus_serach{ display:block; width:94%;padding:10px 3%; background:#fff; position:fixed; top:0;margin-top:15%;height:40px; overflow:hidden; z-index:9;}
.cus-submit{ position:absolute;top:10px;right:10px; display:block; width:55px;height:30px; line-height:30px; text-align:center; background:#F66; color:#fff; font-size:18px; border:none; border-radius:4px !important }
.cus-ul{ display:block;padding-right:60px;}
.cus-ul li{ display:block; float:left; width:50%;line-height:30px;}
.cus-ul li label{ display:block; overflow:hidden; float:left; width:25%;}
.cus-ul li input{ display:block; float:left; width:60%;maring:0;height:30px; border:#CCC solid 1px; border-radius:4px;}

/*简单分页*/
.pagination p{margin:0;cursor:pointer}
.pagination{height:40px;padding:20px 0px;}
.pagination a{display:block;float:left;margin-right:10px;padding:2px 12px;height:24px;border:1px #cccccc solid;background:#fff;text-decoration:none;color:#808080;font-size:12px;line-height:24px;}
.pagination a:hover{color:#077ee3;background: white;border:1px #077ee3 solid;}
.pagination a.cur{border:none;background:#077ee3;color:#fff;}
.pagination p{float:left;padding:2px 12px;font-size:12px;height:24px;line-height:24px;color:#bbb;border:1px #ccc solid;background:#fcfcfc;margin-right:8px;}
.pagination p.pageRemark{border-style:none;background:none;margin-right:0px;padding:4px 0px;color:#666;}
.pagination p.pageRemark b{color:red;}
.pagination p.pageEllipsis{border-style:none;background:none;padding:4px 0px;color:#808080;}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}

/***/
.rooo{display:none;overflow:hidden; position:fixed;width:200px;height:80px;margin:0px 0 0 50%;left:-100px;top:10px; background:#fff; z-index:99;border:#F30 solid 1px;border-radius:5px;}
.rooo .tit{display:block;overflow:hidden; position:relative;width:200px;height:26px;background:#F33; z-index:99; line-height:26px; font-size:14px; text-indent:5px;color:#fff;}
.rooo .close{display:block;overflow:hidden; position:absolute;width:30px;height:26px;right:0;top:0;z-index:99; font-size:36px; color:#fff; text-align:center; line-height:26px;}
.rooo .text{display:block;overflow:hidden; position:absolute;width:160px;left:20px;top:20px; background:#fff; z-index:96; text-align:center; font-size:18px;color:#F33; line-height:26px;}

/*送货列表选择*/
.check-type{ position:relative; z-index:0;}
.check-type .num{ padding-left:30px;}
.check-type .check-type-ui{ display:block; float:left;position:absolute; top:5px;left:10px; z-index:0; width:26px;height:26px; background:none; border-radius:60px;border:#0C9 solid 1px;}
.check-type.on .check-type-ui::after{position: absolute;top:-10px;left: 11px;width: 12px;height: 26px;border-style: solid;border-color:#0C9;	border-width: 0 2px 2px 0;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);content: "";}

.page-footer2 .shop-go2 .check-type-ui{top:8px;}



/* 本例子css -------------------------------------- */
.tabBox .hd{ height:30px; line-height:30px; font-size:16px; background:#f4f4f4; border-bottom:1px solid #FC605A; position:relative; width:100%;}
.tabBox .hd ul{ position:absolute; height:31px; top:0; overflow:hidden; display:block; width:94%;margin:0 3%;}
.tabBox .hd ul li{ display:block; float:left; width:50%;color:#666;box-sizing: border-box;-moz-box-sizing: border-box; text-align:center;}
.tabBox .hd ul .on{ border:1px solid #FC605A; border-bottom-color:#fff; background:#fff; color:#FC605A;   }
.tabBox .hd ul .on a{ display:block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
.tabBox .bd .scroll_box{ display:block;background:#fff;}

.bill-list{box-sizing: border-box;}
.bill-list .scroll_box{padding:5px; background:#fff;box-sizing: border-box;}
.bill-list table{border-left:#CCC solid 1px; text-align:center; font-size:14px; line-height:16px; width:100%;color:#666;}
.bill-list th{border:#CCC solid 1px;border-left:none;padding:5px 3px; }
.bill-list td{border-bottom:#CCC solid 1px;border-right:#CCC solid 1px;padding:5px 0;word-break: break-all;}
.bill-list td:nth-child(1){max-width:150px; text-align:left;}
.bill-list{}