/* ========= 分类菜单整体 ========= */
.home-categories {
	font-size: 15px;
	border-left: 2px solid #e5e7eb;
	padding-left: 10px;
}

.home-categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ========= 通用 li ========= */
.home-categories li {
	position: relative;
	margin: 4px 0;
}

/* ========= 通用 a ========= */
.home-categories a {
	display: block;
	padding: 6px 8px 6px 22px;
	color: #333;
	text-decoration: none;
	border-radius: 4px;
	transition: all .2s ease;
}

.home-categories a:hover {
	background: #f3f4f6;
}

/* ========= 一级分类 ========= */
.cat-level-1>.cat-item>a {
	font-weight: 600;
	padding-left: 18px;
}

/* 一级小圆点 */
.cat-level-1>.cat-item::before {
	content: '';
	position: absolute;
	left: 6px;
	top: 14px;
	width: 6px;
	height: 6px;
	background: #6b7280;
	border-radius: 50%;
}

/* ========= 二级分类 ========= */
.cat-level-2 {
	margin-left: 14px;
	border-left: 1px dashed #d1d5db;
	padding-left: 6px;
}

.cat-level-2>.cat-item>a {
	font-size: 14px;
}

/* 二级小圆点 */
.cat-level-2>.cat-item::before {
	content: '';
	position: absolute;
	left: -8px;
	top: 14px;
	width: 5px;
	height: 5px;
	background: #9ca3af;
	border-radius: 50%;
}

/* ========= 三级分类 ========= */
.cat-level-3 {
	margin-left: 18px;
	padding-left: 8px;
}

.cat-level-3>.cat-item>a {
	font-size: 13px;
	color: #555;
}

/* 三级横线 */
.cat-level-3>.cat-item::before {
	content: '';
	position: absolute;
	left: -10px;
	top: 15px;
	width: 8px;
	height: 1px;
	background: #bdbdbd;
}

/* ========= 四级分类 ========= */
.cat-level-4 {
	margin-left: 20px;
	padding-left: 10px;
}

.cat-level-4>.cat-item>a {
	font-size: 12px;
	color: #666;
}

/* 四级小横线 */
.cat-level-4>.cat-item::before {
	content: '';
	position: absolute;
	left: -12px;
	top: 14px;
	width: 6px;
	height: 1px;
	background: #c0c0c0;
}

/* ========= 当前分类高亮 ========= */
.cat-item.active>a {
	background: #0073aa;
	color: #fff;
}

.cat-item.active::before {
	background: #fff;
}

/* ========= 数量 ========= */
.count {
	font-size: 12px;
	color: #9ca3af;
	margin-left: 4px;
}

.cat-item.active .count {
	color: #e5e7eb;
}
.category-detail-post{
	width: 800px;
	position: relative;
}