/* 基础重置 —— 仅作用于当前模块 */
.hzt-category-box h3,
.hzt-category-box dl,
.hzt-category-box dt {
  margin: 0;
  padding: 0;
}

.hzt-category-box a {
  text-decoration: none;
  color: #666;
  word-wrap: break-word;
}

.hzt-category-box a:hover {
  color: #0b56d8;
}

.hzt-category-box i {
  font-style: normal;
}

/* 容器 */
.hzt-category-box .hzt-nav {
  background: #fff;
  padding-top: 10px;
  border: 1px solid #eee;
}

/* 一级分类块 */
.hzt-category-box .hzt-nav-item {
  padding: 11px 35px 11px 27px;
  border-bottom: 1px solid #e3e3e3;
  position: relative;
}

/* 一级分类标题 */
.hzt-category-box .hzt-nav-item > h3 {
  font-size: 18px;
  line-height: 34px;
  position: relative;
}

.hzt-category-box .hzt-nav-item > h3 a{

  color: #333;
  font-weight: 700;
}




/* 收展图标 */
.hzt-category-box .hzt-nav-item > h3 i::before,
.hzt-category-box .hzt-nav-item > h3 i::after {
  content: '';
  position: absolute;
  background: #808080;
  transition: background 0.2s;
}
.hzt-category-box .hzt-nav-item > h3 i::before {
  width: 10px;
  height: 2px;
  left: 5px;
  top: 9px;
}
.hzt-category-box .hzt-nav-item > h3 i::after {
  width: 2px;
  height: 10px;
  left: 9px;
  top: 5px;
}

/* 默认折叠状态 */
.hzt-category-box .hzt-nav-item > dl {
  /* display: none; */
  padding: 0 0 10px;
}

/* 二级分类 */
.hzt-category-box .hzt-nav-item dt a {
  display: block;
  padding-left: 18px;
  font-size: 14px;
  line-height: 32px;
  color: #4c4c4c;
  background: url(./images/p103-fdh-nav-icon.png) no-repeat left center;
}

/* hover & active 效果 */
.hzt-category-box .hzt-nav-item.active > h3 a,
.hzt-category-box .hzt-nav-item > h3:hover a {
  color: #0b56d8;
}
.hzt-category-box .hzt-nav-item.active > h3::before,
.hzt-category-box .hzt-nav-item > h3:hover::before {
  content: '';
  position: absolute;
  left: -28px;
  top: 8px;
  width: 5px;
  height: 18px;
  background: #0b56d8;
}


.hzt-category-box .hzt-nav-item > h3 i{
  position: absolute;
      position: absolute;
    width: 20px;
    height: 20px;
    right: -21px;
    top: 7px;
    z-index: 1;
    transition: all 0.3s;
}



.hzt-category-box .hzt-nav-item.active > h3 i,
.hzt-category-box .hzt-nav-item > h3:hover i {
  transform: rotate(45deg);
}
.hzt-category-box .hzt-nav-item.active > h3 i::before,
.hzt-category-box .hzt-nav-item.active > h3 i::after,
.hzt-category-box .hzt-nav-item > h3:hover i::before,
.hzt-category-box .hzt-nav-item > h3:hover i::after {
  background: #0b56d8;
}

/* 二级 hover */
.hzt-category-box .hzt-nav-item dt a:hover , .hzt-category-box .hzt-nav-item dt a.sub-active {
  color: #0b56d8;
}

/* 简易折叠/展开交互（可用 jQuery 也可纯 CSS） */
.hzt-category-box .hzt-nav-item > h3 {
  cursor: pointer;
}
.hzt-category-box .hzt-nav-item.active > dl {
  display: block;
}

/* 小屏优化 */
@media (max-width: 480px) {
  .hzt-category-box .hzt-nav-item {
    padding: 10px 20px;
  }
  .hzt-category-box .hzt-nav-item > h3 {
    font-size: 16px;
  }
}