@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: 5.4rem; height: 7.4rem; display: block;
	background: url('../images/tc-bg.png') no-repeat center / 100%;
	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%);
	-webkit-border-radius: .2em;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}

.tcbox h3{
	font-size: .36rem; line-height: .8rem; font-weight: bold;color: #fff;text-align: center;
	width: 100%; clear: both; float: left; margin-top: -.05rem;
	height: .98rem; position: relative;
	background: url('../images/tc-tit01.png') no-repeat center top / 3.3rem;
}
.tcbox h3.type02{
	background: url('../images/tc-tit02.png') no-repeat center top / 3.3rem;
}
.tcbox h3.type03{
	background: url('../images/tc-tit03.png') no-repeat center top / 3.7rem;
}


.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .2rem;}
.tipSure a{
	width: 3.2rem; height: .62rem; display: inline-block; margin:0 auto; font-size: .28rem; line-height: .62rem; color: #fff;
	background: #fc453b;
	background: -webkit-linear-gradient(90deg, #fd8347, #fc453b);
	background: -moz-linear-gradient(90deg, #fd8347, #fc453b);
	background: -o-linear-gradient(90deg, #fd8347, #fc453b);
	background: linear-gradient(90deg, #fd8347, #fc453b);
	border-radius: .36rem;
	box-shadow: 0 .03rem .08rem rgba(253,128,70,.25);
}
.tipSure a.btn02{width: 4rem;}

select:focus-visible {
    /* outline: -webkit-focus-ring-color auto 1px; 这是谷歌浏览器的原生样式*/
    outline: none;
}


.close{position: absolute; top: -.7rem; right:0; 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: 100%; clear: both; float: left; margin: .77rem auto 0; text-align: center; height: 4.25rem; display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.noteTxt img{
	width: 3.47rem; display: inline-block; margin: auto;
}
.noteTxt img.ewm{width: 2rem; display: inline-block; margin: auto;}
.noteTxt img.webEwm{width: 2.55rem; display: inline-block; margin: auto;}
.noteTxt img.giftNull{width: 2.67rem; display: inline-block; margin: auto;}
.noteTxt img.noChances{width: 3.18rem; display: inline-block; margin: auto;}
.noteTxt img.logistics{width: 2.81rem; display: inline-block; margin: auto;}
.noteTxt p{font-size: .26rem; line-height: .42rem; color: #666; text-align: center; padding-bottom: .32rem; width: 80%;}
.noteTxt p span{color: #ff5f0c; font-weight: bold;}

/* 我的奖品/恭喜中奖 */
/* #giftPage{display: block;} */
.giftTxt{
	width: 100%; height: 4.95rem;
	clear: both; display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.giftTxt .pic{
	width: 100%; height: 3.3rem; display: flex;
	justify-content: center;
	align-items: center;
}
.giftTxt.coupon .pic{
	height: 2.6rem;
}
.giftTxt .pic img{width: 2.75rem; display: inline-block; margin: auto;}
.giftTxt p{
	font-size: .28rem; line-height: .48rem; clear: both;
	text-align: center;
	margin-bottom: .45rem;
}
.giftTxt.coupon p{margin-bottom: .2rem;}
.giftTxt p span{
	font-size: .32rem; font-weight: bold; color: #f34b2a;
	display: block;
}
.giftTxt .km{
	width: 100%; clear: both; display: none;
	float: left;
	margin-bottom: .5rem;
	text-align: center;
}
.giftTxt.coupon .km{display: inline-block;}
.giftTxt .km select{
	width: 3.2rem; height: .5rem; border: 0; display: inline-block; 
	font-size: .26rem; line-height: .5rem;
	text-indent: .15rem;
	background: #fbebe8;
	border-radius: .08rem;
	color: #e85858;
}




/* 地址弹窗 */
/* #addressPage{display: block;} */
.addressbox{
	width: 100%; height: 4.95rem;
	float: left;
	clear: both;
}
.addressbox ul{
	width: 4.15rem; clear: both; float: left;
	margin-left: .6rem; margin-top: .58rem;
}
.addressbox ul li{
	margin-bottom: .2rem; width: 100%; clear: both; float: left;
}

.addressbox ul li label{
	font-size: .24rem; line-height: .46rem; float: left;
}
.addressbox ul li input{
	width: 2.7rem; height: .46rem; border: 0; float: left;
	font-size: .24rem;
	text-indent: .15rem;
	background: #fbebe8;
	border-radius: .08rem;
	color: #e85858;
}
.addressbox ul li.two input{
	width: 2.7rem;
}
.addressbox ul li .form-group{
	float: left; width: 32%; margin-right: 1%;
}
.addressbox ul li .form-group:last-child{
	margin-right: 0; width: 34%;
}
.addressbox ul li .form-group span{
	line-height: .43rem;font-size: .26rem;
}
.addressbox ul li .form-group span em{color: #e85858;}
.addressbox ul li .form-group select{
	width: 100%;
	background: #fbebe8;
	height: .46rem; line-height: .46rem;
	border: none;
	color: #e85858;
}
.addressbox ul li.address label{
	font-size: .26rem; 
}
.addressbox ul li.address label em{font-size: .24rem; color: #888;margin-left: .15rem;}
.addressbox ul li.address input{
	width: 100%;
}
.addressbox p{
	width: 100%; font-size: .24rem; line-height: .36rem; text-align: center;
	clear: both;
	color: #e85858;
}

/* 学习方式 */
/* #studyPage{display: block;} */
.wayTxt{
	width: 100%; clear: both; float: left; margin: .77rem auto 0; text-align: center; height: 4.25rem; display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.wayTxt p{
	font-size: .24rem; line-height: .36rem; text-align: left; margin-top: -1rem;
}
.wayTxt p span{color: #e85858; font-weight: bold;}