.nav-tabs .nav-item .nav-link.active, .nav-pills .nav-item .nav-link.active, .nav-tabs.nav-justified .nav-item .nav-link.active {
  font-weight: bold;
}

// 左侧垂直item高度
.nav-vertical-w {
  min-width: 10rem !important;
}

.nav-pills .nav-link, .nav-tabs .nav-link {
  justify-content: start !important;
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link {
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  height: 40px !important;
  line-height: 40px !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link:after {
  position: absolute;
  width: 0 !important;
  height: 100% !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  border-right: 3px solid $primary !important;
  content: '' !important;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link.active:after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}