.side-bar[data-v-2fd984fc]{background-color:#22242f;width:120px}.side-bar[data-v-2fd984fc] ::-webkit-scrollbar{width:0;height:0}.side-bar[data-v-2fd984fc] ::-webkit-scrollbar-track{border-radius:5px;background-color:rgba(0,0,0,.05)}.side-bar[data-v-2fd984fc] ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:5px}.side-bar .avatar .header-bg[data-v-2fd984fc]{height:50px;width:50px;background-size:100%;margin:20px}.side-bar .nav .nav-item[data-v-2fd984fc]{font-size:14px;padding:11px 10px 11px 20px;cursor:pointer;color:#757993}.side-bar .nav .nav-item i[data-v-2fd984fc],.side-bar .nav .nav-item span[data-v-2fd984fc]{position:relative}.side-bar .nav .nav-item[data-v-2fd984fc]:after{position:absolute;left:10px;top:50%;-webkit-transform:translateY(-50%) translateX(-10%);transform:translateY(-50%) translateX(-10%);content:"";height:20px;width:85%;border-radius:2px;background-image:-webkit-gradient(linear,left top,right top,color-stop(10%,hsla(0,0%,100%,.29)),to(hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,hsla(0,0%,100%,.29) 10%,hsla(0,0%,100%,0));-webkit-transition:all .3s;transition:all .3s;opacity:0}.side-bar .nav .nav-item[data-v-2fd984fc]:hover{color:#fff}.side-bar .nav .nav-item[data-v-2fd984fc]:hover:after{opacity:1;height:30px;-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}.side-bar .nav .nav-item.router-link-active[data-v-2fd984fc]{color:#fff}.side-bar .nav .nav-item.router-link-active[data-v-2fd984fc]:after{opacity:1;height:30px;-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}