@charset "utf-8";
html,body{height: 100%; min-height: 634px;}
body{position: relative;background: url(../img/login_bg_2024.png) no-repeat top center;background-size:cover;background-position:center;}
*{padding:0;margin:0;}
.login_layer .logo a {
    display: block;
    width: 273px;
    height: 48px;
    margin:88px auto 15px auto;
    text-indent: -999em;
    background: url(../img/icon_2024_2.png) no-repeat center center;
}
/* CSS Document */
.download_app{float: right; line-height:20px; height:20px; margin-top:40px; position: relative; z-index: 1;}
.download_app .btn{font-size:14px; padding-left:16px; background: url(../images/app_phone_icon.png) no-repeat 0 center;}
.download_app .btn:hover{color: #00a0e9; text-decoration: underline;}
.download_app .download_qrcode{display: none; position: absolute; right:0; top:35px; width:400px; height: 180px;}
.download_app .download_qrcode .content{position: absolute; left: 0; top: 0; z-index:4; width: 400px; height: 180px; background:url(../images/app_qrcode.png) no-repeat 30px center;}
.download_app .download_qrcode .content p{padding-left:230px; font-size: 14px; padding-top:65px; background:url(../images/scanning_icon.png) no-repeat 190px 72px;}
.download_app .download_qrcode .bg{position: absolute; left:0; top: 0; width:400px; height:180px; background-color: #fff; opacity: 0.7;}

/* 登录容器 */
.container{width:100%; font-size:14px;padding:10px 0;}
.content{max-width:1400px; padding: 0 20px; margin:0 auto; height: 100%;}

.icon_layer{
	width: 363px;
	height: 139px;
	position: absolute;
	top:20px;
	left:50px;
}

/* 登录层 */
.login_layer{
	position:relative;
	margin-top: 180px;
    margin-left: 70%;
    width: 446px;
	height: 466px;
	}
.login_layer_bg{
	position:absolute;
	width: 446px;
	height: 500px;
	background: rgba(255,255,255,0.58);
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.12);
	border-radius: 16px 16px 16px 16px;
	opacity: 0.25;
	z-index:-1;
}
.login_layer h1{font-size:20px; margin-bottom:0px; color:#666}
.login_layer .txt_box{
	width:342px; height:44px;
	margin: 10px auto 20px auto;
	border:1px solid #a9a9a9; 
	background: rgba(255,255,255,0.22);
	border:0; 
	border-radius: 4px;
}

.login_layer .div_box{
	width:342px;
	height:40px;
	margin: 10px auto 20px auto;
	text-align:center;
}

.login_layer .div_box_xieyi{
	width:342px;
	height:20px;
	margin: 10px auto 20px auto;
	text-align:center;
}

.login_layer .txt_box label.error{position:absolute; left:46px; top:44px; color:red; line-height:24px;}

.validateCode_line{
	width:342px; height:44px;
	margin: 10px auto 5px auto;
	color:#fff;
}

.validateCode_line input{
	background: rgba(255,255,255,0.22);
	-webkit-box-shadow:0 0 0px 322px transparent inset;
	border:0; 
	border-radius: 4px;
	color:#fff;
}

.validateCode_line img{
	margin: 0px 5px 0px 5px;;
}

.validateCode_line label {
	color:#fff;
}
.login_layer .validateCode{
	position:relative;
}
.login_layer .validateCode label.error{position:absolute; left:0; top:30px; color:red; line-height:24px;}
.login_layer .user_name{
	
}
.login_layer .password{
	
}
.login_layer .txt_box .txt{
	width:332px; height:22px; 
	vertical-align:top; 
	line-height:20px;  
	padding:11px 0 11px 12px; 
	background: rgba(255,255,255,0);
	color:#fff; 
	font-family:"微软雅黑";
	border: 0px;
	-webkit-box-shadow:0 0 0px 322px transparent inset;
	border-radius: 4px;
}

 
.login_layer .txt_box .txt:-webkit-autofill,
.login_layer .txt_box .txt:-webkit-autofill:hover,
.login_layer .txt_box .txt:-webkit-autofill:focus,
.login_layer .txt_box .txt:-webkit-autofill:active {
        -webkit-transition-delay: 111111s;
        -webkit-transition: color 11111s ease-out, background-color 111111s ease-out;
    } 

.login_layer .txt_box .txt::placeholder {
	color: #fff; /* 将提示文字颜色改为蓝色 */
}

.login_layer .r_pwd{height:20px;text-align: left;width: 342px;margin: 0 auto 10px auto;}
.login_layer .r_pwd input{
	cursor:pointer; 
	display:inline-block; 
	margin-right:3px; 
	vertical-align:middle;
	color:#fff; 
}
.login_layer .r_pwd label{color:#fff; cursor:pointer; vertical-align:middle}
.message_layer{
	height:20px; line-height:20px; color:red;
	}
.validateCode img{vertical-align:middle; height:28px; margin:0;}
#validateCode{width:56px; height:20px; padding:2px 3px; line-height:20px; vertical-align:middle;}
.validateCode a{vertical-align:middle; text-decoration:underline;}
#submit_btn{
	cursor:pointer; 
	width:351px; 
	height:50px;
	font-family:"微软雅黑"; 
	
	margin-bottom: 30px;
	font-size:18px; 
	color:#fff;
	background: #FFC132;
	border-radius: 4px 4px 4px 4px;
}
.login_layer a{color:#fff;}
#message{
	width: 308px;
	margin:80px auto 0px auto; 
	text-align: left;border:1px solid #ffb4a8; 
	height:30px; padding-left:30px; overflow:hidden; visibility:hidden; line-height:30px; 
	background:#fef2f2 url(../images/warning.png) no-repeat 7px 8px; color:#6c6c6c;
}
#message #messageBox label{line-height: 33px;}
.other_login{margin-bottom:26px; font-size:12px;margin-top:26px;display:none}
.other_login a{margin-right:20px;}
.other_login .icon{margin-right:2px; display:inline-block; width:16px; height:16px; vertical-align:text-bottom;}
.other_login .qq_icon{background:url(../img/qq_icon.png) no-repeat 0 0;}
.other_login .weixin_icon{background:url(../img/weixin_icon.png) no-repeat 0 0;}
.other_functions{
	width:342px; 
	height: 48px;
	margin: 73px auto 20px auto;
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 34px;
	color: #FFFFFF;
	line-height: 173px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.other_functions a{margin-left:5px;}
.other_functions a:hover{ text-decoration:underline;}
.party{    
	width: 338px;
    margin: 10px auto;
    position: relative;
    height: 1px;
    display:none;
    border-bottom: 1px solid #d3d3d3;
}
.party div{
    position: absolute;
    top: -9px;
    background: #fff;
    padding: 0 20px;
    left: 24%;
    color: #666666;
}
.placeholderShow{
	position: absolute;
    top: 12px;
    left: 56px;
    font-size: 12px;
    color: #777777;
    display:none;
}