zhywpt-plug/wxminipro/plugin/components/handleSpotStep/handleSpotStep.scss

.spotStep {
	width: 100%;
	height: 182rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
    background-color: #fff;
	z-index: 98;
	.stepItem {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 184rpx;
		.stepItem_title {
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			.num {
				width: 38rpx;
				height: 38rpx;
				border-radius: 50%;
				color: #fff;
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.numSub {
				width: 24rpx;
				height: 24rpx;
				background: #bfbfbf;
				border-radius: 50%;
				color: #fff;
			}
			.text {
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: #999;
				margin-top: 24rpx;
			}
		}
		.done {
			.num {
				width: 38rpx;
				height: 38rpx;
				background: #00b38b;
			}
			.text {
				color: #00b38b;
			}
		}
		.active {
			.num {
				background: #c6ebe3;
			}
			.numSub {
				background: #00b38b;
			}
			.text {
				color: #00b38b;
			}
		}
	}
	.line {
		width: 155rpx;
		border-top: 2rpx dashed #d8d8d8;
		position: absolute;
		top: 17rpx;
		left: 56%;
	}
}