@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.31rem; display: block; font: bold .5rem/1.31rem "microsoft yahei"; color: #fff; text-align: center;
	background: url(../images/tc-img01.png) no-repeat center;
	background-size: 100%;
}



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

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


/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{display: block; text-align: center;}
.loginshow form{width: 100%; clear: both; float: left; margin: .7rem auto 0;}
.loginshow form ul{width: 5.2rem; margin: auto; }
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .3rem;}
.loginshow form ul li.short{margin-bottom: .2rem;}
.loginshow form ul li input{width: 100%; height: .8rem;display: block;float: left; font: .28rem/.8rem "arial, helvetica, sans-serif"; color: #333; background: #fff; text-indent: .35rem;
	border: solid 1px #aaa;
	border-radius: .4rem;
	/* box-shadow: inset 0 .03rem .07rem rgba(224,142,37.69); */
}
.loginshow form ul li input#YzNum{width: 2.68rem;}
.loginshow form ul li input#btnSendCode1{ color: #fff; border: none;width: 2.2rem;float: right; text-indent: 0; display: block; font: .2.8rem/.88rem "microsoft yahei";
	background: #4a82f4;
	background: -webkit-linear-gradient(left, #345be7 , #5ea6ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #345be7, #5ea6ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #345be7, #5ea6ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #345be7 , #5ea6ff); /* 标准的语法 */
	border-radius: .4rem;
}
.loginBtn{width: 100%; clear: both; float: left; text-align: center; margin-bottom: .5rem; margin-top: .4rem;}
.loginBtn a{height: .74rem; display: inline-block; font: .28rem/.68rem "microsoft yahei"; color: #fff; margin: auto; }
.loginBtn a.btn01{width: 2.52rem;background: url(../images/tc-btn02.png) no-repeat center; background-size: 100%;}
.loginBtn a.btn02{width: 2.53rem;background: url(../images/tc-btn03.png) no-repeat center; background-size: 100%;}



/* 点击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;} */
.rulebox{ display: block; margin-top: .2rem;}
.rulebox .item{width: 100%; clear: both; float: left; margin-bottom: .25rem; position: relative;}
.rulebox .item font{width: 4.5rem; height: .42rem; display: block; margin: auto; clear: both; text-align: center; font: .24rem/.42rem "microsoft yahei"; color: #fff;
	background: #4f8af6;
	background: -webkit-linear-gradient(#5ea6ff , #345be7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#5ea6ff , #345be7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#5ea6ff , #345be7); /* Firefox 3.6 - 15 */
	background: linear-gradient(#5ea6ff , #345be7); /* 标准的语法 */
	border-radius: .08rem .08rem 0 0;
}
.rulebox .item .kuang{width: 96%; height: auto; float: left;margin: 0 2%;
	background: url(../images/item-icon01.png) repeat;
	border-radius: .1rem;
	box-shadow: 0 0.01rem 0.1rem rgba(53,92,231,.3);
}
.rulebox .item .kuang .box{width: 96%; height: auto; float: left; margin: .2rem 2%; border-radius: .08rem; box-sizing: border-box;
	border: solid 1px #355ce7; box-shadow: 0 2px 4px rgba(0,37,162,.7);
}
.rulebox .item .kuang .box ul{width: 90%; margin: .2rem 5%;}
.rulebox .item .kuang .box ul li{font: .24rem/.32rem "microsoft yahei"; text-align: left;}
.rulebox .item .kuang .box p{width: 80%; margin: .1rem 10%; text-align: center;}
.rulebox .item .kuang .box table{width: 90%; margin: .1rem 5%; font-size: .24rem; line-height: .32rem; border-left: solid 1px #759af4;border-top: solid 1px #759af4;}
.rulebox .item .kuang .box table th,.rulebox .item .kuang .box table td{border-right: solid 1px #759af4; border-bottom: solid 1px #759af4;}
.rulebox .item .kuang .box table th{background: #add0ff; color: #355de7; width: 15%;}
.rulebox .item .kuang .box table td{padding: .1rem;}

/* 疑问解答 */
/* #quePage{display: block;} */
.quebox{display: block; margin-top: .35rem;}
.quebox p{width: 88%; margin: .15rem 6%; font: .26rem/.36rem "microsoft yahei"; text-align: center;}
.quebox img{width: 1.7rem; display: block; margin: 0 auto .2rem;}

/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 5.53rem;margin: .25rem auto;}
.share-box >img{width: 100%; display: block; margin: auto; margin-right: -6%;}
.share-box a{width: 2.07rem; display: block; clear: both; margin: .2rem auto;}
.share-box a img{width: 100%; display: block;}


/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{ display: block;text-align: center;}
.noteTxt{width: 100%;float: left; margin: .46rem auto .35rem; }
.noteTxt p{font: .26rem/.42rem "microsoft yahei";color: #333;width: 90%; float: left; margin: .32rem 5% 0;}
.noteTxt p em{color: #ff3f3f; font-weight: bold; font-size: .35rem;}
.noteTxt p i{color: #ff3f3f; font-weight: bold; font-size: .35rem; text-decoration: underline;}

/* 视频播放弹窗 */
/* #videoPage{display: block;} */
.video-box{width: 6rem; background: #fff; min-height: 3rem; display: 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: 520px; 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: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.pc-box font{width: 100%; height: 1.31rem; display: block; font: bold .5rem/1.31rem "microsoft yahei"; color: #fff; text-align: center;
	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%;}

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