*{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:#1fafe4;}


.menuHeader,.navbar,.menuFooter{font-size:14px; 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:99998; bottom:6em; right:2em; font-size:1em; border-radius:100%; width:3.6em; height:3.6em; box-sizing:border-box; padding:.7em; background:rgba(0,0,0,.7);}
.mFixed img{width:100%; height:100%;}

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

.navbar{position:fixed; width:100%; height:50vh; bottom:0em; right: 0em; z-index:99997; display:none;}
.navbarList{position:relative; border-radius:100%; box-sizing:border-box; box-shadow:0 0 2em rgba(0,0,0,.4); width:100%; height:100%;}
.bgf{position:absolute; z-index:99991; background:#fff; box-shadow:0 0 2em rgba(0,0,0,.2); border-radius:100%; padding:6em; box-sizing:border-box; width:38em; height:38em; right:-15.2em; bottom:-11.2em;}
.navItem{position:absolute; width:20%; font-size:.8em; height:auto; opacity:1; filter:alpha(opacity=100);}
.navItem:nth-child(1){left:-6.5em; bottom:13em;}
.navItem:nth-child(2){left:-6em; bottom:20em;}
.navItem:nth-child(3){left:-2em; bottom:27em;}
.navItem:nth-child(4){left:5em; bottom:32em;}
.navItem:nth-child(5){left:13em; bottom:33.5em;}
.navItem .navIco{overflow:hidden; width:100%; text-align:center;}
.navItem .navIco span{display:inline-block; width:2.5em}
.navItem .navIco img{width:100%;}
.navItem .navName{font-size:1.2em; padding:.5em .5em; color:#333; box-sizing:border-box; text-align:center; white-space:nowrap;}	
.navItem a,.menuColumn a{text-decoration: none;}

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

.menuFooter{position:fixed; z-index:99999; bottom:0; left:0; padding:3px 0 1px; 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:3em;}
.navItem .navName{font-size:1.2em;}
.bgf{width:38em; height:38em; right:-15.2em; bottom:-11.2em;}
.navItem{font-size:.85em;}
.navItem:nth-child(1){left:-6.5em; bottom:12em;}
.navItem:nth-child(2){left:-5em; bottom:19em;}
.navItem:nth-child(3){left:-1em; bottom:25.5em;}
.navItem:nth-child(4){left:5em; bottom:29.5em;}
.navItem:nth-child(5){left:13em; bottom:31em;}
}

@media screen and (max-width:327px){
.navItem:nth-child(1){left:-5.5em; bottom:10.5em;}
.navItem:nth-child(2){left:-5em; bottom:16em;}
.navItem:nth-child(3){left:-2em; bottom:21em;}
.navItem:nth-child(4){left:3.5em; bottom:25em;}
.navItem:nth-child(5){left:10em; bottom:26.5em;}
}


@media screen and (max-width:320px){
.menuHeader,.navbar,.menuFooter{font-size:10px;}
.menuFooter .menuColumn .menuIco{max-width:3em;}
.navbarList{padding-top:10em;}
.navbar{height:auto; height:auto;}
.navItem{position:initial; font-size:.85em;}
.navItem .navName{font-size:1.2em;}
.navItem:nth-child(1){margin-left:-6em}
.navItem:nth-child(2){margin-top:-14em; margin-left:-4.5em;}
.navItem:nth-child(3){margin-top:-13em; margin-left:-1em;}
.navItem:nth-child(4){margin-top:-9.5em; margin-left:5em;}
.navItem:nth-child(5){margin-top:-7.5em; margin-left:12.5em;}
}


#editNaviMini .navbar{width:320px; height:55%; overflow:hidden; right:calc(50% - 160px); bottom: 30px;}
#editNaviMini .navbarHide{}
#editNaviMini .bgf{right:calc(50% - 345px); bottom:-6.2em;}
#editNaviMini .navItem .navIco span.BgClass{}
#editNaviMini .mFixed{right:calc(50% - 135px); bottom:160px;}

#editNaviMini .navItem:nth-child(1){left:-5.5em; bottom:10.5em;}
#editNaviMini .navItem:nth-child(2){left:-5em; bottom:16em;}
#editNaviMini .navItem:nth-child(3){left:-2em; bottom:21em;}
#editNaviMini .navItem:nth-child(4){left:3.5em; bottom:25em;}
#editNaviMini .navItem:nth-child(5){left:10em; bottom:26.5em;}



#editNaviBottom{}
#editNaviBottom .menuFooter{ width:320px; left:calc(50% - 160px); bottom:85px;}
#editNaviBottom .menuIco{width:2.4em;}
#editNaviMini .navMenu img{max-width:1.8em; height:auto;}
#editNaviMini .menuHeader, #editNaviMini .navbar, #editNaviBottom .menuFooter{font-size:11px;}

#bV6Border{overflow:hidden;}