html {
	width: 100%;
	height: 100%;
	background: url(../img/login_bg.png);
	background-size: cover;


}

html,
body {
	font-size: calc(100vw/96);
}

#app {
	display: flex;
	width: 100%;
	flex-direction: column;
	height: 54rem;
}

.login-title{
	margin-top: 7.8rem;
	font-size: 3.6rem;
	font-family: "楷体";
	font-weight: 700;
	color: #FFFFFF;
	line-height: 4rem;
	text-align: center;
	text-shadow: 0px 5px 0px rgba(18, 42, 117, 0.44);
}

.login-box{
	width: 24rem;
	height: 23rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #FFFFFFE6;
	margin: 7rem 0 0 55rem;
}
.box-top{
	width: 24rem;
	height: 6.2rem;
	background: url(../img/box-top.png);
	background-size: cover;
	font-size: 2rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 2rem;
	text-align: center;
	line-height: 6.2rem;

}
.input-border {
	width: 18rem;
	height:2.6rem;
	background: #CDE1FF;
	border-radius: 0.2rem;
	display: flex;
	align-items: center;
}

.icon-input {
	width: 1.1rem;
	height: 1.3rem;
}

input {
	border: 0px;
}


.login-input {
	font-size: 1rem;
	width: 14.5rem;
	font-weight: bold;
	color: #333333;
	outline: none;
	background: #CDE1FF;
}

.box-btn{
	width: 18rem;
	height: 3rem;
	background: rgba(14, 95, 230, 0.9);
	border-radius: 0.2rem;
	text-align: center;
	line-height: 3rem;
	font-size: 1.5rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 3rem;

}