$cssPrefix: trade-order-eticket-listItem;

.#{$cssPrefix} {

  --#{$cssPrefix}-title-font-size: var(--p-body-1-font-size, 28rpx);
  --#{$cssPrefix}-title-color: var(--color-text1-2, #999);
  --#{$cssPrefix}-content-font-size: var(--p-body-1-font-size, 28rpx);
  --#{$cssPrefix}-content-color: var(--color-text1-4, #111);
  display: flex;
  flex-flow: row nowrap;
  padding: 7rpx;
  &-title {
    text-align: right;

    width: 150rpx;
    margin-right: 20rpx;
    color: var(--#{$cssPrefix}-title-color);
    font-size: var(--#{$cssPrefix}-title-font-size);
  }

  &-content {
    width:450rpx;

    word-wrap: break-word;
    word-break: normal;

    color: var(--#{$cssPrefix}-content-color);

    font-size: var(--#{$cssPrefix}-content-font-size);
  }

}