@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8);}
.tcbox{ width: 4.4rem; 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: .18rem;
	-moz-border-radius: .18rem;
	border-radius: .18rem;

}


.tcbox h3{font: bold .32rem/.79rem "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; margin-bottom: .3rem; text-align: center;
	background: #ff3e25;
	background: -webkit-linear-gradient(left, #ff2828, #ff5421); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff2828, #ff5421); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff2828, #ff5421); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff2828, #ff5421); /* 标准的语法 */
	border-radius: .18rem .18rem 0 0;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin-top: .3rem; margin-bottom: .4rem;}
.tipSure a{width: 2.1rem; height: .49rem; display: inline-block; font: .24rem/.49rem "microsoft yahei"; color: #fff; margin: auto .1rem;
	background: #ff3e25;
	background: -webkit-linear-gradient(left, #ff2828, #ff5421); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff2828, #ff5421); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff2828, #ff5421); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff2828, #ff5421); /* 标准的语法 */
	border-radius: .35rem;
}


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



/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.noteTxt{width: 100%;float: left; margin: 0 auto; text-align: center;}
.noteTxt p{font: .24rem/.3rem "microsoft yahei";color: #555;width: 90%; float: left; margin:auto 5%;}
.noteTxt p span{color: #ff3f24;}
.noteTxt p b{font-weight: bold;width: 1.12rem;}
.noteTxt font{font: .24rem/.42rem "microsoft yahei"; color: #ff3f24; border: solid 1px #ff3f24; display: inline-block; padding: 0 .23rem; margin: .15rem auto;}

/* 解析弹窗 */
/* #tipPage{display: block;} */
.tipTxt{width: 100%;float: left; margin: 0 auto; text-align: center;}
.tipTxt-img-wrap{width: 2.32rem;height:2.32rem;padding: 0.14rem 0 ;box-sizing: border-box; display: block; margin: auto;background: linear-gradient(180deg, #ff5421, #ff2828);}
.tipTxt img{width: 2.04rem; display: block; margin: 0 auto;}
.tipTxt p{font: .24rem/.3rem "microsoft yahei";color: #555;width: 90%; float: left; margin:.2rem 5% -.1rem;}
.tipTxt p span{color: #ff3f24;}

/* 科目选择 */
/* #chosePage{display: block;} */
.kmbox{width: 100%; clear: both; float: left; margin: auto; text-align: center;}
.kmbox font{color: #333; font-size: .26rem; line-height: .36rem; width: 100%; float: left; clear: both;}
.kmbox ul{width: 100%; clear: both; float: left; margin-top: .35rem;}
.kmbox ul li{font-weight: bold; font-size: .26rem; line-height: .5rem; width: 1.22rem; display: inline-block; margin:0 .05rem .2rem;
	 border: solid 1px #ff3f24; border-radius: .1rem; cursor: pointer; color: #ff3f24;background: #fff3f0;
}
.kmbox ul li.cur{color: #fff;background: #ff3f24;}
.kmbox p{font-size: .24rem; line-height: .36rem; width: 100%; clear: both; float: left; margin-bottom: -.1rem;}



@media only screen and (max-width: 800px) {
	.tcbox{width: 6rem;}
	.tcbox h3{font: bold .4rem/.88rem "microsoft yahei";}
	.tipSure a{width: 2.8rem;height: .74rem; font: .32rem/.74rem "microsoft yahei";}
	.noteTxt p{font: .28rem/.46rem "microsoft yahei";}
	.noteTxt font{font: .28rem/.6rem "microsoft yahei";}
	.tipTxt p{font: .28rem/.46rem "microsoft yahei"; margin:.2rem 5% 0;}

	.kmbox font{font-size: .3rem; line-height: .45rem;}
	.kmbox ul li{width: 1.6rem; line-height: .7rem; font-size: .3rem; margin: 0 .05rem .35rem;}
	.kmbox p{margin-bottom: 0; font-size: .26rem;}
}