@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
      .submenu {
            position: absolute;
            left: 100%;
            top: 0;
            width: 290px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            list-style: none;
            padding: 0;
            opacity: 0;
            transform: translateX(-10px);
            visibility: hidden;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 100;
            height: 294px; /* 固定高度300px */
            border: 1px solid #f0f0f0;
            overflow: hidden;
        }
        
        .nav-container:hover .submenu {
            opacity: 1;
            transform: translateX(0);
            visibility: visible;
			border-bottom: 1px solid #f0f0f0; /* 灰色下划线 */
        }
        
    .submenu li {

padding: 12px 28px;

height: 50px;

color: #333;

font-size: 1rem;

transition: all 0.25s;

display: flex;

align-items: center;

position: relative;


		
box-shadow: inset 0 -1px 0 #e0e0e0;

background: white;

}
        
        .submenu li:last-child {
            border-bottom: none;
        }
        
        .submenu li i {
            width: 26px;
            text-align: center;
            margin-right: 1px;
            color: #3498db;
            font-size: 1rem;
			box-shadow: inset 0 -1px 0 #e0e0e0;
			
        }
        
        .submenu li:hover {
            background: #f9f9f9;
            color: #2980b9;
            cursor: pointer;
            padding-left: 22px;
			box-shadow: inset 0 -1px 0 #e0e0e0;
        }