@charset "utf-8";
/*
系统管理后台
*/

/*
登录
*/


div.login div.body {width:540px;height:140px;position:absolute;top:50%;left:50%;margin:-150px 0px 0px -240px;}
div.login div.body b.logo {display:block;font-size:32px;color:#FFF;font-weight:normal;filter:alpha(opacity=30);opacity:0.3;}
div.login div.body span.input {display:block;margin-top:50px;}
div.login div.body span.input font,
div.login div.body span.input a {display:inline-block;margin-right:5px; vertical-align:middle;}
div.login div.body span.input font {width:230px;height:44px;overflow:hidden;position:relative;}
div.login div.body span.input font i {display:block;width:230px;height:44px;border:3px solid #000;background:#FFF;filter:alpha(opacity=25);opacity:0.25;box-sizing:border-box;}
div.login div.body span.input font b {display:block;width:16px;height:16px;position:absolute;left:12px;top:13px;background:url(../image/login.png) no-repeat;filter:alpha(opacity=50);opacity:0.5;}
div.login div.body span.input font input {width:224px;height:38px;line-height:38px;border:0px;color:#FFF;font-size:12px;background:none;box-sizing: border-box;padding:0px 6px;padding-left:30px;position:absolute;left:3px;top:3px;}
div.login div.body span.input font.true input,
div.login div.body span.input font:hover input {background:#FFF;color:#444;}
div.login div.body span.input font.true i,
div.login div.body span.input font:hover i {border:3px solid #12ABDE;background:#FFF;filter:alpha(opacity=50);opacity:0.5;}
div.login div.body span.input font.true b,
div.login div.body span.input font:hover b {filter:alpha(opacity=100);opacity:1;}
div.login div.body span.input font b.user {background-position:-0px -28px;}
div.login div.body span.input font b.password {background-position:-29px -28px;}
div.login div.body span.input font.true b.user,
div.login div.body span.input font:hover b.user {background-position:-0px -0px;}
div.login div.body span.input font.true b.password,
div.login div.body span.input font:hover b.password {background-position:-29px -0px;}
div.login div.body span.input a {width:52px;height:42px;background:#000;filter:alpha(opacity=40);opacity:0.4;}
div.login div.body span.input a:hover {filter:alpha(opacity=80);opacity:0.8;}
div.login div.body span.input a b {display:block;width:18px;height:18px;overflow:hidden;background:url(../image/login.png) -63px -0px no-repeat;margin:12px 0px 0px 16px;}

div.login .copyright {width:100%;height:100px;overflow:hidden;position:absolute;bottom:0px;left:0px;}
div.login .copyright i,
div.login .copyright font {display:block;width:100%;height:100%;overflow:hidden;}
div.login .copyright i {background:#000;filter:alpha(opacity=20);opacity:0.2;}
div.login .copyright font {line-height:100px;font-size:12px;color:#FFF;text-align:center;filter:alpha(opacity=40);opacity:0.4;}
div.login .copyright font {position:absolute;bottom:0px;left:0px;}

/*
验证
*/
div.verify {}
div.verify {width:810px;height:380px;overflow:hidden;position:absolute;top:100px;top:50%;left:50%;margin:-300px 0px 0px -400px;}
div.verify b.bg {display:block;width:100%;height:100%;background:#000;filter:alpha(opacity=10);opacity:0.1;}
div.verify div.body {width:800px;height:370px;position:absolute;left:5px;top:5px;background:#FFF;}
div.verify div.body b.title {display:block;height:90px;line-height:90px;font-size:34px;font-weight:normal;color:#CCC;text-align:center;}
div.verify div.body ul,
div.verify div.body ul li {list-style:none;margin:0px;padding:0px;}
div.verify div.body ul {border-bottom:1px solid #EEE;}
div.verify div.body ul li {border-top:1px solid #EEE;padding:25px 20px;font-size:12px;color:#444;}
div.verify div.body ul li b,
div.verify div.body ul li input,
div.verify div.body ul li a,
div.verify div.body ul li img,
div.verify div.body ul li font {display:inline-block;font-weight:normal; vertical-align:middle;}
div.verify div.body ul li b {width:120px;text-align:center;}
div.verify div.body ul li input {width:240px;height:40px;line-height:28px;padding:6px;box-sizing: border-box;color:#666;background:#FFF;border:1px solid #CCC; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px inset;}
div.verify div.body ul li input:hover {border-color:#12ABDE;background:#FFF; box-shadow:none;}
div.verify div.body ul li a {width:120px;height:40px;box-sizing: border-box;line-height:40px;text-align:center;color:#444;border:1px solid #DDD;border-left-color:transparent;background:#F4F4F4;}
div.verify div.body ul li a:hover {background:#FFF;border-color:#12ABDE;color:#12ABDE;}
div.verify div.body ul li font {margin-left:10px;color:#888;}
div.verify div.body span {display:block;margin-top:20px;padding-left:144px;}
div.verify div.body span a {display:inline-block;padding:10px 25px;border:1px solid #DDD;background:#F7F7F7;color:#666;font-size:12px;}
div.verify div.body span a.s {background:#12ABDE;border-color:#12ABDE;color:#FFF;}
div.verify div.body span a:hover {background:#FFF;border-color:#12ABDE;color:#12ABDE;}
div.verify div.body ul li a b {width:auto;height:auto;padding:0px;margin:0px;}

.login_login {width:378px;height:118px;background:url(../image/logo_new.png) center 100%; text-align:center;background-size:100%;background-size: cover;margin:22% auto 0;}
.login_login b{ padding-top:95px; display:block; font-size:20px}

.login_but{    display: block;
    padding: 12px 0px;
    margin: 20px auto;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    color: #ffffff;
    background-color: #03c0dd;
    border-radius: 3px;
    border: none;
    -webkit-appearance: none;
    outline: none; width:380px;}
div.bg{
    position: fixed;
    top:0;
    right: 0;
    width: 36%;
    height:100%;
    min-width: 550px;
    background-color: #05294b;
}
.login {
    position: fixed;
    top:0;
    right: 0;
    width: 36%;
    height:100%;
    min-width: 550px;
  background-color: #05294b;
  /* overflow-x: hidden; */
  box-sizing: border-box;
}
.login a.logo {
  display: block;
  height: 58px;
  width: 167px;
  margin: 0 auto 30px auto;
  background-size: 167px 42px;
}

.login #darkbannerwrap {
  
  width: 100%;
  height: 30px;
    font-size: 28px;
    font-weight: bold;
    font-family: 'Microsoft Yahei', '微软雅黑', arial, 'Hiragino Sans GB', '宋体', \5b8b\4f53, Tahoma, Arial, Helvetica, STHeiti;
    text-align: center;
    letter-spacing: 3px;
    color: #FFF;
    line-height: 30px;
  margin: 12% auto 7%;
}
.login input[type=text],
.login input[type=file],
.login input[type=password],
.login input[type=email],
.login select {
  border: 1px solid #DCDEE0;
  vertical-align: middle;
  border-radius: 3px;
  height: 50px;
  padding: 0px 13px;
  font-size: 14px;
  color: #555555;
  outline: none;
  width: 380px;
    margin:0 auto;
  box-sizing: border-box;
}
.login input[type=text]:focus,
.login input[type=file]:focus,
.login input[type=password]:focus,
.login input[type=email]:focus,
.login select:focus {
  border: 1px solid #27A9E3;
}
.login input[type=submit],
.login input[type=button] {
  display: inline-block;
  padding: 12px 24px;
  margin: 0px;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  background-color: #189F92;
  border-radius: 3px;
  border: none;
  -webkit-appearance: none;
  outline: none;
  width: 100%;
}
.login hr {
  background: none;
}
.login hr.hr15 {
  height: 20px;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.login hr.hr20 {
  height: 20px;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
}
    @media  screen and (max-width:980px) {
        .login input[type=text], .login input[type=file], .login input[type=password], .login input[type=email], .login select {

            width: 100%;
        }
        .login {
            top:0;
            right: 0;
            width: 100%; margin:0 auto;
            height:100%;
            min-width: 0px;
            background-color: #05294b;
            /* overflow-x: hidden; */
            box-sizing: border-box;
        }
        .login_but{
            width:100%;
        }
        .lg_weisn{ width:90%; margin:0 auto; padding-top:3rem;}
        .login_login {background:url(../image/logo_new.png) center 100%; text-align:center;background-size:100%;background-size: cover;margin:0% auto 0;width: 100%;height: 28vw}

    }