/* pages/index/index_search/index_search.wxss */
page{
  background-color: #f5f5f5;
}
.top {
  height: 100rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30rpx;
}

.top_fi {
  width: 100%;
  background: #fff;
}

.search {
  font-size: 24rpx;
  flex: 1;
  display: flex;
  align-items: center;
  height: 60rpx;
  background-color: #f5f5f5;
  border-radius: 40rpx;
  padding-left: 39rpx;
}

.search image:first-child{
  width: 32rpx;
  height: 32rpx;
  margin-right: 20rpx;
}
.search image:last-child{
  width: 32rpx;
  height: 32rpx;
}
.search input {
  width: 470rpx;
}

.sear {
  font-size: 24rpx;
  color: #999;
  padding-left: 30rpx;
}

.hot{
  padding: 0 30rpx;
  font-size: 32rpx;
  color: #333333;
  margin-top: 20rpx;
}
.hot-all{
  padding: 0 30rpx;
  margin-top: 40rpx;
}
.hot-all::after{
  display: block;
  content: '';
  clear: both;
}
.hot-cont{
  float: left;
	height: 40rpx;
	line-height: 40rpx;
	background-color: #f3f4f8;
  border-radius: 4rpx;
  font-size: 24rpx;
  color: #666666;
  padding: 0 14rpx;
  margin:0 24rpx 30rpx 0;
}