ximalaya-lite/pages/search/search.wxss

/* 
  ======== 
  搜索部分css 
  ========
*/
.hmly-search {
	width: 90%;
	height: auto;
	display: flex;
	align-items: center;
	margin: 0rpx auto;
}

.hmly-search-left {
	flex: 4;
	background-color: rgb(240, 240, 240);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10rpx 20rpx;
	border-radius: 15rpx;
}

.hmly-search input {
	width: 90%;
	height: 100%;
	font-size: 29rpx;
	margin-left: 20rpx;
}

.hmly-search-right {
	flex: 0.5;
	font-size: 30rpx;
	color: #aaa;
	text-align: center;
	margin-left: 30rpx;
}

/* 
  ======== 
  搜索历史和热门搜索部分css 
  ========
*/
.hmly-title {
	width: 100%;
	height: 50rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}

.hmly-title-text {
	color: #000;
	font-weight: 700;
}

.hmly-history {
	width: 90%;
	height: auto;
	margin: 0rpx auto;
	margin-top: 80rpx;
}

.hmly-history-content {
	width: 100%;
	height: auto;
	margin-top: 30rpx;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.hmly-content-item {
	font-size: 33rpx;
	text-align: center;
	padding: 10rpx 20rpx;
	margin: 0 20rpx 20rpx 0;
	border-radius: 25rpx;
}

.hmly-hot {
	width: 90%;
	height: auto;
	margin: 0rpx auto;
	margin-top: 80rpx;
}

.hmly-hot-content {
	width: 100%;
	height: auto;
	margin-top: 30rpx;
}

.hmly-hot-items {
	width: 100%;
	height: 50rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20rpx;
}

.hmly-item-left {
	display: flex;
	justify-content: flex-start;
	font-size: 32rpx;
}

.hmly-item-title {
	margin-left: 40rpx;
}