/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Arial, sans-serif;
}

body {
    background: #f0f2f5;
    padding: 2rem;
} */

.menu-container {
    max-width: 290px;
   /* margin: 0 auto; */
   /* background: white; */
    border-radius: 12px;
   /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
	padding-right: 20px;
}

.menu {
    list-style: none;
}

.menu-itemhao {
   border-bottom: 1px solid #ccc;
    position: relative;
	line-height: 50px;
}
.menu-itemhaosub {
  /*  border-bottom: 1px solid #eee; */
    position: relative;
	line-height: 30px;
}
.menu-item:last-child {
    border-bottom: none;
}

.menu-link {
    display: flex;
    align-items: center;
  /*  padding: 1rem 1.5rem; */
    color: #333 !important;
    text-decoration: none;
    transition: background 0.3s ease;
	font-size: 17px;
	    font-weight: 900;
		font-family: "Sentinel SSm A","Sentinel SSm B",serif;
		 font-style: normal;
		 letter-spacing: 0.5px;
		 margin-bottom: 0;
}

.menu-link-sub {
    display: flex;
    align-items: center;
  /*  padding: 1rem 1.5rem; */
    color: #333;
    text-decoration: none;
    transition: background 0.3s ease;
	font-size: 13px;
	    font-weight: 900;
		font-family: "Sentinel SSm A","Sentinel SSm B",serif;
		 font-style: normal;
		 letter-spacing: 0.5px;
		 margin-bottom: 0;
}
.menu-link:hover {
  /*  background: #f8f9fa; */
  color: black !important;
}

.menu-link i {
    /* margin-right: 12px;
    color: #666; */
	color: #ecc640;
}

.submenuhao {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
   /* background: #f8f9fa; */
   padding-left: 10px;
}

.submenuhao.active {
    max-height: 500px; /* 根据实际内容调整 */
}

.submenuhao .menu-link {
    padding-left: 1.7rem;
}

.arrow {
    margin-left: auto;
    transition: transform 0.3s ease;
}

.arrow.active {
    transform: rotate(180deg);
}

@media (max-width: 991px) {
   .menu-container {
       max-width: 100%;
      /* margin: 0 auto; */
      /* background: white; */
       border-radius: 12px;
      /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
       overflow: hidden;
	       margin-bottom: 50px;
   }
    
    .menu-link {
      /*  padding: 0.8rem 1rem; */
    }
    
    .submenuhao .menu-link {
        padding-left: 2rem;
    }
}