.tab-box {
	display: flex;
	height: 90rpx;
	background-color: #fff;

	.left {
		display: flex;
		width: 0;
		flex: 1;
		align-items: center;
		padding-left: 30rpx;
		justify-content: space-between;

		.user {
			flex-shrink: 0;
			line-height: 40rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 700;
			font-size: 28rpx;
			color: #333333;
			margin-right: 20rpx;
		}

		.type {
			font-family: PingFang SC, PingFang SC;
			font-size: 28rpx;
			color: #666666;
			flex-shrink: 0;

			.iconfont {
				font-size: 26rpx;
				margin-right: 10rpx;
			}
		}
	}

	.right {
		display: flex;
		align-items: center;
		height: 90rpx;
		flex-shrink: 0;

		.filtrate-box {
			display: flex;
			height: 100%;
			align-items: center;
			padding: 0 20rpx;

			font-family: PingFang SC, PingFang SC;
			font-size: 28rpx;
			color: #666666;

			.iconfont {
				margin-right: 6rpx;
				color: #999999;
			}

		}

		.search-box {
			display: flex;
			height: 100%;
			align-items: center;
			padding: 0 30rpx;

			.iconfont {
				font-size: 40rpx;
			}
		}
	}
}

.title {
	line-height: 38rpx;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: bold;
	font-size: 28rpx;
	color: #333333;

	.tag {
		display: inline-block;
		height: 40rpx;
		line-height: 40rpx;
		padding: 0 8rpx;
		border-radius: 4rpx;
		font-family: PingFang SC, PingFang SC;
		font-size: 24rpx;
		color: #FFFFFF;
		font-weight: 400;
		margin-right: 8rpx;
	}
}

.row {
	line-height: 32rpx;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-size: 24rpx;
	color: #999999;
	margin-top: 10rpx;
}

.expanded {
	display: flex;
	align-items: center;
	height: 32rpx;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: bold;
	font-size: 24rpx;
	color: #3874F6;
	margin-top: 10rpx;

	.iconfont {
		font-size: 16rpx;
		margin-left: 8rpx;
		display: inline-block; // 使transform生效
		transform: rotate(90deg) !important; // 默认指向下方
		transition: transform 0.3s ease; // 添加过渡效果
	}
}

.up {
	.iconfont {
		transform: rotate(-90deg) !important; // 指向上方
	}
}