@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;}

/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ width: 6.6rem; height: auto; display: block; background: #fff;  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;
}
.rulebox h3{width: 100%; height: 1.33rem; display: block; background: url(../images/tc-img01.png) no-repeat center top; background-size: 100%; float: left; 
	text-align: center; font: bold .56rem/1.33rem "microsoft yahei";color: #fff;
}
.rulebox ul{width: 100%; clear: both; float: left; margin-top: .15rem;}
.rulebox ul li{width: 5.7rem; float: left; clear: both; margin: 0 .45rem; font: .24rem/.42rem "microsoft yahei"; color: #333; text-align: left;}
.rulebox ul li p{width: 100%; clear: both;}
.rulebox ul li i{float: left; width: .31rem; height: .31rem; display: block; margin-top: .07rem; background: url(../images/tc-icon01.png) no-repeat center; background-size: 100%; font: .24rem/.31rem arial; text-align: center; color: #fff;}
.rulebox ul li img{width: 2.48rem; display: block; margin:.35rem auto;}


.rulebox .close{position: absolute; bottom: -.9rem; right: 2.975rem; display: block; width: .63rem; height: .63rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 6.8rem;margin: .85rem auto;}
.share-box >img{width: 6.05rem; display: block; margin: auto;}
.share-box a{width: 3.02rem; display: block; clear: both; margin:.35rem auto;}
.share-box a img{width: 100%; display: block;}

/* 公众号弹窗 */
/* #notePage{display: block;} */
.notebox{ width: 6rem;  display: block; background: #fff; text-align: center; position: absolute; padding-bottom: .5rem;
	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 font{width: 100%;font: bold .4rem/1.33rem "microsoft yahei";color: #fff; height: 1.33rem;float: left;
	background: url(../images/tc-img02.png) no-repeat center; background-size: 100%;
}
.notebox .note-img{width: 100%; clear: both; float: left; margin-top: .42rem;}
.notebox .note-img img{width: 2.98rem; display: block; margin: auto;}
.notebox .close{position: absolute; bottom: -.9rem; right: 2.675rem; display: block; width: .63rem; height: .63rem;}

/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{ width: 6rem; height:auto; display: block; background: #fff; 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;
}
.login-title{width: 100%;height: 1.33rem;float: left; 
	background: url(../images/tc-img02.png) no-repeat center; background-size: 100%;
}
.login-title font{font: bold .56rem/1.33rem "microsoft yahei";color: #fff; }
.loginshow form{width: 100%; clear: both; float: left; margin: .3rem auto;}
.loginshow form ul{width: 5rem; margin: auto; }
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .25rem;}
.loginshow form ul li.short{margin-bottom: .45rem;}
.loginshow form ul li input{width: 100%; height: .66rem;display: block;float: left; font: .24rem/.66rem "arial, helvetica, sans-serif"; text-indent: .2rem; border: solid 1px #d2d2d2; border-radius: .1rem;}
.loginshow form ul li input#YzNum{width: 3rem; }
.loginshow form ul li input#btnSendCode1{background: none; color: #f42b24; width: 1.9rem;float: left; text-indent: 0; display: block;  border: none; font: .28rem/.68rem "microsoft yahei"; text-decoration: underline;}
.loginshow form a{clear: both; width: 5rem; height: .67rem; display: block; margin: auto; font: 600 .32rem/.67rem "microsoft yahei";color: #fff; text-align: center;
	background: #e45a57;
	background: -webkit-linear-gradient(left, #e25452 , #ec786f); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e25452, #ec786f); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e25452, #ec786f); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e25452 , #ec786f); /* 标准的语法 */
	-webkit-border-radius: .34rem;
	-moz-border-radius: .34rem;
	border-radius: .34rem;
}
.loginshow .close{position: absolute; bottom: -.9rem; right: 2.675rem; display: block; width: .63rem; height: .63rem;}

/* 重复提示 */
/* #tipPage{ display: block;} */
.tipbox{ width: 6rem; height: auto; display: block; background: #fff; text-align: center; position: absolute; padding-bottom: .5rem;
	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;
}
.tipbox font{width: 100%;font: bold .56rem/1.33rem "microsoft yahei";color: #fff; height: 1.33rem;float: left;
	background: url(../images/tc-img02.png) no-repeat center; background-size: 100%;
	
}
.tipbox p{width: 100%; clear: both; float: left; margin: .3rem auto; font: 	.32rem/.45rem "microsoft yahei";color: #333;}
.tipbox a.myTeam{width: 3.45rem; height: .72rem; display: block;clear: both; margin: auto;font:.34rem/.72rem "microsoft yahei";color: #fff; text-align: center;
	background: #e45a57;
	background: -webkit-linear-gradient(left, #e25452 , #ec786f); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e25452, #ec786f); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e25452, #ec786f); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e25452 , #ec786f); /* 标准的语法 */
	-webkit-border-radius: .36rem;
	-moz-border-radius: .36rem;
	border-radius: .36rem;
}
.tipbox .close{position: absolute; bottom: -.9rem; right: 2.675rem; display: block; width: .63rem; height: .63rem;}

/* 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: 520px; text-align: center; background:#fff url(../images/tc-img01.png) no-repeat center top; 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: 133px;   font: bold 54px/133px "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{position: absolute; bottom: -.7rem; right: 2.675rem; display: block; width: .63rem; height: .63rem;}
.pc-box a img{width: 100%;}

