/*-------------------------
        编辑：黄灿平
     此样式表主要用于
        唯一登录页面
--------------------------*/
@charset "utf-8";
* { margin: 0; padding: 0; }
body { font: normal 12px/25px "Microsoft YaHei", "微软雅黑"; background: #fff; }
img { border: 0 }
ul, li { list-style: none }
a { text-decoration: none }
input { border: none; outline: none; font-family: "Microsoft YaHei", "微软雅黑"; }
input::placeholder{ color: #bfc8d9; }
.clear { clear: both; }
.w1200 { width: 1200px }
.width-full{ width: 100%!important; }
.float-l { float: left; }
.float-r { float: right; }


/*-----头部-----*/
.login-header .w1200 { height: 80px }
.login-header .w1200 .logo { float: left; width: 800px; height: 80px;}
.login-header { height: 80px; overflow: hidden }
.login-header .w1200 { margin: 0px auto }
/*logo*/
.navbar-logo{ float:left;}
.login-header .logo{ display:block; height:80px; padding-left:20px; line-height:80px; font-size:30px; /*font-weight:bold;*/ color:#0152a2; text-decoration:none;}
.login-header .logo>img{ float:left; margin-top:22px;}
.login-header .logo>span{ margin-left:10px;}
.login-header .version{ float:right; line-height:80px; font-size:18px; color:#777;}
/*.login-header .tel { float: right; }
.login-header .tel img { margin-top: 30px; vertical-align: top }
.login-header .tel span { margin-left: 10px; line-height: 80px; font-size: 16px; color: #737373 }*/

/*-----中部主体-----*/
.login-main { height: 600px; background: url(../img/login/login-bg.jpg) center top  #1c2c33;}
.login-main.bg2 { background: url(../img/login/login-bg2.png) center top, #1c2c33; }
.login-main .w1200 { position: relative; margin: 0 auto }
.login-user { position: absolute; top: 100px; right: 0; width: 400px; height: 420px; text-align: center; border-radius: 6px; font-size: 14px; color: #737373; background: #fff; overflow: hidden }
.login-user>form>ul { padding: 0 30px; }
/*登录切换*/
.login-tab { height:55px; margin-top:15px; padding-left:30px; line-height:55px; text-align:left; }
.login-tab span { display:inline-block; margin-right:15px; font-size:20px; color:#333; cursor:pointer; }
.login-tab span.active { color: #3194dd; border-bottom:3px solid #3194dd; cursor: default }
/*登录框ul区域*/
.login-user li { position: relative; width: 100%; border: 1px solid #dae1ed; line-height: 38px }
.login-user li.login-forget{border:none;text-align: left;color:#666;line-height: 20px;}
.login-user li.login-forget a{display: inline-block;float:right;font-size: 14px;color:#666;}
.login-user .dl-kung { height: 50px; border: 0px !important; background: #F6F6F6; }
.login-user .dl-kung span.active { border: none; background: #FFF; }
.login-user .dl-kung span { float: left; width: 149px; font-size: 18px; color: #333333; text-align: center; border-bottom: 1px solid #DBDBDB; line-height: 50px }
/*成功错误提示*/
.login-error, .login-ok { *height: 14px; min-height: 14px; margin: 10px 0; line-height: 14px !important; text-align: left; border: 0px !important }
.login-error { color: red }
.login-ok { color: #3ca73f }
/*表单*/
.login-name, .login-pwd, .login-ver, .login-btn { height:38px }
.login-name, .login-pwd, .login-ver { margin-bottom:15px }
.login-name input, .login-pwd input, .login-ver input { position:absolute; top:0; left:0; width: 260px; height:38px; margin-left:40px; line-height:38px; color: #737373; text-indent: 10px; font-size: 14px }
.login-ver input { width: 140px !important }
.login-name { background: url(../img/login/login-user.png) no-repeat 10px 8px }
.login-pwd { background: url(../img/login/login-password.png) no-repeat 10px 8px }
.login-ver { width: 180px !important; background: url(../img/login/login-lock.png) no-repeat 10px 8px; }
.login-ver .ver-img { position:absolute; right:-120px; top:0; width:110px; }
.login-btn { margin-bottom: 10px; border: none !important; margin-top:15px; }
.login-btn input { width: 140px; height: 40px; font-size:14px; font-family: "Microsoft YaHei"; border-radius:2px; cursor:pointer }
.login-btn .btn-a { float: left; color: #fff; background: #3194dd; }
.login-btn .btn-b { float: right; color: #3194dd; border: 1px solid #3194dd; background: #FFF; }
.login-btn .btn-b:hover { color: #25adcb; border: 1px solid #25adcb;}
.login-user li.login-a{ line-height: 60px;border:0 !important; text-align:left !important;}
.login-a a{ margin-right:15px; color:#2ec1e1; text-decoration:underline ;}
/*input的label*/
.login-user>form>ul>li.login-name>label, .login-user>form>ul>li.login-pwd>label, .login-user>form>ul>li.login-ver>label { position: absolute; height: 38px; left: 55px; top: 1px; line-height: 38px; color: #bfc8d9; text-align: left; }

/*-----底部-----*/
/*.qr-code{ position: absolute; top:-160px; right:-270px;}*/
.qr-code>div{ display:inline-block; width:140px; margin:30px 40px 0px 40px; padding-top:7px; line-height:20px; text-align:center; color:#737373; background: #fff;}
.qr-code>div img{ display:block; width:140px; height:140px;}
.qr-code canvas{text-align: center;width:100px;}
.login-footer { /*position:relative;*/ width:1200px; margin:0 auto; padding:10px 0; font-size: 14px; text-align: center; }
/*.login-footer .hezuo{ position:relative; width:1200px; margin: 20px auto 0 auto; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center;}
.login-footer .hezuo h3{ position: absolute; top:-14px; left:50%; width:116px; height: 25px; margin-left:-58px; text-align: center; color:#333; font: normal 14px/25px Microsoft YaHei; background: #fff; }
.login-footer .hezuo>div>a{ display:inline-block; width:127px ; height:46px ; margin:20px 12px; border: 1px solid #e9ebf0;}
.login-footer .hezuo>div>img{ width:127px ; height:46px ;}*/
.login-footer .text { margin:10px 0; line-height:14px; color:#737373; }
.login-footer .text span{ margin:0 20px;}
.login-footer .text a{color:#737373;}
.login-footer .ewm{ width:380px; height:190px; margin:30px auto 0;}
.login-footer .ewm p{ display:inline-block; width:140px; margin:0 10px; color:#262626; font-size:14px; text-align:center;}
.login-footer .ewm p img{ width:120px; height:120px; padding:10px; border:1px solid #e6e6e6;}

/* 发送验证码按钮样式 */
.send-code-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 90px;
    height: 28px;
    background: #3194dd;
    color: #fff;
    border: none;
    border-radius: 2px;
    font-size: 12px;
    cursor: pointer;
    line-height: 28px;
}

.send-code-btn:hover {
    background: #25adcb;
}

.send-code-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}

/* 调整验证码输入框的宽度，为按钮留出空间 */
.login-pwd input[name="sjm"] {
    width: 200px !important;
    padding-right: 100px;
}