@charset "utf-8";

body,h1,h2,h3,h4,p,ul,ol,dl,dt,dd,form,input,select,span,p,strong,em { margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); outline: none; color: #000;}
a:focus { outline: none; -webkit-appearance:none;} 
img{ border:none; vertical-align:top;}
input,textarea,select{ outline:none; background-color: none; border:0; -webkit-appearance:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
em { font-style: normal;}
body{ background:#F9F9F9; font-size: 1rem;}
body, input ,textarea{ font-family:"微软雅黑";}
body, html { height: 100%; font-size: 12px; color: #000;}

/*public*/
.clear{ zoom:1;}
.clear:after{content:''; display:block; clear:both;}
.fl{ float: left; }
.fr{float: right;}
.h10{ height: 0.1rem }
.h20{ height: 0.2rem; }
.h30{ height: 0.3rem; }
.h50{ height: 0.5rem; }
.h80{ height: 0.8rem }
.img{ width: 100%; height: 100% }
.ellipsis-01{text-overflow: -o-ellipsis-lastline; text-overflow:ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical;}
.contentBox{ width: 100%; background-color: #fff }
.contentPadding{
	width: 96%;
	background-color: #fff;
	padding: 2%;
}
.contentMrg{
	width: 96%;
	background-color: #fff;
	margin: 2%;
}

/*index*/
.banner{ width: 100%; position: relative; overflow: hidden;}
.banner-link{ width: 100%;}
.banner-link img{ width: 100%;}
.banner-pagination{ position: absolute; z-index: 1; font-size: 0; text-align: center;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box}
.swiper-container-android .swiper-slide,
.swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.swiper-slide {	-webkit-flex-shrink: 0;	-ms-flex: 0 0 auto;	flex-shrink: 0;	width: 100%;height: 100%;position: relative}
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom: 5px;left: 0;width: 100%}
.swiper-pagination-bullet {width: 0.22rem;height: 0.22rem;display: inline-block;border-radius: 100%;background: #fff;opacity: .5}
.swiper-pagination-bullet-active {opacity: 1;background: #fff}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.08rem}

.navList{
	padding: .2rem 0rem;
	background-color: #fff
}
.navList li{
	float: left;
	width: 25%;
	text-align: center;
	margin: .2rem 0rem;
}
.navList li a{
	display:table;
	width: 1.813333rem;
	height: 1.813333rem;
	margin: 0 auto;
	background-color: #e6e6e6;
	border-radius: .4rem;
	color: #fff
}
.navList li a .navIco{
	font-size: .7rem
}

.navList li a span{
	display: table-cell;
	vertical-align: middle;
}
.navList li a span p{
    font-family: '黑体';
}

[data-dpr="2"] * {
  	font-size: 24px;
}
[data-dpr="3"] * {
  	font-size: 36px;
}

.index-title{
	padding:.2rem;
	margin-top: .2rem;
	background-color: #fff;
	border-top: 1px solid #F9F9F9;
	
}
.title-txt{
	font-size: 15px;
	font-weight: 700
}
[data-dpr="2"] .title-txt{
	font-size: 30px;
}
[data-dpr="3"] .title-txt{
	font-size: 45px;
}
.index-title .titleIco{
	background-color: #ffa944;
	width: 1.2em;
	height: 1.2em;
	padding: .05rem;
	display: inline-block;
	color: #fff;
	font-size: 0.4rem;
	border-radius: .6rem;
	text-align: center;
	line-height: 1.2em;
	margin-right: 0.1rem
}
.index-ad{
	background-color: #fff
}
.index-adList{}
.index-adList li{
	width: 32%;
	float: left;
	margin-right: 2%;
	
}
.index-adList .index-ad-img{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
}
.index-adList .index-ad-img img{ width: 100%; height: 100% }
.index-adList li:nth-last-child(1){
	margin-right: 0;
}
.index-adList p{
	line-height: 2em;
	padding: 0 2%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pro-out{ max-width: 10rem; margin: 0 auto; background-color: #fff}
.proList{}
.proList li{
	width: 4.9rem; 
	float: left; 
	margin-bottom: 10px;
}
.proList li:nth-of-type(2n+1){
	margin-right:0.1rem;
}
.proList li:nth-of-type(2n){
	margin-left:0.1rem;
}
.proList .proImg{ 
	width: 4.9rem; 
	height: 4.9rem; 
	overflow: hidden;
}
.proTit{
	line-height: 1.5em;
	height: 3em;
	overflow: hidden;
	border-bottom:1px dotted #e6e6e6;
	margin-bottom: 5px;
	font-size: 16px;
	padding-left: 2%
}

/*[data-dpr="1"] .proTit {
  font-size: 16px;
}*/
[data-dpr="2"] .proTit {
  font-size: 28px;
}
[data-dpr="3"] .proTit {
  font-size: 40px;
}
.proPrice{
	color: #ff0000;
	font-size: 18px;
}
.buyNum{ 
	border: 1px solid #ccc; 
	padding:2px 4px; 
	display: inline-block; 
	border-radius: 8px; 
	color: #c1bfbf;
	margin-top: 4px;
	font-size: 12px;
	margin-right: 2%;
	padding:1%  2%;
}

[data-dpr="2"] .proPrice {
  font-size: 30px;
}
[data-dpr="3"] .proPrice {
  font-size: 42px;
}


[data-dpr="2"] .buyNum {
  font-size: 20px;
}
[data-dpr="3"] .buyNum {
  font-size: 32px;
}

.footerH{
	height: 1.4rem;
}
.footerList{
	width: 100%;
	position: fixed;
	bottom: 0px; 
	left: 0px;
	height: 1.4rem;
	background-color: #FCFCFC;
    border-top: 1px solid #F0F0F0;
}
.footerList li{ 
	width: 25%;
	height: 1.4rem;
	float: left;
	display: table;
	text-align: center;
	vertical-align: middle;
 }
.footerList li.current a{
    color:#FF5500;
}
 .footerList li a{
 	display:table-cell;
 	vertical-align: middle;
 }
  .menuIco{
  	font-size:0.5rem;
  }
 .menuText{
 	display:block;
 	
 	text-align: center;
 	line-height: 1.5em
 }


 /*chongz.html*/
 .contentP{
 	padding: .2rem
 }
.chongzBox{ 
	/*width: 9.4rem;*/
	/*margin:0 auto;
	border:1px solid #ccc;
	border-radius: .08rem*/
 }
 .chongz-Phone{
 	background: #fff;
 	border-bottom: 1px solid #d4d4d4;
 }
 .telLeft{ 
	width: 6.633333rem;
  }

 .tel-text{
 	line-height: 2.5em;
 	color: #a3a3a3;
 }
 .tel-ico{
	color: #ff5001;
	font-size:0.76rem;
	
	/*display: inline-block;
	float: left;*/
}
  .chongzInput{ 
  	width:83%; 
  	height: 2em; 
  	line-height: 2em;
  	border:0; 
  	background: none;
  	font-size: 16px
   }
[data-dpr="2"] .chongzInput{
   	font-size: 32px;
}
[data-dpr="3"] .chongzInput{
   	font-size: 48px
  }
  .chongzInput::-webkit-input-placeholder { color:#ccc; }
.borderLine{
	width: 100%;
	height: .3rem;
	background-color: #e9e7e8;
}
.chongzNum{
	padding: 2% 4%;
	background: #fff;
}

.chongzNExplain{
	font-size: 14px;
	line-height: 2.5em
}
[data-dpr="2"] .chongzNExplain{
	font-size: 28px
}
[data-dpr="3"] .chongzNExplain{
	font-size: 32px
}
.chongzNum-list{

}
.chongzNum-list li{
	width: 48%;
	float: left;
	text-align: center;
	margin: 1%
}
.chongzNum-list li a{
	display: block;
	padding: 6% 0;
	background-color: #fff;
	border:1px solid #d4d4d4;
	border-radius: .1rem
}
.chongzNum-list .fontColor{
	color: #ff0000;
}
.chongzNum-list li.active a{
	background-color: #ff5001;
	border:1px solid #ff5001;
	color:#fff;
}
.chongzNum-list li.active span:nth-of-type(2),.chongzNum-list li.active .fontColor{
	color: #fff;
}
.chongzNum-list .price-num{
	font-size: 16px;
	margin-right: 2%;
}
.chongzNum-list span:nth-of-type(2){
	color: #676767;
}
[data-dpr="2"] .chongzNum-list .price-num{
	font-size: 32px
}
[data-dpr="3"] .chongzNum-list .price-num{
	font-size: 48px
}
.chongzText{
	padding:2%;
	background: #fff;
	color: #a3a3a3;
}
.chongzText span{
	font-size: 16px;
	
}
[data-dpr="2"] .chongzText span{
	font-size: 32px;
}
[data-dpr="3"] .chongzText span{
	font-size:48px;
}
.chongzText p{
	line-height: 1.8em
}
.payBtn {
    width: 80%;
    margin: 20px auto;
    line-height: 2.5em;
    text-align: center;
    background: #ff5001;
    border-radius: 0.2rem;
}
.payBtn a {
    line-height: 2.5em;
    font-size: 18px;
    display: block;
    color: #fff;
}
[data-dpr="2"] .payBtn a{
	font-size: 28px;
}
[data-dpr="3"] .payBtn a{
	font-size: 38px;
}
.bottomLink{
	text-align: center;
}

/*users*/
.users-head{ background: #FFFFFF;  background-size: 100%; padding:5%;}
.headerbg{ background-image:url(../images/userheader.jpg); padding:8%;}
.headImg{ width: 1.533333rem; height: 1.533333rem; overflow: hidden; border-radius: 0.22rem; background: #ccc;}
.headText{ display: table; margin-left: 5px; height: 1.533333rem; }
.headText span{ display: block; color: #666263; line-height: 1.5em;}
.headTextInner{ display: table-cell; vertical-align:middle;}
.imgborder{border-radius: 50%}
.header-border{border-bottom: 1px solid #e6e6e6}
.headImgmar{ margin-right: 3% }
.center-text{ display:table-cell;  vertical-align: middle;}
.center-text span{ color: #fff;}

.users-data{ padding: 3% 0;}
.dataWidth{ width: 50%; text-align: center;}
.dataWidth p:nth-of-type(1){ font-size: 20px; font-weight: bold;}
[data-dpr="2"] .dataWidth p:nth-of-type(1){
	font-size: 30px
}
[data-dpr="3"] .dataWidth p:nth-of-type(1){
	font-size: 40px
}
.dataWidth p:nth-of-type(2){  color: #666263;}
.dataWidth span{ display: block;}
.dataWidth:nth-of-type(1) span{ border-right: 1px solid #F9F9F9;}
.usersList{ }
.usersList li{ padding-left: 6%; background: #FFFFFF; }
.usersList li>a{ display: block; padding:4% 0px;/*font-size: .4rem*/}
.Ico-erwem{font-size: .5rem; color: #1e9b9b; margin-right: 5px;  padding: 1%;}
.Ico-common{ font-size: .5rem; color: #fff; margin-right: 15px; width: 1em; height: 1em; line-height: 1em; display: inline-block; text-align: center; padding: 1%; border-radius: 8px;}
.ul-list li:nth-of-type(1) .Ico-common{ background: #fe7146;}
.ul-list li:nth-of-type(2) .Ico-common{ background: #ffaa43;}
.ul-list li:nth-of-type(3) .Ico-common{ background: #ffaa43;}
.ul-list li:nth-of-type(4) .Ico-common{ background: #4ec7e4;}
.ul-list li:nth-of-type(5) .Ico-common{ background: #90a4ad;}
.usersList li{ border-bottom: 1px solid #F9F9F9;}
.right-Ico{ font-size: .4rem; display: block; color: #ccc; margin-right: 1em;}
.subList{ /*margin-top: 4%;*/}
.subList dt{}
.subList dt a{ display: block;   padding: 4% 10%; border-top:1px solid #F9F9F9; }
.subList.active{ display: none;  }
.rightNum{  margin-right: 1em; font-weight: bold;}
.sublink{ display:block; }

/*help*/
.helpBox{ margin:0 2%; background: #fff; border-radius: 4px; border-radius: 0.2rem;}
.hpTitle{display: block; padding: 0 3%; border-bottom: 2px solid #efefef; font-weight: bold; line-height: 2em; font-size: 16px;}
[data-dpr="2"] .hpTitle{
	font-size: 32px;
}
[data-dpr="2"] .hpTitle{
	font-size: 48px;
}
.helpList{

}
.helpList li a{ display: block; line-height: 2.5em; padding:0 2%;border-bottom: 2px solid #f2f2f2; }

.helpIco{ line-height: 1.5em; color: #d2d2d2;}
.plBtn{ width:100%;  text-align: center;}
.plBtn a{ font-size: 16px; padding: 3% 0%;}
.btn-a2{ display: block; color: #000; background-color: #fff; }
.postion-kefu{ position: fixed; right: 4%; bottom: 40%;}
.onlineB{ padding:3% 2%; text-align: center; line-height: 1.2em; background:  #ff5001; border-radius: 4px; color: #FFFFFF;}
.onlineIco{ font-size:.4rem;  width: 2em;}
.onlineB span{width: 1em; display: block; margin: 4px auto 0px; /*font-size: 14px;*/}


/*record*/
.recordTit{ color: #ff0000; line-height: 2em; border-bottom: 1px solid #F9F9F9; }
.recordExp{ line-height: 2em; color: #666; }
.recordBox{ background: #FFFFFF; padding: 2% 4%;}
.recordlist{}
.noneRecord{ color: #666; background: #FFFFFF; text-align: center; padding: 10% 0; display: block; border-top: 1px solid #F9F9F9;}

.recordlist-ul{ background: #fff;}
.record-month{ line-height: 3em; background: #e6e6e6;  padding: 0 3%;}
.recordlist-ul li{  border-bottom: 1px solid #e6e6e6; display: table; width: 100%}
.recordlist-ul li>div{ display: table-cell; vertical-align:middle; }
.recordlist-ul li .record-left span{ display: block;}
.record-left{ width: 22%; padding: 2% 3%;  color: #666; text-align: center; line-height: 2em; border-right: 1px solid #e6e6e6;}

.record-right{ width: 46%; padding: 2% 3%; line-height: 2em;}
.record-right .record-price{font-size: 16px; color: #ff0000}
.record-right .record-original{ text-decoration:line-through;  margin-left: 2%}
[data-dpr="2"]  .record-right .record-price{
	font-size: 32px
}
[data-dpr="3"]  .record-right .record-price{
	font-size: 48px
}
.record-status{
	width: 20%;
	text-align: center;
}
.record-status .recharge{
	color: #ff4f01
}
.record-status .recharge-success{
	color: #04ad2c
}

.record-status .recharge-failure{
	color: #fd0000
}
.gray{
	color: #666
}

/*cash*/
.cashImg{ width: 20%; margin: 0 auto;}
.cash-All{ text-align: center;}
.cash-All span{ display: block;}
.cash-All span:nth-of-type(1){ font-size: 16px;}
[data-dpr="2"] .cash-All span:nth-of-type(1),[data-dpr="2"] .cash-All span:nth-of-type(1) a{
	font-size: 32px
}
[data-dpr="3"] .cash-All span:nth-of-type(1),[data-dpr="3"] .cash-All span:nth-of-type(1) a{
	font-size: 48px
}
.cash-All span:nth-of-type(1) a{ color: #679ad3; margin-left: 4px;}
.cash-All span:nth-of-type(2){ font-size: 28px; font-weight: bold;}
[data-dpr="2"] .cash-All span:nth-of-type(2){
	font-size: 56px
}
[data-dpr="3"] .cash-All span:nth-of-type(2){
	font-size: 84px
}
.cashBottom{ width: 75%; padding:2% 5%; background: #fff; margin: 0 auto;}
.cashWaylist{}
.cashWaylist a{ font-size: 16px; line-height: 2em;}
[data-dpr="2"] .cashWaylist a{
	font-size: 32px
}
[data-dpr="3"] .cashWaylist a{
	font-size: 48px
}
.cashInput{ border-bottom: 1px solid #F9F9F9; padding: 10px 0;}
.cashInput span:nth-of-type(1){ font-size: 24px;  float: left; line-height: 2em;}
[data-dpr="2"] .cashInput span:nth-of-type(1){
	font-size: 48px
}
[data-dpr="3"] .cashInput span:nth-of-type(1){
	font-size: 72px
}
.cashInput span:nth-of-type(2){/* font-size: 16px; */ width: 90%; float: left;}
.cashInput span:nth-of-type(2) input{font-size: 24px;  border: 0; line-height: 2em; width: 100%;}
[data-dpr="2"] .cashInput span:nth-of-type(2) input{
	font-size: 48px
}
[data-dpr="3"] .cashInput span:nth-of-type(2) input{
	font-size: 72px
}
.cashNotice{ line-height: 2em; color: #999; margin-top: 5px;}
.cash-all{
	line-height: 2.5em
}
.cash-all a{
	color: #7c95c9
}
.sureBtn{ 
	width: 85%;
	margin:0 auto;
	text-align: center;
 }
 .sureBtn a{
 	line-height: 3em;
 	border-radius: 0.1rem;
 	font-size: 16px
 }
 [data-dpr="2"]  .sureBtn a{
 	font-size: 32px
 }
 [data-dpr="3"]  .sureBtn a{
 	font-size: 48px
 }

.detail-goods{
	padding: 2%
}
.goodsName{
	font-size: 16px
}
 [data-dpr="2"] .goodsName{
 	font-size: 32px
 }
  [data-dpr="3"] .goodsName{
 	font-size: 48px
 }
.goodsExp{
	font-size: 14px;
	color: #666;
	line-height: 1.5em
}
[data-dpr="2"] .goodsExp{
	font-size: 28px
}
[data-dpr="3"] .goodsExp{
	font-size: 42px
}
.goodsPrice{
	font-size: 18px;
	color: #ff0000;
	margin:0.2rem 0;
}
[data-dpr="2"] .goodsPrice{
	font-size: 36px
}
[data-dpr="3"] .goodsPrice{
	font-size: 54px
}
.goodsNum{
	line-height: .8rem
}

.goodsNum span{
	font-size: 14px
}
[data-dpr="2"] .goodsNum span{
	font-size: 28px
}
[data-dpr="3"] .goodsNum span{
	font-size: 42px
}
.goodsNum span{
	display: block;
	float: left;
}
.goodsNum .add,.goodsNum  .desc{
	width: .8rem;
	height: .8rem;
	line-height: .8rem;
	background-color: #eee;
	border:1px solid #F9F9F9;
	 text-align: center; 
}
.goodsNum .numInput{
	width: .9rem;
	height: .8rem;
	overflow: hidden;
	border-top:1px solid #F9F9F9;
	border-bottom:1px solid #F9F9F9;
}
.goodsNum .numInput input{ 
	width: 100%; 
/* 	height: 100%; */
	border:0;  
	text-align: center;
 }
 .detail-text{
 	border-top: 2px solid #ff0000
 }
 .detail-text-title{
 	line-height: 2.5em;
 	padding-left: 2%;
 	font-size: 16px;
 	border-bottom: 1px solid #F9F9F9;
 }
 [data-dpr="2"]  .detail-text-title{
 	font-size: 32px;
 }
  [data-dpr="3"]  .detail-text-title{
 	font-size: 48px;
 }
 .detailCon{
 	padding: 2%
 }
.detailCon img{
	width: 100%
}
.detailCon p{
	font-size: 14px;
	line-height: 1.5em
}
 [data-dpr="2"] .detailCon p{
 	font-size: 28px
 }
  [data-dpr="3"] .detailCon p{
 	font-size: 42px
 }
 .bottomH{
 	height:1.3rem;
 }
 .bottomBtn{
 	width: 100%;
 	height:1.5rem;
 	position: fixed;
 	bottom: 0px;
 	left: 0px;
 	background-color: #fff;
 	display: table;
 	border-top: 1px solid #eee;
 	z-index: 100
 }
.bottomBtn a{
	display:table-cell;
	vertical-align: middle;
	text-align: center;
}
.bottomBtn a i{
	display: block;
	font-size: 0.4rem;
	position: relative;
}
.bottomBtn .leftWidth{
	width: 20%;
	/*float: left;*/
	border-right: 1px solid #eee;
	
}
.bottomBtn .rightWidth{
	width: 30%;
	/*float: right;*/
	color: #fff;
	font-size: 16px;
}
 [data-dpr="2"] .bottomBtn .rightWidth{
 	font-size: 32px
 } 
  [data-dpr="3"] .bottomBtn .rightWidth{
 	font-size: 48px
 } 
.cartbg{
	background-color: #fe9402
}
.buybg{
	background-color: #ff5001
}
.cartNum{
	width: 0.45rem;
	height: 0.45rem;
	background-color: #ff0000;
	color: #fff;
	text-align: center;
	line-height: 0.45rem;
	position: absolute;
	top: -20%;
	right: 20%;
	border-radius: 50%;
	font-weight:normal;
}


.layui-layer-skin{
	width: 100% !important;
	position:fixed !important;
	bottom: 0px !important;

}
.layui-layer-skin .layui-layer-content{
	background-color: #fff;
	height: 100%;
	overflow:visible !important
}

.layerCon{
	width: 100%;
	height: 60%;
	position: fixed;
	bottom: 0;
	background-color: #fff
}
.layer-goodsImg{
	width: 3.2rem;
	height: 3.2rem;
	border:5px solid #fff;
	margin-top: -0.5rem;
	margin-left: 0.5rem;
	float: left;
	position: relative;
	z-index: 100
}
.layer-price span{
	display:block;
}
.layer-price span:nth-of-type(1){
	font-size: 16px;
	color: #ff0000;
	font-weight:700;
	line-height: 2em
}
 [data-dpr="2"] .layer-price span:nth-of-type(1){
 	font-size: 32px
 }
 [data-dpr="3"] .layer-price span:nth-of-type(1){
 	font-size: 48px
 }
 .layer-price{
 	float: left;
 	margin-left: 0.3rem;
 	margin-top: .6rem;
 }

.layerLine{
	width: 100%;
	height: 10px;
	border-bottom: 1px solid #eee
}
.layerClass{
	padding: 2%
}
.layerClass span{
	line-height: 2em
}
.layerList li{
	float: left;
	background-color: #dcdcdc;
	padding:2% 3%;
	margin:.2rem;
	border-radius: .3rem
}
.layerNum{
	padding: 3%;
	line-height: 0.8rem
}
.layer-surebtn{
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 11;
	width: 100%;
	height: 1.2rem;
	background-color: #ff6400;
}
.layer-surebtn a{
	display: block;
	text-align: center;
	line-height: 1.2rem;
	color: #fff;
	font-size: 16px
}
 [data-dpr="2"] .layer-surebtn a{
 	font-size: 32px
 }
 [data-dpr="3"] .layer-surebtn a{
 	font-size: 48px
 }

 /*order-check*/
.add-address-out{ margin-bottom: 10px; border-bottom: 5px solid #e6e6e6}
.add-address{ width: 94%; padding: 0 3%; height: 1.3rem; line-height: 1.3rem; border-bottom: 1px solid #cdcdcd;}
.add-address .orderaddresIco{ font-size:0.35rem; color: #FF0000; margin-top: 1px; display: block; float: left;}
.add-address span{ color: #ccc;}
.add-address .addInnerbar{
	background-color: #ff0000;
	color: #fff;
	width: 80%;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	display: block;
	margin: 0 auto;
	border-radius: .5rem
}
.addInner-Ico{
	background-color: #fff;
	color: #ff0000;
	padding: 1%;
	margin-right: 10px;
}
.oc-goods{min-height: 189px;  margin-bottom: 10px;  background-color: #fff;}
.oc-goods-info{position: relative; background-color: #f8f8f8}
.oc-goods-info .orImg{width: 2.8rem; height: 2.8rem; margin:0 0.2rem; float: left;}
.oc-goods-info img { border: 1px solid #F9F9F9;}
.oc-goods-detail{ width: 6.6rem; padding-top: 4px; float: left; margin-right: 0.2rem}
.oc-goods-name{ font-size: 16px;}
 [data-dpr="2"]  .oc-goods-name{
 	font-size: 32px
 }
  [data-dpr="3"]  .oc-goods-name{
 	font-size: 48px
 }
.oc-goods-spec{ color: #9C9C9C; padding: 4px 0px;}
.oc-goods-spec span{ display: block;}
.oc-goods-price{ color: #ff0000;  font-size: 16px}
 [data-dpr="2"]  .oc-goods-price{
 	font-size: 32px
 }
  [data-dpr="3"]  .oc-goods-price{
 	font-size: 48px
 }
.oc-goods-number{ position: relative;  width: 96%; padding: 2%; height: 42px; line-height: 42px; text-align: left; border-bottom: 1px solid #ededed;}
.oc-goods-number span{color: #333333; display: inline-block; position: relative;}
.oc-goods-reduce {  right: 79px;   }
.oc-goods-increase { right: 0; }
.oc-numBtn{text-align: center; line-height: 25px; background-color: #e8e8e8; border-radius: 2px;position: absolute; display: inline-block; width: 27px; height: 25px; top: 8px;}
.oc-goods-total-price{position: relative; width: 96%; padding: 2%; height: 0.65rem; line-height: 0.65rem;  text-align: right; border-top: 1px solid #eee}

.oc-payment{ position: relative; padding: 0 10px; background-color: #fff;}
.oc-payment-item{ width: 100%; position:relative; height: 1.2rem; line-height: 1.2rem; border-bottom: 1px solid #eee;}
.oc-payment-recommend{ position: relative; display: inline-block; margin-left: 10px; line-height: 17px; text-align: center;  padding:0.06rem 0.08rem; color: #ee2e3a; border-radius: 2px; border: 1px solid #ee2e3a;}
.oc-payway{ color: #FF0000; font-size:0.35rem;}
.oc-bottom-bar-h{ height: 53px;}
.oc-bottom-bar{position: fixed; width: 100%;   height: 1.2rem; line-height: 1.2rem;padding: 0; bottom: 0;text-align: right; background-color: #fff; z-index: 1000;}
.oc-pay-btn { position: relative; float: right; width: 2.5rem; height: 100%;color: #fff; background-color: #ee2e3a; text-align: center;}
.oc-pay-finial { position: relative; float: right; height: 100%; margin-right: 15px;  }
.oc-pay-finial span{
	font-size: 16px
}
 [data-dpr="2"] .oc-pay-finial span{
 	font-size: 32px
 }
  [data-dpr="3"] .oc-pay-finial span{
 	font-size: 48px
 }
.oc-pay-finial .oc-finial-amount {color: #ee2e3a; margin-left: 10px;}
.paywayIco01,.paywayIco02{ font-size: 0.45rem;}
.paywayIco01{ color: #51c648;}
.paywayIco02{ color: #1a99f1;}
.oc-active .oc-payway{opacity: 1 !important;}
.oc-remove .oc-payway{opacity: 0 !important;}


/*弹出框*/
.popupCont{ width: 90%;  background: #FFFFFF;  padding: 0 5%; }
.popupCont input{
	width: 100%;
	height: 100%
}
.theName,.theTel{width: 50%; line-height: 3em; border-bottom: 1px solid #e6e6e6}
.theName span{ display: block; border-right: 1px solid #e6e6e6 }
.theName input,.theTel input{ text-indent: 1em }
.addressInput{  padding: 2% }
.addressInput  input{ height: 3em; line-height: 1.8em ; }
.addressBox,.selectBox{border-bottom: 1px solid #e6e6e6}
.addressText{ /*width:96%;*/ padding: 2% }
.selectBox{ padding: 3% 2% }
.selectBox span,.selectBox i{ line-height: 2EM; color: #999}
.selectBox  select{ width: 100%; height: 2EM ;  color: #999 }
.sureBtn a{  font-size: 14PX;  /*width: 70%; */margin:10PX auto;  display: block; background: #ff5001; border-radius: 10px; text-align: center; color: #FFFFFF }
.closeBox{ width: 30PX; height: 30px; border-radius: 50%;  background: #666; text-align: center; line-height: 27px; font-size: 18px; color: #FFFFFF; position: absolute; top: -10PX; right: -10px}

.layui-layer-popup{
	width: 90% !important;
	margin:0 auto;
	background-color: #fff
}
.layui-layer-popup .layui-layer-title{
	font-size: 18px;
	height: 1.2rem;
	line-height: 1.2rem;
	text-align: center;
	background-color: #eee;
	padding-left: 0;
	padding-right: 0;
}
 [data-dpr="2"] .layui-layer-popup .layui-layer-title{
 	font-size: 36px
 }
  [data-dpr="3"] .layui-layer-popup .layui-layer-title{
 	font-size: 54px
 }

.addressIco{
	width: 12%;
	text-align: center;
	 display: table-cell; 
	 vertical-align: middle;
}
.addressIco i{
	font-size: 0.65rem
}
.addressText{
	 display: table-cell; 
	 vertical-align: middle;
	
}
.addressRight{
	width: 5%;
	display:table-cell;
	vertical-align: middle;
}
.addressRight i{
	font-size: .45rem;
	color: #333
}
.addressText span{
	 line-height: 1.5em
 }
.addressText dl{ 
	margin-bottom: 5px
 }
.detail-address{
	 display: table; width: 100% 
}

/*cashDetail*/
.commissionnum{
	padding: 0 2%;
	height: 1rem;
	line-height: 1rem;
}
.commissionList li{
	display: table;
	padding: 1% 0;
	border-bottom: 1px solid #d4d4d4
}
.commissionList li>div{
	display: table-cell;
	vertical-align: middle;
}
.commissionList-img{
	width: 1.3rem;
}
.commissionList-img img{
	width: 1.1rem;
	height: 1.1rem;
	margin:0.13rem;
	overflow: hidden;
	border-radius: 50%
}
.commissionList-text{
	width: 6.5rem;
	padding:0 0.2rem;
}
.commissionList-text span{
	display: block;
	line-height: 1.5em
}
.commissionList-price{
	width: 1.74rem;
	color: #ff0000;
	
	text-align: center;
}
.commissionList-price span{
	font-size: 18px;
}
 [data-dpr="2"] .commissionList-price span{
 	font-size: 30px;
 }
  [data-dpr="3"] .commissionList-price span{
 	font-size: 42px;
 }


/*users-list*/
.gradebox{
	line-height: 3em;
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
}
.gradebox h1{
	font-size: 16px;
}
 [data-dpr="2"] .gradebox h1{
 	font-size: 32px;
 }
 [data-dpr="3"] .gradebox h1{
 	font-size: 48px;
 }
 
 .grade-list{
 	
 }
 .grade-list li{
 	display: table;
 	width: 100%;
 	padding: 2% 0;
 	border-bottom: 1px solid #d4d4d4;
 }
.grade-list li>div{
	display: table-cell;
	
}
.grade-userimg{
	
	padding: 0 0.2rem;
}
.grade-userimg img{
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	overflow: hidden;
}
.grade-name{
	width: 4.6rem;
	vertical-align: middle;
}
.grade-name span{
	display: block;
	line-height: 2em;
}
.grade-time{
	width: 3.6rem;
	vertical-align: bottom;
	line-height: 2.5em;
}
.grade-id,.grade-time{
	color: #a3a3a3;
}
.grade-ico{
	font-size: 0.5rem;
	color: #ff5001;
	margin-right: 2%
}
.tk-userimg{
	padding: 0 0.2rem;
}
.tk-userimg img{
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	overflow: hidden;
}
.tk-top{
	padding: 2% 4%;
	background: #FFFFFF;
	border-bottom: 1px solid #D4D4D4;
	line-height: 2em;
}
.tk-time{
	width: 48%;
	padding: 0 2%;

}
.tk-status{
	width: 46%;
}
.tk-time,.tk-status{
	vertical-align: bottom;
	line-height: 2.5em;
}


.jiamengB{ 
	background: #FFFFFF;
	}
.jiamengText{ 
	color: #ff0000; 
	padding-left: 2%;
	display: block;
	line-height: 3em;
}
.jiamengText-agree{
	/*line-height: 2.5em;*/
	padding-left: 2%;
	display: block;
}
.erwmBtn{ 
	width: 80%; 
	background: #ff5001; 
	border-radius: 4px; 
	margin: 0 auto; 
	text-align: center; 
	line-height: 3em;
}
.erwmBtn a{ 
	color: #FFFFFF;  
	display: block;
}
.jiameng-helpBox{ 
	padding: 2% 3%; 
	background: #fff;
}
.jiameng-helpBox .hpTitle,.jiameng-helpBox li{ 
	display:block; 
	border-bottom: 1px solid #F9F9F9;
}
.daili-list{
	display: table;
	margin: 0 auto
}
.daili-list li{
	display: table;
	float: left;
	margin: 0.1rem

}
.daili-list li span{
	display: table-cell; 
	text-align: center;
	vertical-align: middle;
	width: 2.8rem;
	border:1px solid #d4d4d4;
	padding: 4% 0;
	line-height: 1.5em;
	border-radius: 0.1rem

}
.daili-list li.daili-active span{
	background: #ff5001;
	border:1px solid #ff5001;
	color: #fff
}
.jiamengText-agree{
	display: table;
	width: 100%
}
.jiamengText-agree i{
	display: table-cell;
	vertical-align: middle;
}
.icon-xuanzhong:before{
	width: 0.3rem;
	height: 0.3rem;
	line-height: 0.3rem;
	text-align: center;
	display: inline-block;
	padding:0.05rem;
	border: 1px solid #3a3a3a;
	border-radius: 0.05rem;
}
.agree-text{
	width: 8rem;
	text-align: left;
	font-style: normal;
}

.agree-ico{
	width: 0.35rem;
	color: #3a3a3a;
}
.agree-ico-no{
	color: #fff;
	width: 0.35rem;
}


/*cart*/
.cart-goodsList{
	width: 100%;
	display: table;
	padding: 0.35rem 0;
	border-bottom: 1px solid #E6E6E6
}
.cart-goodsList>div{
	display: table-cell;
	vertical-align: middle;
}
.checkBox{
	text-align: center;
	width: 0.8rem;


}
.cartImg{
	width: 2.666666rem;
	height: 2.666666rem;
	overflow: hidden;
	border:1px solid #eee;
}
.cartText{
	width: 5.6rem;
	position: relative;
	padding:0 0.2rem;
}
.cart-goods-price{
	line-height: 2.5em;
	font-size: 14px;
}
 [data-dpr="2"] .cart-goods-price{
 	font-size: 28px;
 }
  [data-dpr="3"] .cart-goods-price{
 	font-size: 42px;
 }
.cartDel{
	position: absolute;
	right: .25rem;
	bottom: .15rem;
}
.cartDel .delIco{
	font-size: .55rem
}
.checkIco{
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;	
	border-radius: 0.2rem;
	margin:0 auto;	
}
.active-red{
	border:1px solid #ff0000;
	background-color: #ff0000;
	color: #fff
}
.active-no{
	border:1px solid #ccc;
	background-color: #fff;
	color: #fff
}
.cartBottom{
	width: 100%;
	height: 1.3rem;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #fff;
	border-top: 1px solid #ccc;
}
.cart-allPrice{
	padding: 0% 2%
}
.cart-allPrice span{
	line-height: 1.3rem;
	display:inline-block;
	font-size: 14px;
	margin-right: 10px
}
 [data-dpr="2"] .cart-allPrice span{
 	font-size: 28px;
 }
  [data-dpr="3"] .cart-allPrice span{
 	font-size: 42px;
 }
.cartBtn{
	width: 2.5rem;
	background-color: #ff0000;
}
.cartBtn a{
	display: block;
	text-align: center;
	color: #fff;
	line-height: 1.3rem;
	font-size: 14px;
}
 [data-dpr="2"] .cartBtn a{
 	font-size: 28px;
 }
 [data-dpr="3"] .cartBtn a{
 	font-size: 42px;
 }


.content-title{
	background-color: #e83048;
	color: #fff;
	font-size: 16px;
	line-height: 2.5em;
	font-weight: normal;
	padding-left: 2%;
	border-top-right-radius: 0.2rem;
	border-top-left-radius: 0.2rem;
}
.content-title i{
	font-size: 0.56rem;
}
 [data-dpr="2"] .content-title{
 	font-size: 32px;
 }
  [data-dpr="3"] .content-title{
 	font-size: 48px;
 }
 .contentText{
 	line-height: 2em;
 }
  .contentText img{
  	max-width: 100%;
  	display: block;
  	margin: 0 auto
  }

.address-link{
	height: 0.8rem;
	line-height: 0.8rem;
	border-top:1px solid #ccc;
}
.address-link a{
	display: inline-block;
	margin-right: 3%;
	color: #666
}
.address-link a:nth-of-type(1){
	width: 50%
}
.address-link a:nth-of-type(2),.address-link a:nth-of-type(3){
	width: 12%
}
.defult-ico{
	width: 1.2em;
	height: 1.2em;
	border:1px solid #999;
	padding: 1%;
	border-radius: 50%;
	margin-right: 2%;
	color: #fff
}
.ar-checkIco{
	background-color: #ff0000;
	color: #fff;
}
.del-ico,.edit-ico{
	color: #666;
	margin-right: 2%;
}
.addressMarg{
	border-top: 1px solid #ccc;
	margin-bottom: 2%;
}

.erweimbg{
	width: 100%;
	height: 100%;
	background-image: url(../images/erweimabg.jpg);
	background-repeat:no-repeat;
	background-position: center;
	position:relative;
	background-size: 100%;
}
.ewmInner{
	width: 4.42666667rem;
	position: absolute;
	top: 7.86666667rem;
	left: 2.86666667rem;
}
.ewmImg{
	width: 4.42666667rem;
	height: 4.42666667rem;
	display: block;
	
}
.ewmText{
	display: block;
	text-align: center;
	line-height: 1.5em;
	color: #fff
}
.ewmBottom{
	width: 100%;
	position: absolute;
	top: 14.24rem;
	
	font-weight:bold;
}
.ewmText-01 span{
	/*line-height: 2em*/
	display: block;
	text-align: center;
	color: #e9545a;
}
.ewmText-01 span:nth-of-type(1){
	font-size:16px;
	line-height: 2em;
}
 [data-dpr="2"] .ewmText-01 span:nth-of-type(1){
 	font-size: 32px
 }

 [data-dpr="3"] .ewmText-01 span:nth-of-type(1){
 	font-size: 48px
 }
 .ewmText-01 span:nth-of-type(2){
	font-size:18px;
}
 [data-dpr="2"] .ewmText-01 span:nth-of-type(2){
 	font-size: 36px
 }

 [data-dpr="3"] .ewmText-01 span:nth-of-type(2){
 	font-size: 54px
 }

.ewmBottomlist{
	text-align: center;
	display: table;
	margin: 0 auto
}

.ewmBottomlist li{
	display: table;
	float: left;
	margin: 0.1rem
}
.ewmBottomlist li span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 1.93333rem;
	height: 1.26666rem;
	background-color: #fff;
	margin: 0.1rem;
	padding: 0.1rem;
	border:2px solid #e9545a;
	border-radius:10px;
}