/*-------------------------
        编辑：黄灿平
     此样式表主要用于
        唯一登录页面
--------------------------*/
@charset "utf-8";
* { margin: 0; padding: 0; }
body { font: normal 12px/25px "Microsoft YaHei", "微软雅黑"; background: #fff; opacity: 0;}
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:28px; font-weight:bold; color:#454545; 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: 360px;
    height: 420px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    color: #737373;
    background: #fff;
}
.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:36px; margin-left:40px; line-height:38px; color: #737373; text-indent: 10px; font-size: 14px }
.login-ver input { width: 138px !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: 35px;
    border: 0 !important;
    text-align: left !important;
}

.login-a a {
    margin-right: 5px;
    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;}

/*复杂验证码样式*/
#captcha_btn {
    height: 40px;
    border-left: 6px solid #3194DD !important;
    border-color: #3194DD;
    color: #3194DD;
    background: rgba(49, 148, 221, 0.05);
    transition: all 0.3s ease;
    cursor: pointer;
}

/*通过颜色*/
#captcha_btn.success {
    color: green;
}

/*不通过颜色*/
#captcha_btn.fail {
    color: red;
}

/**验证码div位置*/
#captcha-box {
    position: relative;
    margin-top: -350px;
}