@charset "utf-8";
html, body { margin: 0; padding: 0; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; color: #5A5E66; }
html, body {height: 100%;line-height: 1.6;min-height: 719px;}
body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,Arial,\5b8b\4f53,Tahoma,sans-serif;background:#fff;color:#575757;}

.login-body{position: relative;background:#fff;min-width:1250px;min-height:600px;}
  /*.layout-login-header{height:70px;position: absolute;left: 0;top: 0;width: 100%;box-sizing: border-box;}*/
  .layout-login-header{position: absolute;left: 0;top: 0;width: 100%;box-sizing: border-box;}
  /*.layout-login-body {height: 100%;padding: 70px 0 90px 0;box-sizing: border-box;}*/ 
  .layout-login-body {height: 100%;padding: 0px 0 90px 0;box-sizing: border-box;}
  .layout-login-bottom {width: 100%;height: 90px; position: absolute;left: 0;bottom: 0;box-sizing: border-box;padding: 17px 0 10px 0;}

.login-logo-box{padding:23.5px 0 23.5px 40px;width:187px;height:23px;display:inline-block;overflow:hidden;}
  .login-logo{background:url('login-logo.png') no-repeat;width:187px;height:23px;}
  .login-pro-logo{background:url('login-pro-logo.png') no-repeat;width:300px;height:25px;display:inline-block}
  .pro-logo{background:url('pro-logo.png') no-repeat;width:39px;height:26px;display:inline-block}

.layout-login-box {background: url(login-bg.gif) no-repeat;height: 100%;background-size: 100% 100%;-moz-background-size: 100% 100%;position: relative;z-index:1}
  .layout-login-main {box-sizing: border-box;width: 1000px;height: 400px;margin: auto auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .login-img{padding-top: 20px;}      
      /*.login-img_body{width:524px;height:354px;background: url(login-img.png) no-repeat;}*/
      
    .login-box {box-sizing: border-box;background-color: #fff;border-radius: 10px;width: 338px;height: auto;min-height:298px;position: absolute;top: 40px;right: 0;color: #A2A7AC;padding: 10px 18px 22px;}
      .login-form{}
        .login-title {font-size: 16px;color: #00A0E9;}
        .txt-ico-box{position:relative;border-radius:5px;}
        .txt-ico-box .iconfont {font-size: 22px;position: absolute;left: 10px;top:5px;}
        .txt-ico-box input.login-input {border: 1px solid #E5E5E5;padding-left: 40px;color: #A2A7AC;height: 40px;line-height:40px;font-size: 16px;width: 100%;border-radius: 5px;box-sizing: border-box;}     
        
        input.login-password:-webkit-autofill{font-size: 24px;}
        .ver-code{float:right;border-radius:5px;width: 110px;height: 38px;overflow: hidden;border: 1px solid #E5E5E5;}
        .btn-box {margin-top: 16px;}   
          .login-btn{background-color: #00B1FF;border-radius: 4px;padding: 7px 0px;font-size: 18px;color: #fff;text-decoration: none;width: 100%;display: inline-block;text-align: center;border: 0;}
          .login-error{display:inline-block;margin-left:30px;margin-top:13px;position: absolute;top: 3px;left: 70px;color: red;max-height: 40px;overflow: hidden;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  box-shadow:0 0 0 60px white  inset;
  -webkit-text-fill-color: #878787;
}

#login-tabBar .tabBar span { background: none; font-size: 16px; display: inline-block; width: 87px; padding: 11px 30px; border-bottom: 1px solid #00B1FF; color: #06A2ED; font-weight: normal;text-align: center; }
#login-tabBar .tabBar { border: none; }
#login-tabBar .tabBar span i { display: none; }
#login-tabBar .tabBar span.current i { display: inline; }

#login-tabBar .tabBar span.current:before { box-sizing: content-box; width: 0px; height: 0px; position: absolute; top: 43px; left: 63px; padding: 0; border-bottom: 5px solid #fff; border-top: 5px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; display: block; content: ''; z-index: 12; }
#login-tabBar .tabBar span.current:after { box-sizing: content-box; width: 0px; height: 0px; position: absolute; top: 41px; left: 62px; padding: 0; border-bottom: 6px solid #00B1FF; border-top: 6px solid transparent; border-left: 11px solid transparent; border-right: 11px solid transparent; display: block; content: ''; z-index: 10 }
#login-tabBar .tabBar span.current.login-title-2:before { right: 60px; left: auto; }
#login-tabBar .tabBar span.current.login-title-2:after { right: 59px; left: auto; }

.widget-login { width: 333px; padding-top: 4px; }
.widget-login_head.tabBar { background-color: #fff; color: #B4B4B4; position: relative; background-position: 100% 0; overflow: hidden; }
.widget-login_main.tabCon { padding-top: 17px; padding-bottom: 30px; }
.widget-login_main .row { margin-top: 8px; }
.widget-login_main .login-submit { height: 43px; width: 100%; font-size: 18px; }

.widget-ico-box { position: relative;margin-top: 16px; }
.widget-ico-box .popover-content { white-space: nowrap }

.error { color: #e80c4d; }
.popover { display: none }
.widget-ico-box.error .popover { display: block; }
.widget-ico-box .popover { top: 0px; left: 265px; }

.protocol-box { margin-top: 16px; color: #b3b7c7; width: 220px; }
    .protocol-box input[type="checkbox"] { vertical-align: -2px; margin-right: 4px }
    .protocol-box a { color: #00a0e9; text-decoration: none; }