@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,.75); display: none;}
/* 点击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-page01.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;
	text-align: center; font: bold .48rem/1.4rem "microsoft yahei";color: #fff;
}
.rulebox ul{width: 100%; clear: both; float: left; margin-top: .25rem; margin-bottom: .35rem;}
.rulebox ul li{width: 90%; clear: both; float: left; margin: 0 5%;}
.rulebox ul li p{font: .24rem/.52rem "microsoft yahei","arial, helvetica, sans-serif";color: #333; width: 100%; float: left;}
.rulebox ul li p span,.rulebox ul li p a{color: #f91313;}

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

/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 6.82rem;margin: .85rem auto;}
.share-box >img{width: 5.82rem; display: block; margin: auto;}
.share-box a{width: 2.07rem; display: block; clear: both; float: right; margin-top: -1rem; margin-right: .85rem; position: relative;}
.share-box a img{width: 100%; display: block;}

/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{ width: 6rem; height: auto; display: block; background: #fff url(../images/tc-page01.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;
}
.notebox h3{width: 100%;font: bold .48rem/1.4rem "microsoft yahei";color: #fff; height: 1.4rem;float: left; }
.notebox .noteTxt{width: 100%; height: 2.1rem; clear: both; float: left; margin-top: .5rem; margin-bottom: .35rem; background: url(../images/tc-time.png) no-repeat center top; background-size: auto 2.1rem;}
.notebox .noteTxt p{width: 100%; display: block; margin-top: 1.32rem; font: .3rem/.78rem "microsoft yahei"; color: #666;}
.notebox .tipBtn{width: 100%; clear: both; float: left; margin: 0 auto .45rem;}
.notebox .tipBtn a{clear: both; width: 4rem; height: .8rem; display: block; margin: auto; font: 600 .32rem/.8rem "microsoft yahei";color: #fff; text-align: center;
	background: #de392f;
	background: -webkit-linear-gradient(#fd705e , #e83f42); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #fd705e, #e83f42); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #fd705e, #e83f42); /* Firefox 3.6 - 15 */
	background: linear-gradient( #fd705e , #e83f42); /* 标准的语法 */
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
}

.notebox .close{position: absolute; top: -.62rem; right: 0; display: block; width: .49rem; height: .49rem;}

/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{ width: 6rem; height: auto; display: block; background: #fff url(../images/tc-page01.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{font: bold .48rem/1.4rem "microsoft yahei";color: #fff; }
.loginshow form{width: 100%; clear: both; float: left; margin: .5rem auto;}
.loginshow form ul{width: 5rem; margin: auto; }
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .35rem;}
.loginshow form ul li.short{margin-bottom: .45rem;}
.loginshow form ul li input{width: 100%; height: .8rem;display: block;float: left; font: .3rem/.8rem "arial, helvetica, sans-serif"; text-indent: .2rem; border: solid 1px #666;}
.loginshow form ul li input#YzNum{width: 3rem;}
.loginshow form ul li input#btnSendCode1{color: #fff; border: none;width: 1.8rem;float: right; text-indent: 0; display: block; box-sizing: content-box;
	background: #5a45d4;
	background: -webkit-linear-gradient(left, #8665f6 , #5944d3); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #8665f6, #5944d3); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #8665f6, #5944d3); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #8665f6 , #5944d3); /* 标准的语法 */
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.loginshow form a{clear: both; width: 4rem; height: .8rem; display: block; margin: auto; font: 600 .32rem/.8rem "microsoft yahei";color: #fff; text-align: center;
	background: #de392f;
	background: -webkit-linear-gradient(#fd705e , #e83f42); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #fd705e, #e83f42); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #fd705e, #e83f42); /* Firefox 3.6 - 15 */
	background: linear-gradient( #fd705e , #e83f42); /* 标准的语法 */
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
}
.loginshow .close{position: absolute; top: -.75rem; right: 0; display: block; width: .49rem; height: .49rem;}

/* 重复提示 */
/* #tipPage{ display: block;} */
.tipbox{ width: 6rem; height: auto; display: block; background: #fff url(../images/tc-page01.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 h3{width: 100%;font: bold .48rem/1.4rem "microsoft yahei";color: #fff; height: 1.4rem;float: left;}
.tipTxt{width: 100%; height: 2.45rem; clear: both; float: left; margin-top: .25rem; margin-bottom: .25rem; background: url(../images/tc-repeat.png) no-repeat center top; background-size:3.03rem;}
.tipTxt p{width: 100%; display: block; margin-top: 1.8rem; font: .3rem/.78rem "microsoft yahei"; color: #666;}
.tipBtn{width: 100%; clear: both; float: left; margin: 0 auto .45rem;}
.tipBtn a{clear: both; width: 4rem; height: .8rem; display: block; margin: auto; font: 600 .32rem/.8rem "microsoft yahei";color: #fff; text-align: center;
	background: #de392f;
	background: -webkit-linear-gradient(#fd705e , #e83f42); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #fd705e, #e83f42); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #fd705e, #e83f42); /* Firefox 3.6 - 15 */
	background: linear-gradient( #fd705e , #e83f42); /* 标准的语法 */
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
}

.tipbox .close{position: absolute; top: -.75rem; right: 0; display: block; width: .49rem; height: .49rem;}

/* 助力弹窗 */
/* #zhulPage{display: block;} */
.zhulibox{ width: 6rem; height: auto; display: block; background: #fff url(../images/tc-page01.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;
}
.zhulibox h3{width: 100%;font: bold .48rem/1.4rem "microsoft yahei";color: #fff; height: 1.4rem;float: left;}
.zlTxt{width: 100%; height: auto; float: left; margin: .32rem auto .25rem;}
.zlTxt img{height: 1.67rem; display: block; margin: auto;}
.zlTxt p{clear: both; width: 100%; float: left; margin-top: .3rem; font: .3rem/.54rem "microsoft yahei"; color: #666;}

.zhulibox .close{position: absolute; top: -.75rem; right: 0; display: block; width: .49rem; height: .49rem;}


/*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 48px/140px "microsoft yahei";color: #fff;float: left; background: url(../images/tc-page01.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{position: absolute; top: -.75rem; right: -.15rem; display: block; width: .49rem; height: .49rem; cursor: pointer;}