.step {
  // @apply flex-1 flex items-center justify-center text-[#999] text-[14px] last:mr-0 relative h-[38px] -mr-2;
  @apply text-[#666];

  &:first-child {
    .imgNum {
      padding-left: 0;
    }
  }
}

.flex {
  flex: 1;
}

.line {
  width: 100%;
  height: 4px;
  background: url('./images/yuan.png') repeat-x center;
  background-size: 8px;
  border-radius: 2px;

  &.active {
    background: #2dc7aa;
  }
}

.imgRound {
  // .imgNum {
  //   width: 44px;
  //   height: 24px;
  //   padding: 0 10px;
  //   background-color: #fff;
  //   z-index: 10;
  //   position: relative;
  // }
  img {
    width: 24px;
    height: 24px;
    z-index: 10;
    position: relative;
  }
}

// .small {
//   background: url('./images/small_default_bg.png') no-repeat center;
//   background-size: contain;

//   &.active {
//     background: url('./images/small_bg.png') no-repeat center;
//     background-size: contain;
//     @apply text-white;
//   }
// }

// .medium {
//   background: url('./images/medium_default_bg.png') no-repeat center;
//   background-size: contain;

//   &.active {
//     background: url('./images/medium_bg.png') no-repeat center;
//     background-size: contain;
//     @apply text-white;
//   }
// }

// .large {
//   background: url('./images/large_default_bg.png') no-repeat center;
//   background-size: contain;

//   &.active {
//     background: url('./images/large_bg.png') no-repeat center;
//     background-size: contain;
//     @apply text-white;
//   }
// }
