sphc/dist/step/index.wxss

.i-step-ico {
  width: 24px;
  height: 100%;
  border-radius: 100%;
  background: #fff;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  /* border: #dddee1 solid 1px; */
}

.i-step-ico-in {
  vertical-align: baseline;
}

.i-step-line {
  position: absolute;
  left: 50%;
  top: 12px;
  width: 100%;
  height: 1px;
  background: #dddee1;
}

.i-step-horizontal .i-step-ico::after {
  position: absolute;
  top: 11px;
  left: 23px;
  z-index: 1;
  content: '';
  height: 1px;
  background: #fff;
  width: 10px;
}

.i-step-horizontal .i-step-item-main {
  text-align: center;
}

.i-step-horizontal .i-step-ico::before {
  position: absolute;
  top: 11px;
  left: -11px;
  z-index: 1;
  content: '';
  height: 1px;
  background: #fff;
  width: 10px;
}

.i-step-ico {
  box-sizing: border-box;
  font-size: 12px;
}

.i-step-process .i-step-ico {
  /* border: #2d8cf0 solid 1px; */
  color: #fff;
  /* background: #72B34B; */
}

.i-step-wait .i-step-ico {
  border: #e9eaec solid 1px;
  color: #e9eaec;
}

.i-step-wait .i-step-line {
  background: #72B34B;
}

.i-step-finish .i-step-ico {
  /* border: #2d8cf0 solid 1px; */
  /* color: #2d8cf0; */
}

.i-step-finish .i-step-line {
  /* background: #72B34B; */
}

.i-step-error .i-step-ico {
  border: #ed3f14 solid 1px;
  color: #ed3f14;
}

.i-step-error .i-step-line {
  background: #ed3f14;
}

.i-step-item {
  font-size: 12px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding-left: 10px;
  vertical-align: top;
}

.i-step-item-ico {
  width: 100%;
  /* height: 40rpx; */
  line-height: 24px;
  text-align: center;
}

.i-step-item-main {
  margin-top: 10px;
  clear: both;
}
.erer{
  width: 12rpx;
	height: 12rpx;
	background-color: #d2d2d2;
  border-radius: 100%;  
}
.tctc{
  display: flex;
  justify-content: center;
}
.i-step-item-title {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  top: -10rpx;
  color: #1c2438;
}

.i-step-item-content {
  font-size: 12px;
  font-weight: 700;
  margin-top: 2px;
  color: #80848f;
}

.i-step-vertical {
  padding-bottom: 35rpx;
}

.i-step-vertical .i-step-item-ico {
  width: 24px;
  float: left;
}

.i-step-vertical .i-step-item-main {
  margin-left: 40px;
  margin-top: 0;
  clear: inherit;
  display: flex;
  position: relative;
  /* left: -160rpx; */
}
.i-step-item-date{
  font-size: 24rpx;
  color: #666;
  /* margin-right: 80rpx; */
}
.i-step-vertical .i-step-line {
  position: absolute;
  height: 100%;
  top: 0;
  left: 10px;
  margin: 0 0 0 12px;
  width: 1px;
}
.i-donger{
  background:rgba(0, 0, 0, 0);
  border-left:1rpx dashed #d9ae59;
}