html,body{
	height:100%;
}
#wrap{
	width: 7.5rem;
	height:100%;
	position:relative;
	margin: 0 auto;
	overflow: hidden;
}
.one{
	width:100%;
	height:100%;
	background:url(../images/kv.jpg) no-repeat center;
	background-size:cover;
	position:relative;	
}
.per{
	display: block;
	width:5.16rem;
	position:absolute;
	left:1.05rem;
	top:50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.logo{
	display: block;
	width:1.27rem;
	position:absolute;
	left:.26rem;
	top:.3rem;
}
.slo{
	display: block;
	width:7.45rem;
	position:absolute;
	left:50%;
	margin-left:-3.725rem;
	top:7.2rem;
}
.btn{
	display: block;
	width:2.97rem;
	position:absolute;
	left:50%;
	margin-left:-1.485rem;
	top:10rem;
}
.two{
	width:100%;
	height:100%;
	background:url(../images/se.jpg) no-repeat center top;
	background-size:7.5rem 10.8rem;
	background-color:#1e1e1e;
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display: none;
}
.txt{
	display: block;
	width:6.65rem;
	margin:2.5rem auto 0;
}
.box{
	width:6.69rem;
	overflow: hidden;
	position:relative;
	margin:0.7rem auto 0;
	background:url(../images/zz.png) no-repeat center;
	background-size:100% 100%;
	padding-bottom:.6rem;
}
.s_put{
	width:5.25rem;
	overflow: hidden;
	position:relative;
	margin:0.3rem auto 0;
}
.s_put p{
	font-size:.26rem;
	color:#fff;
}
.s_put input{
	margin-top:.18rem;
}
.s_put input{
	display: block;
	width:5.2rem;
	height:.62rem;
	border:0.01rem solid #9b9a98;
	font-size:.22rem;
	color:#fff;
	line-height:.62rem;
	text-indent:.1rem;
	border-radius: .05rem;
}
.s_put .captcha{
	width:1.4rem;
	height:.64rem;
	position:absolute;
	right:0.03rem;
	bottom:0;
}
.s_put .captcha img{
	display: block;
	width:100%;
	height:100%;
	border-radius: 0.1rem;
}
.s_put .g_code{
	width:1.4rem;
	height:.64rem;
	background:url(../images/go.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	right:0.03rem;
	bottom:0;
	font-size:.22rem;
	color:#fff;
	text-align: center;
	line-height:.64rem;
}
.cbtn{
	display: block;
	width:2.97rem;
	height:.97rem;
	margin:0.4rem auto 0;
}
.thc{
	width:100%;
	overflow: hidden;
	position:relative;
}
#wrap.active{
	height:auto;
	overflow: auto;
}
.thOne{
	width:100%;
	height:10.8rem;
	background:url(../images/thc.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.tit1{
	display: block;
	width:4rem;
	position:relative;
	margin:.6rem 0 0 .38rem;
}
.tip{
	font-size:.16rem;
	color:#fff;
	margin:.16rem 0 0.08rem .35rem;
}
.gift{
	display: block;
	width:6.55rem;
	margin-left:.44rem;
}
.get{
	display: block;
	width:1.96rem;
	height:.64rem;
	overflow: hidden;
	margin:0.2rem auto 0;
}
.get img{
	display: block;
	width:100%;
	height:100%;
}
.get.active img:nth-child(1){
	display: none;
}
.tit2{
	display: block;
	width:4rem;
	margin:.22rem 0 0 .28rem;
}
.inviteBox{
	width:5.61rem;
	height:3.28rem;
	position:relative;
	margin:0.15rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.inviteBox li{
	width:1.87rem;
	height:100%;
	overflow: hidden;
	position:relative;
}
.inviteBox li .liBox{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.inviteBox li.active .liBox img:nth-child(1){
	display: none;
}
.inviteBox li.active .jia{
	display: none;
}
.inviteBox li .liBox img{
	display: block;
	width:100%;
	height:100%;
}
.inviteBox li .jia{
	display: block;
	width:.39rem;
	position:absolute;
	left:50%;
	margin-left:-.195rem;
	top:1.28rem;
}
.inviteBox li .yqPic{
	display: block;
	width:1.08rem;
	position:absolute;
	left:50%;
	margin-left:-.54rem;
	top:1.92rem;
}
.inviteBox li .yCode{
	display: block;
	width:1.08rem;
	position:absolute;
	left:50%;
	margin-left:-.64rem;
	top:2.3rem;
}
.thTwo{
	width:100%;
	height:10.8rem;
	background:url(../images/for.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.tit3{
	width:100%;
	height:2.24rem;
	position:relative;
	margin:.75rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: end;
}
.tit3 img{
	display: block;
	width:4.45rem;
}
.lottery{
	width:7.05rem;
	height:7.68rem;
	background:url(../images/lottery.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0 auto 0;
	overflow: hidden;
}
.lottery ul{
	width:6.28rem;
	position:relative;
	overflow: hidden;
	margin:.47rem auto 0;
}
.lottery ul li{
	width:1.81rem;
	height:1.8rem;
	position:relative;
	float:left;
	margin:.3rem 0 0 .28rem;
}
.lottery ul li .li_img{
	width:100%;
	height:100%;
	position:absolute;
	overflow: hidden;
	left:0;
	top:0;
}
.lottery ul li .li_img img{
	display: block;
	width:100%;
	height:100%;
}
.lottery ul li.active .li_img img:nth-child(1){
	display: none;
}
.lottery ul li.on .li_img img:nth-child(1){
	display:none;
}
.lottery ul li .gift_icon{
	display: block;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.lottery ul li p{
	width:100%;
	height:.44rem;
	position:absolute;
	left:0;
	bottom:0;
	text-align: center;
	line-height:.44rem;
	color:#fff;
	font-size:.16rem;
}
.lottery ul li.click_btn{
	width:1.89rem;
	height:1.89rem;
	margin:.25rem 0 0 .24rem;
}
.lottery ul li.click_btn img{
	display: block;
	width:100%;
	height:100%;
}
.lottery ul li:nth-child(6){
	margin-left:.24rem;
}
.leftNum{
	width:100%;
	overflow: hidden;
	position:relative;
	text-align: center;
	font-size:.16rem;
	color:#fff;
	margin-top:.3rem;
}
.codeTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.9);
	position:fixed;
	left:0;
	top:0;
	z-index:20;
	display: none;
}
.codeBody{
	width:5.17rem;
	background:url(../images/tc.png) no-repeat center;
	background-size:100% 100%;
	padding-bottom:1rem;
	overflow: hidden;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.close{
	display: block;
	width:.4rem;
	height:.4rem;
	position:absolute;
	right:.2rem;
	top:.2rem;
}
.codePut{
	width:4rem;
	background: #313131;
	overflow: hidden;
	position:relative;
	margin:1rem auto 0;
}
.codePut p{
	font-size:.24rem;
	color:#fff;
	float:left;
	margin-left:.2rem;
	line-height:.5rem;
}
.codePut input{
	display: block;
	width:2rem;
	float:left;
	height:.5rem;
	font-size:.24rem;
	color:#fff;
	text-align: center;
	line-height:.5rem;
}
.codePut i{
	display: block;
	width:1rem;
	float:left;
	line-height:.5rem;
	font-size:.2rem;
	text-align: center;
	color:#fff;
	font-style: normal;
}