page {
  background: #ffffff;
}
.integral_box1 {
  height: 320rpx;
  border-radius: 30rpx;
  position: relative;
  overflow: hidden;
  z-index: 9;
  .point_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .info1 {
    justify-content: flex-end;
    position: absolute;
    top: 20rpx;
    right: 0rpx;
    min-width: 193rpx;
    height: 50rpx;
    background: #ffffff;
    border-radius: 25rpx 0rpx 0rpx 25rpx;
    padding-right: 25rpx;
    .tip1 {
      padding-right: 23rpx;
      font-size: 26rpx;
      font-weight: 400;
      color: #000;
    }
    .icon {
      width: 10rpx;
      height: 20rpx;
      color: #000;
    }
  }
  .info2 {
    text-align: center;
    padding-top: 28rpx;
    font-size: 72rpx;
    font-weight: 600;
    color: #000000;
    height: 56rpx;
    line-height: 56rpx;
  }
  .info3 {
    text-align: center;
    font-size: 26rpx;
    font-weight: 400;
    color: #000000;
    padding-top: 55rpx;
  }
  .info4 {
    margin: 42rpx auto 0;
    text-align: center;
    .tip1 {
      font-weight: bold;
      width: 210rpx;
      height: 60rpx;
      line-height: 60rpx;
      background: #000000;
      border-radius: 30rpx;
      font-size: 26rpx;
      font-weight: bold;
      color: #ffffff;
    }
    .icon {
      width: 30rpx;
    }
  }
}

.integral_box2 {
  height: calc(100vh - 400rpx);
  .nodata {
    width: 200rpx;
    height: 300rpx;
    margin: 0 auto;
    margin-top: 310rpx;
    text-align: center;
    .nodata_img {
      display: inline-block;
      width: 160rpx;
      height: 160rpx;
      margin-bottom: 34rpx;
    }
    .nodata_text {
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #666666;
    }
  }

  .list {
    background: #fff;
    // padding: 34rpx;
    .list_block {
      border-bottom: 1rpx solid #e5e5e5;
      padding: 28rpx 0;
      box-sizing: border-box;
      margin: 0 30rpx;
    }
    .left {
      .tip1 {
        font-size: 28rpx;
        font-weight: 400;
        color: #030000;
      }
      .tip2 {
        margin-top: 18rpx;
        font-size: 24rpx;
        font-weight: 400;
        color: #999999;
        /*line-height: 36rpx;*/
      }
    }
    .right {
      font-size: 40rpx;
      color: #adadad;
    }
    .rights {
      font-size: 32rpx;
      font-weight: 700;
      color: #000000;
    }
  }
}

.alert-popup-btns {
  margin-top: 40rpx;
}

.integral.van-popup--center {
  top: 55%;
}
.officialAccount.van-popup--center {
  top: 48%;
}
