/* packageI/searchPage/searchPage.wxss */
#searchPage {
  background-color: #fff;
}

.head {
  width: 100%;
  border-bottom: 1rpx solid #e4e4e4;
  padding: 30rpx 30rpx 20rpx 36rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.inpbox {
  width: 606rpx;
  height: 62rpx;
  border-radius: 33rpx;
  background: #f2f5f5;
  display: flex;
  align-items: center;
}

.head text {
  font-size: 28rpx;
  margin-left: 22rpx;
}

.inpbox .iconfont {
  margin-left: 34rpx;
  margin-right: 43rpx;
}

.inpbox input {
  flex: 1;
  display: flex;
  align-items: center;
}

.contenBox {
  padding: 28rpx 30rpx 20rpx 34rpx;
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
}

.recent_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}

.recent_top text {
  font-size: 32rpx;
}

.recent .head_top text {
  font-size: 28rpx;
}

.recent_conten {
  display: flex;
  align-items: center;
  margin-top: 25rpx;
  flex-wrap: wrap;
}

.recent_lis {
  padding: 5rpx 22rpx;
  background-color: #f9f9f9;
  border-radius: 25rpx;
  margin-right: 20rpx;
  margin-top: 25rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 搜素发现 */
.recent {
  margin-bottom: 74rpx;
}

.discover_conten {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.discover_lis {
  padding: 5rpx 22rpx;
  background: #f9f9f9;
  border-radius: 25rpx;
  margin-right: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28rpx;
  margin-top: 25rpx;
}

.discover_lis .hot_logo_more {
  color: #9b9b9b;
  font-size: 24rpx;
  display: flex;
  align-items: center;
}

.hot {
  color: #c23b38;
}

.hot_logo {
  /* background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img/icon_hot@2x.png'); */
  background-size: cover;
  background-repeat: no-repeat;
  width: 30rpx;
  height: 30rpx;
  margin-left: 12rpx;
}

/* 热门搜索 */
.discover {
  margin-bottom: 79rpx;
}

.popular_conten {
  display: flex;
  align-items: center;
  margin-top: 25rpx;
}

.popular_left {
  width: 90rpx;
  height: 90rpx;
  border-radius: 4rpx;
}

.popular_left image {
  width: 100%;
  height: 100%;
}

.popular_right {
  flex: 1;
  margin-left: 19rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

#searchPage {
  font-family: 'PingFangSC-Medium';
}

.popular_right .title {
  font-size: 28rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'PingFangSC-Medium';
  font-weight: 500;
}

.popular_right .detail {
  font-size: 24rpx;
  color: #9b9b9b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
