.sitemap-main .sitemap-container {
  margin: 76px 44px;
}
.sitemap-main .sitemap-section .section-header {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  background: #03256C;
  gap: 8px;
}
.sitemap-main .sitemap-section .section-header .section-icon {
  width: 28px;
  height: 28px;
}
.sitemap-main .sitemap-section .section-header h2 {
  font-size: 25px;
  color: #FFFFFF;
  line-height: 25px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.sitemap-main .sitemap-section .section-content {
  background: #F7F8F9;
}
.sitemap-main .sitemap-section .sitemap-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 16px;
  padding: 30px 24px;
}
.sitemap-main .sitemap-section .sitemap-grid .sitemap-item {
  background: #F9F9FE;
  border-radius: 12px;
  padding: 16px;
  transition: all 0.3s ease;
  flex: 0 0 auto;
}
.sitemap-main .sitemap-section .sitemap-grid .sitemap-item:hover {
  background: #F0F0FF;
  border-color: #C8C8F6;
  transform: translateY(-2px);
}
.sitemap-main .sitemap-section .sitemap-grid .sitemap-item a {
  font-family: 'Alibaba-PuHuiTi', sans-serif;
  font-size: 16px;
  color: #03256C;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.sitemap-main .sitemap-section .sitemap-grid .sitemap-item a .item-icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.sitemap-main .sitemap-section .sitemap-grid .sitemap-item a:hover {
  color: #353CF6;
}
@media (max-width: 767px) {
  .sitemap-main .sitemap-container {
    margin: 40px 24px;
  }
  .sitemap-main .sitemap-section .section-header h2 {
    font-size: 20px;
  }
  .sitemap-main .sitemap-section .sitemap-grid {
    gap: 12px;
    padding: 20px 16px;
  }
}
@media (max-width: 480px) {
  .sitemap-main .sitemap-container {
    margin: 30px 16px;
  }
  .sitemap-main .sitemap-section .section-header h2 {
    font-size: 18px;
  }
  .sitemap-main .sitemap-section .sitemap-grid {
    gap: 8px;
    padding: 16px 12px;
  }
}