.search-history {

  width: 100%;

  height: calc(100vh - 1rem);

  background-color: #FFFFFF;

}



.search-history .head {

  padding: 0.4rem 0.4rem 0.35rem;

}



.search-history .title {

  font-size: 0.36rem;

  font-weight: bold;

  color: #2B2B2B;

}



.search-history .icon-delete {

  font-size: 0.32rem;

  color: #8C8C8C;

}



.search-history .history-list {

  padding-left: 0.4rem;

  padding-right: 0.27rem;

}



.search-history .history-item {

  margin-right: 0.13rem;

  margin-bottom: 0.2rem;

  padding: 0.05rem 0.3rem;

  font-size: 0.28rem;

  background-color: #F7F7F7;

  color: #262626;

  border-radius: 0.3rem;

}
.search-commend{padding-left:.4rem;}
  .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%;}
  .search-commend .coditem span{color:#1890ff}
  .am-drawer{overflow:unset}

  .head-search .input-box{position:relative}
  
  .hotsearch{font-size: .36rem;
      font-weight: 500;
      color: #262626;
      line-height: .5rem;
      background: url(https://info.compassedu.hk/mobile/search/fire.png) no-repeat;
      background-size: .32rem .4rem;
      background-position: 1.64rem .05rem;}
  .hotframe{font-size: .28rem;
      margin-top:.35rem;
      font-weight: 400;
      color: #262626;
      line-height: .4rem;}
      .hotframe a{color: #262626;}
      .hotframe .item1{width: 50%;background: url(https://info.compassedu.hk/mobile/search/n1.png) no-repeat;
        padding-left: .46rem;
        background-size: .34rem .36rem;
        background-position: 0 .02rem;}
      .hotframe .item2{width: 50%;background: url(https://info.compassedu.hk/mobile/search/n2.png) no-repeat;
          padding-left: .46rem;
          background-size: .34rem .36rem;
          background-position: 0 .02rem;}
      .hotframe .item3{width: 50%;background: url(https://info.compassedu.hk/mobile/search/n3.png) no-repeat;
        padding-left: .46rem;
        background-size: .34rem .36rem;
        background-position: 0 .02rem;}
      .hotframe .item4{width: 50%;background: url(https://info.compassedu.hk/side/side4.png) no-repeat;
      padding-left: .46rem;
      background-size: .34rem .36rem;
      background-position: 0 .02rem;}