@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 url(../images/tc-img01.png) no-repeat center top; background-size: 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: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
	
}


.tcbox h3{font: bold .48rem/1.2rem "microsoft yahei"; color: #fff; width: 100%; height: 1.2rem; clear: both; float: left;text-align: center; position: relative;
}
.tcbox h3::after{content: '';width: 1.01rem; height: 1.04rem; display: block;
	background: url(../images/tc-icon03.png) no-repeat center; background-size: 100%;
	position: absolute; top: -.35rem; right: .6rem;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin-bottom: .35rem;}
.tipSure a{display: block; margin: auto; font: bold .36rem/.8rem "microsoft yahei"; color: #943b06;
	width:5.02rem; height: .91rem;
	background: url(../images/tc-btn01.png) no-repeat center; background-size: 100%;
	border-radius: .4rem;
}

.close{position: absolute; top: -.65rem; right:0; display: block; width: .49rem; height: .49rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}


/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{display: block; text-align: center;}
.loginshow form{width: 100%; clear: both; float: left; margin: .38rem auto .57rem;}
.loginshow form ul{width: 5rem; margin: auto; }
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .3rem;height: .8rem; border: solid 1px #666; border-radius: .4rem;}
.loginshow form ul li.short{margin-bottom: .4rem;}
.loginshow form ul li input{width: 100%; height: .8rem;display: block;float: left; font: .3rem/.8rem "arial, helvetica, sans-serif"; color: #333; background: #fff; text-indent: .35rem; border: none;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
	/* box-shadow: inset 0 .03rem .07rem rgba(224,142,37.69); */
}
.loginshow form ul li input#YzNum{width: 2.8rem;}
.loginshow form ul li input#btnSendCode1{ color: #fff; border: none;width: 2rem;float: right; height: .82rem;margin-top: -.01rem; text-indent: 0; display: block; font: .3rem/.8rem "microsoft yahei";
	background: #f24f35;
	background: -webkit-linear-gradient(left, #f26139 , #e04330); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f26139, #e04330); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f26139, #e04330); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f26139 , #e04330); /* 标准的语法 */
}
.loginBtn{width: 100%; clear: both; float: left; text-align: center;}
.loginBtn a{ height: .8rem; display: inline-block; font: bold .36rem/.8rem "microsoft yahei"; color: #943b06; margin: auto .1rem; border-radius: .4rem;}
/* .loginBtn a.btn01{width: 2.3rem;border: solid 1px #f24f35; color: #f24f35;} */
.loginBtn a.btn02{ width:5.02rem; height: .91rem;
	background: url(../images/tc-btn01.png) no-repeat center; background-size: 100%;
}





/* 点击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; }
.rulebox ul{width: 5.2rem; clear: both; float: left; margin-top: .35rem; margin-left: .62rem; padding-bottom: .45rem;}
.rulebox ul li{width: 90%; clear: both; float: left; margin: 0 5%; font: .3rem/.5rem "microsoft yahei";color: #666;}
.rulebox ul li font{color: #fff;  float: left; font:bold .3rem/.5rem "microsoft yahei";  color: #fc582f;}
.rulebox ul li p{width:100%; float: left;  font: .3rem/.46rem "microsoft yahei"; color: #666; letter-spacing: -1px;}
.rulebox ul li::before{content: '';width: .33rem; height: .5rem; display: block; float: left; margin-left: -.42rem;}
.rulebox ul li.rule01::before{background: url(../images/tc-icon01.png) no-repeat center; background-size: .33rem;}
.rulebox ul li.rule02::before{background: url(../images/tc-icon02.png) no-repeat center; background-size: .31rem;}

/* 在线咨询 */
/* #questionPage{display: block;} */
.queTxt{width: 90%; clear: both; float: left;margin: .25rem 5%; text-align: center;}
.queTxt img{width: 2.67rem; display: block; margin:0 auto .15rem; padding-top: .15rem;}
.queTxt p{width: 100%; font: .3rem/.45rem "microsoft yahei"; color: #666; clear: both; float: left; margin: auto;}
.queTxt p span{font: 600 .36rem/.45rem "microsoft yahei"; color: #df2c1a;}


/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 6.37rem;margin: .25rem auto;}
.share-box >img{width: 100%; display: block; margin: auto; }
.share-box a{width: 2.07rem; display: block; float: right; margin-top: -.85rem; margin-right: .75rem; position: relative;}
.share-box a img{width: 100%; display: block;}

/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{ display: block;text-align: center;}
.noteTxt{width: 90%;float: left; margin: .45rem 5% .2rem; height: auto; }
.noteTxt p{font: .36rem/.5rem "microsoft yahei";color: #666;width: 90%; float: left; margin: auto 5% .14rem;}
.noteTxt p span{font-weight: bold; color: #df2c1a;}
.noteTxt img{width: 2.75rem; display: block; margin-left: 30%; margin-bottom: -.2rem;}

/* 立即学习弹窗 */
/* #studyPage{display: block;} */
.stubox{display: block; text-align: center;}
.stuTxt{width: 5rem; margin: .45rem .5rem .4rem; float: left;}
.stuTxt p{font: .36rem/.55rem "microsoft yahei"; color: #585757; margin-bottom: .25rem;}
.stuTxt a{width: 100%; height: .8rem; display: block; clear: both; float: left; margin-bottom: .2rem; font: .34rem/.8rem "microsoft yahei"; color: #fff;
	border-radius: .4rem;
}
.stuTxt a.btn01{
	background: #fcb726;
	background: -webkit-linear-gradient(left, #feba2c , #fab421); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #feba2c, #fab421); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #feba2c, #fab421); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #feba2c , #fab421); /* 标准的语法 */
}
.stuTxt a.btn02{
	background: #f24f35;
	background: -webkit-linear-gradient(left, #f26139 , #e04330); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f26139, #e04330); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f26139, #e04330); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f26139 , #e04330); /* 标准的语法 */
}


/* 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: 520px; text-align: center; background:#fff url(../images/tc-img01.png) no-repeat center top; 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: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.pc-box font{width: 100%; height: 120px;   font: bold 48px/120px "microsoft yahei";color: #fff;float: left;}
.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: 24px/48px "microsoft yahei";color: #666;float: left; margin: 20px 5%;}

.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .49rem; height: .49rem; cursor: pointer;}
.pc-box a img{width: 100%;}