html{height: 100%;}
body {
	font-family: auto;
	background: url(../images/login_bg.png) no-repeat center; background-size: cover;min-height: 100%;}
.login_top{padding-top: 50px;display: flex;justify-content: space-between;}
.logo{width: 160px;}
.login_top .w{width: 80px;}
.loginwp{position: relative;display: -webkit-box;display: -webkit-flex;display: flex;align-items: flex-start;background: #FFFFFF;box-shadow: 7px 7px 25px 0px rgba(0, 0, 0, 0.05);border-radius: 20px;padding: 20px 40px 20px 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;display: flex;margin-bottom: 20px;align-items: center;min-height: 100%;}
.loginwp H2{display: flex; justify-content: space-between;align-items: center;}
.loginwp h2 a{font-size: 14px;color:#999;font-weight: normal;}
.loginwp .l{flex:1;}
.loginwp .r{flex:1;}
.loginwp .r .wp{width:100%;max-width: 400px;margin:0 auto;}
h2{font-size: 30px; font-weight: 600;margin-bottom: 30px;}

.loginwp .j{display: flex;justify-content: space-between;padding-top: 5px;}
.formwp .inps{display: none;}
.formwp .inps.show{display: block;}
.formwp input[name=area]{width: 58px;}
.araeCodeInfo{max-height:300px;overflow:auto;min-width: 200px;}
.araeCodeInfo h3{color:#909399;font-size: 12px;padding:20px 20px 5px;}
.araeCodeInfo p{color:#606266;padding:3px 20px;}
.araeCodeInfo p:hover{background:#f9f9f9;cursor: pointer;}
.araeCodeInfo hr{margin:20px 20px 0;}
.areacodewp{border-right:1px solid #f5f5f5;display: flex;align-items:center; padding-right:10px;position: relative;}
.areacodewp i{position: absolute;right:0;top:0;}
.areacodewp.all i{pointer-events: all;}
.areacodewp i:after{content:'\e674';color:#999;font-size: 12px ;font-family:'iconfont' ; }
.formwp input[name=area]:focus + i:after{content:'\100c2'}
.bindbox[data-mode=forget] .formwp{display: none;}
.bindbox[data-mode=forget] .yztype a{display:block;width: 100%;height:50px;display: flex;align-items: center;justify-content: center;border-radius: 10px;border:1px solid #ddd;margin-bottom: 20px;}
.bindbox[data-mode=forget] .type{display: none;}
.bindbox[data-mode=forget] .type.show{display: block;}

.k_footerBox{
	background-color: rgb(0, 0, 0, 0);
}
.login_fidl {
	width: 100%;
	border: none;
	border-top: 1px solid #DEE3EB;
	text-align: center;
	color: #999999;
	margin: 8px auto 0 auto;
}
.login_leg {
	padding: 0 20px;
	line-height: 20px;
	height: 20px;
	margin: 0 auto;
}
.third_tips{
	margin-bottom: 8px;
}

@media screen and (max-width:750px){
	.loginwp{width: calc(100% - 1rem);}
	.login_top{padding-top: 20px;width:calc(100% - 1rem);}
	.loginwp .l{display: none;}
	.loginwp{display: block;padding:40px 20px 40px;border-radius: 0;}
}