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

.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: #1990ec;
	background: -webkit-linear-gradient(#2190ec, #1984db); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#2190ec, #1984db); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#2190ec, #1984db); /* Firefox 3.6 - 15 */
	background: linear-gradient(#2190ec, #1984db); /* 标准的语法 */
	border-radius: .38rem .38rem 0 0;
}
.tcbox h3::before{content: '';width: 1.91rem; height: 1.76rem; display: block; position: absolute; top: -.17rem; left: .24rem;
	background: url(../images/tc-img01.png) no-repeat center; background-size: 100%;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .5rem;}
.tipSure a{width: 4rem; height: .7rem; display: block; margin: auto; font: bold .3rem/.7rem "microsoft yahei"; color: #fff;
	background: #ee332b;
	background: -webkit-linear-gradient(left, #fd4e2a , #e01a2b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fd4e2a, #e01a2b); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fd4e2a, #e01a2b); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fd4e2a , #e01a2b); /* 标准的语法 */
	border-radius: .4rem;
}



.close{position: absolute; top: -.9rem; right:0; display: block; width: .64rem; height: .64rem;}
.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;}



/* 活动规则 */
/* #instruPage{display: block;} */
.instrubox{ display: block; }
.instrubox ul{width: 5.3rem; clear: both; float: left; margin-top: .25rem; margin-left: .35rem; margin-bottom: .45rem;}
.instrubox ul li{width: 100%; clear: both; float: left; margin: auto; font-size: .24rem;color: #444444;}
.instrubox ul li font{ float: left; line-height: .42rem; font-weight: 500; color: #1988e0; height: .42rem;}
.instrubox ul li font i{width: .3rem; height: .3rem; line-height: .3rem; background: #1990ec; border-radius: 50%; float: left; margin-top: .06rem;
	color: #fff; text-align: center; margin-right: .1rem;
}
.instrubox ul li p{width:4.9rem; float: left;  line-height: .36rem; color: #444444; margin-left: .4rem;}
.instrubox ul li p span{color: #1575fb;}



/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 5.13rem;margin: .25rem auto;}
.share-box >img{width: 100%; display: block; margin: auto; margin-left: 15%;}
.share-box a{width: 2.07rem; display: block; clear: both; margin: .45rem auto;}
.share-box a img{width: 100%; display: block;}


/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{ display: block;text-align: center;}
.noteTxt{width: 100%;float: left; margin: .45rem auto; height: auto; background: #fff;  text-align: center;}
.noteTxt img{width: 2.61rem; display: block; margin: auto;}
.noteTxt p{font: .36rem/.51rem "microsoft yahei";color: #444;width: 86%; float: left; margin: .2rem 7% 0; text-align: center;}
.noteTxt p span{color: #1890ec;}

/* 科目选择 */
/* #chosePage{display: block;} */
.kmbox{width: 100%; clear: both; float: left; margin-top: .5rem; text-align: center;}
.kmbox font{color: #e11b2b; font-size: .36rem; line-height: .7rem; width: 100%; float: left; clear: both;}
.kmbox ul{width: 100%; clear: both; float: left; margin-top: .35rem;}
.kmbox ul li{font-size: .26rem; line-height: .66rem; width: 1.6rem; display: inline-block; margin:0 .05rem .2rem;
	 border: solid 1px #a0a0a0; border-radius: .1rem; cursor: pointer; color: #666;
}
.kmbox ul li.cur{border:solid 1px #ee332b; color: #fff;
	background: #ee332b;
	background: -webkit-linear-gradient(left, #fd4e2a , #e01a2b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fd4e2a, #e01a2b); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fd4e2a, #e01a2b); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fd4e2a , #e01a2b); /* 标准的语法 */
}
.kmbox p{font-size: .24rem; line-height: .36rem; width: 100%; clear: both; float: left; margin-bottom: .3rem;}

/* 成功弹窗 */
/* #sucPage{display: block;} */
.sucbox{width: 100%; clear: both; float: left; text-align: center; margin: .5rem auto .3rem;}
.sucbox p{font-size: .36rem; line-height: .65rem;}
.sucbox img{width: 2.13rem; display: inline-block;}


/* 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: .38em;
	-moz-border-radius: .38rem;
	border-radius: .38rem;
}
.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: #1990ec;
	background: -webkit-linear-gradient(#2190ec, #1984db); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#2190ec, #1984db); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#2190ec, #1984db); /* Firefox 3.6 - 15 */
	background: linear-gradient(#2190ec, #1984db); /* 标准的语法 */
	border-radius: .38rem .38rem 0 0;
}
.pc-box font::before{content: '';width: 1.91rem; height: 1.76rem; display: block; position: absolute; top: -.17rem; left: .24rem;
	background: url(../images/tc-img01.png) no-repeat center; background-size: 100%;
}


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