.logo {
  width: 350rpx;
  display: flex;
  margin: 0 auto;
  margin-top: 80rpx;
}

.buttons {
  display: flex;
  flex-direction: column;
  margin-top: 30rpx;

  button {
    width: 590rpx;
    height: 92rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 32rpx;
    border-radius: 50rpx;
    background-color: #FFFFFF;
    border: 2rpx solid #ee5b0d;
    font-size: 28rpx;
    font-weight: 400;
    color: #ee5b0d;

    &.wx {
      border-width: 0;
      font-weight: 600;
      background-color: #EE5B0D;
      color: #FFFFFF;
    }
  }
}

.form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 10rpx;


  .lz-input {
    display: flex;
    align-items: center;
    width: 530rpx;
    height: 92rpx;
    background: #ffffff;
    border: 2rpx solid #e7e7e7;
    border-radius: 48rpx;
    padding-left: 60rpx;

    input {
      height: 100%;
      color: #333333;
      font-weight: 400;
      font-size: 32rpx;
    }

    &.input-error {
      border-color: #ff6e4f;
    }


    &:not(:first-child) {
      margin-top: 32rpx;
    }

    image {
      width: 250rpx;
      height: 72rpx;
      border-radius: 46rpx;
      margin-right: 10rpx;
    }
  }

  .error {
    position: absolute;
    // top: 20px;
    display: flex;
    align-items: center;
    // height: 32rpx;
    image {
      width: 24rpx;
      height: 24rpx;
      margin-left: 35rpx;
    }

    .error-text {
      font-size: 22rpx;
      color: #ff6e4f;
      margin-left: 6rpx;
    }
  }

  .lz-button {
    width: 590rpx;
    background-color: #ee5b0d;
    font-size: 32rpx;
    font-weight: 600;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-top: 40rpx !important;
  }
}

.protocol {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 28rpx;
  font-size: 26rpx;
  color: #1e1f20;

  text {
    color: #4a77da;
  }

  .radio {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48rpx;
    height: 48rpx;
    margin-right: 8rpx;

    image {
      width: 48rpx;
      height: 48rpx;
    }

    view {
      width: 32rpx;
      height: 32rpx;
      border: 3rpx solid #dbdbdb;
      border-radius: 100rpx;
    }
  }
}

.bg-can-login {
  background-color: #EE5B0D !important;
  border: none !important;
}

.bg-cant-login {
  background-color: #F7AD86 !important;
  border: none !important;
}

.tips {
  width: 100%;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  font-size: 24rpx;
  color: #AAA6A3;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 3%;
  transform: translateX(-50%);
}