.header[data-v-27742c6b]{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 232px);height:72px;font-size:14px;left:232px;color:#fff}.collapse-btn-list[data-v-27742c6b]{float:left;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:16px}.collapse-btn-list .left-line-1[data-v-27742c6b]:not(:first-child){width:1px;height:24px;border-right:1px solid #ccc}.collapse-btn-list .tag-list .left-line[data-v-27742c6b]{border:none}.collapse-btn-list .tag-list .but-class[data-v-27742c6b]{height:16px;position:relative}.collapse-btn-list .tag-list .but-class .tag-raduis-class[data-v-27742c6b]{width:calc(100% + 32px);height:16px;background:#f8f8f8;position:absolute;bottom:-40px;left:-16px;z-index:0}.collapse-btn-list .tag-list .but-class .select-active[data-v-27742c6b]{background:#f8f8f8!important;color:#6686ff!important}.collapse-btn-list .tag-list .but-class .select-active .spot[data-v-27742c6b]{background:#6686ff!important}.collapse-btn-list .tag-list .but-class .select-active[data-v-27742c6b]:before{content:"";display:inline-block;width:16px;height:16px;background:#fff;border-radius:0 0 16px 0;position:absolute;bottom:0;left:-16px;overflow:hidden;border:none}.collapse-btn-list .tag-list .but-class .small-but-class[data-v-27742c6b]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:56px;border-radius:10px 10px 0 0;color:#999;line-height:56px;margin:16px auto 0;position:relative;font-weight:700;padding:0 16px}.collapse-btn-list .tag-list .but-class .small-but-class .spot[data-v-27742c6b]{width:8px;height:8px;border-radius:50%;background:#999}.collapse-btn-list .tag-list .but-class .small-but-class .title[data-v-27742c6b]{margin:0 8px}.collapse-btn-list .tag-list .but-class .small-but-class .el-icon-close[data-v-27742c6b]{font-weight:700}.collapse-btn-list .tag-list .but-class .select-active[data-v-27742c6b]:after{content:"";display:inline-block;width:16px;height:16px;background:#fff;border-radius:0 0 0 16px;position:absolute;bottom:0;right:-16px;overflow:hidden;border:none}.header .logo[data-v-27742c6b]{float:left;width:250px;line-height:70px}.header-right[data-v-27742c6b]{float:right;padding-right:50px}.header-user-con[data-v-27742c6b]{display:-webkit-box;display:-ms-flexbox;display:flex;height:72px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-fullscreen[data-v-27742c6b]{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-right:5px;font-size:24px}.btn-bell[data-v-27742c6b],.btn-fullscreen[data-v-27742c6b]{position:relative;width:30px;height:30px;text-align:center;border-radius:15px;cursor:pointer}.btn-bell-badge[data-v-27742c6b]{position:absolute;right:0;top:-2px;width:8px;height:8px;border-radius:4px;background:#f56c6c;color:#fff}.btn-bell .el-icon-bell[data-v-27742c6b]{color:#fff}.user-name[data-v-27742c6b]{margin-left:10px}.user-avator[data-v-27742c6b]{margin-left:20px}.user-avator img[data-v-27742c6b]{display:block;width:40px;height:40px;border-radius:10px}.el-dropdown-link[data-v-27742c6b]{color:#fff;cursor:pointer}.el-dropdown-menu__item[data-v-27742c6b]{text-align:center}.sidebar[data-v-ded02dd4]{display:block;position:absolute;left:0;top:0;bottom:0;overflow-y:scroll}.logo-box[data-v-ded02dd4]{width:232px;height:72px;background:#111;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-weight:700;color:#fff}.logo-box img[data-v-ded02dd4]{width:32px;height:32px;background:#fff;border-radius:10px 10px 10px 10px;margin:0 16px 0 32px}.sidebar[data-v-ded02dd4]::-webkit-scrollbar{width:0}.sidebar-el-menu[data-v-ded02dd4]:not(.el-menu--collapse){width:232px}.sidebar>ul[data-v-ded02dd4]{height:100%}[data-v-ded02dd4] .el-menu--inline .el-menu-item{background:#111!important}.el-menu-item.is-active[data-v-ded02dd4]{background-color:#6686ff!important;color:#fff}.el-menu-item.is-active span[data-v-ded02dd4]{color:#fff!important}[data-v-ded02dd4] .el-menu-item,[data-v-ded02dd4] .el-submenu__title{font-size:16px}.msg-num[data-v-ded02dd4]{display:inline-block;width:8px;height:8px;background:#fc6262;border-radius:10px;line-height:20px;text-align:center;margin-left:20px}.tags{position:relative;height:30px;overflow:hidden;background:pink;padding-right:120px;-webkit-box-shadow:0 5px 10px #ddd;box-shadow:0 5px 10px #ddd}.tags ul{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}.tags-li{float:left;margin:3px 5px 2px 3px;border-radius:3px;font-size:12px;overflow:hidden;cursor:pointer;height:23px;line-height:23px;border:1px solid #e9eaec;background:#fff;padding:0 5px 0 12px;vertical-align:middle;color:#666;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.tags-li:not(.active):hover{background:#f8f8f8}.tags-li.active{color:#fff}.tags-li-title{float:left;max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:5px;color:#666}.tags-li.active .tags-li-title{color:#fff}.tags-close-box{position:absolute;right:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1px;text-align:center;width:110px;height:30px;background:#fff;-webkit-box-shadow:-3px 0 15px 3px rgba(0,0,0,.1);box-shadow:-3px 0 15px 3px rgba(0,0,0,.1);z-index:10}