.search-commend {
  position: fixed;
  z-index: 20;
  top: 1rem;
  /* left: 0; */
  width: 100vw;
  height: calc(100vh - 1rem);
  background-color: #FFFFFF;
  display: none;
  max-width: 7.7rem !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
}
.search-commend .coditem{font-size: .32rem;
  font-weight: 400;
  color: #262626;
  line-height: .88rem;
  box-shadow: 0px 1px 0px 0px #E7E7E7;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  margin: 0 auto;
}
  .search-commend .coditem span{color:#1890ff}
  .am-drawer{overflow:unset}

  .head-search .input-box{position:relative}
  
  .iconcha{position: absolute;
    content: ' ';
    right: .2rem;
    width: .23rem;
    height: .23rem;}
    .iconcha::before,
    .iconcha::after {
    position: absolute;
    content: ' ';
    background-color: #262626;
    left:.115rem;
    width: 1px;
    height: .23rem;
  }

  .iconcha::before {
      transform: rotate(45deg);
  }

  .iconcha::after {
      transform: rotate(-45deg);
  }