@mixin flex-row {
  display: flex;
  flex-direction: row;
}
.page-shop-settlement-detail .container {
  font-family: PingFang SC;
  font-weight: 400;
  background-color: #f2f3f7;
  font-size: 24rpx;
  padding-top: 10px;

  .withdraw-detail,
  .deal-detail {
    border-radius: 8px;
    padding: 5rpx 30rpx 0 30rpx;
    margin-top: 10rpx;
    background-color: white;
    hr {
      opacity: 30%;
    }
    .content {
      .item-bottom {
        margin-bottom: 20rpx;
        justify-content: space-between;
        .order {
          color: #979797;
          font: {
            size: 18rpx;
            weight: 400;
          }
        }
      }
      margin-top: 24rpx;
      font-size: 32rpx;
      .date {
        color: #999999;
        font: {
          size: 18rpx;
          weight: 400;
        }
      }

      .noData {
        font-weight: bold;
        width: 100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .item {
        font-weight: bold;
        padding-top: 24rpx;
        padding-bottom: 16rpx;
        @include flex-row;
        justify-content: space-between;
        .income-in,
        .income-out {
          width: 150rpx;
          text-align: right;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .income-out {
          color: #999999;
        }
      }
    }
  }

  .withdraw-detail {
    .content {
      .item-bottom {
        @include flex-row;
        justify-content: space-between;
        .status-ing,
        .status-fail,
        .status-success {
          font: {
            size: 24rpx;
            weight: 400;
          }
        }
        .status-success {
          color: #082ba6;
        }
        .status-fail {
          color: #999999;
        }
      }
    }
  }
}
