.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-25b62039]{height:100%}.ZYKJ-Portal .el-aside[data-v-25b62039],.ZYKJ-Portal[data-v-25b62039] .el-aside{padding:0;margin:0}.ZYKJ-Portal .el-aside .cap-wrapper[data-v-25b62039],.ZYKJ-Portal[data-v-25b62039] .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-25b62039],.ZYKJ-Portal[data-v-25b62039] .el-aside .aside-scrollbar{height:100%;overflow:hidden}.ZYKJ-Portal .el-aside .aside-scrollbar .el-scrollbar__wrap[data-v-25b62039],.ZYKJ-Portal[data-v-25b62039] .el-aside .aside-scrollbar .el-scrollbar__wrap{overflow-x:auto}.ZYKJ-Portal .left-box[data-v-25b62039]{background-color:#fff;border-radius:4px;overflow:hidden}.ZYKJ-Portal .left-box .components-list[data-v-25b62039]{box-sizing:border-box;height:100%}.ZYKJ-Portal .left-box .components-list .components-title[data-v-25b62039]{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-25b62039]{background:#fff;border-radius:4px;margin-bottom:30px;overflow:hidden;padding:0}.ZYKJ-Portal .left-box .components-list .components-part .list[data-v-25b62039]{margin-right:-10px;padding:0 10px 0}.ZYKJ-Portal .left-box .components-list .components-part[data-v-25b62039]:last-child{margin-bottom:0}.ZYKJ-Portal .left-box .components-list .components-item[data-v-25b62039]{display:inline-block;width:100%;margin:0 0 6px 0}.ZYKJ-Portal .left-box .components-list .components-item .components-body[data-v-25b62039]{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-25b62039]{color:#043254;line-height:16px;height:16px;margin-right:4px}.ZYKJ-Portal .el-main[data-v-25b62039]{height:100%;padding:0;overflow:hidden}.ZYKJ-Portal .el-main .action-bar[data-v-25b62039]{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 .empty-info[data-v-25b62039]{position:absolute;top:calc(50% - 250px);left:calc(50% - 250px)}.ZYKJ-Portal .el-main .empty-info .empty-img[data-v-25b62039]{width:500px;height:500px}.ZYKJ-Portal .el-main[data-v-25b62039] .vue-grid-item.vue-grid-placeholder{background:#409eff}.ZYKJ-Portal .el-main .layout-area[data-v-25b62039]{height:100%;margin:8px;position:relative}.ZYKJ-Portal .el-main .layout-area[data-v-25b62039] .el-scrollbar__wrap{margin-bottom:0!important;padding-right:8px!important}.ZYKJ-Portal .el-main .layout-area .vue-grid-item[data-v-25b62039]{position:relative;height:100%;border:1px dashed #e2e0e0}.ZYKJ-Portal .el-main .layout-area .vue-grid-item.active-item[data-v-25b62039]{border:1px solid #409eff}.ZYKJ-Portal .el-main .layout-area .vue-grid-item.active-item .drawing-item-copy[data-v-25b62039],.ZYKJ-Portal .el-main .layout-area .vue-grid-item.active-item .drawing-item-delete[data-v-25b62039],.ZYKJ-Portal .el-main .layout-area .vue-grid-item.active-item .drawing-item-refresh[data-v-25b62039]{display:block}.ZYKJ-Portal .el-main .layout-area .vue-grid-item[data-v-25b62039] .vue-resizable-handle{z-index:20}.ZYKJ-Portal .el-main .layout-area .vue-grid-item .mask[data-v-25b62039]{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-25b62039],.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-delete[data-v-25b62039],.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-refresh[data-v-25b62039]{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-25b62039]:hover,.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-delete[data-v-25b62039]:hover,.ZYKJ-Portal .el-main .layout-area .vue-grid-item .drawing-item-refresh[data-v-25b62039]:hover{background:#409eff;color:#fff}.ZYKJ-Portal .el-main .layout-area .drawing-item-copy[data-v-25b62039]{right:36px;border-color:#409eff;color:#409eff;background:#fff}.ZYKJ-Portal .el-main .layout-area .drawing-item-copy[data-v-25b62039]:hover{background:#409eff;color:#fff}.ZYKJ-Portal .el-main .layout-area .drawing-item-refresh[data-v-25b62039]{right:60px;border-color:#409eff;color:#409eff;background:#fff}.ZYKJ-Portal .el-main .layout-area .drawing-item-refresh[data-v-25b62039]:hover{background:#409eff;color:#fff}.ZYKJ-Portal .el-main .layout-area .drawing-item-delete[data-v-25b62039]{right:8px;border-color:#f56c6c;color:#f56c6c;background:#fff}.ZYKJ-Portal .el-main .layout-area .drawing-item-delete[data-v-25b62039]:hover{background:#f56c6c;color:#fff}.ZYKJ-Portal .el-main .layout-area:hover .drawing-item-copy[data-v-25b62039],.ZYKJ-Portal .el-main .layout-area:hover .drawing-item-delete[data-v-25b62039],.ZYKJ-Portal .el-main .layout-area:hover .drawing-item-refresh[data-v-25b62039]{display:block}.ZYKJ-Portal .el-main .layout-area[data-v-25b62039] .el-card{width:100%;height:100%}.ZYKJ-Portal .el-main .layout-area[data-v-25b62039] .el-card .el-card__body{padding:0}.absolute-box[data-v-25b62039]{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-25b62039]{width:100%;min-height:4000px;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-25b62039]{position:relative;z-index:999}.pop-info[data-v-25b62039]{position:absolute;right:8px;top:20px;width:200px;z-index:999;text-align:right;color:#222;font-size:24px}.visual-page-container[data-v-25b62039]{display:flex;flex-flow:column nowrap}.visual-page-container .visual-design-header[data-v-25b62039]{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:300px}.visual-page-container .visual-design-header .visual-header-item[data-v-25b62039]{margin-right:10px;height:30px}.visual-page-container .visual-design-body[data-v-25b62039]{height:calc(100% - 40px);width:100%;display:flex}.ref-line[data-v-25b62039]{position:absolute;background:#f25a38;z-index:999}.v-line[data-v-25b62039]{width:1px}.h-line[data-v-25b62039]{height:1px}.el-scrollbar__view[data-v-25b62039]{position:relative}.delete-btn[data-v-25b62039]{color:#f56c6c!important}.mobile-wrapper[data-v-25b62039]{width:400px;height:100%;margin:0 auto}.center-box[data-v-25b62039]{margin:0 auto}.vdr.active:before{border:0!important;outline:0!important}.center-box{margin:0 auto;overflow-x:auto}.main-container-box-visual[data-v-46304712]{height:100vh;overflow:hidden;background:#ebeef5}.main-container-box-visual .basic-box[data-v-46304712]{height:100%;overflow:hidden}.main-container-box-visual .basicForm[data-v-46304712]{background:#fff;padding:20px;border-radius:4px;height:100%;overflow:auto;overflow-x:hidden}.main-container-box-visual .basicForm .el-select[data-v-46304712]{width:100%}.ZYKJ-full-dialog-header-visual[data-v-46304712]{padding:0 10px;height:38px;display:flex;justify-content:space-between;align-items:center;position:absolute;right:1px;top:1px;z-index:2000;background:#fff}.ZYKJ-full-dialog-header-visual .header-title[data-v-46304712]{height:100%;display:flex;align-items:center}.ZYKJ-full-dialog-header-visual .header-logo[data-v-46304712]{width:auto;height:40px;vertical-align:top;margin-right:3px;font-size:30px;color:#fff}.ZYKJ-full-dialog-header-visual .header-txt[data-v-46304712]{line-height:50px;display:inline-block;margin:0;color:#333;font-size:18px}.ZYKJ-full-dialog-header-visual .steps[data-v-46304712]{width:450px;padding:6px 20px;background:#f5f5f5;border-radius:50px;justify-items:flex-start;flex-shrink:0}.ZYKJ-full-dialog-header-visual .steps.steps2[data-v-46304712]{width:300px}.ZYKJ-full-dialog-header-visual .steps.steps4[data-v-46304712]{width:600px}.ZYKJ-full-dialog-header-visual .steps .el-step__title[data-v-46304712]{cursor:pointer}.ZYKJ-full-dialog-header-visual .options[data-v-46304712]{text-align:right}