.activitydesc-step {
  border-bottom: 1px solid #e5e5e5;
  height: 5.357143rem;
  /* 步骤条 */
  /*步骤描述*/
  /*步骤数字*/
  /*连接线*/
  /*将当前/完成步骤之前连接线变绿*/
  /*将当前/完成步骤之后的数字及连接线变灰*/
}
.activitydesc-step .steps {
  position: relative;
  counter-reset: step;
  /*创建步骤数字计数器*/
  padding: 0.857143rem 0;
  background-color: #fff;
  z-index: 2;
  display: flex;
}
.activitydesc-step .steps li {
  list-style-type: none;
  font-size: 0.857rem;
  text-align: center;
  width: 25%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.activitydesc-step .steps li i {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #FF8A62;
  border-radius: 50%;
  margin-bottom: 0.571429rem;
}
.activitydesc-step .steps li ~ li:after {
  content: '';
  width: 100%;
  height: 0.142857rem;
  background-color: #FF8A62;
  position: absolute;
  left: -50%;
  top: 0.7rem;
  z-index: -1;
  /*放置在数字层后面*/
}
.activitydesc-step .steps li.active:after {
  background-color: #FF8A62;
}
.activitydesc-step .steps li.fulfill i::before {
  display: block;
  content: '';
  /*设定计数器内容*/
  /*计数器值递增*/
  width: 0.785714rem;
  height: 0.571429rem;
  background: url('../images/addplayer/gouyuan.png') no-repeat;
  background-size: 100% 100%;
  margin-left: 0.357143rem;
  margin-top: 0.428571rem;
}
.activitydesc-step .steps li.fulfill span,
.activitydesc-step .steps li.active span {
  color: #FF8A62;
}
.activitydesc-step .steps li.active i::before {
  display: block;
  content: '';
  /*设定计数器内容*/
  /*计数器值递增*/
  width: 0.428571rem;
  height: 0.428571rem;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 0.535714rem;
  margin-top: 0.535714rem;
}
.activitydesc-step .steps li.active ~ li:before,
.activitydesc-step .steps li.active ~ li:after {
  background-color: #e4e4e4;
}