*{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: rgba(251,96,6,1);}
.menuFooter .current{opacity:1;}
.current .menuTxt{}
.logo{ text-align: center; color: #fff; font-size: 1.4em;}

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

.navbarList {padding-top: 3.6em; background:#372c30;}

.menuHeader,.navbar,.menuFooter{font-size:16px; width:100%;}
.menuHeader{text-align:center;}
.menuHeader .navMenu,.menuHeader .navMore{}
.navMenu, .navMore{height:3.6em; font-size:1em; line-height:3.6em;}

.navbar{position:fixed; z-index:99999; left:-45%; top:0; width:45%; height:100%; height:100vh; overflow:hidden;}
.navbar .navbarList{box-sizing:border-box; height:100vh; overflow-y:scroll;}
.navbar .navbarList::-webkit-scrollbar{width:0px;}
.navItem{ width: 50%; float: left; font-size: 1em; text-align: center; margin: 0.8em 0;}
.navItem a{text-decoration: none; display: block;}
.navIco{ overflow: hidden; text-align: left; width: 50%; margin: 0 auto; border-radius: 100%; border:0.15em solid rgba(250,250,250,0);box-sizing: border-box;}
.navIco span{ display: block; width: 90%; height: 90%; margin: 5% auto; border-radius: 100%; border: 0.15em solid rgba(250,250,250,0.2);box-sizing: border-box;}
.navIco img{ display: block; width: 90%; height: 90%; margin: 5% auto; padding: 25%; border-radius: 100%; border: 0.15em solid  rgba(251,96,6,0);box-sizing: border-box;}
.hot .navIco{ overflow: hidden; text-align: left; width: 50%; margin: 0 auto; border-radius: 100%; border:0.15em solid rgba(250,250,250,0.05);box-sizing: border-box;}
.hot .navIco span{ display: block; width: 90%; height: 90%; margin: 5% auto; border-radius: 100%; border: 0.15em solid rgba(250,250,250,0.2);box-sizing: border-box;}
.hot .navIco img{ display: block; width: 90%; height: 90%; margin: 5% auto; padding: 25%; border-radius: 100%; border: 0.15em solid  rgba(251,96,6,0.8);box-sizing: border-box;}
.navName{font-size:1em; color:rgba(250,250,250,0.5); box-sizing:border-box; text-align:center; white-space:nowrap;}	
.navArrow{overflow:hidden; width:2em;}

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

.menuFooter{ position:fixed; z-index:99999; bottom:0; left:0; padding:.3em 0 0; box-sizing:border-box;}
.menuColumn{color:#fff; text-align:center; opacity:0.6;}
.menuColumn a{text-decoration: none;}
.menuIco{max-width:2.3em; margin:auto; padding:0 .4em; box-sizing:border-box;}
.menuIco img{width:100%;}
.menuTxt{font-size:.85em; color:#fff; line-height:2em; height:2em; overflow:hidden; }   /* height line-height同值限制文字为一行 */

@media screen and (max-width:640px){
.menuHeader,.navbar,.menuFooter{font-size:14px;}
.menuIco{max-width:2.3em;}
.navName{font-size:1.2em;}
.navIco{width: 90%;}
.hot .navIco{width: 90%;}
}
@media screen and (max-width:320px){
.menuHeader,.navbar,.menuFooter{font-size:12px;} 
.menuIco{max-width:2.3em;}
.navName{font-size:1.2em;}
.navIco{width: 90%;}
.hot .navIco{width: 90%;}
}

#bV6Border{overflow:hidden;}
#editNaviMini{width:320px;}
#editNaviMini .navIco{width:60%; height:42px !important;}
#editNaviMini .navIco img{padding:10%;}
#editNaviMini .navbar{position:absolute; left:-145px; width:145px;}
#editNaviMini .navbarHide,#editNaviMini .navItemTitle{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;}
#editNaviMini .menuHeader, #editNaviMini .navbar, #editNaviBottom .menuFooter{font-size:11px;}