/* 
 * @author: juhch
 * @description 
 * @date: 2015-4-29
 */
body {
	font-family:Microsoft YaHei;
}
html {
	height:100%;
}
.logo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 20%;
	background-repeat: no-repeat;
	background-size: 100%;
	display: inline-block;
	background-image: url("../image/top-left-logo.png");
}
.logo_img {
	color: #FFFFFF;
	height: 60px;
	width: 60px;
	background-repeat: no-repeat;
	background-image: url("../image/banner_logo.png");
	margin-left: 65%;
	margin-top: 3.3%;
}

.login_body {
	background-image:url(../image/login_bg_zsb.png);
	background-color:#fff;
	background-size:100% 100%;
	background-repeat:no-repeat;
	min-height:100%;
	overflow:hidden;
}
.login_form {
	width:526px;
	height:380px;
	background:rgba(255,255,255,0.8);
	margin:20vh 10vw 0 auto;
	padding:40px;box-sizing: border-box;
	border-radius:10px;
	box-shadow: 0px 0px 5px #ccc;
}
.login_form .title {
	/*background-image:url(../image/seas_login_banner.png);*/
	/*background-position:center;*/
	/*background-repeat:no-repeat;*/
	/*background-size:100%;*/
	/*height:80px;*/
	/*width:350px;*/
	/*display:block;*/
    /*margin: 0 auto;*/
	margin: 0 0 0 38px;
}
.login_form .login_input {
	width:300px;
	height:40px;
	display:block;
	border:1px solid #ddd;
	background-color: #e6ebee;
	margin-bottom:12px;
	position:relative;
}

.login_form .login_username {
	background-image:url(../image/login_icon_03.png);
	background-repeat:no-repeat;
	background-color: #e6ebee;
	background-size: 25px 25px;
	background-position:5px;
	border-radius: 5px;
	width: 368px;
	margin: 0 auto 14px auto;
}
.login_form .login_password {
	background-image:url(../image/login_icon_06.png);
	background-size: 25px 25px;
	background-color: #e6ebee;
	background-repeat:no-repeat;
	background-position:5px;
	margin: 0 auto 8px auto;

	border-radius: 5px;
	width: 368px;
}
.login_form .login_input .input_placeholder {
	position:absolute;
	margin-top:10px;
	margin-left:5px;
	color:#ccc;
}
.login_form .login_input input {
	height: 30px;
	margin: 3px;
	width: 210px;
	border: none;
	background: transparent;
	font-size:14px;
	line-height:30px;
}
.login_form .login_input input:focus {
	outline:none;
}
.login_form .login_input .separate {
	width:1px;
	height:30px;
	display:inline-block;
	margin:5px 0 5px 35px;
	float:left;
}
.login_form .forget_password {
	text-align: center;
	height:19px;
	display:block;
	line-height:28px;
	color: #0a58ca;
	cursor:pointer;
	font-size:13px;
}
.login_form .submit_button {
	width:368px;
	height:40px;
	background-image:url(../image/login-btn.png);
	display:block;
	color:#fff;
	background-position: center;
    font-size: 18px;
    background-repeat: no-repeat;
	text-align:center;
	line-height:40px;
	cursor:pointer;
	margin:40px auto 0 auto;
   
}
.footer {
height:40px;
	width:100%;
	position:fixed;
	bottom: 50px;
	left:0;
	text-align:center;
	color: #999999;
	line-height:40px;
	font-size:13px;
}
.errormsg_show {
	margin-top:5px;
	height:20px;
}
.errormsg_show .errormsg {
	color:red;
	font-size:12px;
	line-height:20px;
	margin-left: 70px;
}
.login-checkbox {
	display:inline-block;
	background-image:url(../image/check_box.png);
	background-repeat:no-repeat;
	height:16px;
	cursor:pointer;
	margin-top: 3px;
	margin-left: 40px;
}
.login-checkbox.checked {
	background-position:0 -29px;
	color: rgba(0, 0, 0, 0.65);
	
}
.checkbox-text {
	padding-left:22px;
	float:left;
	line-height:13px;
	font-size:13px;
}
.hidden_label {
	display: none;
}

/* 统一认证登录弹层 */
.auth-dialog {
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.45);
	display:none;
	align-items:center;
	justify-content:center;
	z-index:9999;
	font-family:Microsoft YaHei;
}
.auth-dialog-inner {
	background:rgba(255,255,255,0.95);
	padding:32px 40px 28px;
	border-radius:10px;
	box-shadow:0 0 5px #ccc;
	width:480px;
	max-width:90%;
	text-align:center;
	box-sizing:border-box;
	animation:fadeIn .18s ease-out;
}
@keyframes fadeIn {
	from {transform:translateY(6px);opacity:0;}
	to {transform:translateY(0);opacity:1;}
}
.auth-dialog-title {
	font-size:22px;
	color:#333;
	font-weight:600;
	margin-bottom:24px;
	letter-spacing:1px;
	text-align: center;
	margin-top: 50px;
}
.auth-btn-group {
	display:flex;
	justify-content:center;
	gap:28px;
	margin-bottom:22px;
	flex-wrap:wrap;
}
.auth-type-btn,
.auth-cancel-btn {
	display:inline-block;
	min-width:160px;
	height:40px;
	line-height:40px;
	border-radius:5px;
	text-align:center;
	font-size:15px;
	cursor:pointer;
	user-select:none;
	text-decoration:none;
	transition:all .15s;
}
.auth-type-btn {
	color:#fff;
	background:#BD1A2D;
	box-shadow:0 2px 4px rgba(0,0,0,0.12);
}
.auth-type-btn:hover {
	background:#A31323;
}
.auth-cancel-btn {
	background:#e6ebee;
	color:#333;
}
.auth-cancel-btn:hover {
	background:#d4dadd;
}
/* 小屏适配 */
@media (max-width:520px){
	.auth-dialog-inner {padding:26px 22px 24px;width:92%;}
	.auth-btn-group {gap:16px;}
	.auth-type-btn,
	.auth-cancel-btn {min-width:130px;}
}