.ht-base-anchor {

}

.ht-base-anchor-demo {
  .anchor-link {
    padding: 0 0;
    a {
      width: 48px;
      text-align: center;
      height: 48px;
      line-height: 48px;
      background:@primary-color;
      color: #ffffff;
      text-decoration: none;
      /*border-bottom: 1px solid rgba(230, 247, 255, 1);*/
    }
    a:hover{
      background: @primary-5;
    }
    a:after{
      content: '';
      width: 30px;
      height: 1px;
      position: absolute;
      top: 0;
      left: 9px;
      background:#ffffff;
    }
  }
  .anchor-link:nth-last-child(4){
    a:after{
      background: none;
    }
  }
  .anchor-link:nth-last-child(1){
    a{
      background: #8c8c8c;
      color: #ffffff;
      line-height: 70px;
    }
  }

  .ivu-anchor-link-active > .ivu-anchor-link-title {
    color: @primary-color;
    background: @primary-1;
    text-decoration: none;
    pointer-events: none;
  }
  .ivu-anchor-link-active > .ivu-anchor-link-title:active{
    background: @primary-7;
  }

  .ivu-anchor-link-active+.anchor-link>a:after{
    background:  @primary-1;
  }
  .ivu-anchor-ink:before {
    width: 0px;
  }
}
