page {
  background: #fff;
}

page,
.content {
  height: 100%;
}

/* .content button {
  width: 654rpx;
  height: 84rpx;
  background-color: #12B311;
  color: #fff;
  font-size: 32rpx;
  border-radius: 4rpx;
}

.content image {
  width: 290rpx;
  height: 290rpx;
  margin: 176rpx 0 128rpx 0;
}

.content .avatar {
  border-radius: 50%;
  width: 254rpx;
  height: 254rpx;
}

.bottom {
  text-align: center;
  margin-bottom: 26rpx;
}

.bottom text {
  font-size: 24rpx;
  color: #666;
} */


.content .box .logo {
  width: 128rpx;
  height: 128rpx;
  margin-top: 120rpx;
}

.content .box .tips {
  margin-top: 20rpx;
  height: 40rpx;
  line-height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

.content .box .showAuthTitle {
  margin-top: 120rpx;
  font-size: 32rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

.content .box .ShowAuthContent {
  margin-top: 24rpx;
  font-size: 28rpx;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: #666666;
}

.content .box .login-btn {
  width: 670rpx;
  height: 98rpx;
  background: #FA7D22;
  border-radius: 46rpx;
  font-size: 48rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: 240rpx;
}

.content .bottom {
  text-align: center;
  margin-bottom: 68rpx;
}

.content .bottom .rules-agree {
  width: 48rpx;
  height: 48rpx;
  margin-right: 12rpx;
}

.content .bottom text {
  font-size: 20rpx;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: #333333;
  line-height: 28rpx;
}

.content .bottom .link {
  font-size: 20rpx;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: #FA7D22;
  line-height: 28rpx;
}