.common-menu-wrap_3{height:100%;width:80px;font-size:12px;background-color:#363738;overflow:hidden;transition:width .3s ease-in-out;position:relative;z-index:99999;display:flex;flex-direction:column}@media screen and (min-width:1366px){.common-menu-wrap_3.is-fixed,.common-menu-wrap_3:hover{width:200px}}@media screen and (min-width:1440px){.common-menu-wrap_3.is-fixed,.common-menu-wrap_3:hover{width:240px}}.common-menu-wrap_3.is-fixed .menus>.children-wrap>.items>.item>span,.common-menu-wrap_3.is-fixed .menus>.info,.common-menu-wrap_3.is-fixed .menus>.menu>.name>.text,.common-menu-wrap_3.is-fixed>.user-wrap>.user-info>.children-wrap>.items>.item>span,.common-menu-wrap_3.is-fixed>.user-wrap>.user-info>.info,.common-menu-wrap_3.is-fixed>.user-wrap>.user-info>.menu>.name>.text,.common-menu-wrap_3:hover .menus>.children-wrap>.items>.item>span,.common-menu-wrap_3:hover .menus>.info,.common-menu-wrap_3:hover .menus>.menu>.name>.text,.common-menu-wrap_3:hover>.user-wrap>.user-info>.children-wrap>.items>.item>span,.common-menu-wrap_3:hover>.user-wrap>.user-info>.info,.common-menu-wrap_3:hover>.user-wrap>.user-info>.menu>.name>.text{opacity:1;transform:translateZ(0)}.common-menu-wrap_3>.user-wrap{padding-bottom:12px;margin:12px auto 0;position:relative;cursor:pointer;width:100%}.common-menu-wrap_3>.user-wrap:after{content:"";position:absolute;bottom:0;right:15px;height:1px;width:calc(100% - 30px);background-color:hsla(0,0%,70.6%,.3)}.common-menu-wrap_3>.user-wrap>.photo{width:34px;height:34px;overflow:hidden;float:left;margin:0 13px 0 23px;border-radius:50%;transition:transform .3s linear,opacity .3s linear;box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}.common-menu-wrap_3>.user-wrap>.user-info>.info{opacity:0;transform:translate3d(-25px,0,0);transition:all .3s linear;white-space:nowrap;color:#fff;font-size:14px;line-height:34px;display:flex;justify-content:space-between}.common-menu-wrap_3>.user-wrap>.user-info>.info>.name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:5px}.common-menu-wrap_3>.user-wrap>.user-info>.info>i{font-size:12px;transition:transform .3s ease-in-out;margin-right:20px}.common-menu-wrap_3>.user-wrap>.user-info>.info>i.is-expand{transform:rotate(180deg)}.common-menu-wrap_3>.user-wrap>.user-info>.children-wrap>.items{padding-top:10px}.common-menu-wrap_3>.user-wrap>.user-info>.children-wrap>.items>.item{color:#fff;margin:0 15px;border-radius:3px;padding:5px 10px;font-size:13px;transition:background-color .15s ease-in;display:flex;align-items:center;white-space:nowrap}.common-menu-wrap_3>.user-wrap>.user-info>.children-wrap>.items>.item+.item{margin-top:5px}.common-menu-wrap_3>.user-wrap>.user-info>.children-wrap>.items>.item>i{font-size:18px;margin-left:4px}.common-menu-wrap_3>.user-wrap>.user-info>.children-wrap>.items>.item>span{margin-left:23px;opacity:0;transform:translate3d(-25px,0,0);transition:all .3s linear}.common-menu-wrap_3>.user-wrap>.user-info>.children-wrap>.items>.item:hover{background-color:hsla(0,0%,78.4%,.2)}.common-menu-wrap_3>.user-wrap>.user-info>.children-wrap>.items>.item.fixed>i{display:block;transition:transform .3s linear}.common-menu-wrap_3>.user-wrap>.user-info>.children-wrap>.items>.item.is-fixed>i{transform:rotate(-45deg)}.common-menu-wrap_3 .menus{margin-top:10px}.common-menu-wrap_3 .menus>.menu:not(:first-child)>.name{margin-top:5px}.common-menu-wrap_3 .menus>.menu:last-child>.name{margin-bottom:10px}.common-menu-wrap_3 .menus>.menu.is-children-active>.name,.common-menu-wrap_3 .menus>.menu:hover>.name{background-color:hsla(0,0%,78.4%,.2)}.common-menu-wrap_3 .menus>.menu.is-active>.name{background-color:#4caf50;box-shadow:0 12px 20px -10px rgba(76,175,80,.28),0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px rgba(76,175,80,.2)}.common-menu-wrap_3 .menus>.menu.is-active>.name>i.hz{background-color:rgba(94,94,94,.5)}.common-menu-wrap_3 .menus>.menu>.name{margin:0 15px;color:#fff;border-radius:3px;white-space:nowrap;padding:5px 10px;font-size:13px;cursor:pointer;display:flex;align-items:center;transition:background-color .15s ease-in}.common-menu-wrap_3 .menus>.menu>.name>i{display:inline-block;font-size:24px;margin-left:2px}.common-menu-wrap_3 .menus>.menu>.name>i.hz{margin-left:-3px;font-size:14px;padding:7.5px 11px;text-align:center;font-style:normal;background-color:#5e5e5e;border-radius:4px}.common-menu-wrap_3 .menus>.menu>.name>.text{flex:1;margin-left:18px;opacity:0;transform:translate3d(-25px,0,0);transition:all .3s linear;display:flex;align-items:center;justify-content:space-between}.common-menu-wrap_3 .menus>.menu>.name>.text>i{transition:transform .3s ease-in-out;display:inline-block}.common-menu-wrap_3 .menus>.menu>.name>.text>i.is-expand{transform:rotate(180deg)}.common-menu-wrap_3>.menus{flex:1;overflow-y:auto;overflow-x:hidden}.common-menu-wrap_3>.menus::-webkit-scrollbar{background-color:#363738;display:none}.common-menu-wrap_3>.menus::-webkit-scrollbar-thumb{background-color:#666668}.common-menu-wrap_3>.menus:hover::-webkit-scrollbar{display:block}