.suggest-result {
  position: absolute;
  top: 100%;
  background: #fff;
  width: 95.5%;
  /* min-width: 100%; */
  /* margin-top: 2px; */
  -webkit-box-shadow: 0 7px 21px rgb(83 92 105 / 12%), 0 -1px 6px 0 rgb(83 92 105 / 6%);
          box-shadow: 0 7px 21px rgb(83 92 105 / 12%), 0 -1px 6px 0 rgb(83 92 105 / 6%);
  z-index: 9999;
  overflow: auto;
  max-height: 600px;
}

.suggest-result-item {
  background-color: transparent;
  display: block;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  outline: none;
  white-space: nowrap;
  -webkit-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  padding: 11px 16px;
  display: block;
  color: #000;
}

.suggest-result-item:hover {
  text-decoration: none;
}

.suggest-result-item.active {
  background-color: #f6f8f9;
}

.result-reveal-enter-active {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.result-reveal-enter {
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
}