.activitydesc-step {
    border-bottom: 1px solid #e5e5e5;
    height: 5.357143rem;
    // ul {
    //   position: relative;
    //   display: flex;
    //   justify-content: space-around;
    //   align-items: center;
    //   height: 5.357143rem;
    //   align-items: center;

    //   .first {
    //     display: flex;
    //     align-items: center;
    //     flex-direction: column;
    //     z-index: 99;

    //     p {
    //       width: 1.5rem;
    //       height: 1.5rem;
    //       border-radius: 50%;
    //       background-color: #FF8A62;
    //       margin-bottom: .642857rem;
    //       text-align: center;

    //       span {
    //         display: inline-block;
    //         width: .428571rem;
    //         height: .428571rem;
    //         border-radius: 50%;
    //         background-color: #fff;
    //         margin-top: .535714rem;
    //       }
    //     }

    //     span {
    //       color: #FF8A62;
    //       font-size: .857143rem;
    //     }
    //   }

    //   .second,
    //   .third,
    //   .fore {
    //     display: flex;
    //     align-items: center;
    //     flex-direction: column;
    //     z-index: 99;
    //     color: #999999;

    //     p {
    //       width: 1.5rem;
    //       height: 1.5rem;
    //       border-radius: 50%;
    //       background-color: transparent;
    //       margin-bottom: .642857rem;
    //       text-align: center;

    //       span {
    //         display: inline-block;
    //         width: .571429rem;
    //         height: .571429rem;
    //         border-radius: 50%;
    //         background-color: #FF8A62;
    //         margin-top: .428571rem;
    //       }
    //     }

    //     span {
    //       font-size: .857143rem;
    //     }
    //   }

    //   .line1,
    //   .line2,
    //   .line3 {
    //     position: absolute;
    //     display: inline-block;
    //     width: 5.857143rem;
    //     height: .142857rem;
    //     background-color: #EDEDED;
    //     margin-top: -0.785714rem;
    //   }

    //   .line1 {
    //     left: 4rem;
    //   }

    //   .line2 {
    //     width: 6.428571rem;
    //   }

    //   .line3 {
    //     right: 3.5rem;
    //     width: 6.428571rem;
    //   }
    // }

    /* 步骤条 */
    .steps {
      position: relative;
      counter-reset: step;
      /*创建步骤数字计数器*/
      // height: 4.5rem;
      // padding: 0.8rem 0;
      padding: .857143rem 0;
      background-color: #fff;
      z-index: 2;
      display: flex;
    }

    /*步骤描述*/
    .steps li {
      list-style-type: none;
      font-size: 0.857rem;
      text-align: center;
      width: 25%;
      position: relative;
      // float: left;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .steps li i {
      display: inline-block;
      width: 1.5rem;
      height: 1.5rem;
      background-color: #FF8A62;
      border-radius: 50%;
      margin-bottom: .571429rem;
    }

    /*步骤数字*/
    // .steps li:before {
    //   display: block;
    //   content: counter(step);
    //   /*设定计数器内容*/
    //   counter-increment: step;
    //   /*计数器值递增*/
    //   width: 2.143rem;
    //   height: 2.143rem;
    //   background-color: #FF8A62;
    //   line-height: 2.2;
    //   border-radius: 50%;
    //   font-size: 0.928rem;
    //   color: #fff;
    //   text-align: center;
    //   margin: 0 auto 0.571rem auto;
    //   // background: url('../images/addplayer/gouyuan.png') no-repeat;
    //   // background-size: 100% 100%;
    // }

    /*连接线*/
    .steps li~li:after {
      content: '';
      width: 100%;
      height: .142857rem;
      background-color: #FF8A62;
      position: absolute;
      left: -50%;
      top: .7rem;
      z-index: -1;
      /*放置在数字层后面*/
    }

    /*将当前/完成步骤之前连接线变绿*/
    .steps li.active:after {
      background-color: #FF8A62;
    }
    .steps li.fulfill i{
      &::before{
        display: block;
        content: '';
        /*设定计数器内容*/
        /*计数器值递增*/
        width: .785714rem;
        height: .571429rem;
        background: url('../images/addplayer/gouyuan.png') no-repeat;
        background-size: 100% 100%;
        margin-left: .357143rem;
        margin-top: .428571rem;
      }
    }
    .steps li.fulfill span,
    .steps li.active span{
      color: #FF8A62;
    }
    .steps li.active i{
      &::before{
        display: block;
        content: '';
        /*设定计数器内容*/
        /*计数器值递增*/
        width: .428571rem;
        height: .428571rem;
        background-color: #fff;
        border-radius: 50%;
        margin-left: .535714rem;
        margin-top: .535714rem;
      }
    }


    /*将当前/完成步骤之后的数字及连接线变灰*/
    .steps li.active~li:before,
    .steps li.active~li:after {
      background-color: #e4e4e4;
    }
  }