.header{position:relative;height:50px;font-size:18px}.header-title{float:left;position:absolute;width:250x;top:15px;left:50%;margin-left:-140px;letter-spacing:4px;font-size:22px;text-align:center}.collapse-btn{float:left;padding:0 21px;cursor:pointer;line-height:50px}.header .logo{float:left;width:250px;line-height:50px}.header-right{float:right;padding-right:50px}.header-user-con{display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.real-time{margin-right:23px;margin-top:5px;font-size:18px}.btn-fullscreen{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-right:5px;font-size:24px}.btn-bell{position:relative;width:30px;height:30px;text-align:center;border-radius:15px;cursor:pointer;margin-top:9px;font-size:22px;margin-left:9px}.btn-fullscreen{margin-top:6px}.btn-bell-badge{position:absolute;right:0;top:-2px;width:8px;height:8px;border-radius:4px;background:#f56c6c;color:#fff}.btn-bell .el-icon-warning-outline{color:#333;font-weight:700}.user-name{margin-left:10px}.user-avator{margin-left:20px}.user-avator img{display:block;width:30px;height:30px;border-radius:50%}.el-dropdown-link{color:#242f42;cursor:pointer}.el-dropdown-menu__item{text-align:center}.style-dialog .header{line-height:24px}.style-dialog .el-dialog__header{padding-top:18px!important}.style-dialog .el-dialog__body{padding-top:10px!important}.tags{position:relative;height:35px;overflow:hidden;padding-right:120px;margin:0 5px 0 5px;background-color:#fff}.tags,.tags ul{padding-left:5px}.tags ul{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}.tags-li{float:left;margin:4px 5px 2px 0;border-radius:2px;font-size:12px;overflow:hidden;cursor:pointer;height:25px;line-height:27px;border:1px solid #e9eaec;background:#fff;padding:0 5px 0 9px;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;border:1px solid #409eff;background-color:#409eff}.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}.index{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.index .index-left{width:80px;height:100%;font-size:14px;background-color:#1c1c1e}.index .index-left .index-side-bar-container{background-color:#fff}.index .index-left .index-side-bar-container .index-side-bar{width:100%;height:65px;color:#c2c2ca;text-align:center;background-color:#1c1c1e}.index .index-left .index-side-bar-container .index-side-bar img{width:40px;height:40px;margin:12px 0}.index .index-left .index-side-bar-container .index-side-bar.active{color:#409eff;background-color:#fff;position:relative}.index .index-left .index-side-bar-container .index-side-bar.active .active-ele{position:absolute;left:0;top:12px;width:5px;height:42px;border-radius:0 4px 4px 0;background-color:#409eff}.index .index-left .index-side-bar-container .index-side-bar.before{border-radius:0 0 4px 0}.index .index-left .index-side-bar-container .index-side-bar.after{border-radius:0 4px 0 0}.index .index-right{width:calc(100% - 80px);height:100%;background-color:#e8eaed}.index .index-right .index-header{width:calc(100% - 80px);height:55px;background-color:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.1);box-shadow:0 5px 10px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute}.index .index-right .index-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:50px}.index .index-right .index-container .index-menu{width:120px;height:100%;padding-top:10px;background-color:#fff}.index .index-right .index-container .second-menu{width:63%;height:29px;margin:15px auto;border-radius:2px;padding-left:15px;font-size:13px;line-height:30px}.index .index-right .index-container .second-menu.active{color:#fff;background-color:#409eff}.index .index-right .index-container .index-content{width:100%;height:100%;padding-top:9px;font-size:16px!important}.index .index-right .index-container .content-container{height:calc(100% - 90px);margin:3px 5px 10px 5px;overflow-y:scroll;background-color:#fff}.index .index-right .index-container .content-container::-webkit-scrollbar{display:none}