@charset "utf-8";
html,body,p,dl,dt,dd,table,td,th,input,img,form,div,span,ul,ol,li,h1,h2,h3,h4,h5,h6,select,fieldset,fieldset,button,sub,sup,textarea{margin:0;padding:0;}
html, body {height: 100%;line-height: 1.6;}
body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,Arial,\5b8b\4f53,Tahoma,sans-serif;background:#fff;color:#575757;}
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

.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;}
a.login-btn:hover{color:#fff;text-decoration:none;}

.login-error{display:inline-block;margin-left:30px;margin-top:13px;position: absolute;top: 3px;
left: 70px;color: red;max-height: 40px;overflow: hidden;}

.login-body{position: relative;background:#fff;min-width:1250px;min-height:600px;}
.version-title {width:100%;clear:both;position:absolute;top:5px;text-align:center;color:#21C5F0;}

.layout-login-header{height:70px;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-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 45px;width:187px;height:23px;display:inline-block;overflow:hidden;}
.login-logo{background:url('login-logo.png') no-repeat;width:187px;height:23px;}

.layout-login-box {background: url(login-bg.png) 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: 1080px;height: 440px;margin: auto auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .login-img{}
      .login-img_header{width:382px;height:38px; margin:5px 0 20px 80px;}
      .login-bg-title_store{background: url(login-sys-store.png) no-repeat;}
      .login-bg-title_supplier{background: url(login-sys-supplier.png) no-repeat;}
      .login-bg-title_customer{background: url(login-sys-customer.png) no-repeat;}
      .login-bg-title_franchisee{background: url(login-sys-franchisee.png) no-repeat;}

      .login-img_body{width:560px;height:370px;}
      .login-bg_store{background: url(login-store.png) no-repeat;}
      .login-bg_supplier{background: url(login-supplier.png) no-repeat;}
      .login-bg_customer{background: url(login-customer.png) no-repeat;}
      .login-bg_franchisee{background: url(login-franchisee.png) no-repeat;}
        .login-bg_supplier .login-img_body_extend{background: url(login-supplier-extend.png) no-repeat;width:831px;height:202px;z-index:-1;position:absolute;bottom:45px;left:-130px;}

    .login-box {box-sizing: border-box;background-color: #fff;border-radius: 10px;width: 338px;height: 300px;margin: auto 0 auto auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;color: #A2A7AC;padding: 10px 18px;}
      .login-form{}
        .login-title {font-size: 16px;color: #00A0E9;}
        .txt-ico-box{position:relative;border-radius:5px;margin-top: 20px;}
        .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: 35px;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;margin-top: 20px;border-radius:5px;width: 110px;height: 40px;overflow: hidden;border: 1px solid #E5E5E5;}
        .btn-box {margin-top: 20px;}   
        
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  box-shadow:0 0 0 60px white  inset;
  -webkit-text-fill-color: #878787;
}

.return-index {float: right;color: #25ACFF;padding-right: 10px;top: 18px;position: relative;text-decoration: none;}

.login-tabs{
    border-bottom: 2px solid #8B4513;
    height: 32px;
}
.login-tabs span{
    display: inline-block;
    width: 60px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #999;
    border-bottom: none;
    margin-left: 5px;
}
.login-tabs span:hover{
    cursor: pointer;
}
.login-tabs span.active{
    border-top:2px solid #8B4513;
    border-bottom:2px solid #FFFFFF;
}
.show{
    display: block;
}
.hide{
    display: none;
}

.login-error1{display:inline-block;margin-left:100px;margin-top:13px;position: absolute;top: 3px;
left: 70px;color: red;max-height: 40px;overflow: hidden;}