*{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:#22cfb1;}
.hot{color:#333;}

.navMenu img{width:100%; margin-top:.8em; max-width:2em;}

.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{}
.navMenu, .navMore{height:3.6em; font-size:1em; line-height:3.6em;}

.navbar{position:fixed; z-index:99997; left:-65%; top:0; width:65%;  height:100%; /*height:100vh;*/ background:#222222; overflow:hidden;}
.navbar .navbarList{box-sizing:border-box; padding:.7em; margin-top:3em; height:85vh; overflow-y:scroll;}
.navbar .navbarList::-webkit-scrollbar{width:0px;}

.navbar .navbarList .navItem{width:100%; padding:.6em 2em; font-size:1em; box-sizing:border-box;}
.navbar .navbarList .navItem .navIco{overflow:hidden; width:3em; height:3em; text-align:left;}
.navItem .navIco img{width:100%;  opacity:.6; filter:alpha(opacity=60);}
.navItem .navIco .BgClass{width:100%; height:100%; border-radius:100%; padding:.6em; box-sizing:border-box;}
.navItem .navName{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; font-size:1em; padding:0 .5em; box-sizing:border-box; text-align:left; color:#fff; white-space:nowrap;}	
.navItem a,.menuColumn a{text-decoration: none;}
.navItem .navArrow{overflow:hidden; width:2em;}

.navbarShow{left:0;}
.navbarHide{display:none; position:fixed;z-index:99996; background:rgba(0,0,0,.1); top:0; right:0; width:100%; height:100%; height:100vh; }

.menuFooter{ position:fixed; z-index:99996; bottom:0; left:0; padding:.7em 0 .3em; box-sizing:border-box;}
.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:3em;}
.navbar .navbarList .navItem .navName{font-size:1.2em;}
}
@media screen and (max-width:320px){
.menuHeader,.navbar,.menuFooter{font-size:10px;}
.menuFooter .menuColumn .menuIco{max-width:3em;}
.navbar .navbarList{height:85vh}
.navbar .navbarList .navItem{padding:.6em 0em;}
.navbar .navbarList .navItem .navName{font-size:1.2em;}
}

#editNaviMini .navbar{position:absolute; left:-200px; width:200px;}
#editNaviMini .navbarHide{position:absolute;}
#editNaviBottom{ position:fixed; bottom:85px; overflow:hidden; z-index:9999;}
#editNaviBottom .menuFooter{position:relative; left:calc(50% - 160px); width:320px; bottom:0; height:56px;}
#editNaviBottom .menuIco{width:2.4em;}
#editNaviMini .navMenu img{max-width:1.8em;}
#editNaviMini .menuHeader, #editNaviMini .navbar, #editNaviBottom .menuFooter{font-size:11px;}

#bV6Border{overflow:hidden;}