@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;
	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: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
}

.tcbox h3{
	font-size: .46rem; line-height: 1.31rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: 1.31rem; position: relative;
	background: #da1c1c;
	background: -webkit-linear-gradient(-54deg,#da1c1c,#ff5151);
	background: -moz-linear-gradient(-54deg,#da1c1c,#ff5151);
	background: -o-linear-gradient(-54deg,#da1c1c,#ff5151);
	background: linear-gradient(-54deg,#da1c1c,#ff5151);
	border-radius: .25rem .25rem 0 0;
}
.tcbox.fail h3{
	background: #7a7a7a;
	background: -webkit-linear-gradient(-54deg,#9f9f9f,#585858);
	background: -moz-linear-gradient(-54deg,#9f9f9f,#585858);
	background: -o-linear-gradient(-54deg,#9f9f9f,#585858);
	background: linear-gradient(-54deg,#9f9f9f,#585858);
	border-radius: .25rem .25rem 0 0;
	color: #fff;
}


.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: .2rem auto .5rem;}
.tipSure a{
	width: 4rem; height: .78rem; display: inline-block; margin: auto .08rem; 
	font-size: .32rem; 
	line-height: .78rem; font-weight: bold;
	color: #fff; 
	border-radius: .4rem;
	background: #ff7800;
	background: -webkit-linear-gradient(90deg,#fdcc23,#ff7800);
	background: -moz-linear-gradient(90deg,#fdcc23,#ff7800);
	background: -o-linear-gradient(90deg,#fdcc23,#ff7800);
	background: linear-gradient(90deg,#fdcc23,#ff7800);
	-webkit-box-shadow: 0 .04rem 0 #fed3c6;
	box-shadow: 0 .04rem 0 #fed3c6;
}
.close{    position: absolute;
    top: -.7rem;
    right: -5%;
    display: block;
    width: .5rem;
    height: .5rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

#tipPage .fail .tipSure{
	margin-top: .2rem;
}
/* 点击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;}

/* 客服弹窗 */
/* #kefuPage{display: block;} */
.kfbox{
	width: 100%; clear: both; text-align: center;
	padding: .35rem 0 .6rem;
}
.kfbox p{
	width: 100%; clear: both;
	font-size: .24rem; line-height: .36rem; color: #333;
	padding-bottom: .22rem;
}
.kfbox p span{
	color: #ec4d4d;
}
.kfbox img{
	width: 2.6rem; display: inline-block;
	margin: auto;
}



/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ display: block; text-align: center;padding-bottom: .5rem;}
.rulebox ul{width: 5.2rem; clear: both;margin: .45rem .4rem 0;display: inline-block;float: left;}
.rulebox ul li{
	width: 100%; clear: both; float: left; margin: 0 auto .2rem; 
	font-size: .24rem; line-height: .42rem; color: #444444; text-align: left;
	white-space: nowrap;
	line-height: .56rem;
}
.rulebox ul li h4{
	width: 1.82rem; height: .56rem; display: block; float: left;
	background: url("../images/tc-pic01.png") no-repeat left center / 100%;
	font-size: .28rem; line-height:.56rem; color: #fff; text-align: left;
	text-indent: .28rem;
	margin-left: -.4rem; margin-right: .15rem;
}

.rulebox ul li p{
	width:98%; float: left;  line-height: .37rem; color: #333;
	font-size: .24rem;
	margin-left: 2%;
	padding-top: .2rem;
	white-space: normal;
}

/* 温馨提示弹窗  开课成功*/
/* #notePage{display: block;} */
.noteTxt{width: 90%; clear: both; float: left; margin: .35rem 5% 0; text-align: center;}
.noteTxt p{font-size: .26rem; line-height: .38rem; color: #333; text-align: center; padding-bottom: .32rem;}
.noteTxt p span{color: #ff4f09; font-weight: bold;}
.noteTxt img{height: 1.47rem; display: inline-block; margin: auto;}
.noteTxt p.suc{text-align: left;}

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

/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 7.5rem;margin: .55rem auto;}
.share-box >img{width: 4.3rem; display: block; margin: auto; margin-right: 1.35rem;}
.share-box p{
    width: 100%; clear: both; float: left; margin-top:.6rem; margin-bottom: .55rem;
    font-size: .32rem; line-height: .47rem; color: #fff;
    text-align: center;
}
.share-box p em{color: #ffaeae;}
.share-box a{
	width: 2.89rem; height: .78rem; display: block;
	clear: both; margin: .35rem auto;
	border: solid .01rem #fff;
	border-radius: .8rem;
	font-size: .32rem; line-height: .78rem; color: #fff;
	text-align: center;
}





/* pc版打开遮罩 */
#pcEwm .pic img{margin-top: .4rem;}
.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: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
}
.pc-box h3{
	font-size: .46rem; line-height: 1.31rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: 1.31rem; position: relative;
	background: #da1c1c;
	background: -webkit-linear-gradient(-54deg,#da1c1c,#ff5151);
	background: -moz-linear-gradient(-54deg,#da1c1c,#ff5151);
	background: -o-linear-gradient(-54deg,#da1c1c,#ff5151);
	background: linear-gradient(-54deg,#da1c1c,#ff5151);
	border-radius: .25rem .25rem 0 0;
}

.pc-box .pic{
	width: 100%; clear: both; margin: .3rem auto auto; float: left;
}
.pc-box .pic img{width: 2.6rem; height: auto; display: block; margin: auto;}
.pc-box p{width: 90%; font: .24rem/.47rem "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%;}