*{padding:0; margin:0; font-family:Microsoft YaHei;}
.dflex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.dflex .zflex{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.dflex .aflex{-webkit-box-flex:6;-webkit-flex:6;-ms-flex:6;flex:6;}
.BgClass{background:#222828;}


.menuHeader,.navbar,.menuFooter{font-size:16px; width:100%;}
.menuHeader{text-align:center;}
.menuHeader .logo{text-align:center; color:#fff; font-size:1.4em;}
.menuHeader .navMenu,.menuHeader .navMore{}
.mFixed{position:fixed; z-index:9999; bottom:7em; left:2em; font-size:1em; border-radius:100%; width:3.6em; height:3.6em; box-sizing:border-box; padding:2.6%;}
.mFixed img{width:100%; height:100%;}

.navMenu, .navMore{height:3.6em; font-size:1em; line-height:3.6em;}

.navbar{width:3.5em; position:fixed; bottom:11em; left: 2.1em; z-index:9998; display:none;}
.navbarList{box-sizing:border-box;}
.navItem{width:100%; padding:.6em 0; font-size:1em; height:auto; opacity:1; filter:alpha(opacity=100);}
.navItem .navIco{overflow:hidden; width:100%; text-align:center;}
.navItem .navIco span{display:inline-block; border-radius:100%; width:3em; height:3em; box-sizing:border-box; background:rgba(0,0,0,.6); padding:1px; }
.navItem .navIco img{width:100%;}
.navItem .navName{font-size:1.4em; padding:.5em .5em; color:#fff; box-sizing:border-box; text-align:center; display:none; white-space:nowrap;}	
.navItem a,.menuColumn a{text-decoration: none;}

.navbarHide{display:none; position:fixed;z-index:9997; top:0; right:0; width:100%; height:100%; height:100vh; }

.menuFooter{position:fixed; z-index:9999; bottom:0; left:0; padding:.3em 0 .3em; box-sizing:border-box;}
.menuFooter .menuColumn{color:#fff; text-align:center; opacity:.6; filter:alpha(opacity=60);}
.menuFooter .cursor{opacity:1; filter:alpha(opacity=100)}
.menuColumn .menuIco{max-width:3em; margin:auto; padding:0 .4em; box-sizing:border-box;}
.menuColumn .menuIco img{width:100%;}
.menuColumn .menuTxt{font-size:.85em; padding-top:.2em; color:#fff; line-height:2em; height:2em; overflow:hidden; }   /* height line-height同值限制文字为一行 */

@media screen and (max-width:640px){
.menuHeader,.navbar,.menuFooter{font-size:12px;}
.menuFooter .menuColumn .menuIco{max-width:2.5em;}
.navItem .navName{font-size:1.2em;}
.navItem .navIco span.BgClass{width:5em; height:5em;}
}
@media screen and (max-width:320px){
.menuHeader,.navbar,.menuFooter{font-size:12px;}
.menuFooter .menuColumn .menuIco{max-width:3em;}
.navbar{height:auto; height:auto;}
.navItem .navName{font-size:1.2em;}
.navItem .navIco span.BgClass{width:5em; height:5em;}
}


#editNaviMini .navbar{bottom:17em; overflow:hidden; left:calc(50% - 139px);}
#editNaviMini .menuHeader, #editNaviMini .navbar, #editNaviBottom .menuFooter{font-size:11px;}
#editNaviMini .mFixed{padding:.6em; left:calc(50% - 140px); bottom:12.5em;}
#editNaviBottom .menuFooter{ width:320px; height:55px; bottom:85px; overflow:hidden; left:calc(50% - 160px); }