html,
body,
.container {
	width: 100vw;
	height: 100vh;
	min-width: 1780px;
	min-height: 900px;
	background: url(../../../static/images/bg.png) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#login_form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 600px;
}

#logo {
	width: 95px;
	height: 95px;
	background: url(../../../static/images/logo.png) 0 0 no-repeat;
	background-size: 95px 95px;
	opacity: 0;
}

#title {
	width: 546px;
	height: 42px;
	line-height: 42px;
	font-size: 38px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #3CADFD;
	text-align: center;
	margin-top: 19px;
	background: linear-gradient(180deg, #4393F8 0%, #535EF0 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.demo-ruleForm {
	margin-top: 40px;
	width: 400px;
}

.el-form-item {
	margin-top: 30px;
}

>>> .el-form-item input {
	padding-left: 60px;
	height: 58px;
	background: #F6F7FB;
	border-radius: 29px;
	font-size: 18px;
}

.el-form-item>>>.el-icon-login-user{
	margin-left: 22px;
    background: url(../../../static/images/yonghuming.png) center no-repeat;
    background-size: contain;
}

.el-form-item>>>.el-icon-login-pass{
	margin-left: 22px;
    background: url(../../../static/images/mima.png) center no-repeat;
    background-size: contain;
}

>>>.el-form-item button {
	margin-top: 32px;
	width: 400px;
	height: 58px;
	background: linear-gradient(180deg, #4393F8, #535EF0);
	box-shadow: 1px 4px 16px 0px rgba(84, 136, 254, 0.25);
	border-radius: 29px;
	font-size: 24px;
	font-family: Microsoft YaHei-3970(82674968);
	font-weight: 400;
	color: #FFFFFF;
}

>>> .el-form-item__error {
	padding-left: 60px;
}