.login-left {
  width: 49%;
  overflow: hidden;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}

.login {
  background: url('../../images/login/pc/bg.jpg') no-repeat;
  background-size: 100% 100%;
  height: 846px;
}

.login.register {
  background: url('../../images/login/pc/cut_bg.jpg') no-repeat;
  background-size: 100% 100%;
  height: 980px;
}

.login-left .img-content {
  width: 78%;
  height: auto;
}

.login-right {
  width: 50%;
  /* height: 500px; */
  display: inline-block;
  vertical-align: top;
  padding-top: 3%;
}

.login-content {
  width: 300px;
  padding: 7% 7% 1px 7%;
  box-shadow: 1px 2px 9px #ddd;
  border-radius: 20px;
  margin: 10% auto;
}

.row {
  margin-bottom: 20px;
}

h3 {
  font-size: 24px;
  font-weight: normal;
}

.txt-pwd {
  position: relative;
}

.tips {
  font-size: 11px;
}

.send_text {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.send_button {
  width: 37%;
  display: inline-block;
  vertical-align: top;
  min-width: 100px;
  font-weight: normal;
  border-radius: 10px;
}

.text-box, .button-box, .text-left a, .text-right a
{
    font-size:12px;
}

@media (max-width:738px) {
  .login-content {
    margin: 42% auto;
  }

  .login {
    background: url('../../images/login/mobile/H5_16.jpg') no-repeat;
    background-size: 100% 100%;
    height: auto;
  }
  .login.register {
    background: url('../../images/login/mobile/H5_15.jpg') no-repeat;
    background-size: 100% 100%;
    height: auto;
  }

  .login-left {
    display: none;
  }

  .login-right {
    width: 100%;
    min-height: 500px;
    display: inline-block;
    padding-top:0px;
  }

  .login-content {
    width: 80%;
  }
}