ul {
		margin: 0;
		padding: 0;
		outline: 0;
		border: 0
	}

	li {
		list-style: none
	}


	.nav_box {
		margin-bottom: .75rem;
		width: 100%;
	}

	.nav_box ul {
		width: 100%;
	}

	.nav-list {
		border-radius: 8px;
		margin-bottom: 5px;
		padding: 20px 10px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 10px;
	}

	.bg-d8 {
		background-color: #d8d8d8;
	}

	.bg-ea {
		background-color: #eaeaea;
	}

	.nav-list>li>a.now {
		background: #e56673;
		color: #FFF;
		font-weight: bold;
		border-radius: 10px;
	}

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

	.navlist-item {
		flex: 1;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		row-gap: 6px;
	}

	

	.img-fluid {
		margin: auto;
	}

	.breadcrumb {
		font-size: 24px;
		font-weight: bold;
		padding: 10px 0;
	}

	.playback-links {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		margin: 20px 0;
	}

	.playback-link {
		flex: 1;
		margin: 5px;
		text-align: center;
		padding: 10px;
		background-color: #e56673;
		color: white;
		text-decoration: none;
		border-radius: 5px;
		transition: background-color 0.3s;
	}

	.playback-link:hover {
		background-color: #0056b3;
	}

	@media (max-width: 600px) {
		.playback-link {
			flex: 1 1 30%;
		}
	}


	.nav-list {
		display: flex;
		/* 使用 Flex 布局 */
		align-items: flex-start;
		/* 垂直方向顶部对齐 */
		flex-wrap: nowrap;
		/* 禁止换行 */
		padding: 15px 5px;
	}

	.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;
		/* 设置列和行间距 */
	}

	@media (max-width: 767px) {
		.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 列布局 */
		}
	}
	
	@media (max-width: 767px) {
		.nav-list {
			padding: 0 0 0 5px;
		}
	
		.nav-list>li>a.now {
			padding: 8px 1px;
			font-size: 0.8em;
		}
	
		.nav-list a {
			padding: 10px 0;
			text-align: center;
			font-size: 0.75em;
		}
	
		.navlist-item-hot a {
			padding: 10px 0;
			font-size: 0.75em;
		}
	
		.nav_box {
			margin-top: 0;
		}
	}