*{margin:0;padding:0;}
body{
	width:100%;
	height:100%;
	overflow:hidden;
	background: linear-gradient(180deg,#d6fffd,#c2e8ff 12%,#b8efea 90%,#b7f0e7);
    background-size: 1920px 1080px;
}
.header{
	width:100%;
	padding-top: 20px;
	height:50px;
	background-image:url(../images/top_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100%;
}
.title_img{
	width:500px;
	margin:0 auto;
	margin-top: -20px;
	height:58px;
	background-image:url(../images/top_tittle_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.form_box{
	width:465px;
	height:365px;
	padding-top:15px;
	margin:0 auto;
	background-image:url(../images/login_bg.png);
	background-position:center center;
	background-size:100% 100%;
	background-repeat:no-repeat;
}
.form_title{
	height:150px;
	position:relative;
	background-image:url(../images/rank_list_ico.png);
	background-position:70px 30px;
	background-repeat:no-repeat;
}
.form_body{
	text-align:center;
	margin-top: -5px;
}
.form_body p{
	margin-bottom: 10px;
}
.form_body button{
	width:150px;
	height:35px;
	border-radius:18px;
	border:0px;
	background:#26BFA7;
	color:#fff;
}
.form_body input{
	display:block;
	width:80%;
	border:2px solid #60ECC5;
	height:35px;
	text-indent:10px;
	border-radius:10px;
	margin:0 auto;
	margin-bottom:10px;
}
.form_title a{
	position: absolute;
	left:40px;
	bottom:50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 166px;
    height: 39px;
    border: 2px solid #cefff2;
    background: -webkit-gradient(linear,right top,left top,from(#24a195),to(#33d1a0));
    background: linear-gradient(270deg,#24a195,#33d1a0);
    border-radius: 27px;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    z-index: 99;
	text-decoration: none;
}
.ewm{
	width:100%;
	text-align:center;
	margin-top: 15px;
	position: fixed;
	bottom: 20px;
}
.ewm #qrcode img{
	display:block;
	margin:10px auto;
	border:3px solid #07AFA5;
	padding:5px;
	border-radius:10px;
}
.ewm p{
	color:#fff;
	max-width:60%;
	margin:0 auto;
	font-size:13px;
	background:rgba(0,0,0,0.3);
	border-radius:15px;
	line-height:30px;height:30px;
}
.p1tip{
	padding-top: 10px;
	width: 90%;
	margin: 0 auto;
	font-size: 12px;
	text-align: left;
}

@media (max-width: 768px){
	.header{
		width:100%;
		background-size:210%;
	}
	.header .title_img{
		width:100%;
		background-size:80%;
	}
	.form_box{
		width:100%;
		height:450px;
		padding:0;
		background-size:100% 100%;
	}
	.form_title{
		height:180px;
		background-position:70px 30px;
	}
	.form_title a{
		bottom:30px;
	}
	.ewm #qrcode img{
		margin:10px auto;
		margin-top:-10px;
	}
}