@charset "utf-8";
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}

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

/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ width: 6rem; height: auto; display: block; background: #fff url(../images/tc-img03.png) no-repeat center bottom; background-size: 100%; border-radius: .1rem; padding-bottom: .6rem; 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%);
}
.rulebox h3{width: 100%; height: 1.63rem; display: block; background: url(../images/tc-img01.png) no-repeat center top; background-size: 100%; float: left;
	text-align: center; font:bold .48rem/1.55rem "microsoft yahei";color: #fff;
}
.rulebox ul{width: 100%; clear: both; float: left; margin-top: .35rem;}
.rulebox ul li{width: 5.3rem; clear: both; float: left; margin: 0 .35rem; font: .26rem/.38rem "microsoft yahei";color: #333; margin-bottom: .15rem;}
.rulebox ul li i{width: .3rem; height: .38rem; display: block; float: left; text-align: center; }
.rulebox ul li p{float: left; width: 5rem; margin-left: 0;}
.rulebox ul li p span{font-weight: bold;color: #ea1818;}
.rulebox ul li p b{font-weight: bold;}
.rulebox >img{width: 1.93rem; display: block; margin: auto;}
.rulebox .tipSure{margin-top: .35rem;}


.rulebox .close{width: .42rem; height: .42rem; display: block; cursor: pointer; position: absolute; top: -.15rem; right: -.2rem; border-radius: 50%; }
.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;}


/* 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: 567px; text-align: center; background:#fff url(../images/tc-img03.png) no-repeat center bottom; 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: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.pc-box font{width: 100%; height: 163px; background: url(../images/tc-img01.png) no-repeat center top;  font: bold 54px/150px "microsoft yahei";color: #fff;float: left;}
.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%;}

.pc-box a{width: 42px; height: 42px; display: block; cursor: pointer; position: absolute; top: -15px; right: -20px; border-radius: 50%; }
.pc-box a img{width: 100%;}





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


/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{ width: 6rem; height: auto; display: block; padding-bottom: .6rem; background: #fff url(../images/tc-img03.png) no-repeat center bottom; 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: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.notebox h3{width: 100%;font: bold .48rem/1.55rem "microsoft yahei";color: #fff; height: 1.63rem;float: left; background: url(../images/tc-img01.png) no-repeat center; background-size: 100%;}

.note-box{width: 100%;float: left; margin: .55rem auto; height: auto;}
.note-box p{font: .28rem/.54rem "microsoft yahei";color: #333;width: 100%; float: left; margin-top: .25rem;}
.note-box p span{color: #fd6b00;}
.tipSure{width: 100%; clear: both; float: left;}
.tipSure a{width: 4.97rem; height: .68rem; display: block; margin: auto; font: bold .36rem/.68rem "microsoft yahei";color: #faebb3; text-align: center;
	background: #d9461a;
	background: -webkit-linear-gradient( #ff7436 , #bf2507); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #ff7436, #bf2507); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #ff7436, #bf2507); /* Firefox 3.6 - 15 */
	background: linear-gradient( #ff7436 , #bf2507); /* 标准的语法 */
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
	-webkit-box-shadow: 0 .03rem .2rem rgba(43,32,130,.4);
	box-shadow: 0 .03rem .2rem rgba(43,32,130,.4);
}

.notebox .close{width: .42rem; height: .42rem; display: block; cursor: pointer; position: absolute; top: -.15rem; right: -.2rem; border-radius: 50%; }

/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{ width: 6rem; height: auto; display: block; background: #fff url(../images/tc-img03.png) no-repeat center bottom; background-size: 100%; text-align: center; position: absolute; padding-bottom: .6rem;
	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: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.login-title{width: 100%;height: 1.63rem;float: left; background: url(../images/tc-img01.png) no-repeat center; background-size: 100%;}
.login-title font{font: bold .48rem/1.55rem "microsoft yahei";color: #fff; }
.loginshow form{width: 100%; clear: both; float: left; margin: .6rem auto 0;}
.loginshow form ul{width: 4.8rem; margin: 0 .6rem .3rem; float: left;}
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .25rem;}
.loginshow form ul li.short{margin-bottom: .35rem;}
.loginshow form ul li input{width: 100%; height: .7rem;display: block;float: left; font: .28rem/.7rem "arial, helvetica, sans-serif"; text-indent: .2rem; border: solid 1px #d2d2d2;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.loginshow form ul li input#YzNum{width: 2.6rem;}
.loginshow form ul li input#btnSendCode1{ color: #fff; background: #5943ee; border: none;width: 2rem;float: right; text-indent: 0; display: block; text-decoration: underline; font: .28rem/.66rem "microsoft yahei";}
.loginshow form a{width: 4.57rem; height: .68rem; display: block; clear: both; margin: auto; font: bold .36rem/.68rem "microsoft yahei";color: #faebb3; text-align: center;
	background: #d9461a;
	background: -webkit-linear-gradient( #ff7436 , #bf2507); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #ff7436, #bf2507); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #ff7436, #bf2507); /* Firefox 3.6 - 15 */
	background: linear-gradient( #ff7436 , #bf2507); /* 标准的语法 */
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
	-webkit-box-shadow: 0 .03rem .2rem rgba(43,32,130,.4);
	box-shadow: 0 .03rem .2rem rgba(43,32,130,.4);
}
.loginshow .close{width: .42rem; height: .42rem; display: block; cursor: pointer; position: absolute; top: -.15rem; right: -.2rem; border-radius: 50%; }