// 步骤条组件
.cts-step {
  display: flex;
  background-color: $color-white;
  padding: 32px 0;
  border-bottom: 1px solid $border-color;

  .cts-step-item {
    text-align: center;
    flex: 1;

    .cts-step-icon {
      display: flex;
      align-items: center;

      .cts-step-border {
        flex: 1;

        &.has_border {
          height: 2px;
          background-color: $color-icon;
        }

        &.cts-step-prev {}

        &.cts-step-next {}
      }

      image {
        width: 48px;
        height: 48px;
        margin: 0 7px;
      }
    }

    .cts-step-title {
      margin-top: 20px;
      color: $color-font-sub1;

      &.active {
        color: $theme;
      }
    }
  }
}