html,
body {
	width: 100%;
	height: 100%;
	min-height: 720px;
}

body {
	background: url(../images/common/login_bg.jpg) no-repeat bottom;
	background-size: cover;
	position: relative;
}

.login-form {
	width: 560px;
	height: 488px;
	background-color: rgba(255, 255, 255, 0.2);
	box-shadow: 2px 3px 20px 0px rgba(30, 78, 152, 0.17);
	border-radius: 4px;
	box-sizing: border-box;
	padding: 48px 68px 44px;
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -280px;
}


/*logo-标题*/

.logo-title {
	height: 44px;
	margin-bottom: 30px;
	position: relative;
}
.logo-title .logo {
	width: 288px;
	height: 44px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.logo-title .title {
	float: right;
	line-height: 22px;
	color: #ffffff;
	font-size: 22px;
	letter-spacing: 2px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.logo-title .title:before {
	display: inline-block;
	content: "";
	width: 1px;
	height: 20px;
	background-color: #ffffff;
	position: absolute;
	left: -18px;
	bottom: 0;
}


/*输入框*/

.input-box {
	width: 424px;
	height: 58px;
	margin-bottom: 24px;
}

.input-box input {
	width: 100%;
	height: 100%;
	line-height: 58px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #7e7e7e;
	box-sizing: border-box;
	padding: 0 12px;
}

.input_img{
	width: 200px;
	height: 58px;
	margin-bottom: 24px;
	float: left;
}

.input_img input{
	width: 100%;
	height: 100%;
	line-height: 58px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #7e7e7e;
	box-sizing: border-box;
	padding: 0 12px;
}



/*记住密码选择框*/

.check-box {
	height: 24px;
	line-height: 24px;
	color: #fff;
	font-size: 14px;
	padding-left: 32px;
	position: relative;
}

.check-box input {
	visibility: hidden;
	width: 16px;
	height: 16px;
	margin-right: 12px;
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 999;
}


/*input 选中前的样式*/

.check-box input[type="checkbox"]+label::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px rgba(9, 57, 129, 0.35);
	border-radius: 2px;
	border: solid 1px #fbc728;
	vertical-align: middle;
	margin-right: 12px;
	position: absolute;
	top: 2px;
	left: 0;
}


/*input 选中后的样式 */

.check-box input[type="checkbox"]:checked+label::before {
	background: url(../images/icons/check_icon.png) no-repeat center center;
	background-color: #fbc728;
}


/*忘记密码提示*/

.check-box .tip {
	line-height: 24px;
	color: #fff;
	letter-spacing: 1px;
	border-bottom: 1px solid #fff;
	position: absolute;
	right: 0;
}


/*提交按钮*/

.form-submit {
	color: #fff;
	font-size: 20px;
	letter-spacing: 2px;
	width: 424px;
	height: 58px;
	background-color: #fbc728;
	box-shadow: 0px 0px 20px 0px rgba(9, 57, 129, 0.35);
	border-radius: 4px;
	cursor: pointer;
	border: none;
	margin-top: 20px;
}

.version {
	width: 100%;
	line-height: 64px;
	color: #fff;
	text-align: right;
}


/*版权信息*/

.copyright {
	width: 100%;
	line-height: 18px;
	color: #ffffff;
	font-size: 22px;
	letter-spacing: 1px;
	text-align: center;
	position: absolute;
	bottom: 8%;
}