.page-integral-record {
  padding-bottom: 30rpx;
  .record-box {
    .date {
      color: #999;
      padding: 20rpx 30rpx;
    }
    .price-num {
      margin-top: 20rpx;
      min-width: 200rpx;
      color: #999;
    }
    .item-box {
      background: #fff;
      border-radius: 10rpx;
      padding: 0 30rpx;
      .item {
        padding: 30rpx 0;
        display: flex;
        align-items: center;
        position: relative;
        &::after {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          display: block;
          height: 2rpx;
          content: " ";
          font-size: 0;
          background: #f9f9f9;
        }
        &:last-child {
          &::after {
            height: 0;
          }
        }
        .img {
          width: 80rpx;
          height: 80rpx;
          font-size: 0;
          border-radius: 10rpx;
          overflow: hidden;
        }
        .text-box {
          flex: 1;
          margin: 0 20rpx;
          .text {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 26rpx;
            font-weight: 600;
          }
          .time {
            margin-top: 20rpx;
            color: #999;
          }
        }
        .number {
          font-size: 26rpx;
          font-weight: 600;
          &.red {
            color: #fc1b35;
          }
        }
      }
    }
  }
}
