@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;}
.fix-bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,0); 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: .22rem;
	-moz-border-radius: .22rem;
	border-radius: .22rem;
	padding-bottom: .4rem;
}


.tcbox h3{
	font-size: .48rem; line-height: 1.4rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: 1.4rem; position: relative;
	background: url('../images/tc-title01.png') no-repeat center top;
	background-size: 100%;
	border-radius: .22rem .22rem 0 0;
}
.tcbox h3 span{
	font-weight: bold; display: inline-block; color: #fff;
	background: linear-gradient(to bottom, #fff, #ffeb9a); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
	  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
	  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
}
.tcbox.end h3{
	background: url('../images/tc-title02.png') no-repeat center top / 100%;
}



.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .1rem;}
.tipSure a{
	width: auto;  display: inline-block; margin:0 auto;
}
.tipSure a.btn01{
	width: 4rem; height: .78rem; line-height: .78rem;
	background: #ff5b00;
	background: -webkit-linear-gradient( #feb71e , #ff5b00); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #feb71e , #ff5b00); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #feb71e , #ff5b00); /* Firefox 3.6 - 15 */
	background: linear-gradient( #feb71e , #ff5b00); /* 标准的语法 */
	border-radius: .5rem;
	box-shadow: 0 .1rem .14rem rgba(255,123,29,.35);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: .32rem; font-weight: bold;
}
.tipSure a.btn01 span{
	font-size: .4rem; line-height: 1;
	font-weight: bold; display: inline-block;
	background: linear-gradient(to bottom, #aa0404, #2a0603); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
	  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
	  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
	
}


.tipSure a.btn02{
	width: 2.48rem; height: .7rem; display: inline-block; margin: 0 .1rem;
	font-size: .34rem; line-height: .7rem; color: #fff;
	background: #178f66;
	border-radius: .7rem;
}
.tipSure a.btn03{
	width: 2.48rem; height: .7rem; display: inline-block; margin: 0 .1rem;
	font-size: .34rem; line-height: .7rem; color: #6c6c6c;
	background: #e3e3e3;
	border-radius: .7rem;
}

.tipSure a.btn05{
	background: #f9362e;
	background: -webkit-linear-gradient(left, #f72121 , #ff7352); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f72121, #ff7352); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f72121, #ff7352); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f72121 , #ff7352); /* 标准的语法 */
	border-radius: .36rem;
}



.close{position: absolute; bottom: -1rem; left:50%; display: block; width: .7rem; height: .7rem; margin-left: -.35rem;}
.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;}

/* 温馨提示弹窗  活动已结束  在线咨询 */
/* #notePage{display: block;} */
.noteTxt{width: 5.3rem; clear: both; float: left; margin: .35rem .35rem .2rem; text-align: center;}
.noteTxt p{font-size: .26rem; line-height: .46rem; color: #333; text-align: center; padding-bottom: .2rem;
	width: 84%; margin: 0 8%;
}
.noteTxt p span{color: #f64609; font-weight: bold;}
.noteTxt img{
	width: 3.47rem; display: inline-block; margin: auto;
}
.noteTxt img.ewm{width: 2.55rem; display: inline-block; margin: auto;}

.noteTxt p.joinTxt{
	margin-bottom: .4rem;
}


/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ display: block; text-align: center;padding-bottom: .5rem;}
.rulebox ul{width: 5.5rem; clear: both; float: left; margin-top: .45rem; margin-left: .3rem;}
.rulebox ul li{width: 100%; clear: both; float: left; margin: 0 auto .14rem; position: relative;}
.rulebox ul li h4{
	float: left; width: 5rem;
	clear: both; height: .6rem;
	font-size: .28rem; line-height: .6rem;font-weight: bold;
	background: #e5fff9;
	color: #098a6e;
	text-align: left;
	position: relative;
	margin-bottom: .1rem;
}
.rulebox ul li h4 i{
	width: .4rem; height: .4rem; display: inline-block; float: left; margin-right: .15rem; margin-top: .1rem;
	background: #098a6e;
	background: -webkit-linear-gradient(#14ad8c,#098a6e);
	background: -moz-linear-gradient(#14ad8c,#098a6e);
	background: -o-linear-gradient(#14ad8c,#098a6e);
	background: linear-gradient(#14ad8c,#098a6e);
	border-radius: 50%;
	font-size: .24rem; line-height: .4rem; color: #fff; text-align: center;
	font-weight: 400;
	margin-left: .25rem;
}
.rulebox ul li h4 span{
	background: #178f66; color: #fff; display: inline-block; line-height: .32rem;
	padding: 0 .13rem;
	border-radius: .2rem;
}

.rulebox ul li p{width:95%; float: left; color: #444444;
	text-align: left; font-size: .24rem; line-height: 1.5;
	margin-left: .24rem;
}




/* 助力弹窗提示 */
/* #joinPage{display: block;} */
.joinTxt{width: 100%; clear: both; float: left; margin-top: .25rem; text-align: center;}
.joinTxt p{font-size: .3rem; line-height: .4rem; width: 100%; clear: both; float: left; margin-bottom: .35rem;}
.joinTxt p span{font-weight: bold; color: #263dec;}
.joinTxt img{width: 2.4rem; display: inline-block;margin-bottom: .2rem;}



/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 7.5rem;margin: .25rem auto;}
.share-box >img{width: 5.18rem; display: block; margin: auto; margin-right: 1.1rem;}
.share-box p{
	width: 100%; clear: both; float: left; margin-top:1rem;
	font-size: .26rem; line-height: .4rem; color: #fff;
	text-align: center;
}
.share-box p.zhu{font-size: .26rem; line-height: .4rem; margin-top: .65rem;}
.share-box p span{color: #ff8839;}
.share-box a{width: 2.82rem; display: block; clear: both; padding:.55rem 0; margin: auto;}
.share-box a img{width: 100%; display: block;
	border-radius: .5rem;
}



/* pc版打开遮罩 */
.pc-box{width: 6rem; height: auto; 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: .22rem;
	-moz-border-radius: .22rem;
	border-radius: .22rem;
}
.pc-box h3{
	font-size: .48rem; line-height: 1.4rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: 1.4rem; position: relative;
	background: url('../images/tc-title01.png') no-repeat center top;
	background-size: 100%;
	border-radius: .22rem .22rem 0 0;
}
.pc-box h3 span{
	font-weight: bold; display: inline-block; color: #fff;
	background: linear-gradient(to bottom, #fff, #ffeb9a); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
	-webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
	-webkit-text-fill-color: transparent;/*给文字设置成透明*/
}


.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box .pic{width: 100%; clear: both; margin:.5rem auto auto;float: left;}
.pc-box .pic img{width: 2.61rem; display: inline-block; margin: auto;}
.pc-box p{
	width: 90%;float: left; margin: .25rem 5% .35rem;
	font-size: .26rem; line-height: .42rem; color: #666;
}
.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .49rem; height: .49rem; cursor: pointer;}
.pc-box a img{width: 100%;}