.page-search-page {
  padding-top: 100rpx;
  padding-bottom: env(safe-area-inset-bottom);
  /* 搜索栏 */
  .search-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 750rpx;
    margin: auto;
    background: #fff;
    padding: 20rpx 30rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    .switch-type {
      display: flex;
      align-items: center;
      margin-right: 30rpx;
      image {
        width: 28rpx;
        height: 28rpx;
      }
    }
    .search-box {
      flex: 1;
      margin-right: 30rpx;
      height: 60rpx;
      background: #f5f5f5;
      border-radius: 60rpx;
      display: flex;
      align-items: center;
      .icon {
        width: 24rpx;
        height: 24rpx;
        font-size: 0;
        margin: 0 0 5rpx 20rpx;
      }
      .input {
        margin: 0 16rpx 0 10rpx;
        flex: 1;
      }
    }
    .search-cancel {
      color: #999;
    }
  }
  /* 搜索历史、热门搜索 */
  .search-con {
    padding: 10rpx 30rpx 30rpx;
    .search-tit {
      display: flex;
      align-items: center;
      justify-content: space-between;
      line-height: 38rpx;
      .text {
        font-weight: 600;
        font-size: 28rpx;
      }
      .hot-icon {
        display: inline-block;
        vertical-align: top;
        margin-top: 6rpx;
        margin-left: 4rpx;
        width: 24rpx;
        height: 24rpx;
        font-size: 0;
      }
      .del {
        width: 24rpx;
        height: 24rpx;
        font-size: 0;
        padding: 10rpx;
        background: #f5f5f5;
        border-radius: 50%;
      }
    }
    .search-history {
      display: flex;
      flex-wrap: wrap;
      .item {
        padding: 0 20rpx;
        height: 48rpx;
        line-height: 48rpx;
        font-size: 22rpx;
        background: #f5f5f5;
        border-radius: 48rpx;
        margin-right: 20rpx;
        margin-top: 20rpx;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }
    }
    .search-hot {
      display: flex;
      flex-wrap: wrap;
      padding-top: 20rpx;
      .item {
        max-width: 300rpx;
        margin-bottom: 20rpx;
        line-height: 32rpx;
        box-sizing: border-box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        line-break: anywhere;
        border-radius: 50rpx;
        background-color: #f2f2f2;
        margin-right: 20rpx;
        padding: 0 30rpx;
        line-height: 52rpx;
      }
    }
  }
}
/* 搜索历史、热门搜索 */
