.h-refund-dispute-info {
  .dispute-title {
    padding: 4rpx 32rpx 28rpx 0;
    color: var(--color-text1-4, #111);
    font-size: var(--p-title-font-size, 32rpx);
    font-weight: 500;
  }
  .rm-goods-card {
    margin-top: 24rpx;
    .rm-goods-card-price-right-name {
      word-break: break-all;
      margin-bottom: 8rpx;
      line-clamp: 2;
      -webkit-line-clamp: 2;
      line-height: 44rpx;
    }
  }
  .dispute-info {
    display: flex;
    margin-top: 24rpx;
    align-items: flex-start;
    justify-content: flex-start;
  
    .dispute-message {
      display: flex;
      align-items: center;
      flex-direction: row;
      justify-content: flex-start;
      min-height: 40rpx;
      margin-bottom: 24rpx;
      .info-title {
        width: 168rpx;
        margin-right: 24rpx;
        color: var(--color-text1-2, #999);
        font-size: var(--p-body-1-font-size, 28rpx);
      }
  
      .info-imgs {
        display: flex;
        flex-direction: row;
        .img-item {
          height: 128rpx;
          width: 128rpx;
          border-radius: 12rpx;
          margin-right: 16rpx;
        }
      }
  
      .info-text {
        width: 360rpx;
        color: var(--color-text1-4, #111);
        font-size: var(--p-body-1-font-size, 28rpx);
      }
  
      .dispute-copy {
        width: 102rpx;
        text-align: right;
        color: var(--btn-text-main-color, var(--dispute-copy-color, var(--color-brand-3, #ff6a00)));
        font-size: var(--p-caption-font-size, 24rpx);
      }
    }
  }
}