@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.fix-bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,0); display: none;}
.tcbox{ width: 6rem; height: auto; display: block;  position: absolute; background: #fff;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}

.tcbox h3{
	font-size: .46rem; line-height: 1.2rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: 1.2rem; position: relative;
	background: #f35a5f;
	background: -webkit-linear-gradient(90deg,#f35a5f,#482578);
	background: -moz-linear-gradient(90deg,#f35a5f,#482578);
	background: -o-linear-gradient(90deg,#f35a5f,#482578);
	background: linear-gradient(90deg,#f35a5f,#482578);
	border-radius: .2rem .2rem 0 0;
}
.tcbox h3.end{
	color: #fff;
	background: #979797;
	background: -webkit-linear-gradient(90deg,#979797,#535353);
	background: -moz-linear-gradient(90deg,#979797,#535353);
	background: -o-linear-gradient(90deg,#979797,#535353);
	background: linear-gradient(90deg,#979797,#535353);
}


.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .4rem;}
.tipSure a{
	width: auto; height: .68rem; display: inline-block;
	margin:0 auto;
	font-size: .3rem; line-height: .68rem; color: #fff;font-weight: bold;
}
.tipSure a.btn01{
	width: 4.9rem;height: .8rem; display: block; margin: auto;
	border-radius: .4rem;
	font-size: .32rem; line-height: .8rem; color: #4e0300; font-weight: bold;
	text-align: center;
	background: #ffc851;
	background: -webkit-linear-gradient(90deg,#ffc867,#fff,#ffc867); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(90deg,#ffc867,#fff,#ffc867); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(90deg,#ffc867,#fff,#ffc867); /* Firefox 3.6 - 15 */
	background: linear-gradient(90deg,#ffc867,#fff,#ffc867); /* 标准的语法 */
}
.tipSure a.btn02{
	width: 2.3rem; margin: 0 .15rem;
	background: #fc5014;
	background: -webkit-linear-gradient(#fc5014,#fd6c25); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#fc5014,#fd6c25); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#fc5014,#fd6c25); /* Firefox 3.6 - 15 */
	background: linear-gradient(#fc5014,#fd6c25); /* 标准的语法 */
	border-radius: .36rem;
	box-shadow: 0 .1rem .1rem rgba(255,255,255,.2) inset;
}
.tipSure a.btn03{
	width: 2.3rem; margin: 0 .15rem;
	background: #aaa;
	border-radius: .36rem;
}

.tipSure p{
	font-size:.24rem; line-height: .36rem;
	width: 76%; margin: .15rem 12% 0;
	text-align: center;
	color: #fc3c2f;
}



.close{position: absolute; bottom: -.7rem; left:50%; margin-left: -.25rem; display: block; width: .5rem; height: .5rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

/* 点击loading */
/* #loadPage{display: block;} */
.loadingbox{width: 20%; height: 1.8rem; display: block;  text-align: center; position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.loadingbox img{width: 100%; height: auto; display: block;}

/* 温馨提示弹窗  活动已结束  在线咨询  太贪心了 */
/* #notePage{display: block;} */
.noteTxt{width: 4.9rem; clear: both; float: left; margin: .28rem .55rem 0; text-align: center;}
.noteTxt p{font-size: .28rem; line-height: .46rem; color: #444; text-align: center; padding-bottom: .32rem;}
.noteTxt p span{color: #ff4706; }
.noteTxt img{
	width: 3.47rem; display: inline-block; margin: auto;
}
.noteTxt img.ewm{width: 2.22rem; display: inline-block; margin: 0 auto .6rem;}
.noteTxt p.suc{text-align: left;}


/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ display: block; text-align: center;padding: 0 0 .3rem;}
.rulebox ul{width: 5.2rem; clear: both; float: left; margin: .3rem .4rem auto;}
.rulebox ul li{width: 100%; clear: both; float: left; margin: 0 auto .2rem; position: relative;}
.rulebox ul li h4{
	clear: both; width: 100%;
	font-size: .28rem; line-height: 1;font-weight: bold; color: #ea3127;
	margin-bottom: .1rem; text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.rulebox ul li h4::before{
	content: ''; width: .13rem; height: .13rem; display: block;
	background: url("../images/tc-icon01.png") no-repeat center / 100%;
	margin-left: -.18rem; margin-right: .05rem;
}
.rulebox ul li h4::after{
	content: ''; width: 3.84rem; height: 1px; display: block;
	border-top: dashed .02rem #e32e25;
	margin-left: .18rem;
}

.rulebox ul li p{
	width:100%; float: left;  line-height: .36rem; color: #444444;
	text-align: left; font-size: .26rem;
}
.rulebox ul li .oneLine{
	white-space: nowrap;
}
.rulebox ul li span{color: #ff0000;}


/* 助力弹窗提示 */
/* #joinPage{display: block;} */
.joinTxt{width: 100%; clear: both; padding-top: .5rem; text-align: center;
	display: flex;
	justify-content: center;
	align-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: .4rem;
}
.joinTxt p{font-size: .28rem; line-height: .37rem; width: 100%; clear: both; }
.joinTxt p span{color: #fc5618;}
.joinTxt img{width: 4rem;}
.joinTxt img.icon{
	width: 2.38rem; display: block; margin-left: -.77rem; margin-top: .25rem;
}
.joinTxt img.ewm{
	width: 2.22rem; display: inline-block;
}
.joinTxt img.gifNull{
	width: 2.31rem; display: inline-block;
}
.joinTxt img.physi{
	width: 1.99rem; display: inline-block; margin-bottom: -.65rem;
}

/* 收货地址 */
/* #addressPage{display: block;} */
.addressbox{
	width: 100%; clear: both; float: left; padding: .15rem 0;
}
.addressbox h5{
	width: 100%; font-size: .28rem; line-height: 1.5; text-align: center;
}
.addressbox ul{
	width:5.47rem; display: inline-block; margin: .1rem .27rem 0;
}
.addressbox ul li{
	width: 100%; clear: both; margin-bottom: .2rem;
}
.addressbox ul li.user,.addressbox ul li.phone{
	width: 100%;height: .71rem;
	background: #f7efff;
	border-radius: .1rem;
	font-size: .26rem; line-height: .71rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.addressbox ul li label{float: left; margin-left: .2rem;margin-right: .1rem; display: block;}
.addressbox ul li label em{color: #ff4706;}
.addressbox ul li.address label{color: #333;}

.addressbox ul li input{
	border: none; height: .71rem; width: 3.6rem;
	background: rgba(255,255,255,0);
	display: block;
	font-size: .26rem;
}
.addressbox ul li.address input{
	width: 90%;padding: 0 5%;
	border: solid .01rem #ffcbb9;
	border-radius: .5rem;
	line-height: .77rem; height: .77rem;
	margin-top: .05rem;
}
.addressbox ul li.region{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.addressbox ul li.region .form-group{
	width: 31%;
}
.addressbox ul li.region .form-group select{
	width: 100%;
	border: solid .01rem #ffcbb9;height: .51rem; line-height: .51rem;
	border-radius: .1rem;
	font-size: .24rem;
	background: #fff;
}
.addressbox ul li.region .form-group span{
	font-size: .24rem;
}
.addressbox ul li.region .form-group em{font-size: .26rem;color: #ff4706;}
.addressbox p{
	font-size:.24rem; line-height: .36rem;
	width: 76%; margin: 0 12% 0;
	text-align: center;
	color: #fc3c2f;
}

/* 确认地址 */
/* #surePage{display: block;} */
.sureTxt{width: 100%; clear: both; float: left; margin: .2rem auto 0;}
.sureTxt ul{
	width: 5rem; float: left; margin: .2rem .5rem;
}
.sureTxt ul li{font-size: .26rem; line-height: .4rem; clear: both; float: left;margin-bottom: .15rem; width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.sureTxt ul li span{float: left;}
.sureTxt ul li p{float: right; width: 4.2rem; border-bottom: solid .02rem #444;
	font-size: .28rem; line-height: .4rem; min-height: .4rem;
}
.sureTxt ul li:last-child p{width: 3.6rem;}


/* 物流 */
/* #logisInfoPage{display: block;} */
.logistInfo{
	width: 4rem; clear: both; float: left; margin: .65rem 1rem .3rem;
}
.logistInfo ul{
	width: 100%; clear: both;
}
.logistInfo ul li{
	width: 100%; font-size: .28rem; line-height: .4rem; font-weight: 500;
	white-space: nowrap;
}
.logistInfo ul li span{color: #fc3c2f; font-weight: bold;}
.logistInfo p{
	width:100%;clear: both; text-align: center; margin-top: .1rem;
	font-size: .24rem; color: #999;
}
.logistInfo img{
	width: 1.95rem; display: block; margin: .2rem auto 0;
}


/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 7.5rem;margin: .55rem auto;}
.share-box >img{width: 2.88rem; display: block; margin: auto; margin-right: 1.8rem;}
.share-box p{
	width: 5.6rem; clear: both; float: left; margin: -1.2rem 1rem auto;
	font-size: .28rem; line-height: .47rem; color: #fff;
	text-align: center;
	position: relative;
}
.share-box p span{display: block; font-size: .26rem; padding-top: .3rem;}
.share-box p em{color: #ffda93;}
.share-box a{width: 3rem; display: block; clear: both; padding:.55rem 0; margin: auto;}
.share-box a img{width: 100%; display: block;}




/* pc版打开遮罩 */
.pc-box{width: 6.06rem; height: auto; text-align: center; background:#fff; position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}
.pc-box font{
	font-size: .46rem; line-height: 1.2rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: 1.2rem; position: relative;
	background: #ff6209;
	border-radius: .2rem .2rem 0 0;
}

.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box .pic img{width: 34%;display: block; margin:.5rem 33% auto;float: left;}
.pc-box p{width: 90%; font: .24rem/1.5 "microsoft yahei";color: #666;float: left; margin: .25rem 5% .35rem;}

.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .49rem; height: .49rem; cursor: pointer;}
.pc-box a img{width: 100%;}