zhywpt-plug/wxminipro/plugin/components/handleStep/handleStep.wxss

.step {
  width: 100%;
  height: 182rpx;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step .stepItem {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.step .stepItem .stepItem_title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.step .stepItem .stepItem_title .num {
  width: 50rpx;
  height: 50rpx;
  background: #BFBFBF;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.step .stepItem .stepItem_title .text {
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 24rpx;
  color: #999;
  margin-top: 24rpx;
}

.step .stepItem .active .num {
  background: #00B38B;
}

.step .stepItem .active .text {
  color: #00B38B;
}

.step .line1 {
  width: 40rpx;
  height: 4rpx;
  background: #d8d8d8;
}

.step .line2 {
  width: 40rpx;
  height: 4rpx;
  background: #d8d8d8;
}