.header-bar{width:100%;min-width:80%;min-height:50px;height:6%;line-height:50px;box-shadow:0 2px 4px #e4e4e4;background-color:#fff;position:fixed;right:0;top:0;z-index:100;box-sizing:border-box}.header-bar .color-icon{color:rgba(0,0,0,.65)}.header-bar .ft-25{font-size:25px}.header-bar .header-content{padding:0 30px;align-items:center;display:flex;justify-content:space-between;height:100%}.header-bar .header-content .right-content{display:flex;align-items:center;justify-content:flex-end}.header-bar .header-content .breadcrumb{padding-left:180px;float:left;transition:all .5s;display:flex;justify-content:flex-start;align-items:center}.header-bar .header-content .breadcrumb i{font-size:22px;color:#606266;cursor:pointer}.header-bar .header-content .hamburger{cursor:pointer}.header-bar .header-content .is-active{transform:rotate(180deg)}.header-bar .header-content .breadcrumbCollapse{padding-left:42px}.header-bar .header-content .sys-name{float:left;font-size:24px}.header-bar .header-content .header-items{display:flex;align-items:center;cursor:pointer;padding:0 8px}.header-bar .header-content .header-items i{padding:0 3px}.header-bar .header-content .header-items .news-box{position:absolute;right:0;width:465px;z-index:10;max-height:400px}.header-bar .header-content .header-items .news-box>>>.el-card__header{padding:0 10px;height:50px}.header-bar .header-content .header-items .news-box>>>.el-card__body{padding:10px}.header-bar .header-content .header-items .news-box .el-button.is-round{color:#409eff}.header-bar .header-content .header-items .news-box .menu-box{border-bottom:1px solid #ebeef5;padding-bottom:10px;width:100%;display:flex}.header-bar .header-content .head-img{width:40px;height:40px;border-radius:20px;vertical-align:middle}