.ZYKJ-Portal[data-v-c2f9d956]{height:100%}.ZYKJ-Portal .el-aside[data-v-c2f9d956],.ZYKJ-Portal[data-v-c2f9d956] .el-aside{padding:0;margin:0}.ZYKJ-Portal .el-aside .cap-wrapper[data-v-c2f9d956],.ZYKJ-Portal[data-v-c2f9d956] .el-aside .cap-wrapper{position:relative;height:42px;border-bottom:1px solid #dcdfe6;box-sizing:border-box;line-height:41px;padding-left:10px;font-size:16px}.ZYKJ-Portal .el-aside .aside-scrollbar[data-v-c2f9d956],.ZYKJ-Portal[data-v-c2f9d956] .el-aside .aside-scrollbar{height:calc(100% - 42px);overflow:hidden}.ZYKJ-Portal .el-aside .aside-scrollbar .el-scrollbar__wrap[data-v-c2f9d956],.ZYKJ-Portal[data-v-c2f9d956] .el-aside .aside-scrollbar .el-scrollbar__wrap{overflow-x:auto}.ZYKJ-Portal .left-box[data-v-c2f9d956]{background-color:#fff;border-radius:4px;overflow:hidden}.ZYKJ-Portal .left-box .components-list[data-v-c2f9d956]{box-sizing:border-box;height:100%}.ZYKJ-Portal .left-box .components-list .components-title[data-v-c2f9d956]{font-size:14px;color:#043254;line-height:42px;margin-bottom:10px;font-weight:700;padding-left:10px;border-bottom:1px solid #dcdfe6}.ZYKJ-Portal .left-box .components-list .components-part[data-v-c2f9d956]{background:#fff;border-radius:4px;margin-bottom:30px;overflow:hidden;padding:0}.ZYKJ-Portal .left-box .components-list .components-part .list[data-v-c2f9d956]{margin-right:-10px;padding:0 10px 0}.ZYKJ-Portal .left-box .components-list .components-part[data-v-c2f9d956]:last-child{margin-bottom:0}.ZYKJ-Portal .left-box .components-list .components-item[data-v-c2f9d956]{display:inline-block;width:110px;margin:0 10px 10px 0}.ZYKJ-Portal .left-box .components-list .components-item .components-body[data-v-c2f9d956]{padding-left:8px;background:#f3f9ff;font-size:12px;cursor:move;border:1px dashed #f3f9ff;border-radius:3px;color:#043254;line-height:36px;height:36px;display:flex;align-items:center}.ZYKJ-Portal .left-box .components-list .components-item .components-body i[data-v-c2f9d956]{color:#043254;line-height:16px;height:16px;margin-right:4px}.ZYKJ-Portal .el-main[data-v-c2f9d956]{height:100%;padding:0;overflow:hidden}.ZYKJ-Portal .el-main .action-bar[data-v-c2f9d956]{position:relative;height:42px;text-align:right;padding:0 15px;box-sizing:border-box;border-radius:4px;background:#fff;margin:0 10px;border:none}.ZYKJ-Portal .el-main .action-bar .delete-btn[data-v-c2f9d956]{color:#f56c6c!important}.ZYKJ-Portal .el-main .empty-info[data-v-c2f9d956]{position:absolute;top:calc(50% - 250px);left:calc(50% - 250px)}.ZYKJ-Portal .el-main .empty-info .empty-img[data-v-c2f9d956]{width:500px;height:500px}.ZYKJ-Portal .el-main[data-v-c2f9d956] .vue-grid-item.vue-grid-placeholder{background:#409eff}.ZYKJ-Portal .el-main .layout-area[data-v-c2f9d956]{height:calc(100% - 40px);margin:10px}.ZYKJ-Portal .el-main .layout-area[data-v-c2f9d956] .el-scrollbar__wrap{margin-bottom:0!important}.ZYKJ-Portal .el-main .layout-area .vue-grid-item[data-v-c2f9d956]{position:relative;height:100%;border:1px dashed #e2e0e0}.ZYKJ-Portal .el-main .layout-area .vue-grid-item.active-item[data-v-c2f9d956]{border:1px solid #409eff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item.active-item .drawing-item-copy[data-v-c2f9d956],.ZYKJ-Portal .el-main .layout-area .vue-grid-item.active-item .drawing-item-delete[data-v-c2f9d956]{display:block}.ZYKJ-Portal .el-main .layout-area .vue-grid-item[data-v-c2f9d956] .vue-resizable-handle{z-index:20}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .mask[data-v-c2f9d956]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-copy[data-v-c2f9d956],.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-delete[data-v-c2f9d956]{display:none;position:absolute;top:0;width:22px;height:22px;line-height:22px;text-align:center;border-radius:10%;font-size:12px;border:1px solid;cursor:pointer;z-index:20;z-index:3010}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-copy[data-v-c2f9d956]{right:36px;border-color:#409eff;color:#409eff;background:#fff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-copy[data-v-c2f9d956]:hover{background:#409eff;color:#fff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-delete[data-v-c2f9d956]{right:8px;border-color:#f56c6c;color:#f56c6c;background:#fff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-delete[data-v-c2f9d956]:hover{background:#f56c6c;color:#fff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item:hover .drawing-item-copy[data-v-c2f9d956],.ZYKJ-Portal .el-main .layout-area .vue-grid-item:hover .drawing-item-delete[data-v-c2f9d956]{display:block}.ZYKJ-Portal .el-main .layout-area .vue-grid-item[data-v-c2f9d956] .el-card{width:100%;height:100%}.ZYKJ-Portal .el-main .layout-area .vue-grid-item[data-v-c2f9d956] .el-card .el-card__body{padding:0}.absolute-box[data-v-c2f9d956]{position:absolute;right:2px;bottom:2px;font-size:12px;z-index:3010;padding-right:2px;padding:1px 3px;border:1px solid #d7dae2;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background-color:#fff}.grid-background[data-v-c2f9d956]{width:100%;min-height:100vh;position:relative;background-image:linear-gradient(90deg,#ccc 1px,transparent 0),linear-gradient(180deg,#ccc 1px,transparent 0);background-size:1% 10px}.vue-grid-item[data-v-c2f9d956]{position:relative;z-index:999;border:1px solid #00f}.pop-info[data-v-c2f9d956]{position:absolute;right:8px;top:20px;width:200px;z-index:999;text-align:right;color:#222;font-size:24px}.visual-page-container[data-v-c2f9d956]{display:flex;flex-flow:column nowrap}.visual-page-container .visual-design-header[data-v-c2f9d956]{padding-left:10px;height:40px;width:100%;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,.1);display:flex;align-items:center}.visual-page-container .visual-design-header .visual-header-item[data-v-c2f9d956]{margin-right:10px;height:30px}.visual-page-container .visual-design-body[data-v-c2f9d956]{height:calc(100% - 40px);width:100%;display:flex}