.nav-bar[data-v-d8b2c428]{position:relative;padding:0 20px;background:#000}.logo[data-v-d8b2c428]{position:absolute;bottom:5px;height:30px}.dropdown[data-v-d8b2c428]{float:right;width:115px;height:100%}.dropdown-color[data-v-d8b2c428]{float:right;width:45px;top:8px;height:100%}.dropdown .down-button[data-v-d8b2c428]{width:100%;height:100%}.dropdown i[data-v-d8b2c428]{text-align:center;line-height:30px}.dropdown .user[data-v-d8b2c428]{width:30px;height:30px;margin:5px 0 5px 5px;background:hsla(0,0%,100%,.1);font-size:20px}.dropdown .arrow[data-v-d8b2c428]{width:20px;height:10px;font-size:14px}.el-dropdown-menu_item[data-v-d8b2c428]{padding:6px 0 6px 13px}.bell-style[data-v-d8b2c428]{float:right;width:45px;top:8px;height:100%}.bell-warn-style[data-v-d8b2c428]{width:800px;height:200px;right:10px;top:35px;z-index:1000;position:absolute;border:1px solid #0a0;background:hsla(0,0%,100%,.8)}#side-bar[data-v-f0a2ecc8]{width:201px!important}#side-bar[data-v-f0a2ecc8],.menu[data-v-f0a2ecc8]{height:100%}.app-main{position:relative;min-height:calc(100vh - 40px)}.scroll-container[data-v-48820202]{white-space:nowrap;position:relative;overflow:hidden;width:100%}.scroll-container[data-v-48820202] .el-scrollbar__bar{bottom:0}.scroll-container[data-v-48820202] .el-scrollbar__wrap{height:49px}.tags-view-container[data-v-30c157e8]{height:34px;background:#fff;border-bottom:1px solid #d8dce5;box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 0 3px 0 rgba(0,0,0,.04)}.tags-view-container .tags-view-wrapper .tags-view-item[data-v-30c157e8]{display:inline-block;position:relative;cursor:pointer;height:26px;line-height:26px;border:1px solid #d8dce5;color:#495060;background:#fff;padding:0 8px;font-size:12px;margin-left:5px;margin-top:4px}.tags-view-container .tags-view-wrapper .tags-view-item[data-v-30c157e8]:first-of-type{margin-left:15px}.tags-view-container .tags-view-wrapper .tags-view-item[data-v-30c157e8]:last-of-type{margin-right:15px}.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-30c157e8]{background-color:#42b983;color:#fff;border-color:#42b983}.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-30c157e8]:before{content:"";background:#fff;display:inline-block;width:8px;height:8px;border-radius:50%;position:relative;margin-right:2px}.tags-view-container .contextmenu[data-v-30c157e8]{margin:0;background:#fff;z-index:3000;position:absolute;list-style-type:none;padding:5px 0;border-radius:4px;font-size:12px;font-weight:400;color:#333;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.tags-view-container .contextmenu li[data-v-30c157e8]{margin:0;padding:7px 16px;cursor:pointer}.tags-view-container .contextmenu li[data-v-30c157e8]:hover{background:#eee}.tags-view-wrapper .tags-view-item .el-icon-close{width:16px;height:16px;vertical-align:2px;border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);transform-origin:100% 50%}.tags-view-wrapper .tags-view-item .el-icon-close:before{transform:scale(.6);display:inline-block;vertical-align:-3px}.tags-view-wrapper .tags-view-item .el-icon-close:hover{background-color:#b4bccc;color:#fff}.app-wrapper[data-v-0b8f41dc]{position:relative;width:100%;height:100%;overflow:hidden}.nav-bar[data-v-0b8f41dc]{height:40px}.side-bar[data-v-0b8f41dc]{position:fixed;top:40px;left:0;height:100%;overflow:hidden}.main-container[data-v-0b8f41dc]{height:100%}.main-top-container[data-v-0b8f41dc]{height:5%}.app-main[data-v-0b8f41dc]{overflow-y:scroll;height:95%}#tags-view[data-v-0b8f41dc],.app-main[data-v-0b8f41dc]{margin-left:200px}