.component-NavBar220310 .NavBar220310Container{display:flex;display:none;flex-direction:column;left:20px;position:fixed;top:186px;width:88px;z-index:10}.component-NavBar220310 .microNavBar{align-items:center;background:#0056ff;border-radius:4px;box-sizing:border-box;color:#f4f5fc;cursor:pointer;display:flex;flex-direction:column;font-size:12px;height:108px;justify-content:space-between;opacity:1;padding:12px 10px;position:relative;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;width:32px}.component-NavBar220310 .rightArrow{display:block;height:10px;width:6px}.component-NavBar220310 .maxNavBar{transform:translateX(-110px);transition:all .3s}.component-NavBar220310 .maxHeader{display:block}.component-NavBar220310 .activeMaxNavBar{transform:translateX(0);transition:all .3s}.component-NavBar220310 .disappearMicroNavBar{align-items:center;background:#0056ff;border-radius:4px;box-sizing:border-box;color:#f4f5fc;cursor:pointer;display:flex;flex-direction:column;font-size:12px;height:108px;justify-content:space-between;opacity:0;padding:12px 10px;position:relative;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;width:32px}.component-NavBar220310 .navBarHeaderImgContainer{position:relative}.component-NavBar220310 .navBarHeader1{display:block;height:77px;margin:0 auto;width:77px}.component-NavBar220310 .navBarHeader2{bottom:0;left:50%;position:absolute;transform:translate(-50%);width:88px}.component-NavBar220310 .consult{align-items:center;background:#0056ff;border-radius:4px;color:#fff;display:block;display:flex;font-size:12px;height:36px;justify-content:center;margin-top:-10px;position:relative}.component-NavBar220310 .navBarBodyBottomImg,.component-NavBar220310 .navBarBodyTopImg{display:none;height:44px;position:absolute;width:88px}.component-NavBar220310 .navBarBodyTopImg{top:16px}.component-NavBar220310 .navBarBodyBottomImg{bottom:0}.component-NavBar220310 .navBarBody{padding-top:16px;position:relative}.component-NavBar220310 .navBar220310Box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.85);border-radius:8px;box-shadow:inset 0 1px 3px hsla(0,0%,100%,.25);margin:15px auto 22px;position:relative;width:72px;z-index:1}.component-NavBar220310 .navBarBodyBottom{bottom:-22px;cursor:pointer;display:none;height:44px;position:absolute;width:88px}.component-NavBar220310 .bottomArrow{display:block;height:6px;margin:30px auto 0;position:relative;width:10px;z-index:1}.component-NavBar220310 .navItem{align-items:center;color:#666;cursor:pointer;display:flex;flex:1;font-size:12px;height:44px;justify-content:center;line-height:22px;position:relative}.component-NavBar220310 .navItem:hover{color:#0157ff}.component-NavBar220310 .navItem:after{background-color:hsla(0,0%,100%,.2);bottom:0;content:" ";display:block;height:1px;left:50%;position:absolute;transform:translateX(-50%);width:66px}.component-NavBar220310 .navItem.activeNavItem{background:#e2ebfb;border-radius:4px;color:#333;left:50%;position:relative;transform:translateX(-50%);width:85px}.component-NavBar220310 .navItem.activeNavItem:before{background:#0056ff;border-radius:2px;content:" ";height:17px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.component-NavBar220310 .navItem span{pointer-events:none}@media screen and (min-width:1450px){.component-NavBar220310 .microNavBar{visibility:hidden}.component-NavBar220310 .maxNavBar{transform:translateX(0)}}