@pricePrefixCls:fxm-steps-ecom;

.fxm-steps-ecom{
  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);
  }

  &-foot{
    width: 100%;
    min-height: 10px;
    padding: @steps-ecom-cot-padding-left 0;
    font-size: @steps-ecom-cot-fontsize;
    background: #fff;
    color: rgba(0, 0, 0, 0.85);
    border-radius: 0 0 @steps-ecom-border-radius @steps-ecom-border-radius;
    font-weight: @steps-ecom-fontweight-l;
    font-family: var(--light-font, SFProText-Medium, SFProText);

    & > span {
      display: flex;
      align-items: center;

      img {
        margin-left: 0.04rem;
      }
    }
  }

  &-cot-wait{
    color:rgba(0, 0, 0, 0.25) !important;
  }

  &-cot-title{
    font-family: var(--regular-font, SFProText-Medium, SFProText);
    font-weight: @steps-ecom-fontweight-b;
    color: rgba(0, 0, 0, 0.85);
    font-size: @steps-ecom-cot-fontsize
  }

  &-cot-description{
    font-family: var(--regular-font, SFProText-Medium, SFProText);
    font-weight: @steps-ecom-fontweight-b;
    color: rgba(0, 0, 0, 0.85);
    font-size: @steps-ecom-header-fontsize
  }

  &-cot-time{
    font-family: var(--regular-font, SFProText-Medium, SFProText);
    font-weight: @steps-ecom-fontweight-l;
    color: rgba(0, 0, 0, 0.25);
    font-size: @steps-ecom-header-fontsize
  }

}