@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,.8); display: none;}
.tcbox{ width: 6rem; height: auto; display: block; background: #fff; background-size: 100%; border-radius: .1rem; 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%);
}
.tcbox h3{width: 100%; height: 1.14rem; display: block; background: url(../images/tc-img01.png) no-repeat center top; background-size: 100%; float: left;
	text-align: center; font: bold .56rem/1.14rem "microsoft yahei";color: #ffe8b7;
}


.sureBtn{width: 100%; clear: both; float: left; margin-top: .25rem; text-align: center; margin-bottom: .35rem;}
.sureBtn a{width: 3.72rem; height: .82rem; display: block; margin: auto; font: bold .3rem/.82rem "microsoft yahei";color: #fff;
	background: #f8ad39;
	-webkit-border-radius: .41rem;
	-moz-border-radius: .41rem;
	border-radius: .41rem;
	
}

.close{position: absolute; top: -.95rem; right: -.2rem; display: block; width: .63rem; height: .63rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{display: block;}
.loginshow form{width: 100%; clear: both; float: left; margin: .45rem auto 0;}
.loginshow form ul{width: 5rem; margin: auto; }
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .25rem;}
.loginshow form ul li.short{margin-bottom: .35rem;}
.loginshow form ul li input{width: 100%; height: .7rem;display: block;float: left; font: .32rem/.7rem "arial, helvetica, sans-serif"; text-indent: .2rem; border: solid 1px #d2d2d2;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.loginshow form ul li input#YzNum{width: 2.9rem;}
.loginshow form ul li input#btnSendCode1{ color: #ff4031; border: none;width: 2rem;float: right; text-indent: 0; display: block; font: .32rem/.7rem "microsoft yahei";
	background: none; text-decoration: underline;
}
.loginBtn{width: 100%; clear: both; float: left; text-align: center; margin-bottom: .35rem;}
.loginBtn a{width: 2.37rem; height: .79rem; display: inline-block; margin: 0 .05rem; font: .32rem/.79rem "microsoft yahei"; border-radius: .4rem;}
.loginBtn a.btn01{border: solid 1px #fb9b2a; color: #fb9b2a;box-sizing: border-box; background: rgba(255,255,255,0);
	-webkit-box-shadow: 0 .06rem .16rem rgba(250,158,44,.35);
	box-shadow: 0 .06rem .16rem rgba(250,158,44,.35);
}
.loginBtn a.btn02{color: #fff; background: #f8ad39;}

/* 课程介绍 */
/* #rulePage{display: block;} */
.rulesbox ul{width: 90%; float: left; margin: .2rem 5% 0;}
.rulesbox ul li{font-size: .24rem; line-height: .44rem; color: #666; text-align: left; float: left; margin-bottom: .15rem;}
.rulesbox ul li span{font-size: .26rem; color: #fc3c2c; border: solid 1px #fd4c3b; border-radius: .23rem .13rem 0 .23rem;width: 1.34rem;display: block; float: left; text-align: center; margin-right: .15rem;}
.rulesbox ul li p{width: 96%; clear: both; margin: auto 2%;float: left;}


/* 疑问解答 */
/* #ansPage{display: block;} */
.ansTxt{margin: .2rem 5% 0; width: 90%; float: left; text-align: center;}
.ansTxt p{font: .28rem/.44rem "microsoft yahei"; color: #333; float: left; clear: both; width: 100%;}
.ansTxt p span{color: #fc3d2d;}
.ansTxt img{width: 3.53rem; display: block; margin: auto; padding: .15rem 0;}

/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 5.97rem;margin: .25rem auto;}
.share-box >img{width: 100%; display: block; margin: auto;}
.share-box a{width: 2.89rem; display: block; clear: both; margin:.55rem auto;}
.share-box a img{width: 100%; display: block;}

/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{display: block;}
.note-box{width: 100%;float: left; margin-top: .55rem; text-align: center; margin-bottom: .15rem;}
.note-box p{font: .24rem/.38rem "microsoft yahei";color: #333;width: 90%; float: left; margin: .15rem 5% .25rem;}
.note-box p.end{font: .28rem/.42rem "microsoft yahei"; color: #444;}
.note-box p em{color: #c41819;}
.note-box p span{color: #ff2626;}

/* 点击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;}


/* 看课方式 */
/* #wayPage{display: block;} */
.waybox ul{width: 90%; float: left; margin: .2rem 5% 0;}
.waybox ul li{font-size: .24rem; line-height: .44rem; color: #666; text-align: left; float: left; margin-bottom: .1rem;}
.waybox ul li font{font-size: .26rem; color: #fc3c2c; border: solid 1px #fc3c2c; border-radius: .23rem .13rem 0 .23rem;width: auto;display: block; float: left; text-align: center; margin-right: .15rem; padding:0 .28rem;}
.waybox ul li p{clear: both; width: 92%; margin: .1rem 4% 0; float: left;}
.waybox ul li span{ color: #c21616;}
.waybox .ewmbox{width: 100%; clear: both; float: left;}
.waybox .ewmbox img{width: 2.13rem; display: block; float: left; margin-left: .51rem;}
.waybox .ewmbox .tip{width: 2.57rem; height: 1.2rem; display: block; float: left; margin-left: .05rem; margin-top: .58rem;
	background: url(../images/tc-img02.png) no-repeat center; background-size: 100%;
}
.waybox .ewmbox .tip p{font: .24rem/.32rem "microsoft yahei"; color: #fc3e2e; width: 2.2rem; float: right; text-align: left; margin-top: .15rem;}



/* 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;}
/*#pcEwm{ display: block;}*/
.pc-box{width: 600px; height: 520px; 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: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}
.pc-box font{width: 100%; background: url(../images/tc-img01.png) no-repeat center; background-size: 100%; font: bold 50px/114px "microsoft yahei";color: #fff;float: left;}
.pc-box >img{width: 42%;display: block; margin:50px 29% auto;float: left;}
.pc-box p{width: 80%; font: 28px/48px "microsoft yahei";color: #666;float: left; margin: 20px 10%;}

.pc-box a{width: 38px; height: 38px; display: block; cursor: pointer; position: absolute; top: -15px; right: -18px; border-radius: 50%; }
.pc-box a img{width: 100%;}