$cssPrefix: order-detail-paystatus;

.#{$cssPrefix} {
  // padding: 32rpx 0;
  &-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    &-time {
      font-size: var(--p-body-1-font-size);
      color: var(--std-color-primary, var(--color-brand-3, #ff6a00));
    }
    &-prefix,
    &-suffix {
      font-size: var(--p-body-1-font-size);
      color: var(--color-text1-2);
    }
  }
  &-main {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: baseline;
    margin-top: 24rpx;
    &-price {
      font-size: var(--p-display-1-font-size);
      color: var(--color-text1-4);
      line-height: 56rpx;
      font-weight: var(--p-display-1-font-weight, 600);
    }
    &-discount {
      margin-left: 16rpx;
      font-size: var(--p-body-1-font-size);
      color: var(--std-color-primary, var(--color-brand-3, #ff6a00));
      letter-spacing: 0;
    }
  }
  &-footer {
    margin-top: 24rpx;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
}