.bg-content{
  height: 32rem !important;
}
.login-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2.214286rem;
  padding-bottom: 1.285714rem;
  .login {
    font-size: 1.285714rem;
    color: #999999;
    a{
      color: #000;
    }
  }
  .register {
    i {
      padding-bottom: .285714rem;
      font-size: 1.571429rem;
      color: #FF8A62;
      border-bottom: .214286rem solid #FF8A62;
    }
  }
}
.login-input{
  padding:0 2rem;
  .input-phoner,
  .input-password,
  .input-nickname,
  .input-phone,
  .input-code{
    width: 100%;
    border: none;
    border-bottom: 1px solid #E5E5E5;
    line-height: 2.857143rem;
    text-indent: .714286rem;
    outline: none;
    margin-top: .857143rem;
    &::placeholder{
      color: #999999;
      font-size: 1.142857rem;
    }
  }
  .code-box{
    position: relative;
    height: 2.928571rem;
    .code-content{
      font-size: 1rem;
      display: inline-block;
      position: absolute;
      right: 0;
      bottom: 1.142857rem;
      color: #5E64A6;
    }
  }
  .bottom-desc{
    font-size: .857143rem;
    color: #FF8A62;
    text-align: center;
    margin-top: 1.428571rem;
  }
}