.steps {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0;
  margin-bottom: 30px;
  counter-reset: step;
  /*创建步骤数字计数器*/
  /*步骤数字*/
  /*连接线*/
  /*将当前/完成步骤之后的数字及连接线变灰*/
}
.steps li {
  list-style-type: none;
  font-size: 12px;
  text-align: center;
  width: 33.33%;
  position: relative;
  z-index: 1;
  /*将当前/完成步骤之前的数字及连接线变绿*/
}
.steps li:before {
  display: block;
  content: counter(step);
  /*设定计数器内容*/
  counter-increment: step;
  /*计数器值递增*/
  width: 35px;
  height: 35px;
  background-color: #3F6DFE;
  line-height: 35px;
  border-radius: 35px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  margin: 0 auto 8px auto;
}
.steps li.active:before {
  background-color: #3F6DFE;
}
.steps li.active:after {
  background-color: #3F6DFE;
}
.steps li ~ li:after {
  content: "";
  width: calc(100% - 24px);
  height: 4px;
  background-color: #3F6DFE;
  position: absolute;
  left: calc(-50% + 18px);
  top: 15px;
  z-index: -1;
  /*放置在数字后面*/
}
.steps li.active ~ li:before {
  background-color: #CBCBCB;
}
.steps li.active ~ li:after {
  background-color: #F5F5F5;
}
.steps .title {
  padding-top: 20px;
  font-size: 16px;
  color: #888;
}
.steps .mask {
  position: absolute;
  top: -4px;
  left: 50%;
  margin-left: -17px;
  width: 34px;
  height: 34px;
  border-radius: 34px;
  opacity: 0.3;
  background-color: #CBCBCB;
  z-index: -1;
}
.steps .active1 {
  color: #3F6DFE;
}

.ivu-cell[data-v-03f4fdf7] {
  cursor: auto;
}
.ivu-cell[data-v-03f4fdf7]:hover {
  background: none;
}