.neighbor-search-tool-root {
  left: 0;
  top: 40px;
  bottom: 0;
  width: 440px;
  position: absolute;
  background: #fff;
  border-right: 1px solid var(--kw-line-color);

  .quickSearch {
    top: 8px;
    cursor: pointer;
    min-width: 80px;
    padding: 4px 12px;
    position: absolute;
    border: var(--kw-border);
    border-radius: 4px;
    background: #fff;
  }

  &.close {
    width: 0 !important;

    .content-wrap {
      display: none !important;
    }
  }

  .content-wrap {
    position: relative;
  }

  .close-bar {
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 80px;
    line-height: 80px;
    background: #ffffff;
    border-radius: 0px 3px 3px 0px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-left: none;
    text-align: center;
    cursor: pointer;
  }

  .t-header {
    height: 56px;
    width: calc(1005 - 24px * 2);
    margin: 0 24px;
    border-bottom: 1px solid var(--kw-line-color);

    .close-mask {
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 16px;
      color: var(--kw-text-color-secondary);
      transform: translateX((50px - 16px) / 2);

      &:hover {
        color: var(--kw-text-color);
      }
    }
  }

  .dire-btn {
    width: 33.3%;
    text-align: center;
    margin-top: 8px;
  }

  .scroll-container {
    max-height: calc(100% - 56px - 84px);
    overflow-y: auto;
    overflow-y: overlay;
  }

  .filter-param-list {
    padding: 0 24px;

    // max-height: calc(100% - 56px - 246px - 34px - 20px - 24px - 62px);
    // overflow-y: auto;
    // overflow: overlay;
    .explainTipIcon {
      transform: translateY(-2px);
    }
  }

  .query-btn {
    width: 100%;
    height: 84px;
    padding: 32px 24px 24px 24px;

    &.fixed {
      position: absolute;
      bottom: 0;
    }
  }

  .custom-search-tool-res {
    border-right: 1px solid var(--kw-line-color);
  }
}