html,
body {
	background: #F7F7F7;
	padding: 0;
	margin: 0;
}

.head {
	height: 58px;
	background: #fff;
	line-height: 58px;
	visibility: visible;
}
.width {
	width: 980px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}


.head .width img {
	height: 26px;
	display: inline-block;
	vertical-align: middle
}
.head .width .line {
	width: 1px;
	height: 16px;
	background: #C0C4CC;
	margin: 0 16px;
}
.head .width span {
	font-weight: 400;
	font-size: 16px;
	color: #303133;
}

:: -webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #BDBDBD;
	font-weight: 400;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #BDBDBD;
   font-weight: 400;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #BDBDBD;
   font-weight: 400;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #BDBDBD;
   font-weight: 400;
}


.login {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 80px;
	height: 550px;
	
}
.login .image-box {
	width:500px;
	height:550px;
}
.login .image-box img {
	width: 500px;
	height: 550px;
}
.login .login-box {
	width: 380px;
	height: 404px;
	padding: 73px 80px;
	background: #fff;
}
.login .login-box .title {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom:16px;

}
.login .login-box .title .line {
	margin-top: 12px;
	width: 34px;
	height: 4px;
	background: #0E6EFF;
}
.login .login-box .login-form {
	margin-top: 48px;
}
.login .login-box .form-input-block {
	width: 380px;
}
.login .login-box .form-input-block .item {
	border-radius: 4px;
	border: 1px solid #CDD0D6;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 16px;
	margin-top:32px;

}

.login .login-box .form-input-block .item .icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}
#passwordEye {
	cursor:pointer;
}
.login .login-box .form-input-block .item .input {
	flex-grow: 1;
	height: 32px;
	border: none;
}
.login .login-box .form-input-block .item input:focus {
	outline: none;
}
.login .login-box .form-input-block .item .line {
	width: 1px;
	height: 24px;
	background: #CDD0D6;
	margin: 0 16px;
}
.login .login-box .form-input-block .item .line .off {
	margin-left:8px;
}
.login .login-box .form-option {
	color: #909399;
	margin-top:32px;
}
.login .login-box .login-btn {
	display: block;
	height: 40px;
	width: 100%;
	font-size: 14px;
	margin-top: 8px;
	background-color: #466FE2;
	border: none;
	font-weight: 500;
	font-size: 16px;
	color: #FFFFFF;
}
.login .login-box .copyright {
	position: relative;
	margin-top: 32px;
	text-align: center;
}

.login .login-box .copyright::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e6e8f0;
	z-index: 1;
}

.login .login-box .copyright span {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 22px;
	background-color: #fff;
	font-size: 14px;
	color: #909399;
}
.login-form .error-info {
	color: #f44336;
	font-size: 14px;
	left: 16px;
	bottom: 9px;
	margin-top:16px;
}
.login-box .login-btn[disabled] {
	opacity: 0.8;
	cursor: not-allowed;
}