.vdr{touch-action:none;border:1px dashed #d6d6d6}.handle,.vdr{position:absolute;box-sizing:border-box}.handle{width:8px;height:8px;background:#fff;border:1px solid #333;box-shadow:0 0 2px #bbb}.handle-tl{top:-5px;left:-5px;cursor:nw-resize}.handle-tm{top:-5px;left:calc(50% - 4px);cursor:n-resize}.handle-tr{top:-5px;right:-5px;cursor:ne-resize}.handle-ml{top:calc(50% - 4px);left:-5px;cursor:w-resize}.handle-mr{top:calc(50% - 4px);right:-5px;cursor:e-resize}.handle-bl{bottom:-5px;left:-5px;cursor:sw-resize}.handle-bm{bottom:-5px;left:calc(50% - 4px);cursor:s-resize}.handle-br{bottom:-5px;right:-5px;cursor:se-resize}.ref-line{position:absolute;background-color:#f0c;z-index:9999}.v-line{width:1px}.h-line{height:1px}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}.ZYKJ-Portal[data-v-344026a4]{height:100%}.ZYKJ-Portal .el-aside[data-v-344026a4],.ZYKJ-Portal[data-v-344026a4] .el-aside{padding:0;margin:0}.ZYKJ-Portal .el-aside .cap-wrapper[data-v-344026a4],.ZYKJ-Portal[data-v-344026a4] .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-344026a4],.ZYKJ-Portal[data-v-344026a4] .el-aside .aside-scrollbar{height:100%;overflow:hidden}.ZYKJ-Portal .el-aside .aside-scrollbar .el-scrollbar__wrap[data-v-344026a4],.ZYKJ-Portal[data-v-344026a4] .el-aside .aside-scrollbar .el-scrollbar__wrap{overflow-x:auto}.ZYKJ-Portal .left-box[data-v-344026a4]{background-color:#fff;border-radius:4px;overflow:hidden}.ZYKJ-Portal .left-box .components-list[data-v-344026a4]{box-sizing:border-box;height:100%}.ZYKJ-Portal .left-box .components-list .components-title[data-v-344026a4]{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-344026a4]{background:#fff;border-radius:4px;margin-bottom:30px;overflow:hidden;padding:0}.ZYKJ-Portal .left-box .components-list .components-part .list[data-v-344026a4]{margin-right:-10px;padding:0 10px 0}.ZYKJ-Portal .left-box .components-list .components-part[data-v-344026a4]:last-child{margin-bottom:0}.ZYKJ-Portal .left-box .components-list .components-item[data-v-344026a4]{display:inline-block;width:100%;margin:0 0 6px 0}.ZYKJ-Portal .left-box .components-list .components-item .components-body[data-v-344026a4]{padding-left:8px;background:#f3f9ff;font-size:12px;cursor:pointer;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-344026a4]{color:#043254;line-height:16px;height:16px;margin-right:4px}.ZYKJ-Portal .el-main[data-v-344026a4]{height:100%;padding:0;overflow:hidden}.ZYKJ-Portal .el-main .action-bar[data-v-344026a4]{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-344026a4]{color:#f56c6c!important}.ZYKJ-Portal .el-main .empty-info[data-v-344026a4]{position:absolute;top:calc(50% - 250px);left:calc(50% - 250px)}.ZYKJ-Portal .el-main .empty-info .empty-img[data-v-344026a4]{width:500px;height:500px}.ZYKJ-Portal .el-main[data-v-344026a4] .vue-grid-item.vue-grid-placeholder{background:#409eff}.ZYKJ-Portal .el-main .layout-area[data-v-344026a4]{height:100%;margin:2px;position:relative}.ZYKJ-Portal .el-main .layout-area[data-v-344026a4] .el-scrollbar__wrap{margin-bottom:0!important}.ZYKJ-Portal .el-main .layout-area .vue-grid-item[data-v-344026a4]{position:relative;height:100%;border:1px dashed #e2e0e0}.ZYKJ-Portal .el-main .layout-area .vue-grid-item.active-item[data-v-344026a4]{border:1px solid #409eff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item.active-item .drawing-item-copy[data-v-344026a4],.ZYKJ-Portal .el-main .layout-area .vue-grid-item.active-item .drawing-item-delete[data-v-344026a4],.ZYKJ-Portal .el-main .layout-area .vue-grid-item.active-item .drawing-item-refresh[data-v-344026a4]{display:block}.ZYKJ-Portal .el-main .layout-area .vue-grid-item[data-v-344026a4] .vue-resizable-handle{z-index:20}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .mask[data-v-344026a4]{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-344026a4],.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-delete[data-v-344026a4],.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-refresh[data-v-344026a4]{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-refresh[data-v-344026a4]{right:64px;border-color:#409eff;color:#409eff;background:#fff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-refresh[data-v-344026a4]:hover{background:#409eff;color:#fff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-copy[data-v-344026a4]{right:36px;border-color:#409eff;color:#409eff;background:#fff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-copy[data-v-344026a4]:hover{background:#409eff;color:#fff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-delete[data-v-344026a4]{right:8px;border-color:#f56c6c;color:#f56c6c;background:#fff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-delete[data-v-344026a4]:hover{background:#f56c6c;color:#fff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item:hover .drawing-item-copy[data-v-344026a4],.ZYKJ-Portal .el-main .layout-area .vue-grid-item:hover .drawing-item-delete[data-v-344026a4],.ZYKJ-Portal .el-main .layout-area .vue-grid-item:hover .drawing-item-refresh[data-v-344026a4]{display:block}.ZYKJ-Portal .el-main .layout-area .vue-grid-item[data-v-344026a4] .el-card{width:100%;height:100%}.ZYKJ-Portal .el-main .layout-area .vue-grid-item[data-v-344026a4] .el-card .el-card__body{padding:0}.absolute-box[data-v-344026a4]{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-344026a4]{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;z-index:1}.vue-grid-item[data-v-344026a4]{position:relative;z-index:999;border:1px solid #00f}.pop-info[data-v-344026a4]{position:absolute;right:8px;top:20px;width:200px;z-index:999;text-align:right;color:#222;font-size:24px}.visual-page-container[data-v-344026a4]{display:flex;flex-flow:column nowrap}.visual-page-container .visual-design-header[data-v-344026a4]{padding-left:10px;height:40px;width:100%;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-bottom:1px solid #dedede;display:flex;align-items:center;justify-content:space-between;padding-right:310px}.visual-page-container .visual-design-header .visual-header-item[data-v-344026a4]{margin-right:10px;height:30px}.visual-page-container .visual-design-body[data-v-344026a4]{height:calc(100% - 40px);width:100%;display:flex}.ref-line[data-v-344026a4]{position:absolute;background:#f25a38;z-index:999}.v-line[data-v-344026a4]{width:1px}.h-line[data-v-344026a4]{height:1px}.el-scrollbar__view[data-v-344026a4]{position:relative}.center-box[data-v-344026a4]{margin:0 auto}