.content {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "MicrosoftYaHei";
  font-weight: 400;
}

.content image {
  position: absolute;
  top: 50rpx;
  left: 50%;
  transform: translateX(-115rpx);
  max-width: 230rpx;
  max-height: 230rpx;
  margin-top: 100rpx;
}

.content .tip {
  position: absolute;
  top: 280rpx;
  left: 50%;
  transform: translateX(-50rpx);
  height: 54rpx;
  margin-top: 100rpx;
  font-size: 28rpx;
  font-weight: 700;
  color: #33cc33;
}

.content .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 300rpx;
  left: 50%;
  transform: translateX(-375rpx);
  width: 750rpx;
  height: 180rpx;
  margin-top: 300rpx;
  text-align: center;
}

.content .item text:nth-child(1) {
  font-size: 24rpx;
  color: rgba(104, 100, 100, 0.8);
}

.content .item text:nth-child(2) {
  font-size: 100rpx;
  font-weight: 700;
  color: #000;
}

.content .item-show {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 300rpx;
  left: 50%;
  transform: translateX(-375rpx);
  width: 750rpx;
  height: 180rpx;
  margin-top: 300rpx;
  text-align: center;
}

.content .item-show text {
  font-size: 100rpx;
  font-weight: 700;
  color: #000;
}

.content button {
  position: absolute;
  top: 1000rpx;
  left: 50%;
  transform: translateX(-200rpx);
  width: 400rpx;
  height: 100rpx;
  font-size: 40rpx;
  color: #33cc33;
  background: #fff;
  border: 1rpx solid #33cc33;
}
