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

.tcbox h3{
	font: bold 0.42rem/1.23rem "microsoft yahei";
	color: #fff;
	width: 100%;
	clear: both;
	float: left;
	text-align: center;
	height: 1.23rem;
	position: relative;
	background: url(../images/titBg.png) no-repeat center;
	border-top-left-radius: .28rem;
	border-top-right-radius: .28rem;
}
.tcbox h3::before{
	display: inline-block;
	content: '';
	width: .59rem;
	height: .3rem;
	background: url(../images/titL.png) no-repeat left center;
	background-size: auto 100%;
	margin-right: 0.12rem;
}
.tcbox h3::after{
	display: inline-block;
	content: '';
	width: .59rem;
	height: .3rem;
	background: url(../images/titR.png) no-repeat left center;
	background-size: auto 100%;
	margin-left: 0.12rem;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .5rem;}
.tipSure a{
	width: 3.32rem; height: .7rem; display: block; margin: auto; font:bold .32rem/.7rem "microsoft yahei"; color: #fff;
	background: #ffaf79;
	background: -webkit-linear-gradient(left, #ffaf79 , #fd4a36); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ffaf79, #fd4a36); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ffaf79, #fd4a36); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ffaf79 , #fd4a36); /* 标准的语法 */
	border-radius: .5rem;
}
.tipyyl{display: none;}



.close{position: absolute; top: -.7rem; right:-.3rem; display: block; width: .5rem; height: .5rem;}
.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; text-align: center;}
.instrubox ul{width: 5.3rem; clear: both; float: left; margin-top: .25rem; margin-left: .35rem; margin-bottom: .45rem;}
.instrubox ul li{width: 100%; clear: both; float: left; margin:0 auto .1rem; font-size: .3rem; line-height: .45rem; color: #444444; text-align: left;}
.instrubox ul li i{width: .25rem; height: .25rem; line-height: .25rem; float: left;
	background: url(../images/icon01.png) no-repeat center; background-size: 100%;
	border-radius: 50%;  margin-top: .1rem;
	color: #fff; text-align: center;
	font-size: .2rem;
}
.instrubox ul li p{width:87%; float: left;  line-height: .45rem; color: #4c4c4c;font-size: .24rem; margin-left: .15rem;}
.instrubox ul img{width: 1.98rem; display: inline-block;margin-top: .3rem;}

/* 积分不足弹窗 */
/* #integPage{display: block;} */
.integbox{width: 100%; clear: both; float: left; margin-top: .2rem; text-align: center;}
.integbox img{display: block; width: 2.35rem; margin:.2rem auto 0;}
.integbox p{width: 100%; clear: both; float: left; font: .3rem/.45rem "microsoft yahei"; color: #222;margin: .35rem auto;}
.integbox a{width: 3.8rem;height: .7rem;  display: block; margin: auto; clear: both;
	font: .28rem/.7rem "microsoft yahei"; color: #fff;
	background: #ffaf79;
	background: -webkit-linear-gradient(left, #ffaf79 , #fd4a36); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ffaf79, #fd4a36); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ffaf79, #fd4a36); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ffaf79 , #fd4a36); /* 标准的语法 */
	border-radius: .4rem;
}
.integbox span{width: 60%; clear: both; float: left; font: .24rem/.47rem "microsoft yahei"; color: #fd4b37;margin: .25rem 20% .35rem;background: #ffedea;}


/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 4.14rem;margin: .6rem auto 0;}
.share01{width: 4.14rem;}
/* .share02{width: 4.03rem;} */
.share-box >img{width: 100%; display: block; margin: auto;margin-left: .8rem;}
.share-box a{width: 2.94rem; display: block; clear: both; margin: .5rem auto 0; 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: .15rem auto; height: auto;text-align: center;}
.noteTxt p{font: .26rem/.51rem "microsoft yahei";color: #666;width: 86%; float: left; margin: .2rem 7%; text-align: center;}
.noteTxt p.jstP{margin: 0.1rem 7% 0.2rem;}
.noteTxt img{width: 2.7rem; display: block; margin:.4rem auto 0;}
.noteTxt span {
    font: .26rem/.51rem "microsoft yahei";
    color: #e52f1a;
    float: left;
    width: 100%;
    margin: .2rem auto .3rem;
}
#notePage .tcbox .dch3 {
    font: .3rem/1.1rem "microsoft yahei";
    height: 1.1rem;
}


/* 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: 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: .3rem;
	-moz-border-radius: .3rem;
	border-radius: .3rem;
}
.pc-box font{font: bold .42rem/1.23rem "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: 1.23rem; position: relative;background: url(../images/titBg.png) no-repeat center top;}
.pc-box font::before{
	display: inline-block;
	content: '';
	width: .59rem;
	height: .3rem;
	background: url(../images/titL.png) no-repeat left center;
	background-size: auto 100%;
	margin-right: 0.12rem;
}
.pc-box font::after{
	display: inline-block;
	content: '';
	width: .59rem;
	height: .3rem;
	background: url(../images/titR.png) no-repeat left center;
	background-size: auto 100%;
	margin-left: 0.12rem;
}

.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% .35rem;}

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