.header{background:#00bfb4;padding-left:20px;height:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header .head-icon{display:flex;align-items:center;height:50px}.header .head-icon .logo{font-size:0;float:left}.header .head-icon .logo img{max-height:30px;max-width:200px!important}.header .head-icon .beta-verson{display:inline-block;height:50px;line-height:70px;font-size:12px;color:#fff;margin-left:10px}.header .head-icon .head-left{position:absolute;left:210px;top:8px}.header .head-icon .head-left .cont{display:flex}.header .head-icon .head-left .cont .icon-box{width:48px;height:36px;opacity:.8;margin-right:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;cursor:pointer}.header .head-icon .head-left .cont .icon-box .name{font-size:12px;white-space:nowrap}.header .head-icon .head-left .cont .icon-box .name1{display:none}.header .head-icon .head-left .cont .icon-box .iconfont{color:#fff;font-size:20px}.header .head-icon .head-left .cont .icon-box.active,.header .head-icon .head-left .cont .icon-box:hover:not(.active){opacity:1}.header .head-icon .head-left .cont .icon-box:hover:not(.active) .name1{display:block}.header .head-icon .head-right{float:right;width:50%;margin-left:auto}.header .head-icon .head-right .to-old-verson{font-size:14px;float:left;color:#fff;padding-right:10px;border-right:1px solid #fff}.header .head-icon .head-right .to-old-verson span{cursor:pointer}.header .head-icon .head-right .head-icons{position:relative;margin-left:10px;float:left}.header .head-icon .head-right .head-icons i{font-size:20px;display:inline-block;width:16px;height:16px;line-height:20px;margin-right:10px;cursor:pointer;color:#fff}.header .head-icon .head-right .head-icons .icon-shoucang{font-size:18px}.header .head-icon .head-right .head-icons .message{background-position:-504px -144px}.header .head-icon .head-right .head-icons .favorite{background-position:-468px -144px}.header .head-icon .head-right .head-icons .fav-tree{width:340px}.header .head-icon .head-right .head-icons .enterprise{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZDOEQyNTAxQTRDNzExRTc5QThCREE3NzE1M0UzMjc1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZDOEQyNTAyQTRDNzExRTc5QThCREE3NzE1M0UzMjc1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkM4RDI0RkZBNEM3MTFFNzlBOEJEQTc3MTUzRTMyNzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkM4RDI1MDBBNEM3MTFFNzlBOEJEQTc3MTUzRTMyNzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz43tLBbAAABH0lEQVR42szUv0uCQRzHcR+TxEgk0YYWJ7dI3HQLGkQlIhwDx4Lc/GMao7YGaUswo6mhrRZX8QeUbU0OQV3vk/vCw9PzQ9ShgxcP99xzn+e+dzyPpZQKraKFQytqXkEbOEMHEyhzfUAD8T8zdGkOh3hDF3VksYVtVNHCB2r2ec6QU4yx7/ICuyL6aLoFlTBEJiBE7GCAY3tQDCNU5gwRBbxjUzb7BD20Aw5HH8I9Dkz/GU+oS9ARrgJCorjFAI+2+9coyxInSPuUsI47XMJyjCX1fOlMfUKqZh9usObxzFRK+0HEo6Q0UrjAt8t4ZDbfJL5iL6A0r7FdvMiK9OblfTb6y2csh65lvn69vIQpcZH2KctrqOXaufXv/ke/AgwAs3zz2nhKcXIAAAAASUVORK5CYII=)}.header .head-icon .head-right .head-icons .flow-content{display:inline-block;position:relative}.header .head-icon .head-right .head-icons .flow-content .dot{width:20px;height:20px;border-radius:50%;background:red;position:absolute;transform:scale(.4);top:-5px;left:5px}.header .head-icon .head-right .head-icons .flow-content .approval-flow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAClUlEQVRYR+2WTYhNYRjHf/8iERuRzFK+JxYKUWRSGsmoSaSMTFEYFkb5WAhLH7HAjI1MsRgLTUapoRgfWUisZspiVvI5C4WU1aPn9h7Nvdx73nPPdVfzLs7inPd5nt/5v8/HKzIuM1sItAPzgKXAdOAB8AJ4JulNFpfKstnMTgAngcll7H4C5yWdjvUbDWBmd4GW4PgHcBt4CXwCVgGbgCXh+4Ck5hiIKAAz2xYCuk+Xeq+k4bEBzGwqcAfYEN43SxpIg0gFMLPl4U/d1xVJhyo5NbPLwEFgCFgt6Vul/TEAV4EDwOvg8FcKwKSg0jK3k9SdF+AxsA64Jml/mqT+3cw86D4/Eklb8wJ8AWZ66UnqiQTYDdwAvkryMi27Yo7gPdAAtEm6FQmwE7gJjEiamxegH9hc5RH0SWrNC3AWOAqMer1LGklJwtnAq6DaOUnH8gIsAJ4DM4AuSR0pAN4FTwEfgLVpwKk5ELLaFXAlfK2X9OhfEGa2EngITAM6JHWl5UwUQIB4CqwB7kvytlu0zGxCCO4l2y9pS1pw/54FYKMHD073SLo+NoCZXQCOhHdNkgZrChBU6AW2A72SdpQA+GxY5OUnaVdM8EwKBADv8d7ri+o7yO+jeCLQKqmvKgAz80RbkWLsZ+yrQdLHADYfeOtgwLsK9t+BYUnHkz1/csDMLJY67GtMRrKZLQ7TL9qFpELswsPMLgKHAU+cJxFeBkuTzMzagDkltqVJPgXw8e4qXpLUmQAkE+9MlutUBOhfW8wsaVT+E03jAOMKlCpQTV5Va1OUhH598mtUPVePpPZEgVlA1IWzhoTdkj5HT8MaBi5ylSjgt97G/xWkjN8hSaMJQHLxrCfDPUktCUDSHusJUGj7vwFLxBkwUmsO4QAAAABJRU5ErkJggg==);background-size:contain;position:relative;transform:scale(.85)}.header .head-icon .head-right .head-icons .message-content{position:relative}.header .head-icon .head-right .head-icons .message-content .unread{position:absolute;top:-15px;left:3px;color:#fff;width:30px;height:30px;background:red;border-radius:50%;transform:scale(.5);display:flex;align-items:center;justify-content:center}.header .head-icon .head-right .user-dropdown{float:right;color:red;margin-right:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:50px;display:flex;align-items:center}.header .head-icon .head-right .user-dropdown .el-badge__content.is-fixed{right:18px}.header .head-icon .head-right .user-dropdown .login-name{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:-3px}.header .head-icon .head-right .user-dropdown .user-logo{float:left;border:2px solid #fff;border-radius:50%;width:28px;height:28px;margin-right:10px;margin-left:10px}.header .head-icon .head-right .user-dropdown .user-logo img{width:28px;height:28px;border-radius:50%}.header .head-icon .head-right .user-dropdown .el-dropdown-link{color:#fff;cursor:pointer}.header .head-icon .garbage{margin-left:10px;border-left:1px solid #fff;padding-left:10px}.el-munu{top:41px!important}.el-munu .el-dropdown-menu__item.user-name-item{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px;color:#333}.el-munu .el-dropdown-menu__item.user-name-item:hover{background:transparent!important;color:#333!important;cursor:default}.el-munu .el-dropdown-menu__item.user-name-item .user-name{line-height:20px;font-size:18px;font-weight:700;display:inline-block;width:200px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.el-munu .el-dropdown-menu__item.user-name-item .usage-ratio{font-size:12px;line-height:20px;margin-top:5px}.el-munu li i{color:#00bfb4}.el-munu-enterprise{top:41px!important}