
.ht-base-anchor-fixed {
  .ivu-anchor-link-active > .ivu-anchor-link-title {
    color: @primary-color;
    background: @primary-1;
    text-decoration: none;
    pointer-events: none;
  }
  .ht-base-anchor-link {
    padding: 0 0;
    a {
      width: 48px;
      text-align: center;
      height: 48px;
      line-height: 48px;
      background: @primary-color;
      color: #ffffff;
      text-decoration: none;
      position: relative;
    }
    a:hover{
      background: @primary-5;
      color: #ffffff;
    }
    a:after{
      content: '';
      width: 30px;
      height: 1px;
      position: absolute;
      top: 47px;
      left: 9px;
      background:#e6f7ff;
    }
  }
  .ht-base-anchor-link:last-child{
    a:after{
      content: '';
      width: 30px;
      height: 0px;
      position: absolute;
      top: 0px;
      left: 9px;
      background:#e6f7ff;
    }
  }
  .ht-base-anchor-link:nth-last-child(1){
    a{
      background: #8c8c8c;
      color: #ffffff;
      line-height: 70px;
    }

  }


  .ivu-anchor-link-active {
    position: relative;
    top: -1px;
    & > .ivu-anchor-link-title:active{
      background: @primary-7;
    }
  }


  .ivu-anchor-ink:before {
    width: 0px;
  }
}
