/*
手机端nav css合集
*/

/*public-CSS*/
.body-scrollForbiden {
    height: 100vh;
    overflow: hidden;
}
.dj-nva-function.scrolled{position:fixed;right:0;left:0;top:0;margin-top: -130px;z-index: 99999999;}
.dj-nva-function.scrolled.awake{margin-top:0;-webkit-transition:.3s all ease-out;-o-transition:.3s all ease-out;transition:.3s all ease-out}
.dj-nva-function.scrolled.sleep{-webkit-transition:.3s all ease-out;-o-transition:.3s all ease-out;transition:.3s all ease-out}
body.nav-open .dj-mb-nav-toggle .icon:before {
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}

body.nav-open .dj-mb-nav-toggle .icon:after {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}

body.nav-open .dj-mb-nav-toggle .icon {
    width: 0;
}
body.nav-open .dj-mb-nav-toggle .icon:before {
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}
body.nav-open .dj-mb-nav-toggle .icon:after {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}

body.nav-open .dj-mb-nav-toggle .icon {
    width: 0;
}
.body-scrollForbiden {
    height: 100vh;
    overflow: hidden;
}
/* 001 nav-CSS*/
.header-nav-all { display: flex;background: #fff;justify-content: space-between; align-items: center; padding: 0 8px; height: 52px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); } .layout_nav_logo__qov0I { display: block; box-sizing: content-box; margin-right: 0; height: 40px; max-width: 180px; padding: 10px 0; } .layout_signbtn__zo6bi { flex: 1 1; display: flex; flex-direction: row-reverse; } .dj-mb-nav-toggle { position: relative; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 10px; } .dj-mb-nav-toggle .icon { width: 30px; height: 4px; background-color: #00073c; border-radius: 2px; position: absolute; top: 25px; left: 10px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .dj-mb-nav-toggle .icon:before, .dj-mb-nav-toggle .icon:after { width: 30px; height: 4px; background-color: #00073c; border-radius: 2px; content: ""; position: absolute; left: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .dj-mb-nav-toggle .icon:before { top: -9px; } .dj-mb-nav-toggle .icon:after { top: 9px; } .header-nav-all-list {background-color: #00073c;height: 100vh;width: 100%;position: fixed;z-index: 99999999;} .header-nav-all-list-ul { padding-top: 30px; } .header-nav-all-list-ul-li { list-style: none; } .header-nav-all-list-ul-li a { display: block !important; padding: 10px 0; text-align: center !important; color: #ffffff !important; text-decoration: none; font-size: 18px !important; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } .dj-gg-massagebox { flex: 1 1; display: flex; flex-direction: row-reverse; } .dj-warpnav-msgbt { display: inline-flex; align-items: center; justify-content: center; font-size: 14px; padding: 0 4px; height: 20px; border-radius: 4px; background: #1880ff; color: #fff !important; border: 1px solid #1880ff; border-radius: 4px; } .dj-navmessage-icon { width: 15px !important; margin-right: 4px; padding: 0; margin-bottom: 0 !important; }