@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;z-index: 999;}
.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: .4em;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
}

.tcbox h3{font: bold .48rem/1.2rem "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: 1.2rem; position: relative;
	background: url(../images/tc-img01.png) no-repeat center;
	background-size: 100%;
	padding-top: .11rem;
	margin-top: -.11rem;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .5rem;}
.tipSure a{width: 3rem; height: .68rem; display: block; margin: auto; font: .3rem/.68rem "microsoft yahei"; color: #fff;
	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;}

/* 听课流程 */
/* #listenPage{display: block;} */
.process-txt{width: 100%; clear: both;float: left; margin: .55rem auto;}
.process-txt ul{width: 90%; float: left;margin: auto 5%; font-size: .3rem; line-height: .48rem; text-align: left; margin-bottom: .2rem;}

/* 温馨提示 */
/* #notePage{display: block;} */
#notePage .notePic{width: 100%; clear: both; float: left; margin-top: .25rem; text-align: center;}
#notePage .notePic img{width: 4.48rem; display: inline-block; margin: auto;}
#notePage .notePic p{font-size: .3rem; line-height: .7rem; clear: both; width: 100%; float: left; color: #444;}
/* 温馨提示-文案版 */
/* #noteTxtPage{display: block;} */
#noteTxtPage .noteTxt{width: 100%; clear: both; float: left; margin: .4rem auto; text-align: center; font-size: .3rem; line-height: .48rem;}

/* 中奖弹窗 */
/* #giftPage{display: block;} */
.giftShow{width: 100%; clear: both; float: left; margin: .2rem auto .3rem; font-size: .3rem; line-height: .42rem; color: #444; text-align: center;}
.giftShow p{clear: both; width: 100%; float: left; margin-bottom: .15rem;}
.giftShow img{height: 2.44rem; width: auto; display: inline-block; margin: auto;}
.ledBtn{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .5rem;}
.ledBtn a{width: 3rem; height: .68rem; display: block; margin: auto; font: .3rem/.68rem "microsoft yahei"; color: #fff;
	border-radius: .36rem;
}

/* 我的卡密 */
/* #camiloPage{display: block;} */
.camilo{width: 100%; clear: both; float: left; margin: .25rem auto .2rem;text-align: center; }
.camilo font{width: 100%; font-size: .28rem; line-height: .36rem; color: #444; clear: both;}
.camilo .camilo-id{width: 3.6rem; height: .42rem; font-size: .26rem; line-height: .42rem; float: left; clear: both;margin: .1rem 1.2rem .2rem;
	background-color: #e8e7e7;
}
.camilo .tip{width: 5.2rem; float: left; text-align: left; margin: 0 .4rem .2rem; font-size: .24rem;}
.camilo .tip p{float: left; clear: both; margin-bottom: .1rem;}
.camilo .tip span{font-weight: bold;}

/* 我要留言 */
/* #messagePage{display: block;} */
@media screen and (min-width: 800px)  {
	.messagePage .tcbox{width: 816px;}
}
.messbox{width: 100%; clear: both; float: left; margin: .3rem auto;}
.messbox textarea{width: 90%; height: auto;min-height: 1.6rem; resize: none; border: solid 1px #ccc; margin: 0 5%;
	padding: .15rem; box-sizing: border-box;
	font-size: .21rem; line-height: .32rem;
}
/* 选课弹窗 */
/* #chosePage{display: block;} */
#chosePage .choseTxt{width: 100%; clear: both; float: left; margin: .48rem auto;}
#chosePage .choseTxt ul{width: 5.2rem; float: left; margin: 0 .4rem; line-height: .68rem;}
#chosePage .choseTxt ul li{width: 100%; height: .68rem; border-radius: .1rem; float: left; margin-bottom: .1rem;
	background: #ecf4fb;
}
#chosePage .choseTxt ul li i{width: .35rem; height: .35rem; display: block; float: left; margin: .16rem .18rem;}
#chosePage .choseTxt ul li img{width: 100%; display: block;}
#chosePage .choseTxt ul li span{font-size: .3rem; color: #666;}
#chosePage .choseTxt ul li a{float: right;margin: .1rem; color: #fff; font-size: .24rem; line-height: .48rem; height: .48rem; width: 1.2rem; text-align: center;
	border-radius: .25rem;
}





/* 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: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
}
.pc-box font{font: bold .48rem/1.2rem "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: 1.2rem; position: relative;
	background: url(../images/tc-img01.png) no-repeat center;
	background-size: 100%;
	padding-top: .11rem;
	margin-top: -.11rem;
}


.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% .35rem;}

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