/* styles.css */
body {
  font-family: Arial, sans-serif;
}

.dropdown-menu {
  width: 200px;
}

.menu-list {
  list-style: none;
  padding: 0;
  margin: 0;

}

.menu-item {
  position: relative;
  
}

.menu-link {
  display: block;
  padding: 10px 15px;
  background-color: white;
  color: #333;
  text-decoration: none;
 /* 新增适应原来设计css */
  height: 70px;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  display: flex;
  align-items: center;
  padding-left: 36px;
}



.menu-link:hover {
  background-color: #e9ecef;
}

.submenu-container {
  max-height: 0; /* 初始状态下隐藏 */
  overflow: hidden;
  transition: max-height 0.3s ease-out; /* 添加过渡效果 */
  margin-top: -1px; /* 可选：消除边框间隙 */
}

.submenu-container.open {
  max-height: 500px; /* 设置一个足够大的值以容纳所有内容 */
  transition: max-height 0.3s ease-in; /* 打开时的过渡效果 */
}

.submenu {
  background-color: #fff;
  /* border: 1px solid #ddd; */
  list-style: none;
  padding: 0;
  margin: 0;
}

.submenu li a {
  padding: 10px 55px;
  display: block;
  text-decoration: none;
  color: #8F8F8F;
  font-family: Microsoft YaHei;
font-weight: 400;
font-size: 14px;
  background-color: #F6F6F6;
}

.submenu li a:hover {
  background-color: #e9ecef;
}
/* 添加选中状态的样式 */
.submenu-item.active {
  background-color: #e6f7ff;
  color: #1F67B9;

}

/* 可选：鼠标悬停效果 */
.submenu-item:hover {
  background-color: #f5f5f5;
}
/* 主菜单激活状态 */
.menu-link.active {
  color: #1F67B9;
  /* background: #e6f7ff; */
}
/* 子菜单激活状态 */
.submenu li a.active {
  /* background: #e6f7ff; */
  color: #1F67B9;
  /* border-right: 3px solid #1890ff; */
}

/* 添加过渡效果 */
.menu-link,
.submenu li a {
  transition: all 0.3s ease;
}
/* 默认状态下不显示箭头 */
.menu-link::after {
  position: absolute;
  content: "";
  right: 15px;

  width: 11px;
  height: 3px;
  background: url("../image/jiantou.png");
  background-size: 100% 100%;
  display: none;
}
/* 只在激活状态下显示箭头 */
.menu-link.active::after {
  display: block; /* 显示箭头 */
}