@charset "utf-8";

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

.tcbox h3{
    width: 100%;
    text-align: center;
    background: url(../images/tcTit.png) center top no-repeat;
    background-size: 100%;
    font-size: .45rem;
    color: #fff;
    font-weight: bold;
    height: 1.43rem;
    line-height: 1.4rem;
    margin-top: -2.9rem;
    display: inline-block;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .3rem;}
.tipSure a{width: 3.8rem; height: .78rem; display: block; margin: auto; font: bold .34rem/.78rem "microsoft yahei"; color: #fff;
	background: #ff7d26;
	background: -webkit-linear-gradient(left, #ff6a07, #ff9c58); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff6a07, #ff9c58); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff6a07, #ff9c58); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff6a07, #ff9c58); /* 标准的语法 */
	border-radius: .4rem;
	box-shadow: 0 .06rem .16rem rgba(255,129,12,.45);
}



.close{
    position: absolute;
    top: -1.3rem;
    right: -.3rem;
    display: block;
    width: .55rem;
    height: .55rem;
    cursor: pointer;
}
.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;}



/* 活动规则 */
/* #rulePage{display: block;} */
.ruleTxt{ display: block; }
.ruleTxt ul{width: 5.2rem; clear: both; float: left; margin: .25rem .4rem;}
.ruleTxt ul li{width: 100%; clear: both; float: left; margin-bottom: .1rem;}
.ruleTxt ul li font{color: #333;  float: left; font:bold .26rem/.35rem "microsoft yahei"; margin-bottom: .05rem;}
.ruleTxt ul li font i{width: .28rem; height: .28rem; display: block; float: left; margin-top: .05rem; color: #fff; line-height: .24rem;
	background: #ff7d26;
	background: -webkit-linear-gradient(#ff6a07, #ff9c58); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff6a07, #ff9c58); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff6a07, #ff9c58); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff6a07, #ff9c58); /* 标准的语法 */
	border-radius: 50%;
	text-align: center;
	margin-right: .1rem;
}
.ruleTxt ul li p{width:100%; float: left;  font: .24rem/.35rem "microsoft yahei"; color: #333;}



/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 5.24rem;margin: .25rem auto;}
.share-box >img{width: 100%; display: block; margin: auto; margin-left: 5%;}
.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;text-align: center;}
.noteTxt{width: 100%;float: left; margin: .36rem auto .45rem; height: auto; background: #fff; border-radius: .4rem;}
.noteTxt img{width: 2.07rem; display: block; margin: auto;border: 1px solid #fff;}
.noteTxt p{font: .32rem/.48rem "microsoft yahei";color: #333;width: 86%; float: left; margin: .35rem 7% 0;}
.noteTxt p em{color: #ff4837;}

/* 重复弹窗 */
/* #repeatPage{display: block;} */
.tipTxt{width: 100%; clear: both; float: left; margin: .6rem auto .55rem;}
.tipTxt p{font: .35rem/.45rem "microsoft yahei"; color: #333; width: 100%; float: left; text-align: center;}

/* 选课弹窗 */
/* #chosePage{display: block;} */
.kmbox{width: 100%; clear: both; float: left; margin: .35rem auto .25rem; text-align: center;}
.kmbox p{font: .26rem/.42rem "microsoft yahei"; color: #333;}
.kmbox ul{width: 100%; clear: both; float: left; margin: .3rem auto .15rem;}
.kmbox ul li{border: solid 1px #ff7d26; font: bold .24rem/.66rem "microsoft yahei"; color: #ff7d26; display: inline-block; width: 1.48rem;
	border-radius: .4rem; margin: 0 .1rem;
}
.kmbox ul li.on{ color: #fff;
	background: #ff7d26;
	background: -webkit-linear-gradient(#ff6a07, #ff9c58); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff6a07, #ff9c58); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff6a07, #ff9c58); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff6a07, #ff9c58); /* 标准的语法 */
}



/* 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: 460px; 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%;
    text-align: center;
    background: url(../images/tcTit.png) center top no-repeat;
    background-size: 100%;
    font-size: .45rem;
    color: #fff;
    font-weight: bold;
    height: 1.43rem;
    line-height: 1.4rem;
    margin-top: -2.9rem;
    display: inline-block;
}
.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%;}

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

/* 分享弹窗 */
.zhezhao {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 8;
    display: none;
}
.showbox {width: 100%; max-width: 750px; display: none; position: fixed; left: 0; top: 0; z-index: 9;}
.showbox .close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.showbox .showbox_img {width: 100%; margin: 0 auto;}
.showbox .showbox_img img {width: 100%; height: auto;}