.login {
      display: flex;
      height: 100vh;
    }

    .left {
      width: 57%;
      height: 100%;
      position: relative;
    }

    .right .logo {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 999;
      padding-left: 24px;
      padding-top: 24px;
      display: flex;
      align-items: center;


    }

    .right .logo img {
      width: 120px;
      height: 38px;
      display: block;
    }

    .left .logo span {
      margin-left: 12px;
      font-weight: bold;
      font-size: 18px;
      color: #000000;
    }



    .password,
    .emil {
      margin-top: 12px;
      border-bottom: 2px solid #ebebeb;
      padding-bottom: 12px;
    }
    .emilActivce{
      border-color: #2DD348;
    }

    .password input,
    .emil input {
      border: none;
      outline: none;
      width: 95%;
    }

    input::-webkit-input-placeholder {
      font-size: 14px;
      line-height: 110%;
      color: rgba(130, 134, 154, 0.5);
    }

    input:-moz-placeholder {
      font-size: 14px;
      line-height: 110%;
      color: rgba(130, 134, 154, 0.5);
    }

    input:-ms-input-placeholder {
      font-size: 14px;
      line-height: 110%;
      color: rgba(130, 134, 154, 0.5);
    }

    .right {
      position: relative;
      width: 40%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .right .login-main {
      width: 376px;
    }

    .submit {
      width: 100%;
      margin-top: 43px;
      background: #323232;
      height: 55px;
      font-weight: bold;
      font-size: 18px;
      color: #ffffff;
      text-align: center;
      cursor: pointer;
      border: 0;
      color: #FFFFFF;
    }

    .register {
      margin-top: 24px;
      text-align: center;
      margin-bottom: 38px;

    }

    .register>a {
      color: #039be6;
      cursor: pointer;
      text-decoration: none;
    }

    .me-forget {
      margin-top: 26px;
      display: flex;
      justify-content: space-between;
      align-items: center;

    }

    .me-forget>:nth-child(1)>span {

      margin-left: 10px;
      color: rgba(130, 134, 154, 0.6);

    }

    .me-forget>:nth-child(2) {
      font-size: 14px;
      color: #039be6;
      cursor: pointer;
    }

    .text-hydl {
      font-size: 24px;
      line-height: 110%;
      color: #282C40;
    }

    .text-title {
      margin-top: 12px;
      font-weight: bold;
      font-size: 24px;
      line-height: 110%;
      color: #282c40;
    }

    .text-emil {
      font-size: 12px;
      line-height: 110%;
      color: #82869a;
    }

    .emil>img {
      width: 16.79px;
      height: 12.58px;
      float: right;
    }

    .greenboder {
      border-bottom: 2px solid #2dd348 !important;
    }
    .wx-login{
      width:80px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }
    .wx-login>img{
      width: 56px;
      height: 56px;
      margin-bottom: 8px;
    }
    .wx-login>span{
      font-weight: normal;
      font-size: 12px;
      line-height: 14px;
      color: #000000;
    }