@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: 6.06rem; height: auto; display: block;  position: absolute; 
	background: #fff url('../images/tc-img01.png') no-repeat center bottom / 100%;
	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: .3em;
	-moz-border-radius: .3rem;
	border-radius: .3rem;
	padding-bottom: .4rem;
}
.tcbox.end{
	background: #fff url(../images/tc-img01-2.png) no-repeat center bottom / 100%;
}
.tcbox h3{
	font-size: .42rem; line-height: .94rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: .94rem; position: relative;
	background: url('../images/tc-title01.png') no-repeat center top;
	background-size: 100%;
	border-radius: .3rem .3rem 0 0;
}
.tcbox.end h3{
	color: #333;
	background: url('../images/tc-title02.png') no-repeat center top / 100%;
}


.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: .15rem auto .2rem; display: flex;justify-content: center;}
.tipSure a{width: auto; height: .72rem; display: inline-block; margin:0 auto; 
	font-size: .32rem; line-height: .72rem; color: #965807; font-weight: bold;
}
.tipSure a.btn01{
	width: 3.52rem;
	background: url('../images/tc-btn01.png') no-repeat center / 100%;
}
.tipSure a.btn02{
	width: 2.65rem; margin: 0 .1rem;
	background: url('../images/tc-btn02.png') no-repeat center / 100%;
}
.tipSure a.btn05{
	background: #f9362e;
	background: -webkit-linear-gradient(left, #f72121 , #ff7352); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f72121, #ff7352); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f72121, #ff7352); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f72121 , #ff7352); /* 标准的语法 */
	border-radius: .36rem;
}



.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: 90%; clear: both; float: left; margin: .35rem 5% 0; text-align: center;}
.noteTxt p{font-size: .26rem; line-height: .42rem; color: #666; text-align: center; padding-bottom: .32rem;}
.noteTxt img{
	width: 3.47rem; display: inline-block; margin: auto;
}
.noteTxt img.ewm{width: 2.2rem; display: inline-block; margin: auto;}

/* 确认领取弹窗 */
/* #surePage{display: block;} */

/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ display: block; text-align: center;padding-bottom: .5rem;}
.rulebox ul{width: 4.8rem; clear: both; float: left; margin-top: .42rem; margin-left: .8rem;}
.rulebox ul li{width: 100%; clear: both; float: left; margin: 0 auto .2rem;
	position: relative;
}
.rulebox ul li::before{
	content: ''; width: 1px; height: 100%; display: inline-block;
	border-left: dashed 1px #a6d472;
	position: absolute; left: -.21rem; top: .2rem;
}
.rulebox ul li:last-child::before{display: none;}
.rulebox ul li::after{
	content: ''; width: .08rem; height: .08rem; display: inline-block;
	border-radius: 50%;
	background: #5eac08;
	position: absolute; left: -.25rem; top: .15rem;
}
.rulebox ul li h4{
	width: auto; height: .43rem; float: left; margin-bottom: .1rem;
	font-size: .24rem; line-height: .43rem; color: #fff;
	border-radius: .4rem;
	padding: 0 .28rem;
	background: #2e9b5f;
	background: -webkit-linear-gradient(left, #2e9b5f , #014e1d); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #2e9b5f, #014e1d); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #2e9b5f, #014e1d); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #2e9b5f , #014e1d); /* 标准的语法 */
}

.rulebox ul li p{width:100%; float: left;  line-height: .37rem; color: #444444;
	text-align: left; font-size: .24rem;
}



/* 助力弹窗提示 */
/* #joinPage{display: block;} */
.joinTxt{width: 100%; clear: both; float: left; margin-top: .35rem; text-align: center;}
.joinTxt p{font-size: .28rem; line-height: .48rem; width: 100%; clear: both; float: left; margin-bottom: .42rem;}
.joinTxt img{width: 2.27rem; display: inline-block;}



/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 7.5rem;margin: .55rem auto;}
.share-box >img{width: 5.24rem; display: block; margin: auto; margin-right: 1.1rem;}
.share-box p{
	width: 100%; clear: both; float: left; margin-top: .4rem;
	font-size: .46rem; line-height: .64rem; color: #fff;
	text-align: center;
}
.share-box p span{color: #fdde69;}
.share-box a{width: 2.82rem; display: block; clear: both; padding:.55rem 0; margin: auto;}
.share-box a img{width: 100%; display: block;}

/* 选择课程 */
/* #chosePage{display: block;} */
.choTxt{
	width: 5.7rem; display: inline-block;
	clear: both; padding: .1rem 0;
	margin: auto .18rem;
}
.choTxt ul{width:100%; clear: both;}
.choTxt ul li{
	width:100%; display: flex;
	clear: both;
	justify-content: center;
	align-items: center;
	padding: .33rem 0;
	border-bottom: solid 1px #014e1d;
}
.choTxt ul li:last-child{border: none;}
.choTxt ul li img{width: .99rem; display: inline-block;margin-right:.15rem;}
.choTxt ul li span{font-size: .32rem; font-weight: bold; color: #333;}
.choTxt ul li.on{background: #e0f9cb;}
.tcbox >p.zhu{
	clear:both; font-size: .24rem; text-align: center;
	width: 100%;
}
.tcbox >p.zhu.red{color: #b40000;}

/* 确认弹窗 */
/* #surePage{display: block;} */
.sureTxt{
	width: 80%; display: flex;
	clear: both; margin: .85rem 10% .75rem;
	float: left;
	justify-content: center;
	align-items: center;
}
.sureTxt img{width: 1.54rem; display: inline-block;}
.sureTxt span{font-size: .47rem; font-weight: bold; margin-left: .1rem;}


/* pc版打开遮罩 */
.fix-bg{width:100%; height: 100%; background: rgba(0,0,0,0); position: fixed; top: 0; left: 0; display: none; z-index: 9; text-align: center;}
.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: .3rem;
	-moz-border-radius: .3rem;
	border-radius: .3rem;
}
.pc-box font{
	font-size: .42rem; line-height: .94rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: .94rem; position: relative;
	background: url('../images/tc-title01.png') no-repeat center top;
	background-size: 100%;
	border-radius: .3rem .3rem 0 0;
}


.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box .pic>img{width: 1.92rem;display: inline-block; margin:50px auto auto;}
.pc-box p{width: 90%; font: .24rem/1.8 "microsoft yahei";color: #666;float: left; margin: .2rem 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%;}