.invoice-container {
  width: 654rpx;
  background: var(--color-white, #fff);
  font-size: var(--p-caption-font-size, 24rpx);
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--s-3, 24rpx) 0;

  .invoice-label {
    overflow: hidden;
    flex-direction: row;
    height: 36rpx;
    font-size: var(--p-body-1-font-size, 28rpx);
    color: var(--color-text1-3, #666);
  }

  .invoice-value {
    overflow: hidden;
    flex-direction: row;
    height: 36rpx;
    justify-content: flex-end;
    color: var(--color-text1-4, #111);
  }

  .invoice-value-icon {
    width: 36rpx;
    height: 36rpx;
    margin-right: 12rpx;
  }

  .invoice-value-text {
    font-size: var(--p-body-1-font-size, 28rpx);
    overflow: hidden;
    flex-direction: row;
    color: var(--color-text1-4, #111);
  }

  .invoice-arrow {
    color: var(--color-text1-1, #ccc);
    width: 32rpx;
    height: 32rpx;
    padding-top: 2rpx;
  }
}