
$color-main-blue: #007BFF;
$common-width:94vw;


@mixin scroll-view-container($height) {
	height: $height;
}

@mixin common-page($height) {
	background-color: rgba(244, 244, 244, 1);
	height: $height;

	font-size: 28rpx;
	font-family: Arial;
	padding: 2rpx 0;
	box-sizing: border-box;
	
}

// 页面通用样式(tab页)
.page-container {
	@include common-page(calc(100vh - 120rpx));
	overflow: hidden;
}
// 页面通用样式(详情页)
.detail-page-container {
	@include common-page(100vh);
	overflow: auto;
}

// 话题容器样式
.topic-box-common {
	// height: 52rpx;
	background-color: rgba(0, 123, 255, 0.1);
	color: $color-main-blue;
	font-size: 26rpx; /* 基准字体大小 */
	padding: 10rpx 16px; /* 只左右内边距，高度由line-height决定 */
	border-radius: 2em; /* 1em = 16px = 高度32px的50% */
	height: fit-content;
	margin-bottom: 10rpx;
}


.search-box-common{
	height: 76rpx;
	width: $common-width;
	background-color: white;
	margin: 20rpx auto;
	border-radius: 12rpx;
	display: flex;
	align-items: center;
	padding: 0 30rpx;
	box-sizing: border-box;
	.search-icon{
		width: 36rpx;
		height: 36rpx;
		margin-right: 20rpx;
	}
	.placeholder-class{
		color: rgba(153, 153, 153, 1);
		font-size: 28rpx;
	}
}


