@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 url(../images/tc-bg.png) no-repeat center bottom; 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: .16rem;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
}

.tcbox h3{font: bold .42rem/1rem "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: 1.36rem;
	background: url(../images/tc-img01.png) no-repeat center top; background-size: 100%;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .5rem;}
.tipSure a{width: 2.48rem; height: .68rem; display: block; margin: auto; font: bold .3rem/.68rem "microsoft yahei"; color: #fff;
	background: #fd1f52;
	background: -webkit-linear-gradient(#feae6f, #fd1f52); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#feae6f, #fd1f52); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#feae6f, #fd1f52); /* Firefox 3.6 - 15 */
	background: linear-gradient(#feae6f, #fd1f52); /* 标准的语法 */
	border-radius: .4rem;
	box-shadow: 0 .03rem .1rem rgba(253,57,88,.64);
}



.close{position: absolute; top: -.65rem; right:0; display: block; width: .44rem; height: .45rem;}
.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.2rem; clear: both; float: left; margin-top: 0; margin-left: .4rem; margin-bottom: .45rem;}
.instrubox ul li{width: 100%; clear: both; float: left; margin: 0 auto .2rem; font: .24rem/.34rem "microsoft yahei";color: #444444;}
.instrubox ul li font{ float: left; font:.28rem/.42rem "microsoft yahei"; font-weight: 500; color: #fff; height: .42rem; padding: 0 .15rem; margin-bottom: .15rem;
	background: #84b7f9;
	background: -webkit-linear-gradient(#1575fb, #8bbbfc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#1575fb, #8bbbfc); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#1575fb, #8bbbfc); /* Firefox 3.6 - 15 */
	background: linear-gradient(#1575fb, #8bbbfc); /* 标准的语法 */
	border-radius: .25rem;
}
.instrubox ul li p{width:100%; float: left;  font: .24rem/.3rem "microsoft yahei"; color: #444444; margin-top: .1rem;}
.instrubox ul li p span{color: #1575fb;}



/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 6.46rem;margin: .25rem auto;}
.share-box >img{width: 100%; display: block; margin: auto; margin-left: 2%;}
.share-box a{width: 2.5rem; display: block; float: right; margin-top: -.4rem; margin-right: 1.2rem; position: relative;}
.share-box a img{width: 100%; display: block;}

/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{ display: block;text-align: center;}
.noteTxt{width: 100%;float: left; margin: .35rem auto .5rem; height: auto; background: #fff; border-radius: .4rem;}
.noteTxt img.end{width: 1.85rem; display: block; margin: auto;}
.noteTxt img.ewm{width: 2.99rem; display: block; margin: auto;}
.noteTxt font{font: .26rem/.44rem "microsoft yahei"; color: #444; width: 100%; float: left; margin: .2rem auto 0;}
.noteTxt font span{color: #fe565e;}
.noteTxt p{font: .26rem/.38rem "microsoft yahei";color: #444;width: 86%; float: left; margin: .2rem 7% 0;}
.noteTxt p span{color: #1b79fd;}

/* 视频弹窗 */
#videoPage{display: block; z-index: -1;}
.videoPlay{width: 100%; min-height: 3.375rem; background: #fff;}

/* 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: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.pc-box font{width: 100%; height: 133px;   font: bold 56px/100px "microsoft yahei";color: #fff;float: left;height: 1.36rem; border-radius: 16px 16px 0 0;
	background: url(../images/tc-img01.png) no-repeat center top; 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: .49rem; height: .49rem; cursor: pointer;}
.pc-box a img{width: 100%;}