@charset "UTF-8";
* {
	padding: 0;
	margin: 0;
}

html,
body {
	height: 100%;
	font-family: MicrosoftYaHei;
}


.fl {
	float: left;
}

.fr {
	float: right;
}

.header {
	padding: 20px 200px;
	height: 45px;
	overflow: hidden;
	line-height: 45px;
}

.header .logo {
	height: 45px;
}

.footer {
	text-align: center;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
}

.login-modal {
	position: absolute;
	right: 300px;
	top: 45%;
	margin-top: -238px;
	width: 400px;
	height: 270px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 3px;
}

.login-modal-inner {
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
}

.login-header {
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.login-title {
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #EBE6E2;
}


.error-info {
	width: 100%;
	text-align: center;
	color: red;
	margin-bottom: 8px;
	margin-top: 10px;
	font-size: 15px;
}

.login-content {
	padding: 16px 24px;
}

.input {
	width: 100%;
	height: 36px;
	overflow: hidden;
	border: solid 1px #e3e3e3;
	margin-bottom: 20px;
	line-height: 36px;
}

.input img {
	margin: 0 12px;
	width: 15px;
	position: relative;
	top: 4px;
}

.input input {
	border: 0;
	outline: none;
	height: calc(100% - 2px);
	width: calc(100% - 44px);
	font-size: 14px;
	color: #666;
}

.input input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #999;
}

.input input::-moz-placeholder {
	/* Firefox 19+ */
	color: #999;
}

.input input:-ms-input-placeholder {
	/* IE 10+ */
	color: #999;
}

.input input:-moz-placeholder {
	/* Firefox 18- */
	color: #999;
}

.login-button {
	width: 100%;
	height: 40px;
	border: 0;
	background-color: #27aaf4;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	transition: all 0.5s;
}

.login-btn:hover {
	opacity: 0.8;
}