@charset "utf-8";
html,body{height: 100%; min-height: 634px;}
body{position: relative;}

/* 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_20200314.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%; position:absolute; top:75px; bottom: 124px; font-size:14px; background:url(../images/login_bg.jpg) no-repeat center center; overflow:hidden;}
.content{max-width:1200px; padding: 0 20px; margin:0 auto; height: 100%; position: relative;}
/* 登录层 */
.login_layer{background:rgba(0,0,0,0.58); padding:25px 30px; width:340px; height:344px; position:absolute; right: 20px; top:50%; margin:-197px 0 0 -200px; border-bottom:1px solid #afd5e2;border-radius: 16px 16px 16px 16px ;}
.login_layer h1{font-size:20px; margin-bottom:0px; color:#666}
.login_layer .txt_box{width:294px; height:44px; border:1px solid #cdcdcd; padding-left:44px; position:relative;}
.login_layer .txt_box label.error{position:absolute; left:46px; top:44px; color:red; line-height:24px;}
.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{background:url(../images/login_icon.gif) no-repeat 0 0; margin-bottom:20px;}
.login_layer .password{background:url(../images/login_icon.gif) no-repeat 0 -44px; margin-bottom:20px;}
.login_layer .txt_box .txt{width:282px; height:20px; background:rgba(255,255,255,0); vertical-align:top; border:1px solid #a9a9a9; line-height:20px; border:0; padding:11px 0 11px 12px; color:#ffffff; font-family:"微软雅黑";}
.login_layer .r_pwd{margin-bottom:10px; height:20px;}
.login_layer .r_pwd input{cursor:pointer; display:inline-block; margin-right:3px; vertical-align:middle;}
.login_layer .r_pwd label{color:#ffffff; cursor:pointer; vertical-align:middle}
.message_layer{height:20px; line-height:20px; color:red;}
.validateCode{margin-bottom:10px;}
.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:338px; font-family:"微软雅黑"; height:45px; margin-bottom:10px; background:#FFC132; border:1px solid #FFC132; border-bottom:1px solid #FFC132; font-size:18px; color:#fff;}
.login_layer a{color:#ffffff;}
#message{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; margin-bottom:5px;}
#message #messageBox label{line-height: 33px;}
.other_login{margin-bottom:26px; font-size:12px;}
.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(../images/qq_icon.png) no-repeat 0 0;}
.other_login .weixin_icon{background:url(../images/weixin_icon.png) no-repeat 0 0;}
.other_functions{position: absolute; right: 0; bottom: 25px; padding:0 30px; text-align:right;}
.other_functions a{margin-left:15px;}
.other_functions a:hover{ text-decoration:underline;}