/* 菜单初始隐藏状态 - 防止页面加载时闪烁 */
#menu {
    position: fixed;
    right: -1000px;
    top: 6.5rem;
    display: block;
    height: 100%;
    width: 100%;
    min-width: 140px;
    max-width: 440px;
    z-index: 90002;
    overflow: auto;
    background: rgba(0,0,0,0.9);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.leftMenu a { text-decoration: none; display: inline-block; font-size: 1.4rem; width: 85%; height: 100%; color: #fff;}
.leftMenu { background: rgba(0,0,0,0.9); right: -1000px; position: fixed; top: 6.5rem; display: block; height: 100%; width: 100%; min-width: 140px; max-width: 440px; z-index: 90002 !important; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; position: fixed; overflow: auto;}
.leftMenu.menu-open { right: 0; padding-bottom: 12.5rem;}
.leftMenu ul { list-style: none; padding: 0; overflow: hidden;}
.leftMenu ul li { position: relative; overflow:hidden;}
.border{ border-bottom: 1px solid #333; padding: 22px 0 22px 20px;}
.leftMenu ul li.hasChild > a:after { content: "+"; position: absolute; right: 20px; top: 12px; font-size: 24px; font-weight: 300;}
.leftMenu ul li.hasChild.open > a:after { content: "-"; right: 23px; font-size: 28px; top: 9px;}
.f2, .f3 { height: 0; padding-left: 15px; top: 12px; overflow: hidden; position: relative; transition: height 0.4s ease; -moz-transition: height 0.4s ease; -webkit-transition: height 0.4s ease; -o-transition: height 0.4s ease;}
.menu-dark-backdrop { background: rgba(0,0,0,0); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; width: 100%; position: fixed; top: 6.5rem; left: 0; right: 0; bottom:0; overflow: hidden;}

.f2 a{ padding: 10px 0;}
.f3 a{ padding: 10px 0;}