#app{width:100%;height:100vh}.layout-container[data-v-f7c2a5d8]{background-color:var(--el-bg-color)}.layout-logo[data-v-9be1210c]{height:var(--el-header-height);width:100%;background-color:var(--el-bg-color);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--system-layout-radius) var(--system-layout-radius) 0 0}.layout-logo img[data-v-9be1210c]{width:35px;margin-right:6px}.layout-logo h1[data-v-9be1210c]{font-size:20px;color:var(--system-logo-color);font-weight:600;max-width:calc(100% - 70px);white-space:nowrap!important}.layout-tabs[data-v-a539afaf]{display:flex;align-items:center;flex:1;margin-right:16px}.layout-tabs .scrollbar-flex-content[data-v-a539afaf]{display:flex;position:relative}.layout-tabs .item[data-v-a539afaf]{display:flex;align-items:center;justify-content:center;padding:0 20px;cursor:pointer;z-index:1;height:var(--el-header-height);-webkit-user-select:none;user-select:none;transition:all .2s;white-space:nowrap}.layout-tabs .item span[data-v-a539afaf]{font-size:14px;color:var(--system-tabs-text-color);transition:.2s}.layout-tabs .item .el-icon[data-v-a539afaf]{font-size:12px;width:16px;height:16px;border-radius:50%;margin-left:3px;transition:.2s;display:flex;align-items:center;justify-content:center;color:var(--el-text-color-placeholder)}.layout-tabs .item[data-v-a539afaf]:hover{background-color:var(--system-tabs-bg-active-color);border-radius:var(--system-layout-radius)}.layout-tabs .item:hover span[data-v-a539afaf],.layout-tabs .item:hover .el-icon[data-v-a539afaf]{color:var(--system-tabs-text-active-color)}.layout-tabs .item:hover .el-icon[data-v-a539afaf]:hover{background-color:var(--system-tabs-text-active-color);color:var(--system-tabs-bg-active-color)}.layout-tabs .item:hover:hover span[data-v-a539afaf],.layout-tabs .item_active span[data-v-a539afaf],.layout-tabs .item_active .el-icon[data-v-a539afaf]{color:var(--system-tabs-text-active-color)}.layout-tabs .item_active .el-icon[data-v-a539afaf]:hover{background-color:var(--system-tabs-text-active-color);color:var(--system-tabs-bg-active-color)}.layout-tabs .item_active:hover span[data-v-a539afaf]{color:var(--system-tabs-text-active-color)}.layout-tabs .item_slider[data-v-a539afaf]{position:absolute;bottom:0;height:var(--el-header-height);transition:all .2s;z-index:0;background-color:var(--system-tabs-bg-active-color);border-radius:var(--system-layout-radius)}.layout-tabs .layout-tabs-mobile[data-v-a539afaf]{display:none}@media screen and (max-width: 1000px){.layout-tabs .scrollbar-flex-content[data-v-a539afaf]{display:none!important}.layout-tabs .layout-tabs-mobile[data-v-a539afaf]{display:flex;align-items:center;justify-content:center;width:var(--el-header-height);height:var(--el-header-height);cursor:pointer}.layout-tabs .layout-tabs-mobile .el-icon[data-v-a539afaf]{font-size:21px;transition:.2s}.layout-tabs .layout-tabs-mobile:hover .el-icon[data-v-a539afaf]{transform:scale(1.1);color:var(--el-color-primary)}}.layout-setting .layoutlist{display:flex;align-items:center;padding-bottom:10px;justify-content:space-between}.layout-setting .layoutlist .item{width:148px;height:105px;display:flex;justify-content:space-between;box-sizing:border-box;border:1px solid var(--el-border-color-light);border-radius:2px;position:relative;cursor:pointer;transition:.2s}.layout-setting .layoutlist .item:hover,.layout-setting .layoutlist .item.active{border-color:var(--el-color-primary)}.layout-setting .layoutlist .item-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:25px;color:var(--el-color-primary);font-size:14px;display:flex;align-items:center;justify-content:center;border:1px solid var(--el-color-primary)}.layout-setting .layoutlist .item-l{width:18%;height:100%;background-color:var(--el-border-color-lighter)}.layout-setting .layoutlist .item-r{display:flex;flex:1;flex-direction:column;height:100%}.layout-setting .layoutlist .item-t{width:100%;height:10%;background-color:var(--el-border-color)}.layout-setting .layoutlist .item-b{width:100%;height:90%;background-color:var(--el-border-color-extra-light)}.layout-setting .layoutlist .item_fashion{padding:5px}.layout-setting .layoutlist .item_fashion .item-l{margin-right:5px}.layout-setting .layoutlist .item_fashion .item-b{margin-top:5px;height:calc(90% - 5px)}.layout-setting .el-divider{margin:20px 0}.layout-setting .el-divider .el-divider__text{color:var(--el-text-color-primary);font-weight:700;font-size:15px}.layout-setting .sCell{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.layout-setting .sCell .label{width:90px;text-align:left;font-size:14px}.layout-setting .sCell .inner{flex:1;text-align:right;padding-left:15px}.layout-action{display:flex;align-items:center;padding:0 18px 0 10px;border-radius:var(--system-layout-radius);box-shadow:var(--system-layout-box-shadow);background-color:var(--el-header-action-bg)}.layout-action ul{display:flex;align-items:center;margin-right:20px}.layout-action ul .el-dropdown{outline:none!important}.layout-action ul li{width:40px;height:var(--el-header-height);cursor:pointer;transition:.1s;display:flex;align-items:center;justify-content:center}.layout-action ul li .icon{font-size:18px;color:var(--system-action-text-color)}.layout-action ul li:focus-visible{outline:none!important}.layout-action ul li:hover{background-color:var(--el-color-info-light-8)}.layout-action ul li:hover .icon{animation:iconHover .3s ease-in-out}@keyframes iconHover{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.layout-action .user{display:flex;align-items:center;cursor:pointer}.layout-action .user .user-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px}.layout-action .user .user-name{font-size:14px}.layout-action-sizes .el-dropdown-menu__item{justify-content:center}@media screen and (max-width: 1000px){.layout-action ul{display:none!important}}.layout-close-fullscreen[data-v-a4a4ca17]{position:fixed;z-index:999;left:50%;transform:translate(-50%);top:-56px;transition:.3s ease;padding:30px}.layout-close-fullscreen .closeIcon[data-v-a4a4ca17]{width:46px;height:46px;box-shadow:var(--el-box-shadow);background-color:#e9e9e9;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.layout-close-fullscreen .closeIcon .el-icon[data-v-a4a4ca17]{font-size:30px;color:#999}.layout-close-fullscreen .closeIcon[data-v-a4a4ca17]:hover{transform:scale(1.1)}.layout-close-fullscreen .closeIcon:hover .el-icon[data-v-a4a4ca17]{color:var(--el-color-primary)}.layout-close-fullscreen[data-v-a4a4ca17]:hover{top:0}.layout-default_sutra{--system-layout-box-shadow: none;--system-layout-offset: 0px;--system-layout-radius: 0px}.layout-default_fashion{--system-layout-box-shadow: var(--el-box-shadow-light);--system-layout-offset: 16px;--system-layout-radius: 4px;padding:16px 0 0 16px}.layout-default{width:100vw;height:100vh;overflow-x:hidden}.layout-default .layout-mask{display:none}.layout-default .layout-aside{height:calc(100vh - var(--system-layout-offset) - var(--system-layout-offset));position:relative;box-shadow:var(--system-layout-box-shadow);overflow:initial;transition:.3s}.layout-default .layout-aside .layout-menu{border-right:none}.layout-default .layout-aside .layout-menu .el-sub-menu__title:hover,.layout-default .layout-aside .layout-menu .el-menu-item:hover{color:var(--el-menu-active-color)}.layout-default .layout-aside .layout-menu .el-menu-item.is-active{background-color:var(--el-menu-hover-bg-color)}.layout-default .layout-aside .layout-menu .el-menu_title_icon{width:20px;text-align:center;display:inline-block;font-size:17px}.layout-default .layout-aside .layout-menu .el-menu_title_text{margin-left:3px}.layout-default .layout-aside .layout-menu.el-menu--collapse{width:100%}.layout-default .layout-aside .layout-menu.el-menu--collapse .el-sub-menu__title_custom{visibility:initial;width:inherit;height:inherit}.layout-default .layout-aside .layout-menu.el-menu--collapse .el-menu_title_icon{margin-right:0}.layout-default .layout-aside .layout-menu.el-menu--collapse .el-menu_title_text{visibility:hidden}.layout-default .layout-aside .layout-aside-collapse{width:25px;height:58px;position:absolute;right:0;top:calc(50% - 29px);z-index:999;background-color:var(--el-menu-bg-color);box-shadow:var(--el-box-shadow-dark);cursor:pointer;border-radius:0 3px 3px 0;pointer-events:none;opacity:0;transition:.3s;display:flex;align-items:center;justify-content:center}.layout-default .layout-aside .layout-aside-collapse .el-icon{color:var(--el-menu-text-color);font-size:14px}.layout-default .layout-aside:hover .layout-aside-collapse{pointer-events:auto;opacity:1;right:-25px}.layout-default .layout-header{display:flex;align-items:center;justify-content:space-between;height:var(--el-header-height);padding-left:0;padding-right:0;margin-left:var(--system-layout-offset);margin-right:var(--system-layout-offset)}.layout-default .layout-main{padding:0;overflow-x:hidden}.layout-default .layout-main .layout-container{margin:16px;height:calc(100vh - var(--el-header-height) - 32px - var(--system-layout-offset));background-color:var(--el-bg-color);border-radius:var(--system-layout-radius)}html.light .layout-default{--el-menu-bg-color: var(--system-menu-bg-color);--el-menu-text-color: var(--system-menu-text-color);--el-menu-hover-bg-color: var(--system-menu-bg-active-color);--el-menu-active-color: var(--system-menu-text-active-color);--el-header-action-bg: var(--system-header-action-bg);--system-logo-color: var(--el-menu-hover-bg-color)}html.light .layout-default .layout-header{background-color:var(--system-header-bg-color);--system-action-text-color: var(--system-header-text-color);--system-tabs-text-color: var(--system-header-text-color)}html.dark .layout-default{--el-menu-bg-color: var(--el-bg-color);--el-header-action-bg: var(--el-bg-color);--system-tabs-bg-active-color: var(--el-color-primary)!important;--system-logo-color: var(--el-color-primary)}html.dark .layout-default .layout-header{--system-tabs-text-color: var(--el-color-info-dark-2)}html.light .layout-default_sutra .layout-logo{border-right:1px solid #f9f9f9}html.dark .layout-default_sutra .layout-header{background-color:var(--el-bg-color)}@media screen and (max-width: 1000px){.layout-default{--system-layout-box-shadow: none;--system-layout-offset: 0px;--system-layout-radius: 0px;padding:0}.layout-default .layout-mask{display:block;position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;background-color:var(--el-popup-modal-bg-color);transition:.2s ease}.layout-default .layout-mask.layout-mask_hide{pointer-events:none;opacity:0}.layout-default .layout-mask.layout-mask_show{pointer-events:auto;opacity:var(--el-popup-modal-opacity)}.layout-default .layout-aside{position:absolute;left:0;top:0;bottom:0;z-index:999;box-shadow:var(--el-box-shadow);transition:.2s ease}.layout-default .layout-aside.layout-aside_hide{pointer-events:none;opacity:0}.layout-default .layout-aside.layout-aside_show{pointer-events:auto;opacity:1}.layout-default .layout-aside .layout-aside-collapse{display:none}.layout-default .layout-header{background-color:var(--el-bg-color)!important}}.el-button.is-text{padding:0;margin:0 7px}