.page-integral-detail {
  padding-bottom: 30rpx;
  .integral-box {
    padding: 40rpx 30rpx;
    position: relative;
    text-align: center;
    color: #fff;
    .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 330rpx;
      font-size: 0;
    }
    .number {
      position: relative;
      font-size: 70rpx;
      margin-top: 20rpx;
    }
    .des {
      opacity: .5;
      margin-top: 10rpx;
    }
  }
  /* 积分明细 */
  .detail {
    position: relative;
    margin: 0 30rpx;
    padding: 30rpx;
    background: #fff;
    border-radius: 10rpx;
    .tab {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10rpx 20rpx 20rpx;
      .item {
        font-size: 28rpx;
        font-weight: 600;
        position: relative;
        &::after {
          position: absolute;
          bottom: -10rpx;
          left: 20%;
          right: 20%;
          display: block;
          width: auto;
          height: 4rpx;
          border-radius: 4rpx;
          content: " ";
          font-size: 0;
          background: #fff;
        }
        &.active {
          font-weight: 600;
          &::after {
            background: linear-gradient(to right, #fc1b35, #fff);
          }
        }
      }
    }
    .con-box {
      margin-top: 30rpx;
      .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20rpx;
        padding-bottom: 20rpx;
        border-bottom: 2rpx solid #f9f9f9;
        &:last-child {
          margin-bottom: 0;
          padding-bottom: 0;
          border: 0;
        }
        .text-box {
          flex: 1;
          .text {
            font-weight: 600;
          }
          .time {
            color: #999;
            margin-top: 10rpx;
          }
        }
        .number {
          font-size: 28rpx;
          color: #fc1b35;
          font-weight: 600;
          &.black {
            color: #333;
          }
          &.gray {
            color: #999;
          }
        }
      }
    }
  }
}