//:root {
//  .vp-sidebar-item {
//    &[data-level='1'] { color: #3eaf7c }
//    &[data-level='2'] { color: #f09d51 }
//  }
//}
.vp-sidebar{
  width: 22rem;
}
.vp-sidebar-items{
  margin-left: 1.25rem;
  width: 80%;
}
.vp-sidebar-children {
  //.vp-sidebar-item{
    .vp-sidebar-children {+

      .vp-sidebar-item {
        //li{
          padding: 0;
        //}
      }
    }
  //}

}
.vp-sidebar-item {
  margin-bottom: 0.625rem!important;
  padding-left: 1.25rem!important;
  line-height: 2.5rem!important;
}
.vp-sidebar-item.auto-link:hover, .vp-sidebar-item.active:not(p.vp-sidebar-heading){
  color: #000;
  background: #f8f8f8;
  border: none;
  border-radius: 0.625rem;
  //border-inline-start-color:#368cbb; // 左侧条
}
.vp-sidebar{
  scrollbar-color: #999 #e2e2e3;
}
.vp-navbar-item,.vp-navbar-dropdown-item{
  color: #000;
}
@media (max-width: 719px){
  .vp-navbar-item .auto-link:hover, .vp-navbar-item .auto-link .auto-link-active{
    color: #000;
  }
  .vp-sidebar-item.auto-link:hover, .vp-sidebar-item.active:not(p.vp-sidebar-heading){
    color: #000;
    background: #f8f8f8;
    border: none;
    border-radius: 0.625rem;
    //border-inline-start-color:#368cbb; // 左侧条
  }
  .vp-sidebar{
    scrollbar-color: #999 #e2e2e3;
  }
}


.route-link-active{
  color: #299764!important;
  border-bottom: 2px solid #299764;
  font-weight: 500;
}
.vp-navbar-item.active {
  color: #299764;
  border-bottom: 2px solid #299764;
  font-weight: 500;
}

.vp-navbar-item:hover {
  color: #299764;
}