@pricePrefixCls: fxm-steps-service;

.fxm-steps-service {
  width: 100%;
  &-cot {
    background-color: #fff;
    padding: @steps-ecom-cot-padding-top @steps-ecom-cot-padding-left @steps-ecom-cot-padding-4 @steps-ecom-cot-padding-left;
    box-sizing: border-box;
  }
  &-header {
    width: 100%;
    padding: 0 @steps-ecom-cot-padding-left;
    height: @steps-ecom-header-height;
    font-size: @steps-ecom-header-fontsize;
    background: #fafafa;
    color: rgba(0, 0, 0, 0.25);
    border-radius: @steps-ecom-border-radius @steps-ecom-border-radius 0 0;
    font-weight: @steps-ecom-fontweight-l;
    font-family: var(--light-font, SFProText-Medium, SFProText);
  }

  &-cot-undo {
    color: rgba(0, 0, 0, 0.45) !important;
  }
  &-cot-doing {
    color: var(--theme-color, #FF1659) !important;
  }

  &-cot-title {
    font-size: 16 * @steps-service-basic;
    font-family: var(--regular-font, SFProText-Medium, SFProText);
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    line-height: 19 * @steps-service-basic;
  }
  .fxm-steps-item-description {
    padding-bottom: 24px !important;
  }

  &-cot-description {
    font-size: 12 * @steps-service-basic;
    font-family: var(--light-font, SFProText-Medium, SFProText);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.45);
  }

  &-cot-com {
    line-height: 14 * @steps-service-basic;
    height: 14 * @steps-service-basic;
  }
  &-cot-time {
    margin-top: 4 * @steps-service-basic;
    font-size: 12 * @steps-service-basic;
    font-family: var(--light-font, SFProText-Medium, SFProText);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.25);
    line-height: 14 * @steps-service-basic;
  }
}