@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; 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: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}
.tcbox h3{width: 100%; height: 1.14rem; display: block; float: left; font: bold .56rem/1.14rem "microsoft yahei"; color: #fff; text-align: center;
	background: #ff9b19;
	background: -webkit-linear-gradient(left, #ff810c , #ffba28); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff810c, #ffba28); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff810c, #ffba28); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff810c , #ffba28); /* 标准的语法 */
	border-radius: .1rem .1rem 0 0;
}


.tipSure{width: 100%; clear: both; float: left; text-align: center; margin-top: .3rem; margin-bottom: .4rem;}
.tipSure a{width: 3.59rem;height: .79rem; display: inline-block; font: bold .3rem/.79rem "microsoft yahei"; color: #fff; margin: auto; 
	background: url(../images/tc-btn.png) no-repeat center; background-size: 100%;
}

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



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

/* 科目选择 */
/* #chosePage{display: block;} */
.chosebox{display: block; text-align: center;}
.chosebox p{font: .24rem/.32rem "microsoft yahei"; color: #666;width: 100%; float: left; margin-top: .45rem;}
.kmbox{width: 100%; float: left; margin: .44rem auto .2rem; clear: both;}
.kmbox a{width: 1.6rem; height: .7rem; display: inline-block; font: .34rem/.7rem "microsoft yahei"; color: #333; margin: 0 .1rem;
	border: solid 1px #333; box-sizing: border-box; 
	border-radius: .1rem;
}
.kmbox a.on{color: #fff;border: none;
	background: #ff9b19;
	background: -webkit-linear-gradient(left, #ff810c , #ffba28); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff810c, #ffba28); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff810c, #ffba28); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff810c , #ffba28); /* 标准的语法 */
}


/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{ display: block;text-align: center;}
.noteTxt{width: 100%;float: left; margin: .22rem auto 0; text-align: center;}
.noteTxt font{font: bold .42rem/.72rem "microsoft yahei"; color: #ff810c; width: 100%; float: left;}
.noteTxt ul{width: 5.25rem; float: left; margin: .15rem .38rem auto;}
.noteTxt ul li{width: 100%; float: left; background: #fff7ed; margin-bottom: .23rem; padding-bottom: .18rem;}
.noteTxt img{width:.61rem; display: block; float: left; margin-top: .18rem; margin-left: .29rem;}
.noteTxt p{font: .24rem/.3rem "microsoft yahei";color: #ff810c;width: 3.93rem; float: left; margin-left: .27rem; margin-top: .18rem; text-align: left;}





/* 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: 6rem; height: 5.66rem; text-align: center; background:#fff; position: fixed;
	top: 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: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}
.pc-box font{width: 100%; height: 1.18rem; display: block; float: left; font: bold .5rem/1.18rem "microsoft yahei"; color: #fff; text-align: center; border-radius: .1rem .1rem 0 0;background: url(../images/tctit.png) no-repeat center top;background-size: 100%;}
.tcmain{clear: both; float: left; margin: .4rem auto 0;}
.pc-box >img{width: 52%;display: block; margin:.38rem 24% .1rem;}
.pc-box p {width: 90%;font: .28rem/.45rem "microsoft yahei";color: #333;float: left;margin: 0 5% 0;}
.pc-box a{position: absolute; top: -.6rem; right: -.2rem; display: block; width: .45rem; height: .45rem; cursor: pointer;}
.pc-box a img{width: 100%;}