:root{--pro-background-color-mask:rgba(0, 0, 0, 0.5);--pro-layout-header-background-color:var(--el-color-white);--pro-layout-aside-background-color:var(--el-color-white);--pro-layout-main-background-color:var(--el-color-white);--pro-tabs-background-color:var(--el-color-white);--pro-layout-width-aside:240px;--pro-layout-width-aside-collapse:60px;--pro-layout-height:100vh;--pro-layout-height-header:54px;--pro-layout-main-margin:10px;--pro-layout-main-padding:20px;--pro-layout-xs-main-margin:4px;--pro-layout-xs-main-padding:10px;--pro-layout-index-sidebar:100}.pro-autocomplete-tag{display:flex;flex-wrap:wrap;align-items:center;border:1px solid #dcdfe6;border:var(--el-border-base);border-radius:4px;border-radius:var(--el-border-radius-base);background-color:var(--el-background-color)}.pro-autocomplete-tag .el-tag{margin:3px}.pro-autocomplete-tag .el-autocomplete{flex:1;min-width:80px}.pro-autocomplete-tag .el-input .el-input__inner{border:0}.pro-column-setting-tree .el-tree-node .el-tree-node__content{padding-right:10px}.pro-crud-menu{display:flex;align-items:center;justify-content:space-between}.pro-crud-menu+.pro-table{margin-top:15px}.pro-crud-search-wrapper{display:flex}.pro-crud-search-wrapper .el-form-item.pro-form-menu{margin-right:0}.pro-form.el-form .el-form-item.is-guttered{display:flex}.pro-form-item .children-form{position:relative;display:flex;justify-content:space-between;align-items:flex-end;padding-top:15px;width:100%;border-top:1px dashed #dcdfe6;border-top:var(--el-border-width-base) dashed var(--el-border-color-base)}.pro-form-item .children-form:first-child{padding-top:0;border-top-width:0}.pro-form-item .children-form .children-form-item{flex:1}.pro-form-item .children-form .children-form-item .pro-form-item{margin-bottom:22px}.pro-form-item .children-form .delete-bth{margin:0 0 20px 10px}.pro-input-tag{display:flex;flex-wrap:wrap;align-items:center;border:1px solid #dcdfe6;border:var(--el-border-base);border-radius:4px;border-radius:var(--el-border-radius-base);background-color:var(--el-background-color)}.pro-input-tag .el-tag{margin:3px}.pro-input-tag .el-input{flex:1;min-width:80px}.pro-input-tag .el-input .el-input__inner{border:0}body{margin:0;padding:0}.pro-layout{display:flex;height:100vh;height:var(--pro-layout-height);overflow:hidden}.pro-layout .pro-container{flex:1;display:flex;flex-direction:column;width:calc(100% - 240px);width:calc(100% - var(--pro-layout-width-aside));background-color:#f5f7fa;background-color:var(--el-background-color-base)}.pro-layout .aside-collapse+.pro-container{width:calc(100% - 60px);width:calc(100% - var(--pro-layout-width-aside-collapse))}.pro-layout .pro-aside .mask{display:none}.pro-layout .pro-aside .pro-aside-wrapper{display:flex;flex-direction:column;width:240px;width:var(--pro-layout-width-aside);height:100%;border-right:1px solid #dcdfe6;border-right:var(--el-border-base);background-color:#fff;background-color:var(--pro-layout-aside-background-color);transition:all .3s cubic-bezier(.645,.045,.355,1);transition:var(--el-transition-all)}.pro-layout .pro-aside .pro-aside-wrapper .pro-aside-logo{padding-left:20px;height:54px;height:var(--pro-layout-height-header);min-height:54px;min-height:var(--pro-layout-height-header);border-bottom:1px solid #dcdfe6;border-bottom:var(--el-border-base);background-color:#fff;background-color:var(--pro-layout-aside-background-color);overflow:hidden}.pro-layout .pro-aside .pro-aside-wrapper .el-scrollbar{flex:1}.pro-layout .pro-aside .pro-aside-wrapper .el-scrollbar .el-scrollbar__wrap{overflow-x:hidden}.pro-layout .pro-aside.aside-collapse .pro-aside-wrapper{width:60px;width:var(--pro-layout-width-aside-collapse)}.pro-layout .pro-aside.aside-collapse .pro-aside-wrapper .pro-aside-logo{padding-left:0}@media (max-width:767px){.pro-layout .pro-aside{position:absolute;left:0;top:0;bottom:0;width:0;z-index:100;z-index:var(--pro-layout-index-sidebar)}.pro-layout .pro-aside.aside-collapse{width:100%}.pro-layout .pro-aside .mask{display:block;position:absolute;opacity:0;transition:opacity .3s cubic-bezier(.23,1,.32,1);transition:var(--el-transition-fade)}.pro-layout .pro-aside.aside-collapse .mask{top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);background-color:var(--pro-background-color-mask);opacity:1}.pro-layout .pro-aside .pro-aside-wrapper{transform:translateX(-100%);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:var(--el-transition-md-fade)}.pro-layout .pro-aside.aside-collapse .pro-aside-wrapper{width:240px;width:var(--pro-layout-width-aside);transform:translateX(0)}.pro-layout .pro-aside.aside-collapse .pro-aside-wrapper .pro-aside-logo{padding-left:20px}}.pro-layout .pro-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:54px;height:var(--pro-layout-height-header);min-height:54px;min-height:var(--pro-layout-height-header);border-bottom:1px solid #dcdfe6;border-bottom:var(--el-border-base);background-color:#fff;background-color:var(--pro-layout-header-background-color)}.pro-layout .pro-header .header-slot{display:flex;align-items:center}.pro-layout .pro-header .header-slot .header-fold-btn{display:inline-block;margin-right:20px;width:24px;height:29px;cursor:pointer}.pro-layout .pro-header .header-slot .header-fold-btn .line{display:block;margin:5px auto;width:24px;height:3px;background-color:#303133;background-color:var(--el-text-color-primary);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:var(--el-transition-md-fade)}.pro-layout .pro-header .header-slot .header-fold-btn.is-active .line:first-child{transform:rotateZ(45deg) scaleX(.8) translate(8px,-3px)}.pro-layout .pro-header .header-slot .header-fold-btn.is-active .line:last-child{transform:rotateZ(-45deg) scaleX(.8) translate(8px,3px)}.pro-layout .pro-main{margin:10px;margin:var(--pro-layout-main-margin);padding:20px;padding:var(--pro-layout-main-padding);border:1px solid #dcdfe6;border:var(--el-border-base);border-radius:4px;border-radius:var(--el-border-radius-base);background-color:#fff;background-color:var(--pro-layout-main-background-color)}.pro-layout .pro-main.el-scrollbar .el-scrollbar__wrap{margin-bottom:0!important;overflow-x:hidden}@media (max-width:767px){.pro-layout .pro-main{margin:4px;margin:var(--pro-layout-xs-main-margin);padding:10px;padding:var(--pro-layout-xs-main-padding)}.pro-layout .pro-main.el-scrollbar .el-scrollbar__wrap{margin-right:0!important}}.pro-link{color:#409eff;color:var(--el-color-primary);text-decoration:none}.pro-link:hover{text-decoration:underline}.pro-menu.el-menu{border-right:0}.pro-menu .pro-menu-icon{margin-right:8px;width:20px;height:20px}.pro-menu.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>.pro-link{height:auto;width:auto;overflow:hidden;visibility:visible}.pro-menu.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>.pro-link .pro-menu-icon{margin-right:0}.el-menu-item .pro-link,.el-sub-menu__title .pro-link{display:block;color:#303133;color:var(--el-text-color-primary);transition:var(--el-color-transition-base)}.el-menu-item .pro-link:hover,.el-sub-menu__title .pro-link:hover{color:#409eff;color:var(--el-color-primary);text-decoration:none}.el-menu-item .pro-link.router-link-exact-active,.el-menu-item.is-active .pro-link{color:#409eff;color:var(--el-color-primary)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title .pro-link{display:inline-block}.pro-table+.pro-pagination{padding:15px 0;overflow-x:auto;overflow-y:hidden;overflow:auto hidden;text-align:right}.pro-tabs{padding:0 20px;background-color:#fff;background-color:var(--pro-tabs-background-color)}.pro-tabs .el-tabs__header{margin:0}.pro-tree-select-popper .pro-tree-select-options{padding:0;height:auto}.pro-tree-select-popper .pro-tree-select-options:hover{background-color:transparent}.pro-tree-select-popper .pro-tree-select-options .pro-tree-select-tree .is-disabled:not(.el-checkbox){flex:1;color:#c0c4cc;color:var(--el-text-color-placeholder);cursor:not-allowed}