.nav_box {
		width: 1200px;
		margin: auto;
	}

	.nav-list {
		display: flex;
		/* 使用 Flex 布局 */
		align-items: flex-start;
		/* 垂直方向顶部对齐 */
		flex-wrap: nowrap;
		/* 禁止换行 */
		border-radius: 8px;
		margin-bottom: -10px;
		padding: 20px 10px;
		gap: 30px;
	}

	.nav-list:nth-child(odd) {
		/* 单数行背景色 */
		background-color: #fcc549;
	}


	.nav-list:nth-child(odd) .now {
		background: #e56673;
		color: #FFF;
		font-weight: bold;
		border-radius: 10px;
	}

	.nav-list:nth-child(odd) li a {
		padding: 10px 5px;
		text-align: center;
		font-size: 1.2em;
		margin-bottom: 5px;
		color: #e56673;
	}

	.nav-list:nth-child(even) {
		background-color: #d8d8d8;
		/* 双数行背景色 */
	}

	.nav-list:nth-child(even) .now {
		background: #fcc549;
		color: #FFF;
		font-weight: bold;
		border-radius: 10px;
	}

	.nav-list:nth-child(even) li a {
		padding: 10px 5px;
		text-align: center;
		font-size: 1.2em;
		margin-bottom: 5px;
		color: #fff;
	}

	.nav-list .now {
		flex: 0 0 25%;
		/* 固定分类专区的宽度 */
		max-width: 25%;
		/* 确保宽度不超过 25% */
		/* 添加间距 */
		text-align: left;
	}

	.navlist-item {
		flex: 1;
		/* 占据剩余空间 */
		display: grid;
		/* 使用 Grid 布局 */
		grid-template-columns: repeat(8, 1fr);
		/* 定义 4 列布局 */
		gap: 6px;
		/* 设置列和行间距 */
	}

	.play-title {
		width: 100%;
		height: 48px;
		background: #fcc435;
		background-size: 100%;
		text-align: center;
		color: #333;
		padding: 6px 0;
		margin-bottom: 20px;
		margin-top: 20px;
		line-height: 35px;
		color: #b71010;
		font-weight: bold;
		border-radius: 10px;
	}

	@media (max-width: 768px) {
		.nav-list {
			/* 允许换行 */
			align-items: center;
		}

		.nav-list .now {
			flex: 0 0 30%;
			/* 手机端分类专区宽度调整为 30% */
			max-width: 30%;
		}

		.navlist-item {
			flex: 0 0 78%;
			/* 手机端分类列表宽度调整为 70% */
			max-width: 78%;
			grid-template-columns: repeat(4, 1fr);
			/* 确保仍是 4 列布局 */
		}

		.site {
			width: 100%;
			min-width: 100%;
		}

		.sideTitle .side-title {
			width: 100%;
			height: 50px;
			padding: 0 10px;
		}

		.web_url .url {
			display: none;
		}

		.web_url .hezuo {
			font-size: 16px;
			font-weight: bold;
		}

		.nav_box {
			width: 100%;
		}

		.hf_img {
			height: 56px !important;
		}

		.nav-list:nth-child(odd) li a {
			font-size: 14px;
		}

		.nav-list:nth-child(odd) .now {
			font-size: 10px;
		}

		.nav-list:nth-child(even) .now {
			font-size: 10px;
		}

		.nav-list:nth-child(even) li a {
			font-size: 14px;
		}

		.nav-list {
			display: flex;
			align-items: flex-start;
			flex-wrap: nowrap;
			border-radius: 0;
			align-items: center;
			margin-bottom: -15px;
			padding: 10px 10px;
			gap: 20px;
		}

		.site .middleContent {
			width: 100%;
		}

		.site .middle {
			min-height: 0;
		}

		.home .home-area {
			margin-top: 0;
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: center 0;
			padding: 0 .37333rem .26667rem;
		}

		.video-item {
			width: 50%;
			padding-right: .05333rem;
			padding-left: .05333rem;
			border-radius: .10667rem;
		}

		.video-item-img {
			width: 100%;
			background: #fff;
			position: relative;
			border-radius: .10667rem;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		.video .video-desc {
			color: #222;
			font-weight: 400;
			font-size: 15px;
			padding: 0 10px 5px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			overflow: hidden;
			width: 196px !important;
		}

		.video-item-thumb {
			height: 110px !important;
			background-size: cover;
			background-position: 50%;
			border-radius: .10667rem;
			width: 100% !important;
		}

		.video-contaner .video-item {
			margin: 0 0 5px 0;
		}

		.pc_show {
			display: none !important;
		}

		.el-col-18 {
			width: 100%;
		}

		.video {
			width: 100% !important;
		}

		.video-page {
			padding: 10px !important;
		}

		.video-box {
			height: 300px;
		}

		.video-before-ad.noVip {
			background-size: cover !important;
			/* 图片按比例缩放以覆盖整个 div */
			background-position: center !important;
			/* 将背景图居中 */
			background-repeat: no-repeat !important;
			/* 避免背景图重复 */
		}

		.madou_list {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			margin: 0 !important;
			gap: 1%;
		}

		.lists2 ul li {
			width: 49%;
			margin-bottom: 8px;
			margin-left: 0;
			float: none;
		}

		.love-lists {
			display: none;
		}
	}

	@media screen and (min-width: 375px) and (max-width: 375px) and (min-height: 667px) and (max-height: 667px) and (orientation: portrait) {
		.nav-list:nth-child(odd) li a {
			padding: 10px 3px;
		}
		.nav-list:nth-child(even) li a {
			padding: 10px 3px;
		}
	}