.tag-keywords-list {
  width: calc(100% + 40px);
  max-height: 120px;
  margin-left: -20px;
  margin-bottom: 10px;
  overflow: auto;
  .tag-keywords-item {
    width: 100%;
    margin: 2px 0;
    height: 24px;
    line-height: 24px;
    color: #333;
    font-size: var(--fs-default);
    cursor: pointer;
    padding-left: 20px;
    &.tag-keywords-item-active {
      color: var(--primary);
      .anticon {
        color: var(--primary);
      }
    }
    .anticon {
      color: var(--icon);
      font-size: 16px;
      margin-right: 6px;
    }
    &:hover {
      background: #efffff;
    }
  }
}

.tag-item-box {
  display: flex;
  flex-wrap: wrap;
  max-height: 300px;
  overflow: auto;
  .lm-tag-item {
    margin: 5px 5px 5px 0;
  }
}
.tag-search-label-item {
  margin-bottom: 10px;
  .tag-box-desc {
    margin-bottom: 5px;
    font-size: var(--fs-small);;
    color: var(--text);
    font-weight: 700;
    line-height: 17px;
  }
}

.lm-c-padding-box.lm-c-normol-box.tag-portal-box {
  margin-top: 10px;
  box-shadow: 4px 8px 32px -4px rgba(16, 21, 36, 0.2);
  background: #fff;
}

.tag-search-label-item {
  .tag-label-title {
    margin-bottom: 15px;
    font-size: var(--fs-small);;
    color: var(--text);
    font-weight: 700;
    line-height: 17px;
  }
  .tag-label-content {
    > div {
      margin-right: 10px;
      margin-bottom: 10px;
    }
  }
}
