/* 中等屏设备样式（覆盖前面小屏设备样式） */
@media screen and (min-width: 769px) and (max-width: 1024px) {
	/* 针对宽度在 769px 到 1024px 之间的中等屏设备（如平板、较小的笔记本电脑） */
	.header {
		display: flex;
		justify-content: center;
		padding: 5px 40px;
		align-items: center;
		flex-direction: column;
	}

	.ddcxpx {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
				gap: 14px;
	}

	h1 {
		font-size: 20px;
		/* 设置字体大小为 28px */
		margin: 0;
		/* 清除外边距 */
		/* margin-left: 50px; */
		/* 添加右外边距，让按钮向右移动 */
	}



	.order-input {
		height: 20px;
		/* 设置输入框高度为 32px */
		padding: 0 10px;
		/* 左右内边距为 10px */
		border: 1px solid #ccc;
		/* 边框颜色为浅灰色 */
		border-radius: 5px;
		/* 设置圆角为 5px */
		font-size: 14px;
		/* 设置字体大小为 14px */
		width: 150px;
		/* 设置输入框宽度为 200px */
	}

	.order-check {
		width: 100px;
		/* 按钮宽度 */
		height: 23px;
		/* 按钮高度 */
		background-color: #4CAF50;
		/* 按钮背景颜色 */
		color: white;
		/* 按钮文字颜色 */
		font-size: 10px;
		/* 字体大小 */
		border: none;
		/* 去除边框 */
		border-radius: 5px;
		/* 设置圆角 */
		cursor: pointer;
		/* 鼠标悬停时显示手型指针 */
		text-align: center;
		/* 文本居中 */
		line-height: 23px;
		/* 设置行高，使文字在按钮内垂直居中 */
		transition: all 0.3s ease;
		/* 添加动画过渡效果 */
	}

	.search-nav-wrapper {
		background-color: white;
		/* 设置背景颜色为白色 */
		padding: 10px 40px;
		/* 内边距为上下 10px，左右 40px */
		display: flex;
		/* 使用 Flex 布局 */
		flex-direction: column;
		/* 子元素垂直排列 */
		gap: 10px;
		/* 子元素之间的间距为 10px */
	}

	.search-container {
		display: flex;
		/* 使用 Flex 布局 */
		justify-content: center;
		/* 子元素水平居中对齐 */
	}

	.search-bar {
		width: 100%;
		/* 设置宽度为 100% */
		max-width: 600px;
		/* 最大宽度为 600px */
		padding: 10px;
		/* 内边距为 10px */
		border: 1px solid #ccc;
		/* 边框颜色为浅灰色 */
		border-radius: 5px;
		/* 设置圆角为 5px */
	}

	.tags-container {
		display: flex;
		/* 使用 Flex 布局 */
		overflow-x: auto;
		/* 启用横向滚动条 */
		gap: 10px;
		/* 标签之间的间距为 10px */
		margin-left: 60px;
		/* 添加右外边距，让按钮向左移动 30px */
	}

	.tag {
		padding: 10px 15px;
		/* 内边距为上下 10px，左右 15px */
		border: 1px solid #ddd;
		/* 边框颜色为浅灰色 */
		border-radius: 20px;
		/* 设置圆角为 20px */
		background-color: #eee;
		/* 设置背景颜色为浅灰色 */
		cursor: pointer;
		/* 鼠标悬停时显示指针 */
	}

	.tag.czzk {
		padding: 10px 15px;
		/* 内边距为上下 10px，左右 15px */
		border: 1px solid #ddd;
		/* 边框颜色为浅灰色 */
		border-radius: 20px;
		/* 设置圆角为 20px */
		background-color: #ff2e00;
		/* 设置背景颜色为浅灰色 */
		cursor: pointer;
		/* 鼠标悬停时显示指针 */
		color: white;
		/* 设置选中标签的字体颜色为白色 */
	}

	.tag.active {
		background-color: #4CAF50;
		/* 设置选中标签的背景颜色为绿色 */
		color: white;
		/* 设置选中标签的字体颜色为白色 */
	}
	

}