body {
	background-color: #fafafa;
	height:100vh;
}

#main{
	height: 100vh;
	width: 100%;
}

#header{
	width: 100%;
	height: 8vh;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
}
#logo {
	height: 7.9vh;
	margin: 0 15%;
}

#qrcode{
	height: 7.9vh;
	margin-left: 25%;
}

.login-main{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 80%;
}

.layui-form{
	box-shadow:-2px 0 2px #ebefee,4px 0 4px #e1e5e4,0 -1px 1px #eef2f1,0 5px 5px #dce0df;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction:column;
	background-color: #fff;
	border-radius: 2% 2%;
	width: 480px;
	height: 420px;
}

.layui-form-item{
	width: 80%;
}

.title{
	font-size: 30px;
	text-align: center;
}

.form-input-user{
	background : url(/static/school/image/login-user.png) no-repeat 5px center;
	padding-left: 30px;
}

.form-input-password{
	background : url(/static/school/image/login-password.png) no-repeat 5px center;
	padding-left: 30px;
}

.form-input-yzinput{
	background : url(/static/school/image/login-yzinput.png) no-repeat 5px center;
	padding-left: 30px;
}

.layui-select-title input{
	background : url(/static/school/image/login-company.png) no-repeat 5px center;
	padding-left: 30px;
}

.layui-form-item .layui-row img{
	height: 3.8vh;
	width: 100%;
}

.layui-btn{
	height: 5vh;
	background-color: #0262b4;
	font-size: 18px;
}

#footer{
	font-size: 16px;
    overflow: hidden;
    width: 100%;
    border-top: none;
    color: #555555;
	box-shadow:inset 0 6px 12px rgb(0, 0, 0,0.1);
	width: 100%;
	height: 11.5%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction:column;

}

.top_img{
	width: 35%;
	height: 50px;
}

.top_img_code{
	width: 100px;
	height: 50px;
}