.app-topbar-menu[data-v-0f334c08]{width:60vw}.app-topbar-menu[data-v-0f334c08] .el-menu{height:50px;background:transparent;border-bottom:0;overflow:hidden}.app-topbar-menu[data-v-0f334c08] .el-menu .el-menu-item{height:50px;display:flex;align-items:center;background:transparent;border-bottom:0;padding:0 10px}.app-topbar-menu[data-v-0f334c08] .el-menu .el-menu-item span{font-size:12px;margin-left:0;line-height:normal}.app-topbar-menu[data-v-0f334c08] .el-menu .el-menu-item.is-active{background:var(--my-el-menu-bg-hover)!important}.app-topbar-menu[data-v-0f334c08] .el-menu .el-menu-item :deep(.icon-svg){height:18px;width:18px;margin-right:0;color:var(--my-el-menu-text-color)!important}.app-topbar-menu[data-v-0f334c08] .el-menu .menuItem,.app-topbar-menu[data-v-0f334c08] .el-menu .menuItem .icon-svg{color:var(--my-el-menu-text-color)!important}.app-topbar-menu .el-menu-item *{vertical-align:middle!important}.app-topbar-menu .el-sub-menu .el-sub-menu__title{color:#eee!important}.app-topbar-menu .el-sub-menu.is-active .el-sub-menu__title{border:none!important}.app-topbar-menu .el-sub-menu__title:hover{background:hsla(0,0%,100%,.13)!important}.app-topbar-menu .el-menu-item .icon-svg{color:#eee}.app-topbar-menu .el-sub-menu .el-sub-menu__hide-arrow{color:#eee!important}.app-topbar-menu .el-menu--popup .icon-svg{color:#000;margin-right:0}.el-menu-item *{vertical-align:middle!important}.container[data-v-8bce5ccc]{overflow:hidden;text-align:center}.container .ssc-bg[data-v-8bce5ccc],.container[data-v-8bce5ccc]{top:0;left:0;position:absolute;z-index:999;width:100%;height:100%}.container .ssc-bg[data-v-8bce5ccc]{background-color:hsla(0,0%,39.2%,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.container .center-box[data-v-8bce5ccc]{height:60%;text-align:center;padding:2% 20%}.container .center-box .mt-5[data-v-8bce5ccc]{margin-top:10px}.app-tools-notice[data-v-55ff5744]{position:relative}.app-tools-notice[data-v-55ff5744] .el-badge{transform:scale(.8);margin-left:20px;margin-right:20px}.layout-topbar[data-v-44ae3c0c]{display:flex;align-items:center;height:50px;padding:0;background-color:var(--my-el-menu-bg)}.layout-topbar__collapse[data-v-44ae3c0c]{display:flex;justify-content:center;align-items:center;height:40px;width:40px;cursor:pointer;color:var(--my-el-menu-text-color)!important}.layout-topbar__collapse i[data-v-44ae3c0c]{font-size:18px;color:var(--my-el-menu-text-color)!important}.layout-topbar .flex1[data-v-44ae3c0c]{flex:1}.layout-topbar__tools[data-v-44ae3c0c]{display:flex;margin-right:10px}.layout-topbar__tools>li[data-v-44ae3c0c]{display:flex;justify-content:center;align-items:center;list-style:none;height:45px;cursor:pointer;margin-left:10px}.layout-topbar__tools>li .el-icon[data-v-44ae3c0c]{color:var(--my-el-menu-text-color);padding:5px;border-radius:50%;background:var(--my-el-menu-tools-bg)}.layout-topbar__tools>li .el-icon-thumb[data-v-44ae3c0c]{margin:0 5px;transform:rotate(90deg);border-radius:none;background:none;color:red;-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);animation:move-44ae3c0c 3s infinite}@keyframes move-44ae3c0c{0%,33.33%{transform:rotate(90deg) translateY(0)}to{transform:rotate(90deg) translateY(-5px)}}.layout-topbar__user[data-v-44ae3c0c]{margin-right:10px;cursor:pointer}.layout-topbar__user .el-dropdown-link[data-v-44ae3c0c]{display:flex;align-items:center}.layout-topbar__user .avatar[data-v-44ae3c0c]{height:32px;width:32px;border-radius:32px}.layout-topbar__user .name[data-v-44ae3c0c]{white-space:nowrap;margin-right:15px;color:var(--my-el-menu-text-color);font-size:14px}.layout-topbar__user .el-icon-arrow-down[data-v-44ae3c0c]{margin-left:10px}.layout-topbar .inputBorder[data-v-44ae3c0c] .el-textarea__inner{border:0;resize:none;padding-left:0}.layout-topbar .popper-dropdown-menu-user[data-v-44ae3c0c]{width:120px}.layout-topbar__menu .el-menu .el-menu-item span{font-size:14px!important;color:var(--my-el-menu-title-color)}.layout-topbar__menu .el-menu .el-menu-item .icon-svg{margin-right:10px}.layout-topbar__menu .el-menu .el-menu-item:hover{background:var(--my-el-menu-bg-hover)!important}.layout-topbar__menu .el-menu .el-menu-item:hover .icon-svg,.layout-topbar__menu .el-menu .el-menu-item:hover span{color:var(--my-el-menu-title-color-hover)!important}.layout-topbar__menu .el-menu .el-menu-item.is-active{background:var(--my-el-menu-bg)!important}.layout-topbar__menu .el-menu .el-menu-item.is-active .icon-svg,.layout-topbar__menu .el-menu .el-menu-item.is-active span{color:var(--my-el-menu-title-color-hover)!important}.layout-topbar .el-dropdown-link{cursor:pointer;color:#409eff}.layout-topbar .el-icon-arrow-down{font-size:12px}.layout-topbar .transition-box{width:100vw;height:100vh;z-index:9999999;margin-bottom:10px;border-radius:4px;background-color:#409eff;text-align:center;color:#fff;padding:40px 20px;box-sizing:border-box;margin-right:20px}.hu-color-picker{padding:10px;background:#1d2024;border-radius:4px;box-shadow:0 0 16px 0 rgba(0,0,0,.16);z-index:1}.hu-color-picker.light{background:#f7f8f9}.hu-color-picker.light .color-show .sucker{background:#eceef0}.hu-color-picker.light .color-type .name{background:#e7e8e9}.hu-color-picker.light .color-type .value{color:#666;background:#eceef0}.hu-color-picker.light .colors.history{border-top:1px solid #eee}.hu-color-picker canvas{vertical-align:top}.hu-color-picker .color-set{display:flex}.hu-color-picker .color-show{margin-top:8px;display:flex}.saturation{position:relative;cursor:pointer}.saturation .slide{position:absolute;left:100px;top:0;width:10px;height:10px;border-radius:50%;border:1px solid #fff;box-shadow:0 0 1px 1px rgba(0,0,0,.3);pointer-events:none}.color-type{display:flex;margin-top:8px;font-size:12px}.color-type .name{width:60px;height:30px;float:left;display:flex;justify-content:center;align-items:center;color:#999;background:#252930}.color-type .value{flex:1;height:30px;min-width:100px;padding:0 12px;border:0;color:#fff;background:#2e333a;box-sizing:border-box}.color-alpha{position:relative;margin-left:8px;cursor:pointer}.color-alpha .slide{position:absolute;left:0;top:100px;width:100%;height:4px;background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,.3);pointer-events:none}.sucker{width:30px;fill:#9099a4;background:#2e333a;cursor:pointer;transition:all .3s}.sucker.active,.sucker:hover{fill:#1593ff}.colors{padding:0;margin:0}.colors.history{margin-top:10px;border-top:1px solid #2e333a}.colors .item{position:relative;width:16px;height:16px;margin:10px 0 0 10px;border-radius:3px;box-sizing:border-box;vertical-align:top;display:inline-block;transition:all .1s;cursor:pointer}.colors .item:nth-child(8n+1){margin-left:0}.colors .item:hover{transform:scale(1.4)}.colors .item .alpha{height:100%;border-radius:4px}.colors .item .color{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px}.hue{position:relative;margin-left:8px;cursor:pointer}.hue .slide{position:absolute;left:0;top:100px;width:100%;height:4px;background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,.3);pointer-events:none}.app-slider[data-v-1ed28d98]{height:100%;box-shadow:0 4px 8px rgba(0,0,0,.3)}.app-slider__logo[data-v-1ed28d98]{display:flex;align-items:center;justify-content:center;height:80px}.app-slider__logo .c[data-v-1ed28d98]{height:30px;width:193px}.app-slider__logo .z[data-v-1ed28d98]{height:30px;width:30px}.app-slider__logo .title[data-v-1ed28d98]{font-size:16px;color:var(--my-el-menu-text-color)}.app-slider__logo .title .title-bg[data-v-1ed28d98]{background:linear-gradient(90deg,var(--my-el-menu-title-bg),hsla(0,0%,100%,0));border-radius:24px;border-top-left-radius:24px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:24px;-moz-border-radius:20px 0 0 20px;width:calc(var(--my-el-menu-slider-width) - 20px);padding:10px 10px 10px 5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-slider__menu[data-v-1ed28d98]{overflow-y:auto;height:calc(100% - 120px)}.app-slider__menu[data-v-1ed28d98]::-webkit-scrollbar{width:0;height:0}.app-slider__menu[data-v-1ed28d98] .el-menu{border-right:0;background-color:var(--my-el-menu-bg)}.app-slider__menu[data-v-1ed28d98] .el-menu-item.is-active{background-color:var(--my-el-menu-bg-hover);color:var(--my-el-menu-title-color-hover)}.app-slider__menu[data-v-1ed28d98] .el-menu .el-menu-item:hover,.app-slider__menu[data-v-1ed28d98] .el-menu .el-sub-menu__title:hover{background-color:var(--my-el-menu-bg-hover)}.app-slider__menu[data-v-1ed28d98] .el-menu .el-sub-menu.is-opened,.app-slider__menu[data-v-1ed28d98] .el-menu .el-sub-menu.is-opened .el-menu{background-color:var(--my-el-menu-bg)}.app-slider__menu[data-v-1ed28d98] .el-menu-item,.app-slider__menu[data-v-1ed28d98] .el-menu .el-sub-menu__title,.app-slider__menu[data-v-1ed28d98] .el-menu__title{color:var(--my-el-menu-title-color);letter-spacing:.5px;height:50px;line-height:50px;vertical-align:middle!important}.app-slider__menu[data-v-1ed28d98] .el-menu-item:hover,.app-slider__menu[data-v-1ed28d98] .el-menu .el-sub-menu__title:hover,.app-slider__menu[data-v-1ed28d98] .el-menu__title:hover{color:var(--my-el-menu-title-color-hover)}.app-slider__menu[data-v-1ed28d98] .el-menu-item:hover i,.app-slider__menu[data-v-1ed28d98] .el-menu .el-sub-menu__title:hover i,.app-slider__menu[data-v-1ed28d98] .el-menu__title:hover i{color:var(--my-el-menu-title-color-hover);transform:rotate(1turn)}.app-slider__menu[data-v-1ed28d98] .el-menu-item .icon-svg,.app-slider__menu[data-v-1ed28d98] .el-menu .el-sub-menu__title .icon-svg,.app-slider__menu[data-v-1ed28d98] .el-menu__title .icon-svg{font-size:16px;margin:0 15px 0;display:inline-block;position:relative;vertical-align:inherit!important}.app-slider__menu[data-v-1ed28d98] .el-menu-item span,.app-slider__menu[data-v-1ed28d98] .el-menu .el-sub-menu__title span,.app-slider__menu[data-v-1ed28d98] .el-menu__title span{font-size:14px;letter-spacing:1px;display:inline-block}.app-slider__menu[data-v-1ed28d98] .el-menu--collapse .el-sub-menu__title .icon-svg{margin:0 0 3px 2px;font-size:20px;color:var(--my-el-menu-title-color)}.app-slider__container[data-v-1ed28d98]{position:relative;z-index:9;height:100%;background-color:var(--my-el-menu-bg)}.app-slider .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center}.app-slider .el-menu--vertical .el-sub-menu__title .icon-svg{font-size:18px;margin-right:10px}.app-slider .el-menu--vertical .el-menu-item{display:flex;align-items:center}.app-slider .el-menu--vertical .el-menu-item .icon-svg{font-size:18px;margin-right:10px}.app-slider .el-sub-menu__title *{vertical-align:middle!important}.app-process[data-v-eb552ec6]{display:flex;align-items:center;height:30px;position:relative}.app-process__left[data-v-eb552ec6],.app-process__right[data-v-eb552ec6]{background-color:#eee;height:30px;line-height:30px;padding:0 2px;border-radius:3px;cursor:pointer}.app-process__left[data-v-eb552ec6]:hover,.app-process__right[data-v-eb552ec6]:hover{background-color:#ddd}.app-process__left .el-icon[data-v-eb552ec6],.app-process__right .el-icon[data-v-eb552ec6]{margin-top:5px}.app-process__left[data-v-eb552ec6]{position:absolute;right:20px;top:0}.app-process__right[data-v-eb552ec6]{position:absolute;right:0;top:0}.app-process__scroller[data-v-eb552ec6]{width:100%;flex:1;overflow-x:auto;overflow-y:hidden;white-space:nowrap;box-shadow:0 2px 2px #fff;padding-right:80px}.app-process__scroller[data-v-eb552ec6]::-webkit-scrollbar{display:none}.app-process .block[data-v-eb552ec6]{display:inline-flex;align-items:center;border-radius:3px 3px 0 0;height:36px;line-height:36px;padding:0 12px;background-color:#f7f7f7;font-size:13px;margin-right:0;color:#909399;cursor:pointer}.app-process .block[data-v-eb552ec6]:last-child{margin-right:0}.app-process .block i[data-v-eb552ec6]{font-size:12px;overflow:hidden;transition:all .3s;padding:1px;border-radius:50%}.app-process .block i[data-v-eb552ec6]:hover{color:#fff;background-color:#f56c6c}.app-process .block .el-icon-close[data-v-eb552ec6]{width:auto;margin-left:15px}.app-process .block[data-v-eb552ec6]:hover{background-color:#eee}.app-process .block:hover span[data-v-eb552ec6]{color:#2f3447}.app-process .block.active[data-v-eb552ec6]{background-color:#fff}.app-process .block.active span[data-v-eb552ec6]{color:var(--el-color-primary)}.app-process .block.active i[data-v-eb552ec6]{width:auto;margin-left:15px}.app-process .block.active[data-v-eb552ec6]:before{background-color:#2f3447}.app-process .context-menu[data-v-eb552ec6]{margin:0;background:#fff;z-index:100;position:absolute;list-style-type:none;padding:5px 0;border-radius:4px;font-size:12px;font-weight:400;color:#333;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.app-process .context-menu li[data-v-eb552ec6]{margin:0;padding:7px 16px;cursor:pointer}.app-process .context-menu li[data-v-eb552ec6]:hover{background:#eee}.app-route-nav[data-v-66207b96]{height:34px;padding:0 0;margin:0 10px}.app-route-nav[data-v-66207b96] .el-breadcrumb{margin:0 10px}.app-route-nav[data-v-66207b96] .el-breadcrumb__inner{font-size:13px;padding:0 5px;font-weight:400;letter-spacing:1px}.app-route-nav .el-icon-thumb[data-v-66207b96]{margin:0 5px;float:left;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.app-route-nav .title[data-v-66207b96]{display:none;font-size:15px;font-weight:500;margin-left:5px}@media only screen and (max-width:768px){.app-route-nav .title[data-v-66207b96]{display:block}.app-route-nav[data-v-66207b96] .el-breadcrumb{display:none}}.page-layout[data-v-7b9dd39e]{display:flex;background-color:#f7f7f7;height:100%;width:100%;overflow:hidden}.page-layout__left[data-v-7b9dd39e]{background-color:#393a6a;overflow:hidden;height:100%;width:var(--my-el-menu-slider-width);transition:left .2s}.page-layout__right[data-v-7b9dd39e]{display:flex;flex-direction:column;height:100%;width:calc(100% - var(--my-el-menu-slider-width))}.page-layout__topbar[data-v-7b9dd39e]{margin-bottom:10px}.page-layout__process[data-v-7b9dd39e]{margin-bottom:11px;padding:0 10px}.page-layout__container[data-v-7b9dd39e]{width:100%;box-sizing:border-box;flex:1;overflow:hidden;margin-bottom:10px}.page-layout__mask[data-v-7b9dd39e]{position:fixed;left:0;top:0;background-color:rgba(0,0,0,.5);height:100%;width:100%;z-index:999}.page-layout__view[data-v-7b9dd39e]{height:100%;width:100%;box-sizing:border-box;padding:0 10px;border-radius:3px}.page-layout__view>div[data-v-7b9dd39e]{height:100%}@media only screen and (max-width:768px){.page-layout .page-layout__left[data-v-7b9dd39e]{position:absolute;left:0;z-index:9999;transition:transform .3s cubic-bezier(.7,.3,.1,1),box-shadow .3s cubic-bezier(.7,.3,.1,1)}.page-layout .page-layout__right[data-v-7b9dd39e]{width:100%}.page-layout.collapse .page-layout__left[data-v-7b9dd39e]{transform:translateX(-100%)}.page-layout.collapse .page-layout__mask[data-v-7b9dd39e]{display:none}}@media only screen and (min-width:768px){.page-layout .page-layout__left[data-v-7b9dd39e],.page-layout .page-layout__right[data-v-7b9dd39e]{transition:width .2s}.page-layout .page-layout__mask[data-v-7b9dd39e]{display:none}.page-layout.collapse .page-layout__left[data-v-7b9dd39e]{width:64px}.page-layout.collapse .page-layout__right[data-v-7b9dd39e]{width:calc(100% - 64px)}}