@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;}
.tcbox{ width: 6.06rem; 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: .3em;
	-moz-border-radius: .3rem;
	border-radius: .3rem;
}

.tcbox h3{
	font-size: .42rem; line-height: 1.08rem; font-weight: bold;color: #fff; 
	width: 100%; clear: both; float: left; text-align: center; height: 1.08rem; position: relative;
	background: url('../images/tc-title.png') no-repeat center top;
	background-size: 100%;
	border-radius: .3rem .3rem 0 0;
}
.tcbox h3.fail{
	background: url('../images/tc-title02.png') no-repeat center top / 100%;
}


.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .5rem;}
.tipSure a{ height: .8rem; display: inline-block; margin: auto .14rem;
	font-size: .3rem; line-height: .8rem; color: #fff; font-weight: bold;
	background: #ffbe03;
	background: -webkit-linear-gradient( #ffbe03 , #f57256); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #ffbe03, #f57256); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #ffbe03, #f57256); /* Firefox 3.6 - 15 */
	background: linear-gradient( #ffbe03 , #f57256); /* 标准的语法 */
	border-radius: .8rem;
}
.tipSure a.btn01{
	width: 4.3rem;
	
}
.tipSure a.btn02{
	width: 2.5rem;
}
.tipSure p{
	font-size: .24rem; line-height: 1.8;
	width: 100%; clear: both; float: left; margin: .15rem auto 0;
}



.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;}



/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ display: block; text-align: center;padding-bottom: .5rem;}
.rulebox ul{width: 5.41rem; clear: both; float: left; margin-top: .32rem; margin-left: .34rem;}
.rulebox ul li{width: 100%; clear: both; float: left; margin:auto; font-size: .26rem; line-height: .42rem; color: #444444; text-align: left;
	margin-bottom: .2rem;
}
.rulebox ul li font{float: left; line-height: .61rem; height: .61rem; font-weight: bold; font-size:.28rem;
	color: #e8191a;
	width: 100%;
	background: #f7eeff;
	background: -webkit-linear-gradient(90deg, #feeded, #fffefe);
	background: -moz-linear-gradient(90deg, #feeded, #fffefe);
	background: -o-linear-gradient(90deg, #feeded, #fffefe);
	background: linear-gradient(90deg, #feeded, #fffefe);
	border-radius: .15rem;
	text-indent: .28rem;
	margin-bottom: .15rem;
}
.rulebox ul li p{width:100%; float: left;  line-height: .32rem; color: #444444; letter-spacing: -.01rem;}
.rulebox ul li span{color: #e8191a;}

/* 温馨提示弹窗  开课成功*/
/* #notePage{display: block;} */
.noteTxt{width: 5.2rem; clear: both; float: left; margin: .35rem .4rem .3rem; text-align: center;}
.noteTxt p{font-size: .28rem; line-height: .32rem; color: #333; text-align: center; padding-bottom: .32rem; font-weight:bold;}
.noteTxt p span{color: #6a18cb;}
.noteTxt img{width: 2.48rem; display: inline-block; margin: auto;}
.noteTxt p.suc{text-align: left;}




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



/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 6.2rem;margin: .5rem auto;}
.share-box >img{width: 5.24rem; display: block; margin: auto; float: right; margin-right: 1%;}
.share-box p{
	width: 100%; clear: both; float: left; margin: .55rem auto;
	font-size: .46rem; line-height: .7rem; color: #fff;
	text-align: center;
}
.share-box  p span{
	font-size: .3rem; line-height: .5rem; color: #ffcf2e;
}
.share-box a{width: 2.9rem; display: block; clear: both; margin:.55rem auto;}
.share-box a img{width: 100%; display: block;}

/* 学习方式 */
/* #wayPage{display: block;} */
.wayTxt{
	width: 5.16rem; margin: .25rem .45rem; float: left; clear: both; text-align: center;
}
.wayTxt p{
	font-size: .28rem; line-height: .42rem; text-align: left;
}
.wayTxt img{
	width: 2.48rem; padding: .2rem 0 .3rem; display: inline-block;
}
/* 选课弹窗 */
/* #chosePage{display: block;} */
.kmList{
	width: 5.06rem; float: left; margin: .45rem .5rem .15rem; text-align: center;
}
.kmList span{
	width: 3rem; height: .64rem; display: inline-block;
	font-size: .28rem; line-height: .64rem; color: #ff4300;
	background: #ffefe5;
	border-radius: .64rem;
	margin-bottom: .25rem;
}
.kmList span.on{
	background: #ff4300; color: #fff;
}
/* 确认弹窗 */
/* #surePage{display: block;} */
.sureTxt{
	width: 100%; float: left; clear: both;
	margin: .72rem auto .6rem; text-align: center;
}
.sureTxt img{width: 2.8rem; display: inline-block;}




/* 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: 600px; 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: 1.08rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: 1.08rem; position: relative;
	background: url('../images/tc-title.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 >img{width: 34%;display: block; margin:50px 33% auto;float: left;}
.pc-box p{width: 90%; font-size: .24rem; line-height: .48rem; color: #666;float: left; margin: 20px 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%;}