.common-menu-wrap_1{height:100%;font-size:12px;width:130px;background-color:var(--menuPrimaryColor);display:flex;flex-direction:column}.common-menu-wrap_1>.head{width:100%;height:190px;display:flex;flex-direction:column;align-items:center;padding:30px 0;border-bottom:1px solid #f3f3f3}.common-menu-wrap_1>.head>.portrait{background-color:#fff;width:55px;height:55px;overflow:hidden;border-radius:50%}.common-menu-wrap_1>.head>.portrait>img{width:100%;height:100%}.common-menu-wrap_1>.head>.name{margin-top:10px;color:#fff;font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center}.common-menu-wrap_1>.head>.logout{margin-top:10px;border:1px solid #d7d7d7;border-radius:14px;padding:5px 15px;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out;color:#fff}.common-menu-wrap_1>.head>.logout:hover{background-color:#333;color:#fff;border-color:#333}.common-menu-wrap_1>.menu-list{flex:1;overflow:auto}.common-menu-wrap_1>.menu-list::-webkit-scrollbar{display:none}.common-menu-wrap_1>.menu-list .menu-item{line-height:40px;color:#fff;position:relative}.common-menu-wrap_1>.menu-list .menu-item:before{content:"";display:block;position:absolute;height:30px;transition:all .2s;width:0;left:0;top:50%;transform:translateY(-50%);background-color:var(--menuPrimaryColor);border-radius:0 4px 4px 0}.common-menu-wrap_1>.menu-list .menu-item.is-expand{background-color:hsla(0,0%,95.3%,.2)}.common-menu-wrap_1>.menu-list .menu-item.is-expand .has-children{transform:rotate(90deg)}.common-menu-wrap_1>.menu-list .menu-item.is-expand .sub-menu{height:auto}.common-menu-wrap_1>.menu-list .menu-item.is-active{background-color:#fff;color:var(--menuPrimaryColor)}.common-menu-wrap_1>.menu-list .menu-item.is-active:not(.is-expand):before{width:5px}.common-menu-wrap_1>.menu-list .menu-item>.title{cursor:pointer;padding:0 7px 0 15px;display:flex;align-items:center}.common-menu-wrap_1>.menu-list .menu-item>.title>.text{font-size:14px;margin-left:5px;flex:1}.common-menu-wrap_1>.menu-list .menu-item>.title>.has-children{font-size:12px;transition:transform .2s ease}.common-menu-wrap_1>.menu-list .menu-item>.sub-menu{height:0;overflow:hidden;background-color:var(--menuPrimaryColor)}.common-menu-wrap_1>.menu-list .menu-item>.sub-menu>.menu-item{padding-left:45px;cursor:pointer;background-color:hsla(0,0%,95.3%,.2)}.common-menu-wrap_1>.menu-list .menu-item>.sub-menu>.menu-item.is-active{background-color:#f0dada}.common-menu-wrap_2{height:100%;display:flex;align-items:flex-start;font-size:13px}.common-menu-wrap_2>.menu{padding-top:10px;height:100%;background-color:var(--menuPrimaryColor);width:125px;overflow:auto;transition:width .3s ease-in-out}.common-menu-wrap_2>.menu::-webkit-scrollbar{display:none}.common-menu-wrap_2>.menu.small{width:80px}.common-menu-wrap_2>.menu.small .menu-item{height:64px;line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.common-menu-wrap_2>.menu.small .menu-item>i,.common-menu-wrap_2>.menu.small .menu-item>span{margin-left:0}.common-menu-wrap_2>.menu.small .menu-item>span{margin-top:8px}.common-menu-wrap_2>.menu .menu-item{width:100%;height:50px;line-height:50px;cursor:pointer;color:#fff;position:relative;transition:height .3s ease-in-out}.common-menu-wrap_2>.menu .menu-item:not(.has-children){overflow:hidden}.common-menu-wrap_2>.menu .menu-item>.icon{margin-left:20px}.common-menu-wrap_2>.menu .menu-item>.title{margin-left:8px}.common-menu-wrap_2>.menu .menu-item>.border{position:absolute;top:0;bottom:0;right:0;visibility:hidden}.common-menu-wrap_2>.menu .menu-item>.border>span{width:10px;height:10px;background-color:#fff;display:inline-block;position:absolute;right:0}.common-menu-wrap_2>.menu .menu-item>.border>span:before{content:"";position:absolute;right:0;background-color:var(--menuPrimaryColor);width:100%;height:100%}.common-menu-wrap_2>.menu .menu-item:hover{color:#fff}.common-menu-wrap_2>.menu .menu-item:before{content:"";display:block;position:absolute;height:30px;transition:all .2s;width:0;left:0;top:50%;margin-top:-15px;background-color:var(--menuPrimaryColor);border-radius:0 4px 4px 0}.common-menu-wrap_2>.menu .menu-item.is-active{background-color:#fff;color:var(--menuPrimaryColor)}.common-menu-wrap_2>.menu .menu-item.is-active:before{width:5px}.common-menu-wrap_2>.menu .menu-item.is-active>.border{visibility:visible}.common-menu-wrap_2>.menu .menu-item.is-active>.border>span:first-child{top:-10px}.common-menu-wrap_2>.menu .menu-item.is-active>.border>span:first-child:before{border-radius:0 0 10px 0}.common-menu-wrap_2>.menu .menu-item.is-active>.border>span:last-child{bottom:-10px}.common-menu-wrap_2>.menu .menu-item.is-active>.border>span:last-child:before{border-radius:0 10px 0 0}.common-menu-wrap_2>.sub-menu{width:0;height:100%;overflow:auto;background-color:#fff;transition:width .2s}.common-menu-wrap_2>.sub-menu.is-open{width:120px}.common-menu-wrap_2>.sub-menu.is-open>.sub-menu-item{animation-name:sub-menu-animate;animation-duration:.3s;animation-fill-mode:forwards;animation-delay:.1s}.common-menu-wrap_2>.sub-menu>.sub-menu-item{margin:14px 12px 0;line-height:32px;opacity:0;cursor:pointer}.common-menu-wrap_2>.sub-menu>.sub-menu-item.is-active{color:#5874d8;border-radius:3px;background-color:rgba(154,0,16,.12)}.common-menu-wrap_2>.sub-menu>.sub-menu-item.has-children>.title{display:flex;align-items:center;justify-content:space-between}.common-menu-wrap_2>.sub-menu>.sub-menu-item.has-children>.title:after{content:"";display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #bfc5d2;cursor:pointer;transform:rotate(0deg);transition:transform .3s ease-in-out}.common-menu-wrap_2>.sub-menu>.sub-menu-item>.title{padding-left:7px;color:#333}.common-menu-wrap_2>.sub-menu>.sub-menu-item>.title:hover{color:#5874d8}.common-menu-wrap_2>.sub-menu>.sub-menu-item>.thr-menu{max-height:0;overflow:hidden;transition:max-height .3s}.common-menu-wrap_2>.sub-menu>.sub-menu-item>.thr-menu>.thr-menu-item{margin:8px 8px 0;line-height:32px;cursor:pointer}.common-menu-wrap_2>.sub-menu>.sub-menu-item>.thr-menu>.thr-menu-item.is-active{color:#5874d8;border-radius:3px;background-color:#e6ebff}.common-menu-wrap_2>.sub-menu>.sub-menu-item>.thr-menu>.thr-menu-item>.title{padding-left:7px}.common-menu-wrap_2>.sub-menu>.sub-menu-item>.thr-menu>.thr-menu-item>.title:hover{color:#5874d8}.common-menu-wrap_2>.sub-menu>.sub-menu-item.is-open>.title:after{transform:rotate(180deg)}.common-menu-wrap_2>.sub-menu>.sub-menu-item.is-open>.thr-menu{max-height:700px}@keyframes sub-menu-animate{0%{opacity:0}to{opacity:1}}.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}:root{--layoutLeftWidth:125px;--globalMargin:8px;--menuPrimaryColor:#980a09}.layout-wrap{height:100%;width:100%}.layout-wrap>.head-wrap{-webkit-user-select:none;-moz-user-select:none;user-select:none;height:57px;background:#f9f9f9;position:relative;top:0;left:var(--layoutLeftWidth);width:calc(100% - var(--layoutLeftWidth));display:flex;align-items:center;z-index:1001}.layout-wrap>.head-wrap>div{height:100%}.layout-wrap>.head-wrap>.log-wrap{width:125px;background-color:#fff;overflow:hidden;transition:width .3s ease-in-out;box-shadow:5px 3px 5px 1px rgba(0,0,0,.1);border-right:1px solid #efefef}.layout-wrap>.head-wrap>.log-wrap.small{width:80px}.layout-wrap>.head-wrap>.log-wrap.small>.img-parent>img{width:70%;height:70%;margin-left:10px}.layout-wrap>.head-wrap>.log-wrap>.img-parent{overflow:hidden}.layout-wrap>.head-wrap>.log-wrap>.img-parent>img{width:120px;height:55px;margin-left:0;transition:margin-left .3s ease-in-out}.layout-wrap>.head-wrap>.other-wrap{flex:1;background-color:#fff;box-shadow:5px 3px 5px 1px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;padding:0 15px}.layout-wrap>.head-wrap>.other-wrap>.name-wrap{height:100%;font-size:20px;display:flex;align-items:center;font-weight:700;color:#000}.layout-wrap>.head-wrap>.other-wrap>.user-info{display:flex;align-items:center}.layout-wrap>.head-wrap>.other-wrap>.user-info>img{width:30px;height:30px;border-radius:50%}.layout-wrap>.head-wrap>.other-wrap>.user-info>.name{margin:0 12px;display:flex;flex-direction:column}.layout-wrap>.head-wrap>.other-wrap>.user-info>.name>.bottom{color:#999;font-size:12px;line-height:14px}.layout-wrap>.head-wrap>.other-wrap>.user-info i{cursor:pointer;color:#000;font-weight:700}.layout-wrap>.footer-wrap{height:calc(100% - 57px);overflow:hidden;display:flex;align-items:flex-start;background-color:#e8edf4}.layout-wrap>.footer-wrap>.left-wrap{height:100%}.layout-wrap>.footer-wrap>.root-content-wrap{flex:1;height:100%;overflow:auto;position:relative;padding:8px;box-sizing:border-box;margin-left:var(--layoutLeftWidth)}.layout-wrap>.footer-wrap>.root-content-wrap>.ivu-back-top{bottom:60px!important;right:20px!important;z-index:1000!important}.layout-wrap.menu-layout-2 .head-wrap{left:0;width:100%}.layout-wrap.menu-layout-2 .root-content-wrap{margin-left:0}.layout-wrap.menu-layout-1>.head-wrap>.log-wrap,.layout-wrap.menu-layout-1>.head-wrap>.other-wrap>.user-info>.name,.layout-wrap.menu-layout-1>.head-wrap>.other-wrap>.user-info>img,.layout-wrap.menu-layout-3>.head-wrap>.log-wrap,.layout-wrap.menu-layout-3>.head-wrap>.other-wrap>.user-info>.name,.layout-wrap.menu-layout-3>.head-wrap>.other-wrap>.user-info>img{display:none}.layout-wrap.menu-layout-1>.footer-wrap>.left-wrap,.layout-wrap.menu-layout-3>.footer-wrap>.left-wrap{position:fixed;top:0;left:0;z-index:10000}