@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;
	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: .22em;
	-moz-border-radius: .22rem;
	border-radius: .22rem;
}

.tcbox h3{
	font-size: .48rem; line-height: 1.4rem;color: #fff; font-weight: bold; 
	width: 100%; clear: both; float: left; text-align: center; height: 1.4rem; position: relative;
	background: url('../images/tc-img01.png') no-repeat center / 100%;
	border-radius: .22rem .22rem 0 0;
}
.tcbox h3.end{
	background: url('../images/tc-img02.png') no-repeat center /100%;
}

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





/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ display: block; text-align: center;}
.rulebox ul{width: 5rem; clear: both; float: left; margin: .42rem .5rem;}
.rulebox ul li{width: 100%; clear: both; float: left; margin:0 auto .33rem; font-size: .24rem; line-height: .42rem; color: #444444; text-align: left;}
.rulebox ul li h4{
	width: 100%; height: .6rem; line-height: .6rem; font-weight: bold; color: #5337f1;
	background: rgba(83,55,241,.1);
}
.rulebox ul li i{
	width: .4rem; height: .4rem; display: inline-block; float: left; margin-top: .1rem; margin-left: .25rem;
	line-height: .4rem; text-align: center; color: #fff; font-size: .24rem;
	background: #5337f1;
	border-radius: 50%;
	margin-right: .15rem;
}
.rulebox ul li p{
	font-size: .24rem; line-height: .34rem; width: 100%; clear: both;
	margin: .1rem auto;
}
.rulebox ul li p span{color: #5337f1;}


/* 温馨提示弹窗  在线咨询 活动结束*/
/* #notePage{display: block;} */
.noteTxt{width: 4.5rem; clear: both; float: left; margin: .35rem .75rem .4rem; text-align: center;}
.noteTxt p{font-size: .26rem; line-height: .42rem; color: #333; text-align: center; padding-bottom: .15rem; }
.noteTxt p span{color: #5337f1; font-weight: bold;}
.noteTxt .pic{
	width: 2.55rem; display: inline-block; margin: auto;
	
}
.noteTxt .pic img{width: 100%; display: inline-block; margin: .14rem;}




/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 66%;margin: .35rem auto;}
.share-box >img{width: 3.64rem; display: block; margin: auto; margin-right: -.3rem; float: right;}
.share-box p{
	width: 100%; clear: both; float: left; margin: .4rem auto .3rem;
	font-size: .26rem; line-height: .4rem; text-align: left;
	color: #fff;
}
.share-box p b{font-weight: bold;}
.share-box p span{color: #ff7800;}
.share-box a{width: 4.11rem; display: block; clear: both; margin:.55rem auto;}
.share-box a img{width: 100%; 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: 6rem; height: auto; display: block;  position: absolute; background: #fff; text-align: center;
	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: .22rem;
	-moz-border-radius: .22rem;
	border-radius: .22rem;
}
.pc-box font{
	font-size: .48rem; line-height: 1.4rem;color: #fff; font-weight: bold;
	width: 100%; clear: both; float: left; text-align: center; height: 1.4rem; position: relative;
	background: url('../images/tc-img01.png') no-repeat center / 100%;
	border-radius: .22rem .22rem 0 0;
}


.tcmain{clear: both; float: left; margin: .5rem auto 0; text-align:center;}
.pc-box .pic{
	width: 2.75rem; display: inline-block; margin: .25rem auto 0;
}
.pc-box .pic img{
	width: 2.48rem;display: inline-block; margin: .14rem;
}
.pc-box p{width: 90%;color: #666;float: left; margin: 10px 5% .35rem;
	font-size: .3rem; line-height: .4rem;
	text-align: center;
}

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