.refund-details {
  background-color: #f5f5f5;
  padding-bottom: 100rpx;
  min-height: calc(100vh - 44px);
  .refund-details-list {
    background-color: #fff;
    padding: 30rpx 0;
    .refund-details-list-item {
      display: flex;
      padding: 0 17px;
      line-height: 70rpx;
      .rdli-label {
        width: 150rpx;
        text-align: right;
      }
      .rdli-content {
        width: calc(100% - 150rpx);
      }
      .rdli-font {
        color: #fa6400;
      }
      .image {
        width: 100%;
        margin-top: 20rpx;
        image {
          width: 100%;
        }
      }
    }
  }
  .apply-button {
    padding: 0 50rpx;
    margin-top: 50rpx;
  }
  .refund-details-status {
    background-color: #fff;
    padding: 0 17px;
    margin-top: 50rpx;
    .refund-details-status-item {
      display: flex;
      line-height: 70rpx;
      view {
        &:first-child {
          width: 150rpx;
          text-align: right;
        }
        &:last-child {
          width: calc(100% - 150rpx);
        }
      }
    }
  }
}
/* 订单详情  状态支付退款成功 */
.order-details {
  padding: 0 20px;
  .order-details-content {
    .order-details-content-header {
      text-align: center;
      margin-top: 54rpx;
      font-size: 50rpx;
      font-weight: 600;
      image {
        width: 90rpx;
        height: 90rpx;
      }
    }
    .order-details-content-item {
      display: flex;
      line-height: 70rpx;
      view {
        &:first-child {
          width: 150rpx;
          color: #2a2a2a;
        }
        &:last-child {
          width: calc(100% - 150rpx);
          text-align: right;
          color: #6e6e6e;
        }
      }
    }
  }
}