:root{--font-color:#303133;--font-section:#5e6d82;--font-light:#909399;--font-disabled:#c0c4cc;--font-inverse:#fff;--background:#fafafa;--scrollbar-color:#dddee0;--scrollbar-hover:#c7c9cc;--section-background:#f7f8fa;--primary-color:#216dff;--side-width:220px;--side-fold-width:50px;--side-background:#30404f;--border-color:#e8e8e8;--border-light:#ebeef5;--task-width:140px;--task-more-width:180px;--user-name-font:#f0f0f0;--user-operate:hsla(0,0%,100%,.5);--menu-font:hsla(0,0%,100%,.5);--menu-font-active:#fff;--menu-background:rgba(0,0,0,.8);--menu-item-active-background:#216dff;--menu-item-active-font:#fff;--menu-width:200px;--menu-scrollbar-color:hsla(0,0%,100%,.1);--menu-scrollbar-hover:hsla(0,0%,100%,.3)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover)}*{font-family:Source Han Sans,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body,html{font-size:14px;color:var(--font-color);background-color:var(--background);width:100%;height:100%;padding:0;margin:0}body{overflow:hidden}.frame{width:100%}.frame,.frame-side{display:flex;height:100%}.frame-side{flex-direction:column;background-color:var(--side-background);width:var(--side-width);transition:width .3s}.frame-side>.title{padding:10px 15px 0 15px}.frame-side>.title>.logo{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAOaSURBVFiF7VhLcuJIEH1ZQhMsOYL6Br7ByEv1xvYJ2mw7JFucgOYEEpZ6beYE2IumlqM5gX0EHYHdeFpN5SzAPTJUlUrgWc28CCIIkZX5xMt69QH+x2mg90okszSAtwkhiF8a8Xg1ydfvkfdkgjJLA/g8Bfj6bWLK/2xodirRkwiuyiQl0C2AQPc7A2uAZx/jIj+2xlEEV0V8SSQyE7FDcAXmWZSUVd9avQia5HQuRvzA371JNMlr5zEuQcssHQ0HKgVh2pFuASAAODRFMLBmxvz7D5G79KfoCpB3yfXQV092crRAIz5E8XwcxfNzsDoHqNJGAiNBmA599bQq4suu+sZ/UGZpQL5aMnBmGV1DqbGpt2QRhyBxD2uv2vvzgKBjn9VQPItuioUl5idWZZICNCVgZIox2dIbgvIuuYagKUxvTKiZeX6MbSyzdPTLQKVEuDUR1dkSAYAs0hCkOqSgBRqa9ZmBJqJDnzObQgQ8M6tJlJQV7f61+3+b2D6+ff18JtjPrDOe1RXJMvkdIE0QV2i88XsT28d2InlTHVECnkmWN3xADTyx9VmrJdzRiHPby8ri5ovOynQ+WHdNAgUVYtuv7h9vE9pyRsndF93zTqPWDiL+VfecgfV2JmorfTqqVt8ByywdMUhr3gR6EKRfQQAKZZYGfev1Jjj01YXZcLnijXo0Du6QWYcjJDb710sjHrHxKku13jL3ImiTF+DqapKvo0leE/Csj6FwmaXG5e5kgjZ5FdMfLSKVMYe36dzBtNFTYp2hvyZS1et35o2xD8kTF30qOhPcysvat2dg3d4u2bb2SpmXNh2cCQ4HODPJS6CHw6dcaWMJI5eN6ivcJSa2zEANGYXfjKnIc5bZmaBJXmBnL/uw2Y1lB7OPgUuQLNIQUEZ7GPrqSZY3e0+VLWUgizh0OYY6ESTii4Mtz15Blzxvk3qfAFRdYU4SqyPPwXa4ydx97CzS0HbYOQGBLOKwK6hTYru82yNjR4KpyeB3s7k6iaACX5uvH2gRJYW1gLxLAghoCe6cYWIbL5gPNpjBz+QWeRlYa+1lDy8bT2Pi/9T69vXzGbBdqXQ1SJa39wd3e8QPAFXMSGGcobSI4vm4iyAA6Gq0UBMhBzhkpj2v5WqAhmbwOWwT2QXalqMaDdl7rw1NjRYCZuSaS44ajTcm4PUwrS4U40NXLYJ6/piUNtmMWBXxJUOY73paNf76Maje6xr5v42/AWznk98uQw/JAAAAAElFTkSuQmCC) no-repeat 50%;width:60px;height:60px;margin:0 auto}.frame-side>.title>h1{color:#fff;font-size:20px;text-align:center;line-height:30px;height:30px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.frame-side>.user{color:var(--font-light);text-align:center;padding:10px 15px 15px 15px}.frame-side>.user>.name{padding-top:5px;margin:0}.frame-side>.user>.name>i{color:var(--user-name-font)}.frame-side>.user>.name>span{margin-left:10px}.frame-side>.user>.operate{text-align:center;margin-top:10px}.frame-side>.user>.operate>i{color:var(--user-operate);cursor:pointer}.frame-side>.user>.operate>i+i{margin-left:10px}.frame-side>.user>.operate>i:hover{color:var(--primary-color)}.frame-side>.menu{flex:1;color:var(--menu-font);width:100%;height:0;padding-top:10px;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame-side>.menu>.menu-list{width:var(--side-width);background-color:transparent}.frame-side>.menu .menu-expand{border-right:1px solid #000}.menu-list{background-color:var(--menu-background);overflow-x:hidden;overflow-y:auto}.menu-list ul{list-style-type:none;padding:0;margin:0}.menu-list li{display:block;margin:0}.menu-list li>p{display:flex;align-items:center;padding:10px 25px 10px 15px;margin:0;position:relative}.menu-list li>p.active{color:var(--menu-item-active-font)}.menu-list li>p.item{color:var(--menu-font)}.menu-list li>p:hover{color:var(--menu-item-active-font)!important;background-color:var(--menu-item-active-background);cursor:pointer}.menu-list li>p.group:after{content:"";display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVCREI4RTREOUUxMjExRUVCM0E0ODdGOTRGNDMwQ0UwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVCREI4RTRFOUUxMjExRUVCM0E0ODdGOTRGNDMwQ0UwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUJEQjhFNEI5RTEyMTFFRUIzQTQ4N0Y5NEY0MzBDRTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUJEQjhFNEM5RTEyMTFFRUIzQTQ4N0Y5NEY0MzBDRTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7KhoHOAAAAcklEQVR42mL8//8/AymAiYFEgKHh5MmTDkCsQIoN64F4Py5N2DQ4ArEALk2M2DwNVGgA0gDEH4DY0Nzc/AMhTwdAbTmArBgMQDYg4xMnTjQA8X8gno8uB8LYbMgH4gVAkxOx2o3FBgVsJsMwI81jGiDAAFqdZ78waz/HAAAAAElFTkSuQmCC) no-repeat;width:12px;height:12px;position:absolute;top:13px;right:12px}.menu-list li>p>img{display:block;width:14px;height:14px}.menu-list li>p>span{display:block;flex:1;font-size:16px;width:0;height:18px;margin-left:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-list li>div{padding:5px 0;position:fixed;z-index:10}.menu-list li>div,.menu-list li>div>ul{width:var(--menu-width)}.menu-list::-webkit-scrollbar,.menu::-webkit-scrollbar{width:6px;height:6px}.menu-list::-webkit-scrollbar-track,.menu::-webkit-scrollbar-track{background-color:transparent}.menu-list::-webkit-scrollbar-thumb,.menu::-webkit-scrollbar-thumb{background-color:var(--menu-scrollbar-color);border-radius:3px}.menu-list::-webkit-scrollbar-thumb:hover,.menu::-webkit-scrollbar-thumb:hover{background-color:var(--menu-scrollbar-hover)}.frame-side-fold{width:var(--side-fold-width)}.frame-side-fold>.title{padding:10px 5px 10px 5px}.frame-side-fold>.title>.logo{background-size:100%;width:32px;height:32px}.frame-side-fold>.title>h1,.frame-side-fold>.user{display:none}.frame-side-fold>.menu>.menu-list{width:auto}.frame-side-fold>.menu>.menu-list>ul>li>p{justify-content:center;padding:10px 12px}.frame-side-fold>.menu>.menu-list>ul>li>p>img{width:20px;height:20px}.frame-side-fold>.menu>.menu-list>ul>li>p:after,.frame-side-fold>.menu>.menu-list>ul>li>p>span{display:none}.frame-body{display:flex;flex-direction:column;flex:1;width:0;height:100%}.frame-taskbar{display:flex;width:100%;height:33px;border-bottom:1px solid var(--border-color);background-color:var(--section-background);-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame-taskbar>.side-ctrl{font-size:20px;line-height:32px;text-align:center;width:33px;border-right:1px solid var(--border-color);cursor:pointer}.frame-taskbar>.side-ctrl:hover{background-color:var(--section-background)}.frame-taskbar>.task-icon{width:33px;border-left:1px solid var(--border-color)}.frame-taskbar>.task-icon>.icon{font-size:20px;line-height:32px;text-align:center;width:100%;height:100%;cursor:pointer;color:#8e959f}.frame-taskbar>.task-icon>.icon:hover{background-color:var(--section-background)}.frame-taskbar>.task-icon>.disabled{color:var(--font-disabled);background-color:transparent!important}.frame-taskbar>.task-icon>.task-more-list{width:var(--task-more-width);border:1px solid var(--border-color);position:absolute;right:0}.frame-taskbar>.task-icon>.task-more-list>ul{background-color:var(--background);width:100%;padding:0;margin:0}.frame-taskbar>.task-icon>.task-more-list>ul>li{display:block;width:100%;height:32px;padding:0 10px;margin:0;list-style-type:none;position:relative;cursor:pointer}.frame-taskbar>.task-icon>.task-more-list>ul>li:hover{background-color:var(--section-background)}.frame-taskbar>.task-icon>.task-more-list>ul>li+li{height:33px;border-top:1px solid var(--border-light)}.frame-taskbar>.task-icon>.task-more-list>ul>li>span{display:block;line-height:32px;width:100%;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.frame-taskbar>.task-icon>.task-more-list>ul>li>i{display:none;color:var(--font-disabled);font-size:12px;line-height:16px;text-align:center;width:15px;height:15px;position:absolute;top:8px;right:4px;border-radius:3px}.frame-taskbar>.task-icon>.task-more-list>ul>li>i:hover{color:var(--font-inverse);background-color:var(--primary-color)}.frame-taskbar>.task-icon>.task-more-list>ul>li:hover>i{display:block}.frame-taskbar>.task-bar{display:flex;flex:1;width:0;overflow:hidden}.frame-taskbar>.task-bar>ul{display:flex;height:100%;padding:0;margin:0}.frame-taskbar>.task-bar>ul>li{width:var(--task-width);padding:0 10px;margin:0;border-right:1px solid var(--border-color);list-style-type:none;position:relative;cursor:pointer;transition:all .3s;color:#636a74}.frame-taskbar>.task-bar>ul>li.active,.frame-taskbar>.task-bar>ul>li:hover{background-color:#fff;color:#363c44}.frame-taskbar>.task-bar>ul>li.active:after{content:"";display:block;background-color:var(--primary-color);width:100%;height:2px;position:absolute;left:0;bottom:0}.frame-taskbar>.task-bar>ul>li>span{display:block;line-height:32px;width:100%;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.frame-taskbar>.task-bar>ul>li>i{display:none;color:var(--font-disabled);font-size:12px;line-height:16px;text-align:center;width:15px;height:15px;position:absolute;top:8px;right:4px;border-radius:3px}.frame-taskbar>.task-bar>ul>li>i:hover{color:var(--font-inverse);background-color:var(--primary-color)}.frame-taskbar>.task-bar>ul>li.active>i,.frame-taskbar>.task-bar>ul>li:hover>i{display:block}.frame-main{background-color:var(--background);flex:1;height:0}.workspace{width:100%;height:100%;overflow:hidden}.workspace>.page{display:none}.workspace>.show{display:block!important}.mzindex{z-index:99999!important}@font-face{font-family:hsja-icon;src:url(//at.alicdn.com/t/c/font_4362341_75rie6k5qc5.woff2?t=1705038849726) format("woff2"),url(//at.alicdn.com/t/c/font_4362341_75rie6k5qc5.woff?t=1705038849726) format("woff"),url(//at.alicdn.com/t/c/font_4362341_75rie6k5qc5.ttf?t=1705038849726) format("truetype")}[class^=hsja-icon-]{display:inline-block;font-family:hsja-icon!important;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class^=hsja-icon-]>span{margin-left:5px}.hsja-icon-cross:before{content:"\e601"}.hsja-icon-check:before{content:"\e602"}.hsja-icon-settings:before{content:"\e603"}.hsja-icon-logout:before{content:"\e604"}.hsja-icon-user:before{content:"\e605"}.hsja-icon-lock:before{content:"\e606"}.hsja-icon-refresh:before{content:"\e607"}.hsja-icon-menu-fold:before{content:"\e610"}.hsja-icon-menu-unfold:before{content:"\e611"}.hsja-icon-task-more:before{content:"\e612"}