.steps {
  background-color: #fff;
  margin: 12px 14px 0;
  padding: 20px 12px;
  border-radius: 10px;
  &.paddingBottom12 {
    padding-bottom: 12px;
  }
  .stepContent {
    display: flex;
    justify-content: space-between;
    padding: 0 8px;
  }
  .stepItem {
    text-align: center;
    p {
      font-size: 12px;
      color: #b4b4b4;
      &.active {
        color: var(--van-primary);
      }
    }
  }
  .line {
    display: block;
    margin-top: 19px;
    width: 54px;
    height: 2px;
    background-color: #e3e3e3;
    &.lineActive {
      background-color: #8be1d1;
    }
  }

  .stepTips {
    margin-top: 20px;
    padding: 7px;
    background: linear-gradient(139deg, #fff6ee 0%, #ffecdd 100%);
    border-radius: 6px;
    font-size: 12px;
    color: #e0945a;
    display: flex;
    align-items: center;
  }
}