.yyui-stepsnav{
  border-radius: 3px;
  padding: 20px 0px 0px 10px;
  border: 1px solid rgb(221, 221, 221);
  background-color: white;
  width: 45px;
  position: relative;
  box-shadow: 0 0 8px rgba(0,0,0,.1);
  position:fixed;
  z-index:999;
  .ant-steps{
    &-small{
      .ant-steps-item{
        .ant-steps-head{
          background: transparent;
          .ant-steps-head-inner{
            .head-inner();
          }
        }
      };
      .ant-steps-main{
        .ant-steps-title{
          background:transparent;
          font-size: 14px;
          font-weight: 400;
        }
      }
    }
  }
  &.expended{
    width: 125px;
  }
  &.cp-stepsnav{
     .ant-steps-small{
      .ant-steps-status-process{
        .ant-steps-head{
          .ant-steps-head-inner{
            border: 1px solid #fe8d1e;
            background-color: #fe8d1e;
            .ant-steps-icon{
              color:#fff;
            }
          }
        }
      }
      .ant-steps-status-finish{
        .ant-steps-head{
          .ant-steps-head-inner{
            border: 1px solid #fe8d1e;
            background-color: #fff;
            .ant-steps-icon{
              color:#fe8d1e;
            }
          }
        }
        // 分割线样式
        .ant-steps-tail{
          i{
            &:after{
                background: #fe8d1e;
            }
          }
        }
      }
    }
  }
}
//  提公共
.head-inner(){
      width: 18px;
      height: 18px;
      line-height: 18px;
      text-align: center;
      border-radius: 18px;
      font-size: 12px;
      margin-right: 10px;
}
// YYNavItem覆盖掉分割线的样式
.yyui-steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail-no-direction > i:after {
  width: 100%;
  background: #e2e2e2;
  transition: all 0.4s ease;
  opacity: 1;
}