@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: 6rem; height: auto; display: block;  position: absolute; 
	background: #fff;
	background: -webkit-linear-gradient(#fff4e4, #fff 20%);
	background: -moz-linear-gradient(#fff4e4, #fff 20%);
	background: -o-linear-gradient(#fff4e4, #fff 20%);
	background: linear-gradient(#fff4e4, #fff 20%);
	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 h2{
	width: 2.8rem; height: .76rem; display: inline-block;
	font-size: .34rem; line-height: .76rem; color: #fff; font-weight: bold;
	background: #ff7800;
	background: -webkit-linear-gradient(#ff7800, #ff3c00);
	background: -moz-linear-gradient(#ff7800, #ff3c00);
	background: -o-linear-gradient(#ff7800, #ff3c00);
	background: linear-gradient(#ff7800, #ff3c00);
	border-radius: .76rem;
	float: left; margin: -.4rem 1.6rem 0;
	box-shadow: 0 .03rem .07rem rgba(182,61,1,.3);
}

.tcbox h3{
	width: 100%; height: 1.43rem; display: block;
	float: left; clear: both; text-align: center;
	font-size: .48rem; line-height: 1.43rem; color: #fff; font-weight: bold;
	background: url('../images/tc-title01.png') no-repeat center / 100%;
	border-radius: .22rem .22rem 0 0;
}
.tcbox.end h3{
	background: url('../images/tc-title02.png') no-repeat center / 100%;
}


.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: .3rem auto .5rem;}
.tipSure a{
	width: 3.6rem; height: .63rem; display: inline-block; 
	margin: auto .08rem; font-size: .3rem; line-height: .63rem; color: #fff; 
}
.tipSure a.btn01{
	background: #ff5700;
	background: -webkit-linear-gradient(#ff7200, #ff3e00);
	background: -moz-linear-gradient(#ff7200, #ff3e00);
	background: -o-linear-gradient(#ff7200, #ff3e00);
	background: linear-gradient(#ff7200, #ff3e00);
	border-radius: .36rem;
}
.tipSure a.btn02{
	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;}



/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ display: block; text-align: center;padding-bottom: .5rem;width: 6rem;}
.rulebox ul{width: 5.1rem; clear: both; float: left; margin-top: .4rem; margin-left: .5rem;}
.rulebox ul li{width: 100%; clear: both; float: left; margin: 0 auto .2rem;
	position: relative;
}
.rulebox ul li::before{
	content: ''; width: .09rem; height: .09rem; display: inline-block;
	border-radius: 50%;
	border: solid .02rem #ff6a00;
	position: absolute; left: -.25rem; top: .15rem;
}
.rulebox ul li h4{
	width: auto; height: .43rem; float: left; margin-bottom: .1rem;
	font-size: .28rem; line-height: .43rem; color: #ff5400; font-weight: bold;
	border-radius: .4rem;
	background: #fff;
	text-align: left;
	position: relative;
}
.rulebox ul li h4::after{
	content: ''; width: 5.1rem; height: .01rem; border-top: dashed .02rem #ffcebb; display: inline-block;
	position: absolute; left: 0; top: .21rem;
}
.rulebox ul li h4 span{
	padding-right: .2rem; background: #fff; display: inline-block; position: relative; z-index: 3;
}

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


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



/* 提示弹窗 */
/* #tipPage{display: block;} */
.tipbox{
	width: 100%; display: block; clear: both; float: left; text-align: center; margin-top: 0;
}
.tipbox img{
	width: 3.12rem; display: inline-block;
}
.tipbox img.sucPic{
	width: 4.24rem;
}
.tipbox img.failPic{
	width: 3.28rem;
}
.tipbox p{
	width: 88%; float: left; clear: both; margin: .3rem 6% .25rem;
	font-size: .24rem; line-height: .36rem; text-align: center; color: #333;
}

/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 7.5rem;margin: .55rem auto; text-align: center;}
.share-box >img{width: 4.55rem; display: block; margin: auto; margin-right: .5rem;}
.share-box p{
	width: 4.6rem; clear: both; float: left; margin: .4rem 1.45rem 2rem;
	font-size: .24rem; line-height: .6rem; color: #ffde45;
	text-align: center;
	border: solid 1px #ffde45;
	border-radius: .6rem;
}
.share-box a{
	width: 3rem; height: .7rem; display: inline-block; clear: both;
	text-align: center;
	border-radius: .7rem;
	border: solid .02rem #fff;
	box-sizing: border-box;
	background: #fce5c3;
	background: -webkit-linear-gradient(#fff,#fce5c3);
	background: -moz-linear-gradient(#fff,#fce5c3);
	background: -o-linear-gradient(#fff,#fce5c3);
	background: linear-gradient(#fff,#fce5c3);
	font-size: .28rem; line-height: .7rem; color: #ff3600;
}
.share-box a img{width: 100%;}

/* 开课方向 */
/* #chosePage{display: block;} */
.chosebox{
	width: 100%; clear: both; float: left;
}
.chosebox p{
	font-size: .24rem; line-height: .36rem; clear: both; color: #444;
	width: 80%;
	margin: .25rem 10%; text-align: center;
}
.chosebox .btn{
	width: 100%; clear: both; float: left; margin: .25rem auto .55rem;
	text-align: center;
}
.chosebox .btn a{
	width: 3.6rem; height: .7rem; display: inline-block;
	font-size:.3rem; line-height: .7rem; color: #fff;
	border-radius: .7rem;
	margin: 0 auto .34rem;
}
.chosebox .btn a.btn01{
	background: #ff5700;
	background: -webkit-linear-gradient(#ff7200, #ff3e00);
	background: -moz-linear-gradient(#ff7200, #ff3e00);
	background: -o-linear-gradient(#ff7200, #ff3e00);
	background: linear-gradient(#ff7200, #ff3e00);
}
.chosebox .btn a.btn02{
	color: #602808;
	background: #ffe492;
	background: -webkit-linear-gradient(#fff7d8,#ffe492);
	background: -moz-linear-gradient(#fff7d8,#ffe492);
	background: -o-linear-gradient(#fff7d8,#ffe492);
	background: linear-gradient(#fff7d8,#ffe492);
}




/* 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: .22rem;
	-moz-border-radius: .22rem;
	border-radius: .22rem;
}
.pc-box font{font: bold .46rem/1.43rem "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: 1.43rem; position: relative;
	background: url(../images/tc-title01.png) no-repeat center top;
	background-size: 100%;
	border-radius: .2rem .2rem 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 .pic{
	width: 100%; clear: both; float: left; margin: .5rem auto auto;
}
.pc-box p{width: 90%; font: 24px/48px "microsoft yahei";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%;}