﻿@charset "utf-8";
*{padding: 0;margin: 0;}
html{width: 100%;height: 100%;}
body{background:url(../images/login/loginbg.jpg) no-repeat; background-position: center;font-family: "microsoft yahei","宋体";}
.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
.login-box{width: 746px;margin: 0 auto;margin-top: 150px;}
.login-box .login-logo{text-align: center;margin-bottom: 15px;}
.login-box .login-logo img{max-width: 600px;max-height: 130px;}
.login-box .login-box-per-body,.login-box-com-body{background-color:#fff ;width: 746px;border-radius:6px;}
.login-box .login-box-header{border-top-left-radius:6px;border-top-right-radius: 6px;width: 746px;height: 73px;background: url(../images/login/login-per-headerbg.png) no-repeat;position: relative;	text-align: center;}
.login-box .login-box-com-body .login-box-header{background:#3689e2;}
.login-box .login-box-header .header-title{font-size: 28px;color: #ffffff;line-height: 73px;width:500px;height: 73px;overflow: hidden;margin: 0 auto; }
.login-box .login-box-header .rightab{width: 100px;cursor: pointer;color: #609ee0;position: absolute;right: 0px;top: 24px;text-align: right;padding-right: 15px;}
.login-box .login-box-header .gohome{width: 85px;position: absolute;left: 0px;top: 24px; color: #ffffff;cursor: pointer;text-align: left;padding-left: 15px;}
.login-box .login-box-com-body .login-box-header .rightab{color: #ffffff;}
.login-box .login-box-com-body .user-login{margin-top: 35px;}
/*.login-box .login-form{margin: 0 60px;}*/
.login-box .login-form .form-l{float: left;width: 380px;border-right: 1px solid #f0f0f0;margin-left: 60px;}
.login-box .login-form .form-r{float: left;width: 305px;height: 331px;}
.login-box .switch-title{margin-bottom: 20px;border-bottom: 1px solid #f0f0f0;}
.login-box .switch-title span{display: inline-block;font-size: 16px;color: #4d4d4d;height:44px;line-height: 44px;padding: 0 41px;cursor: pointer;}
.login-box .switch-title span.active{color: #3689e2;border-bottom: 2px solid #3689e2;}
.login-box .form-group {width: 300px;height: 43px;margin-bottom: 20px;position: relative;background: #f0f0f0;border-radius:4px ;}
.login-box .form-group .imgbg{width: 45px;height: 24px;position: absolute;left: 1px;top: 10px;bottom: 1px;border-right: 1px solid #999;}
.login-box .form-group.yhm .imgbg{background:url(../images/login/login-yhm.png) no-repeat 10px center;}
.login-box .form-group.mm .imgbg{background:url(../images/login/login-mm.png) no-repeat 10px center;}
.login-box .form-group .input-login{padding-left: 55px;width: 245px;height:43px;border: none;background: #f0f0f0;line-height: 43px;}
.login-box .form-group .input-login.code{width: 155px;}
.login-box .form-group .btn-getcode{width: 90px;border: none;height: 43px;background-color: #4689e2;color: #ffffff;cursor: pointer;border-top-right-radius: 4px;border-bottom-right-radius: 4px;position: absolute;right: 0px;top: 0px;}
.login-box .form-group .btn-getcode:hover{background-color: #6298e0;}
.login-box .form-group .btn-disabled{background-color: #ebebeb;border: 1px #cbcecf solid; color: #a0a0a0; cursor: default;}
.login-box .form-group .btn-disabled:hover{background-color: #ebebeb;border: 1px #cbcecf solid; color: #a0a0a0; cursor: default;}
.login-box .txt-group{font-size: 12px;width: 300px;margin-bottom: 20px;}
.login-box .txt-group .txt-r{float: right;	color: #1589db;text-decoration: none;}
.login-box .txt-group .txt-r:hover{text-decoration: underline;}
.login-box .txt-group .check-box{cursor: pointer;position: relative;top: 2px;left:-14px; display: inline-block; height: 14px;background: url(../images/login/index_loginbox.png) no-repeat;padding-left: 18px;}
.login-box .txt-group .check-box.yes{background: url(../images/login/index_loginboxa.png) no-repeat;}
.txt-group input[name=autoLogin]{opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
.login-box .btn-group{width: 300px;height: 43px;background-color: #4689e2;border-radius:4px;text-align: center;line-height: 42px;color: #ffffff;margin-bottom:20px ;cursor: pointer;border: none;font-size: 14px;}
.login-box .btn-group:hover{background-color: #0968c9;}
.login-box .btn-group.btn-disabled{background-color: #EBEBEB;border: 1px #cbcecf solid; color: #a0a0a0; cursor: default;}
.login-box .reg-link-box{width: 300px;color: #4d4d4d;font-size: 14px;text-align: center;margin-bottom: 20px;}
.login-box .reg-link-box .reg-txt{display: inline-block;width: 80px;text-align: left;color: #609ee0;text-decoration: none;background: url(../images/login/link-go.png) no-repeat 60px;}
.login-box .reg-link-box .reg-txt:hover{text-decoration:underline ;}
.login-box .qr-code {text-align: center;height: 255px;overflow: hidden;}
.login-box .qr-code .wtitle{color: #4d4d4d;font-size: 16px;line-height: 44px;}
.login-box .qr-code img{width: 140px;height: 140px;border: 1px solid #E2E2E2;margin-top: 15px;}
.login-box .qr-code .txt{color: #666666;font-size: 14px;margin-bottom: 10px;}
.login-box .appsparent{text-align: center;}
.login-box .appsparent .txt{margin-bottom: 10px;font-size: 14px;color: #666666;}
.login-box .appsparent .app-icon{width: 35px;height: 35px;margin-right: 8px;display: inline-block;background: url(../images/login/119.png) no-repeat;}
.login-box .appsparent .app-icon.qq{background-position: -46px 0px;}
.login-box .appsparent .app-icon.qq:hover{background-position: -46px -40px;}
.login-box .appsparent .app-icon.sina{background-position: 0px 0px;display: none;}
.login-box .appsparent .app-icon.sina:hover{background-position: 0px -40px;}
.login-box .bottom-pic{text-align: center;margin-top: 15px;}
.login-footer{position: fixed;bottom: 0;left: 0;width: 100%;height: 100px;background-color: rgba(255,255,255,.6);}
.login-footer p{font-size: 14px;color: #333333;text-align: center;line-height: 100px;}
/*登录提示*/
.login-box .errinfo{width:288px;line-height: 26px;color: #CC3300; background-color: #FFD8CE; border: 1px #FF9E86 solid; font-size: 12px; padding-left: 10px;margin-bottom: 15px; border-radius: 3px;}
.login-box .successinfo{width: 288px;line-height: 26px;color: #09771d;; background-color: #eefff2;border: 1px #4bd16f  solid;font-size: 12px;padding-left: 10px; margin-bottom: 15px; border-radius: 3px;}
/*去除Chrome表单自动填充样式*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset;border: none;}
input:focus{outline: none;}
:-moz-placeholder{color:#b9b9b9;}
::-moz-placeholder{color:#b9b9b9;}
input:-ms-input-placeholder{color:#b9b9b9;}
input::-webkit-input-placeholder{color:#b9b9b9;}