.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}