.side-bar-wrapper[data-v-c7304806]{height:100%;color:#000;display:flex;width:100%;overflow:hidden}.side-bar-wrapper .bar-left[data-v-c7304806]{display:flex;flex-shrink:0;flex-direction:column;width:80px;height:80vh;background-color:#303841}.side-bar-wrapper .bar-left .tab-items[data-v-c7304806]{display:flex;flex-direction:column;flex-grow:1}.side-bar-wrapper .bar-left .tab-items .iconfont[data-v-c7304806]{position:relative;margin:0;height:70px;line-height:70px;text-align:center;font-size:30px;cursor:pointer;color:#a5b5c1;-webkit-user-select:none;user-select:none;-moz-user-select:none}.side-bar-wrapper .bar-left .tab-items .active[data-v-c7304806]{color:#fff;background-color:#363e47}.side-bar-wrapper .bar-left .tab-items .active[data-v-c7304806]:after{content:" ";display:block;position:absolute;top:0;z-index:0;height:70px;border-left:4px solid #5cadff}.side-bar-wrapper .bar-left .tab-items .unread[data-v-c7304806]{position:absolute;top:10px;right:10px;z-index:999;display:inline-block;height:18px;padding:0 6px;font-size:12px;color:#fff;line-height:18px;text-align:center;white-space:nowrap;border-radius:10px;background-color:#f35f5f}.side-bar-wrapper .bar-left .bottom[data-v-c7304806]{height:70px}.side-bar-wrapper .bar-left .bottom>span[data-v-c7304806]{display:block}.side-bar-wrapper .bar-left .bottom .btn-more[data-v-c7304806]{width:100%;height:70px;line-height:70px;font-size:30px;color:#000;text-align:center;cursor:pointer}.side-bar-wrapper .bar-left .bottom .iconfont[data-v-c7304806]{height:70px;line-height:70px;text-align:center;font-size:30px;cursor:pointer;color:#000;-webkit-user-select:none;user-select:none;-moz-user-select:none}.side-bar-wrapper .bar-left .bottom .iconfont[data-v-c7304806]:hover,.side-bar-wrapper .bar-left .btn-more[data-v-c7304806]:hover{color:#fff}.side-bar-wrapper .bar-right[data-v-c7304806]{flex:1 1 auto;width:100%;min-width:0;height:638px;position:relative;background-color:#fff}