.login-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    animation: animate-cloud 20s linear infinite;
  }
  .logo_img_size{
      position: absolute;
      top: 60px;
      left: 70px;
      width: 140px;
      height: 30px;
    }

  .login-container_user {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    animation: animate-cloud 20s linear infinite;
  }
  .login-container_user1 {
    align-items: center !important;
  }
  .login_top{
    /* padding-left: 260px; */
    justify-content:flex-end;
    display: flex;
  }
 .login_top1{
    /* padding-left: 260px; */
    justify-content:center;
    display: flex;
  } 

   .login-weaper_user{
    display: flex;justify-content: right;;align-items: center;
  }
   .login-weaper_user1{
    display: flex;justify-content: center;;align-items: center;
  }  .focus_login_slogon{
    color:#1266e5;
    font-size: 32px;
    font-family: 宋体;
    font-style: italic;
    position: absolute;
    left:30%;
    top:100px;
    width: 500px;
    /* padding-top: 100px; */
    letter-spacing:15px;
    text-align: right;
  }
  
  .login_slogon{
    color:#fff;
    font-size: 32px;
    font-family: 宋体;
    font-style: italic;
    float: right;
    margin-right: 20px;
    width: 500px;
    /* padding-top: 100px; */
    letter-spacing:15px;
    text-align: right;
  }
  .user .el-input--prefix .el-input__inner{
    padding-left: 10px !important;
    box-shadow: none;
  }

  .user .el-input-group__append{
    background-color: transparent !important;
  }
  
  .login-left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    justify-content: center;
    flex-direction: column;
    background-color: #3b87ea;
    color: #fff;
    /* float: left; */
    width: 50%;
    position: relative;
  }
  
  .login-time {
    position: absolute;
    left: 25px;
    top: 25px;
    width: 100%;
    color: #fff;
    font-weight: 200;
    opacity: 0.9;
    font-size: 18px;
    overflow: hidden;
  }
  @media screen and (max-width:1366px) {
    .logo_img_size{
        position: absolute;
        top: 15px;
        left: 25px;
        width: 120px;
        height: 25px;
      }
    .login_top{
      /* padding-left: 80px; */
    }
    .login-left,
    .login-border {
      position: relative;
      min-height: 450px;
      width: 400px !important;
      margin-left: 0px;
      /* margin-right: 200px !important; */
      align-items: center;
      display: flex;
    }
    .login-left,
    .login-border1 {
      position: relative;
      min-height: 450px;
      width: 370px !important;
      margin-left: 0px;
      /* margin-right: 200px !important; */
      align-items: center;
      justify-content: center;
      display: flex;
    }   
     .login-border{
      margin-right: 120px;
    }
     .login-border1{
      margin-right: 0px !important;
    }   
     .login_img{
      height: 35px;width: 140px;;
    }
    .login_img1{
      height: 20px;width: 170px;;
    }
    .login_slogon_1{
      padding-right: 120px;
    }
  
    .login_slogon_2{
      padding-right: 0px;
    }
  
    .login-left .title {
      margin-top: 60px;
      text-align: center;
      color: #fff;
      font-weight: 300;
      letter-spacing: 2px;
      font-size: 18px;
    }
    .login-weaper {
      margin: 0 auto;
      width: 100%;
      /* box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4); */
    }
    .login-weaper .el-input-group__append {
        border: none;
    }
  
    .login-left .img {
      width: 180px;
    }
  
    .login-title {
      color: #333;
      margin-bottom: 20px;
      text-align: left;
      font-size: 32px;
      letter-spacing: 1px !important;
      font-weight: 700;
      line-height: 32px;
      }
  
    .login-submit {
      width: 80%;
      height: 35px;
      border: 1px solid #409EFF;
      /* background: none; */
      font-size: 14px;
      letter-spacing: 2px;
      font-weight: 300;
      /* color: #409EFF; */
      cursor: pointer;
      margin-top: 20px;
      font-family: "neo";
      transition: 0.25s;
    }
  
    .login-main {
      margin: 0 auto;
      /* width: 70%; */
      box-sizing: border-box;
      height: 375px !important;
    }
  
    .login-form .el-form-item {
      margin-bottom: 8px !important;
    }
  
    .login_formitem{
      margin-bottom: 18px !important;
    }
  }  
  @media screen and (max-width:1599px) and (min-width:1367px) {
    .login_top{
      /* padding-left: 310px; */
    }
    .login-left,
    .login-border {
      position: relative;
      min-height: 420px;
      width: 380px !important;
      margin-left: 80px;
      margin-right:200px;
      /* margin-right: 200px !important; */
      align-items: center;
      display: flex;
    }
    .login-border{
      margin-right: 180px;
    }

    .login_img{
      height: 35px;width: 140px;;
    }
    .login_img1{
      height:20px;width: 170px;;
    }
    .login_slogon_1{
      padding-right: 120px;
    }
  
    .login_slogon_2{
      padding-right: 0px;
    }
  
    .login-left .title {
      margin-top: 60px;
      text-align: center;
      color: #fff;
      font-weight: 300;
      letter-spacing: 2px;
      font-size: 18px;
    }
    .login-weaper {
      margin: 0 auto;
      width: 100%;
      /* box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4); */
    }
    .login-weaper .el-input-group__append {
        border: none;
    }
  
    .login-left .img {
      width: 180px;
    }
  
    .login-title {
      color: #333;
      margin-bottom: 20px;
      text-align: left;
      font-size: 32px;
      letter-spacing: 1px !important;
      font-weight: 700;
      line-height: 32px;
    }
  
    .login-submit {
      width: 80%;
      height: 35px;
      border: 1px solid #409EFF;
      /* background: none; */
      font-size: 14px;
      letter-spacing: 2px;
      font-weight: 300;
      /* color: #409EFF; */
      cursor: pointer;
      margin-top: 20px;
      font-family: "neo";
      transition: 0.25s;
    }
  
    .login-main {
      margin: 0 auto;
      /* width: 70%; */
      height: 355px !important;
      box-sizing: border-box;
    }
  .login-main .el-input--medium .el-input__inner {
    height: 32px !important;
}
    .login-form .el-form-item {
      margin-bottom: 8px !important;
    }
  
    .login_formitem{
      margin-bottom: 18px !important;
    }
  }
  @media screen and (max-width:1919px) and (min-width:1601px) {
    .login_img{
      height: 40px;width: 160px;;
    }
    .login_img1{
      height: 23px;width: 180px;;
    }
    .login-left,
    .login-border {
      position: relative;
      min-height: 450px;
      align-items: center;
      display: flex;
      margin-left: 180px;
    }
    .login_slogon{
      margin-right: 0px !important;
      margin-bottom: 60px;
    }
  
    .login_slogon_1{
      padding-right: 120px;
    }
  
    .login_slogon_2{
      padding-right: 0px;
    }
  
    .login-left .title {
      margin-top: 60px;
      text-align: center;
      color: #fff;
      font-weight: 300;
      letter-spacing: 2px;
      font-size: 18px;
    }
    .login-weaper {
      margin: 0 auto;
      width: 100%;
      /* box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4); */
    }
    .login-weaper .el-input-group__append {
        border: none;
    }
  
    .login-left .img {
      width: 220px;
    }
  
    .login-title {
      color: #333;
      margin-bottom: 30px;
      text-align: left;
      font-size: 32px;
      letter-spacing: 1px !important;
      font-weight: 700;
      line-height: 32px;
    }
  
    .login-submit {
      width: 80%;
      height: 35px;
      border: 1px solid #409EFF;
      /* background: none; */
      font-size: 14px;
      letter-spacing: 2px;
      font-weight: 300;
      /* color: #409EFF; */
      cursor: pointer;
      margin-top: 20px;
      font-family: "neo";
      transition: 0.25s;
    }
    .login-border{
      width: 420px !important;
      margin-right: 220px ;
      min-height: 547px;;
    }
    .login-main {
      margin: 0 auto;
      width: 350px;
      box-sizing: border-box;
      height: 375px !important;
    }
  
    .login-form .el-form-item {
      margin-bottom: 2px !important;
    }
    .login-form .login_formitem{
      margin-bottom: 18px !important;
    }
  }
  
  /*分辨率高于1440，采用下面的样式*/
  @media screen and (min-width: 1920px) {
    .login_img{
      height: 40px;width: 160px;;
    }
    .login_img1{
      height: 23px;width: 180px;;
    }
    .login-left,
    .login-border {
      position: relative;
      min-height: 547px;
      width:460px !important;
      align-items: center;
      display: flex;
    }
  
    .login-left .title {
      margin-top: 60px;
      text-align: center;
      color: #fff;
      font-weight: 300;
      letter-spacing: 2px;
      font-size: 25px;
    }
  
    .login-weaper {
      margin: 0 auto;
      width: 100%;
      /* box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4); */
  
    }
    .login-weaper.el-input-group__append {
        border: none;
    }
  
    .login-left .img {
      width: 240px;
    }
  
    .login-title {
      color: #333;
      margin-bottom: 30px;
      text-align: left;
      font-size: 32px;
      letter-spacing: 1px !important;
      font-weight: 700;
      line-height: 32px;
    }
  
    .login-submit {
      width: 100%;
      height: 45px;
      border: 1px solid #409EFF;
      /* background: none; */
      font-size: 18px;
      letter-spacing: 2px;
      font-weight: 300;
      /* color: #409EFF; */
      cursor: pointer;
      margin-top: 30px;
      font-family: "neo";
      transition: 0.25s;
    }
  
    .login-main {
      margin: 0 auto;
      width: 350px;
      box-sizing: border-box;
    }
    .login-border {
      border-left: none;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      color: #fff;
      background-color: rgb(255 255 255 / 1);
      width: 480px;
      margin-right: 220px;
      box-sizing: border-box;
    }
  }
  
  
  
  .login-main{
    height: 435px;
    max-width: 350px;
  }
  .login-main1 {
    height: 375px;
    max-width: 100%;
    width: 90%;
}
  .login-main>h3 {
    margin-bottom: 20px;
  }
  
  .login-main>p {
    color: #76838f;
  }
  
  .login-menu {
    margin-top: 40px;
    width: 100%;
    text-align: center;
  }
  .login-menu a{
      color: #999;
      font-size: 12px;
      margin: 0px 8px;
  }
  .login-form {
    margin: 10px 20px;
  }
  .login-form i{
    color: #333;
  }
  .login-form .el-form-item__content{
    color: #333;
  }
  .login-form .el-form-item{
    width: 100%;
  }
  .loginvalidate .el-input-group__append{
    padding: 0px;
  }
  .login-form .el-input input{
    /* padding-bottom: 10px; */
    /* text-indent: 5px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: #333;
    border-bottom: 1px solid rgb(207 216 239) */
  }
  .login .el-input__inner:focus{
    /* border-bottom: 1px solid #409eff !important */
  }
  .login-form .el-input .el-input__prefix i{
    /* padding: 0 5px;
    font-size: 16px !important; */
  
  }
  .login-code {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 0 0 10px;
  }
  
  .login-code-img {
    margin-top: 2px;
    width: 100px;
    height: 38px;
    background-color: #fdfdfd;
    border: 1px solid #f0f0f0;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 38px;
    text-indent: 5px;
    text-align: center;
  }