#menuL { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
#menuL .blankArea { position: absolute; top: 0; left: 300px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
#menuL .title { position: fixed; top: 0; left: 0; width: 300px; padding-left: 20px; box-sizing: border-box; background: #014174; z-index: 1; }
#menuL .title h4 { float: left; padding-left: 35px; font-size: 18px; font-weight: normal; line-height: 60px; color: #fff; background: url('/bmwz/jlhgyq/images/icon_menuTitle.png') 0 center no-repeat; }
#menuL .title .close { float: right; width: 60px; height: 60px; background: url('/bmwz/jlhgyq/images/icon_close.png') center center no-repeat; }

#menuL .menu { overflow-y: scroll; width: 300px; height: 100%; padding-top: 60px; box-sizing: border-box; background: #1058ac; }
#menuL .menu li { position: relative; }
#menuL .menu li a { display: block; }
#menuL .menu li .toggle { display: none; position: absolute; top: 0; right: 0; background-position: center; background-repeat: no-repeat; }
#menuL .menu li ul { display: none; }
#menuL .menu li.hasChild > .toggle { display: block; }
#menuL .menu li.hasChild.on > ul { display: block; }

#menuL .menu > ul > li { border-bottom: 1px solid #5a95d8; }
#menuL .menu > ul > li > a { padding: 0 20px; font-size: 16px; line-height: 50px; color: #fff; }
#menuL .menu > ul > li > .toggle { width: 50px; height: 50px; background-image: url('/bmwz/jlhgyq/images/icon_menuOff.png'); }
#menuL .menu > ul > li.hasChild.on > .toggle { background-image: url('/bmwz/jlhgyq/images/icon_menuOn.png'); }
#menuL .menu > ul > li > ul > li { border-top: 1px dashed #5a95d8; background: #347dd3; }
#menuL .menu > ul > li > ul > li:first-child { border-top: none; }
#menuL .menu > ul > li > ul > li > a { padding: 0 40px; font-size: 15px; line-height: 40px; color: #ccc; }
#menuL .menu > ul > li > ul > li > .toggle { width: 40px; height: 40px; background-image: url('/bmwz/jlhgyq/images/icon_subMenuOff.png'); }
#menuL .menu > ul > li > ul > li.hasChild.on > .toggle { background-image: url('/bmwz/jlhgyq/images/icon_subMenuOn.png'); }
#menuL .menu > ul > li > ul > li > ul { padding: 10px 0 10px 50px; background: #fff; }
#menuL .menu > ul > li > ul > li > ul > li > a { font-size: 14px; line-height: 25px; color: #333; }
#menuL .menu > ul > li > ul > li > ul > li > a:before { content: '-'; padding-right: 5px; }
#menu > li {
    position: relative;
}
#menu > li > ul {
    position: absolute;
    left: -1px;
    top: 55px;
    z-index: 99;
    width: 220px;
    padding-top: 1px;
    display: none;
}
#menu > li > ul > li:first-child {
    border-top: #000000 1px solid;
}
#menu > li > ul > li {
    background: url(/bmwz/jlhgyq/images/menu_bg1.png) repeat;
    border-left: #000000 1px solid;
    border-right: #000000 1px solid;
    border-bottom: #000000 1px solid;
    position: relative;
    float: none;
    width: 200px;
}
#menu > li > ul > li > a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    /* padding: 12px 30px 12px 15px; */
}



@media all and (min-width: 768px) {
	#menuL { display: none !important; }
}