/* 弹窗 */
.mask{width:100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.85); display: none; z-index: 9;}

/* 点击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{ width: 6rem; height:auto; display: block; background:#fff url(../images/tc-img01.png) no-repeat center top; background-size: 100%; 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%);
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}
.rulebox h3{width: 100%; height: 1.4rem; display: block; float: left; margin-top: 0;
	text-align: center; font: bold .56rem/1.4rem "microsoft yahei";color: #fff;
}
.rulebox ul{width: 100%; clear: both; float: left; margin-top: .2rem;}
.rulebox ul li{width: 90%; clear: both; float: left; margin: 0 5% ;}
.rulebox ul li i{width: .38rem; height: .38rem; display: block; float: left; margin-top: .08rem; background: url(../images/icon01.png) no-repeat center; background-size: 100%; font: .26rem/.38rem arial; color: #fff; text-align: center;}
.rulebox ul li p{ font: .26rem/.55rem "microsoft yahei"; text-align: left; color: #333; float: left; width: 4.9rem; margin-left: .1rem;}
.rulebox ul li a{color: #f42b24;}
.rulebox ul li:last-child p{width: 2.9rem;}
.rulebox ul li img{float: right; width: 2rem; display: block; margin-top: -.9rem; margin-left: -.3rem; }
.rulebox .tcBtn{width: 100%; clear: both; float: left; margin: .35rem auto; text-align: center;}
.rulebox .tcBtn a{width: 3.86rem; height: .8rem; display: block; margin: auto; background: url(../images/tc-btn01.png) no-repeat center; background-size: 100%;
	font: .3rem/.74rem "microsoft yahei"; color: #fff;
}


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

/* 重复弹窗 */
/* #repeatPage{display: block;} */
.repeatbox{ width: 6rem; height:auto; display: block; background:#fff url(../images/tc-img01.png) no-repeat center top; background-size: 100%; position: absolute; 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: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}
.repeatbox h3{width: 100%; height: 1.4rem; display: block; float: left; margin-top: 0;
	text-align: center; font: bold .56rem/1.4rem "microsoft yahei";color: #fff;
}
.repeatbox p{width: 100%; padding: .5rem 0 .2rem; font: .36rem/.52rem "microsoft yahei"; color: #333; float: left; clear: both;}
.repeatbox .tcBtn{width: 100%; clear: both; float: left; margin: .35rem auto; text-align: center;}
.repeatbox .tcBtn a{width: 3.86rem; height: .8rem; display: block; margin: auto; background: url(../images/tc-btn01.png) no-repeat center; background-size: 100%;
	font: .3rem/.74rem "microsoft yahei"; color: #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;}
/*#pcEwm{ display: block;}*/
.pc-box{width: 600px; position: fixed; top: 20%; left: 50%; margin-left: -300px; background: #fff; text-align: center; border-radius: 20px;}
.pc-box font{width: 100%; font: bold 56px/140px "microsoft yahei";color: #fff;float: left; background: url(../images/tc-img01.png) no-repeat center;}
.pc-box p{width: 80%; font: 24px/48px "microsoft yahei";color: #333;float: left; margin: 10px 10%;}
.pc-box img{width: 60%;display: block; margin:20px 20% auto;float: left;}
.pc-box a{width: 24px; height: 24px; display: block; cursor: pointer; position: absolute; top: 10px; right: 10px; border-radius: 50%; background: #fff; font: 24px/24px arial;color: #333;}

/* 分享 */
/* #sharePage{display: block;} */
#sharePage .share-box >img{width: 4.94rem; display: block; margin: .35rem auto .8rem;}
#sharePage a{width: 3rem; height: .89rem; display: block; margin: auto; clear: both;}
#sharePage a img{display: block; width: 100%; margin: auto;}



/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{ width: 6rem; height: auto; display: block; background: #fff url(../images/tc-img01.png) no-repeat center top; background-size: 100%;  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%);
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}
.login-title{width: 100%;height: 1.4rem;float: left; }
.login-title font{width: 100%; height: 1.4rem; display: block; float: left; margin-top: 0;
	text-align: center; font: bold .56rem/1.4rem "microsoft yahei";color: #fff;
}
.loginshow form{width: 100%; clear: both; float: left; margin: .4rem auto .45rem;}
.loginshow form ul{width: 5.15rem; margin: auto; }
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .31rem;}
.loginshow form ul li.short{margin-bottom: .55rem;}
.loginshow form ul li input{width: 100%; height: .82rem;display: block;float: left; font: .28rem/.82rem "arial, helvetica, sans-serif"; text-indent: .2rem; border: solid 1px #666666;}
.loginshow form ul li input#YzNum{width: 3.2rem;}
.loginshow form ul li input#btnSendCode1{ color: #fff; height: .84rem; border: none;width: 1.8rem;float: right; text-indent: 0; display: block;  font: .3rem/.84rem "microsoft yahei";
	background: #5280fc;
	background: -webkit-linear-gradient(left, #6690fa , #416efc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #6690fa, #416efc); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #6690fa, #416efc); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #6690fa , #416efc); /* 标准的语法 */
	border-radius: .1rem;
}
.loginshow form a{clear: both; width: 3.86rem; height: .8rem; display: block; margin: auto; font: bold .32rem/.8rem "microsoft yahei";color: #fff; text-align: center;
	background: url(../images/tc-btn01.png) no-repeat center; background-size: 100%;
	-webkit-border-radius: .34rem;
	-moz-border-radius: .34rem;
	border-radius: .34rem;
	
}
.loginshow .close{position: absolute; top: -.5rem; right: -.1rem; display: block; width: .44rem; height: .44rem;}

/* tipPage */
/* #tipPage{display: block;} */
.tipbox{width: 6rem; height: 5.6rem;display: block; background: #fff url(../images/tc-img02.png) no-repeat center top; background-size: 100%;  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%);
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}
.tipbox font{font:.4rem/.52rem "microsoft yahei"; color: #fff; width: 100%; float: left; clear: both; margin: .3rem auto;}
.tipbox >img{width: 3rem; display: block; margin: auto;}
.tipbox p{font:.3rem/.52rem "microsoft yahei";color: #fff; clear: both; float: left; margin: .2rem auto; width: 100%;}