.nav-actions {
  line-height: 36px;
  padding-top: 18px;
  padding-right: 8px;
  word-break: keep-all;
  font-size: 13px;
}
.nav-actions .nav-action-contact-us {
  background-image: url("https://1-1304306860.cos.accelerate.myqcloud.com/images/xiaojika/kf.png");
  background-size: 20px;
  background-repeat: no-repeat;
  padding-top: 20px !important;
  text-align: center;
  background-position: top center;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #000;
  background-color: #FFF;
}
.nav-pills .nav-link {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.nav-pills .nav-link.active {
  color: var(--primary);
}
.group-category {
  float: left;
  width: 25%;
  overflow-y: auto;
  height: 100%;
}
.group-list {
  float: left;
  width: 75%;
  overflow-y: auto;
  height: 100%;
  background-color: #FFF;
}
.group-detail {
  padding: 1rem 0;
  text-align: center;
}
.group-detail img {
  max-width: 60px;
  border-radius: 12px;
  box-shadow: none;
}
.group-detail .row > div {
  margin-bottom: 0.5rem;
}