.search-panel {
  width: 100%;
}
.search-panel-body {
  background: #ffffff;
  border-radius: 3px;
}
.search-panel-body-tree-group h2 {
  background: #f5f7fa;
  border-radius: 3px 3px 0px 0px;
  font-family: PingFangSC-Medium;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-primary);
  padding: 0 24px;
  font-weight: 500;
  height: 36px;
  line-height: 36px;
  margin-bottom: 16px;
}
.search-panel-body-tree-group-title {
  background: #f5f7fa;
  border-radius: 3px 3px 0px 0px;
  font-family: PingFangSC-Medium;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-primary);
  padding: 0 24px;
  font-weight: 500;
  height: 36px;
  line-height: 36px;
  margin-bottom: 16px;
}
.search-panel-body-tree-group-name {
  padding: 0 24px;
  font-family: PingFangSC-Regular;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-primary);
  margin-bottom: 10px;
}
.search-panel-body-tree-group-tags {
  padding: 0 24px;
}
.search-panel-body-tree-group-tags--item {
  margin-right: 8px !important;
  margin-bottom: 12px !important;
}
.search-panel-body-tree-group__del {
  margin-top: 8px;
  text-align: right;
}
.search-panel-body-tree-group span {
  cursor: pointer;
}