html,body{
	width:100%;
	height:100%;
}
#lsztWrap{
	position: relative;
	width: 10.8rem;
	height:100%;
	margin: 0 auto;
	background:url(../images/kv.jpg) no-repeat center;
	background-size:cover;
	font-family: 'Source Han Serif SC';
}
.logo{
	display:block;
	width:2.77rem;
	position:absolute;
	top:.34rem;
	left:.53rem;
	z-index:3;
}
.login{
	width:2.02rem;
	height:.73rem;
	background:url(../images/log.png) no-repeat center;
	background-size:cover;
	position:absolute;
	top:.55rem;
	right:1.78rem;
	z-index:5;
}
.logout{
	display:none;
	width:2.02rem;
	height:.73rem;
	background:url(../images/log.png) no-repeat center;
	background-size:cover;
	position:absolute;
	top:.55rem;
	right:4rem;
	z-index:5;
	font-size:.34rem;
	color:#fff;
	text-align: center;
	line-height:.73rem;
	letter-spacing: .05rem;
	font-weight: bold;
	z-index:5;
}
.login p{
	display:none;
	font-size:.34rem;
	color:#fff;
	text-align: center;
	line-height:.73rem;
	letter-spacing: .05rem;
	font-weight: bold;
}
.login p.active{
	display:block;
}
.playMusic{
	display:block;
	width:.86rem;
	height:.87rem;
	position:absolute;
	right:.46rem;
	top:.48rem;
	z-index:5;
}
.playMusic.active{
	animation:imgGo 2s linear infinite;
	-webkit-animation: imgGo 2s linear infinite;
}
@keyframes imgGo{
	0% {transform: rotate(0deg)}
	100% {transform: rotate(360deg)}
}
@-webkit-keyframes imgGo{
	0% {transform: rotate(0deg);-webkit-transform: rotate(0deg)}
	100% {transform: rotate(360deg);-webkit-transform: rotate(360deg)}
}
.clickBtn{
	display:block;
	width:2.45rem;
	height:1.6rem;
	background:url(../images/click.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:50%;
	margin-left:-1.225rem;
	bottom:.7rem;
}
.clickBtn::after{
	display: block; 
	content: ''; 
	width:2.45rem;
	height:1.6rem;
	background: url(../images/click.png) no-repeat; 
	background-size: 2.45rem 1.6rem;
    animation: heartBeat 4s ease-in-out both infinite;
    -webkit-animation: heartBeat 4s ease-in-out both infinite;
}
.qian{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	pointer-events:none;
	z-index:2;
}
.sma{
	display:block;
	width:.64rem;
	position:absolute;
	right:1.56rem;
	top:3.41rem;
}
.slogan{
	display:block;
	width:8.14rem;
	height:3.46rem;
	background:url(../images/slo.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:50%;
	margin-left:-4.07rem;
	top:12.41rem;
}
.slogan::after{
	display: block; 
	content: ''; 
	width:8.14rem;
	height:3.46rem;
	background: url(../images/slo.png) no-repeat; 
	background-size: 8.14rem 3.46rem;
    animation: heartBeat 4s ease-in-out both infinite;
    -webkit-animation: heartBeat 4s ease-in-out both infinite;
}
.seBody{
	width:7.68rem;
	overflow: hidden;
	position:relative;
	margin:3.47rem 0 0 1.8rem;
}
.se1{
	display:block;
	width:7.66rem;
	overflow:hidden;
	margin:0 auto 0;
}
.se1.se2{
	margin-top:.16rem;
}
.seBody p{
	width:100%;
	overflow: hidden;
	font-size:.28rem;
	color:#320808;
	line-height:.66rem;
	letter-spacing:.02rem;
}
.seBody p.p1{
	line-height:.56rem;
}
.seBody p.p2{
	line-height:.52rem;
}
.seBody p.p2 img{
	margin-top:.2rem;
}
.seBody p img{
	display:block;
	width: 0.11rem;
	float:left;
	margin-left:.32rem;
	margin-top:.36rem;
	margin-right:.14rem;
}
.seBody .line{
	display:block;
	width:7.25rem;
	margin:.7rem auto;
}
.seBody .line.line1{
	margin:.4rem auto;
}
.seBody .line.line2{
	margin:.3rem auto;
}
.seBody .line.line3{
	margin:.3rem auto 1.3rem;
}
.ch1{
	display:block;
	width:2.57rem;
	margin:0 auto 0;
}
.seBody p span{
	display:block;
	float:left;
}
.seBody p.p2 span em{
	font-size:.36rem;
}
.seBody p span em{
	font-style:normal;
	font-size:.44rem;
	color:#ff6b37;
	font-weight:bold;
}
.tct{
	display:block;
	width:5.97rem;
	position:absolute;
	left:50%;
	margin-left:-2.985rem;
	top:3.84rem;
	z-index:1;
}
.copyBody{
	width:100%;
	overflow: hidden;
	position:relative;
	margin-top:4.4rem;
}
.copyBody .copyTit{
	font-size:.3rem;
	color:#641818;
	text-align: center;
	letter-spacing: .02rem;
}
.copyBody .copyTit span {
	font-size:.34rem;
	color:#ff6b37;
	font-weight:bold;
}
.copyBody .namePic{
	display:block;
	width:3.46rem;
	margin:0.16rem auto 0;
}
.copyBody .rolePic{
	display:block;
	width:5.55rem;
	margin:.22rem auto 0;
}
.git{
	width:100%;
	text-align: center;
	font-size:.3rem;
	color:#641818;
	margin-top:.28rem;
	position:absolute;
	left:0;
	top:13rem;
}
.clickMask{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:4;
}
.gitCode{
	width:100%;
	position:absolute;
	left:0;
	font-size:.34rem;
	color:#ff6b37;
	text-align: center;
	font-weight: bold;
	top:13.7rem;
}
.dian{
	display:block;
	width:5rem;
	position:absolute;
	left:50%;
	margin-left:-2.5rem;
	top:15.3rem;
	z-index:2;
}
.foMain{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.jieBtn{
	display:block;
	width:5.86rem;
	position:absolute;
	left:50%;
	margin-left:-2.93rem;
	bottom:1rem;
}
.checkBtn{
	display:block;
	width:3.83rem;
	position:absolute;
	left:50%;
	margin-left:-1.915rem;
	top:14.8rem;
	z-index:3;
}
.js_img{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	opacity: 0;
}
.lastLogo{
	display: none;
	width: 2.77rem;
	position: absolute;
	left: 50%;
	margin-left:-1.385rem;
	top: 13.5rem;
}
.foKv{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.foQian{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.codeMa{
	display:block;
	width:4.62rem;
	position:absolute;
	left:50%;
	margin-left:-2.31rem;
	bottom:.44rem;
}
.swiper-container{
	width:100%;
	height:100%;
	position:relative;
}
.swiper-container ul li .liBody{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}
.swiper-container ul li .liBody .per1{
	display:block;
	width:8.78rem;
	position:absolute;
	left:50%;
	margin-left:-4.39rem;
	top:2.1rem;
}
.loginTc,.bindTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.bindBody{
	width:6.2rem;
	height:5.47rem;
	background:url(../images/role.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.tit{
	display:block;
	width:3.03rem;
	margin:2.3rem auto 0;
}
.b_put{
	width:4.68rem;
	overflow: hidden;
	position:relative;
	margin:0.04rem auto 0;
}
.b_put input{
	display:block;
	width:3.82rem;
	height:.78rem;
	background:url(../images/put.png) no-repeat center;
	background-size:cover;
	position:relative;
	float:left;
	text-indent: 0.2rem;
	color: #fff;
	line-height: .78rem;
	font-size:.3rem;
}
.b_put img{
	display:block;
	width:.84rem;
	float:right;
}
.que{
	display:block;
	width:5.45rem;
	margin:0.3rem auto 0;
}
.tip{
	display:none;
	width:5.92rem;
	position:absolute;
	left:.1rem;
	top:3.18rem;
}
.loginBody{
	width:6.2rem;
	height:9.16rem;
	background:url(../images/login.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.close{
	display:block;
	width:.78rem;
	height:.78rem;
	position:absolute;
	right:-.8rem;
	top:0;
}
.loginDiv{
	width:5.11rem;
	height:4.95rem;
	overflow: hidden;
	position:relative;
	margin:2rem auto 0;
}
.loginDiv .s_put{
	width:4.55rem;
	overflow: hidden;
	position:relative;
	margin:.26rem auto 0;
}
.loginDiv .s_put .s_pic{
	display:block;
	width:2.41rem;
	margin:0 auto 0;
}
.loginDiv .s_put .phone,.loginDiv .s_put .t_yzm{
	display:block;
	width:4.55rem;
	height:.78rem;
	background:url(../images/kua.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0.06rem auto 0;
	text-indent: 0.2rem;
	color: #fff;
	line-height: .78rem;
	font-size:.3rem;
}
.loginDiv .s_put .captha{
	width:1.62rem;
	height:.58rem;
	position:absolute;
	right:0;
	top:.6rem;
}
.loginDiv .s_put .captha img{
	display:block;
	width:100%;
	height:100%;
}
.loginDiv .s_put .yzm{
	display:block;
	width:2.85rem;
	height:.78rem;
	background:url(../images/yz.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0.06rem 0 0 0;
	text-indent: 0.2rem;
	color: #fff;
	line-height: .78rem;
}
.loginDiv .s_put .g_code{
	width:1.64rem;
	height:.6rem;
	background:url(../images/get.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right:0;
	bottom:.12rem;
	font-size:.26rem;
	color:#FFF;
	text-align: center;
	line-height:.6rem;
}
.loginDiv .s_put .g_code.active{
	pointer-events: none;
}
.dl{
	display:block;
	width:5.45rem;
	height:1.13rem;
	position:relative;
	margin:.45rem auto 0;
}