.component[data-v-69ceabf8]{position:absolute}.bg[data-v-457daf80]{width:100%;height:100%;top:0;left:0;position:fixed;background:#000;z-index:10;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px;z-index:999999}.bg .canvas-container[data-v-457daf80]{width:calc(100% - 40px);height:calc(100% - 120px);overflow:auto}.bg .canvas-container .canvas[data-v-457daf80]{position:relative;margin:auto;background-size:100% 100%!important}.bg .close[data-v-457daf80]{position:absolute;right:20px;top:20px}.toolbar[data-v-436100af]{width:100vw;height:45px;position:relative;display:flex;background:#1d1e1f;z-index:3}.toolbar .btn-box[data-v-436100af]{display:flex;width:800px;margin:0 auto;justify-content:center}.toolbar .btn-box .icon-box[data-v-436100af]{margin:5px;display:flex;align-items:center;justify-content:center;color:#fff;background:transparent}.toolbar .btn-box .icon-box i[data-v-436100af]{text-align:center;font-size:18px;color:#fff}.toolbar .btn-box .icon-box[data-v-436100af]:hover{background:#24282e}.ruler[data-v-ddad897c]{background-color:#303030;background-image:linear-gradient(90deg,#696969,#696969 2%,transparent 0),linear-gradient(180deg,#303030 50%,transparent 0),linear-gradient(90deg,transparent 50%,#696969 0,#696969 52%,transparent 0),linear-gradient(180deg,#303030 70%,transparent 0),linear-gradient(90deg,transparent 10%,#696969 0,#696969 12%,transparent 0,transparent 20%,#696969 0,#696969 22%,transparent 0,transparent 30%,#696969 0,#696969 32%,transparent 0,transparent 40%,#696969 0,#696969 42%,transparent 0,transparent 60%,#696969 0,#696969 62%,transparent 0,transparent 70%,#696969 0,#696969 72%,transparent 0,transparent 80%,#696969 0,#696969 82%,transparent 0,transparent 90%,#696969 0,#696969 92%,transparent 0);background-size:50px 30px;background-repeat:repeat-x;min-height:30px}.ruler.w[data-v-ddad897c]{position:fixed;z-index:2;height:30px;width:5000px;border-left:30px solid #535353;border-bottom:1px solid #696969;background-position:0 100%}.ruler.w .line .tempLine[data-v-ddad897c]{display:none;position:absolute;top:30px;left:50px;width:1px;height:3000px;background:red}.ruler.w .line .dragLine[data-v-ddad897c]{cursor:e-resize}.ruler.w .line li[data-v-ddad897c]{position:absolute;top:30px;left:10px;width:1px;height:3000px;background:#1ee5f7}.scale[data-v-ddad897c]{list-style-type:none;position:absolute;left:0;top:0;margin:0;padding:0;width:100%;height:30px;overflow:hidden;white-space:nowrap;color:#b1b4b4;font-size:0;text-shadow:0 1px 1px #000;-moz-user-select:none;-webkit-user-select:none;user-select:none}.scale li[data-v-ddad897c]{display:inline-block;width:50px;text-align:right;padding-right:2px;font-size:11px}.ruler[data-v-59ba1000]{background-color:#303030;background-image:linear-gradient(90deg,#696969,#696969 2%,transparent 0),linear-gradient(180deg,#303030 50%,transparent 0),linear-gradient(90deg,transparent 50%,#696969 0,#696969 52%,transparent 0),linear-gradient(180deg,#303030 70%,transparent 0),linear-gradient(90deg,transparent 10%,#696969 0,#696969 12%,transparent 0,transparent 20%,#696969 0,#696969 22%,transparent 0,transparent 30%,#696969 0,#696969 32%,transparent 0,transparent 40%,#696969 0,#696969 42%,transparent 0,transparent 60%,#696969 0,#696969 62%,transparent 0,transparent 70%,#696969 0,#696969 72%,transparent 0,transparent 80%,#696969 0,#696969 82%,transparent 0,transparent 90%,#696969 0,#696969 92%,transparent 0);background-size:50px 30px;background-repeat:repeat-x;min-height:30px;z-index:100}.ruler.h[data-v-59ba1000]{z-index:2;position:fixed;left:200px;top:75px;transform-origin:0 0;height:30px;width:3000px;background-position:0 100%;transform:rotate(-90deg) translateX(-100%);border-bottom:1px solid #696969}.ruler.h .scale li[data-v-59ba1000]{text-align:left}.ruler.h .line[data-v-59ba1000]{position:absolute;left:0;top:0;transform-origin:0 0;height:30px;width:100%}.ruler.h .line .tempLine[data-v-59ba1000]{display:none;position:absolute;top:30px;left:50px;width:1px;height:3000px;background:red}.ruler.h .line .dragLine[data-v-59ba1000]{cursor:s-resize}.ruler.h .line li[data-v-59ba1000]{position:absolute;top:30px;left:10px;width:1px;height:3000px;background:#1ee5f7}.scale[data-v-59ba1000]{list-style-type:none;position:absolute;left:0;top:0;margin:0;padding:0;width:100%;height:30px;overflow:hidden;white-space:nowrap;color:#b1b4b4;font-size:0;text-shadow:0 1px 1px #000;-moz-user-select:none;-webkit-user-select:none;user-select:none}.scale li[data-v-59ba1000]{display:inline-block;width:50px;text-align:right;padding-right:2px;font-size:11px}.area[data-v-5a996500]{border:1px solid #df0707;position:absolute}.mark-line[data-v-adaa0524]{height:100%}.line[data-v-adaa0524]{background:#59c7f9;position:absolute;z-index:1000}.xline[data-v-adaa0524]{width:100%;height:1px}.yline[data-v-adaa0524]{width:1px;height:100%}.contextmenu[data-v-5a1697d9]{position:absolute;z-index:1000}.contextmenu ul[data-v-5a1697d9]{border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;margin:5px 0;padding:6px 0}.contextmenu ul li[data-v-5a1697d9]{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.contextmenu ul li[data-v-5a1697d9]:hover{background-color:#f5f7fa}.selectCompost[data-v-b65c357c]{display:block;border:1px dashed #0790df}.editor[data-v-c32af6f8]{position:relative;background-size:100% 100%!important;border:1px solid #3f95fd}.editor .gird[data-v-c32af6f8]{position:absolute;top:0;left:0}.editor .component[data-v-c32af6f8]{position:absolute}.edit .component[data-v-c32af6f8]{outline:none;width:100%;height:100%}.componentBox[data-v-2f03a833]{margin-bottom:15px;cursor:pointer}.componentBox .component-title[data-v-2f03a833]{height:20px;line-height:20px;text-align:center;font-size:12px;background-color:#141414}.componentBox .component-content[data-v-2f03a833]{background:#1d1e1f;text-align:center;display:flex;justify-content:center;align-items:center}.component-group .component-title[data-v-44fdbbec]{font-size:12px;margin-bottom:10px}.component-group .text-box[data-v-44fdbbec]{width:90%;border:1px solid #3f95fd}.component-group .component-list[data-v-6c3eafe0]{display:flex;flex-wrap:wrap}.component-group .component-list .img-component[data-v-6c3eafe0]:nth-child(odd){margin-right:6%}.component-group .component-title[data-v-6c3eafe0]{font-size:12px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.component-group .component-title .arrow[data-v-6c3eafe0]{cursor:pointer;display:inline-block;padding:5px}.component-group .component-title[data-v-6c3eafe0] .ant-select-selection{background:transparent;border:1px solid #434343;color:#fff}.component-group .component-title[data-v-6c3eafe0] .ant-select-selection .ant-select-arrow-icon{color:#fff}.component-group .component-title[data-v-6c3eafe0] .ant-form-item-control-wrapper{flex:1}.component-group .component-title[data-v-6c3eafe0] .ant-form-item-label>label{color:#fff}.component-group.is-toggle .arrow[data-v-6c3eafe0]{cursor:pointer;transform:rotate(-90deg)}.component-group.is-toggle .component-list[data-v-6c3eafe0]{display:none}.component-group .img-box[data-v-6c3eafe0]{width:80%;border:1px solid #3f95fd;display:flex;justify-content:center;align-items:center}.component-group .img-box img[data-v-6c3eafe0]{-webkit-user-drag:none}.ChartTab .component-list[data-v-9ec08ba8]{display:flex;flex-wrap:wrap}.ChartTab .component-list img[data-v-9ec08ba8]{-webkit-user-drag:none}.ChartTab .component-list .chart-component[data-v-9ec08ba8]{width:120px}.ChartTab .component-list .chart-component .component[data-v-9ec08ba8]{width:100%;height:100px}.ChartTab .component-title[data-v-9ec08ba8]{font-size:12px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.ChartTab .component-title .arrow[data-v-9ec08ba8]{cursor:pointer;display:inline-block;padding:5px}.ChartTab.is-toggle .arrow[data-v-9ec08ba8]{cursor:pointer;transform:rotate(-90deg)}.ChartTab.is-toggle .component-list[data-v-9ec08ba8]{display:none}.component-group .component-list[data-v-7c09ac84]{display:flex;flex-wrap:wrap}.component-group .component-list img[data-v-7c09ac84]{-webkit-user-drag:none}.component-group .component-list .component[data-v-7c09ac84]{width:100%;height:100px}.component-group .component-title[data-v-7c09ac84]{font-size:12px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.component-group .component-title .arrow[data-v-7c09ac84]{cursor:pointer;display:inline-block;padding:5px}.component-group.is-toggle .arrow[data-v-7c09ac84]{cursor:pointer;transform:rotate(-90deg)}.component-group.is-toggle .component-list[data-v-7c09ac84]{display:none}.component-group .img-box[data-v-7c09ac84]{width:80%;border:1px solid #3f95fd;display:flex;justify-content:center;align-items:center}.component-group .img-box img[data-v-7c09ac84]{-webkit-user-drag:none}.LeftComponentNav[data-v-0ccf6ef8]{display:flex}.LeftComponentNav .nav-menu[data-v-0ccf6ef8]{width:40px;height:100%;background:#141414;padding:0}.LeftComponentNav .nav-menu li[data-v-0ccf6ef8]{list-style:none;text-align:center;height:50px;line-height:50px;cursor:pointer}.LeftComponentNav .nav-menu li.active[data-v-0ccf6ef8]{background:#24282e}.LeftComponentNav .nav-menu li i[data-v-0ccf6ef8]{color:#fff;font-size:18px}.LeftComponentNav .component-panel[data-v-0ccf6ef8]{width:160px;color:#fff;padding:6px 6px;height:100%;overflow-y:auto}.LeftComponentNav div[data-v-0ccf6ef8]::-webkit-scrollbar,.LeftComponentNav section[data-v-0ccf6ef8]::-webkit-scrollbar{width:5px;height:5px}.LeftComponentNav div[data-v-0ccf6ef8]::-webkit-scrollbar-thumb,.LeftComponentNav section[data-v-0ccf6ef8]::-webkit-scrollbar-thumb{background:rgba(144,146,152,.3);border-radius:5px}.LeftComponentNav div[data-v-0ccf6ef8]::-webkit-scrollbar-track,.LeftComponentNav section[data-v-0ccf6ef8]::-webkit-scrollbar-track{background:transparent;border-radius:5px}.ant-upload-select-picture-card i[data-v-7084e83a]{font-size:32px;color:#999}.ant-upload-select-picture-card .ant-upload-text[data-v-7084e83a]{margin-top:8px;color:#666}.AttributeConfig[data-v-0e76a23e]{height:calc(100% - 85px);overflow-y:auto}.AttributeConfig .custom-box[data-v-0e76a23e]{padding:0}.AttributeConfig .custom-box li[data-v-0e76a23e]{list-style:none;color:#fff;display:flex;align-items:center}.AttributeConfig .custom-box li .color-box[data-v-0e76a23e]{margin:0 0 0 12px}.AttributeConfig[data-v-0e76a23e]::-webkit-scrollbar{width:5px;height:5px}.AttributeConfig[data-v-0e76a23e]::-webkit-scrollbar-thumb{background:rgba(144,146,152,.3);border-radius:5px}.AttributeConfig[data-v-0e76a23e]::-webkit-scrollbar-track{background:transparent;border-radius:5px}.AttributeConfig .color-box[data-v-0e76a23e]{width:24px;height:24px;display:inline-block;border-radius:4px;margin-top:8px;cursor:pointer;border:none;outline:none;padding:0;color:transparent;-webkit-appearance:none}.AttributeConfig .color-box[data-v-0e76a23e]::-webkit-color-swatch{display:none}.AttributeConfig[data-v-0e76a23e] .ant-collapse{background-color:hsla(0,0%,100%,.04);border:none;color:#bcc8d4}.AttributeConfig[data-v-0e76a23e] .ant-collapse .ant-collapse-header{color:#bcc8d4}.AttributeConfig[data-v-0e76a23e] .ant-collapse .ant-collapse-item{border-bottom:1px solid #434343}.AttributeConfig[data-v-0e76a23e] .ant-collapse .ant-collapse-content{background:transparent;border-top:1px solid #434343}.AttributeConfig[data-v-0e76a23e] .ant-collapse .ant-collapse-content .ant-collapse-content-box{padding:0 0}.AttributeConfig[data-v-0e76a23e] .ant-select-selection{background:transparent;border:1px solid #434343;color:#fff}.AttributeConfig[data-v-0e76a23e] .ant-select-selection .ant-select-arrow-icon{color:#fff}.AttributeConfig[data-v-0e76a23e] .ant-form-item{margin:0 0 0 0}.AttributeConfig[data-v-0e76a23e] .ant-form-item-label label{color:#bcc8d4;font-size:14px}.AttributeConfig .ant-input-number[data-v-0e76a23e],.AttributeConfig[data-v-0e76a23e] .ant-input{height:30px;background:transparent;border:1px solid #434343;color:#fff}.DataConfig[data-v-5261288a] .ant-select-selection{background:transparent;border:1px solid #434343;color:#fff}.DataConfig[data-v-5261288a] .ant-select-selection .ant-select-arrow-icon{color:#fff}.DataConfig[data-v-5261288a] .ant-form-item{margin:10px 0 0 0}.DataConfig[data-v-5261288a] .ant-form-item-label label{color:#bcc8d4;font-size:14px}.DataConfig[data-v-5261288a] .ant-input{height:24px;background:transparent;border:1px solid #434343;color:#fff}.DataConfig[data-v-5261288a] .ant-radio-wrapper span{color:#fff;font-size:12px}.DataConfig[data-v-5261288a] .ant-input-affix-wrapper textarea{height:74px}.LayoutConfig[data-v-995055e8] .ant-upload.ant-upload-select-picture-card{background:none;color:#fff;width:125px}.LayoutConfig[data-v-995055e8] .ant-upload.ant-upload-select-picture-card img{width:100%}.DataPage .dynamic-delete-button[data-v-6885e858]{cursor:pointer;position:relative;margin-left:5px;top:4px;font-size:24px;color:#999;transition:all .3s}.DataPage .dynamic-delete-button[data-v-6885e858]:hover{color:#777}.DataPage .dynamic-delete-button[disabled][data-v-6885e858]{cursor:not-allowed;opacity:.5}.DataPage .ant-divider[data-v-6885e858]{background:hsla(0,0%,100%,.04)}.DataPage[data-v-6885e858] .ant-upload.ant-upload-select-picture-card{background:none;color:#fff;width:125px}.DataPage[data-v-6885e858] .ant-upload.ant-upload-select-picture-card img{width:100%}.DataPage[data-v-6885e858] .ant-upload.ant-upload-select-picture-card .ant-upload{color:#fff}.rightConfig[data-v-91b53578]{color:#fff;height:100%}.rightConfig .sketch-wrapper .sketch-operate[data-v-91b53578]{width:220px;text-align:center}.rightConfig .sketch-wrapper .sketch-operate button[data-v-91b53578]{color:#fff;width:80px;text-align:center}.rightConfig .config-tab[data-v-91b53578]{display:flex;background:#141414}.rightConfig .config-tab .tabFull[data-v-91b53578]{width:100%;height:40px;line-height:40px;text-align:center;font-size:14px}.rightConfig .config-tab .tabFull.activeTab[data-v-91b53578]{background:#24282e;border-top:2px solid #3f95fd}.rightConfig .config-tab .tab[data-v-91b53578]{width:50%;height:40px;line-height:40px;text-align:center;font-size:14px;cursor:pointer}.rightConfig .config-tab .tab.activeTab[data-v-91b53578]{background:#24282e;border-top:2px solid #3f95fd}.rightConfig[data-v-91b53578] .ant-select-selection{background:transparent;border:1px solid #434343;color:#fff}.rightConfig[data-v-91b53578] .ant-select-selection .ant-select-arrow-icon{color:#fff}.rightConfig[data-v-91b53578] .ant-form-item{margin:10px 0 0 0}.rightConfig[data-v-91b53578] .ant-form-item-label label{color:#bcc8d4;font-size:14px}.rightConfig[data-v-91b53578] .ant-input{height:24px;background:transparent;border:1px solid #434343;color:#fff}.aceEditor .editor[data-v-4fe65604]{width:100%;height:500px}.layout[data-v-6b1b7d0e]{height:100vh;background:#1d1e1f;position:relative}.layout div[data-v-6b1b7d0e]::-webkit-scrollbar,.layout section[data-v-6b1b7d0e]::-webkit-scrollbar{width:5px;height:5px}.layout div[data-v-6b1b7d0e]::-webkit-scrollbar-thumb,.layout section[data-v-6b1b7d0e]::-webkit-scrollbar-thumb{background:rgba(144,146,152,.3);border-radius:5px}.layout div[data-v-6b1b7d0e]::-webkit-scrollbar-track,.layout section[data-v-6b1b7d0e]::-webkit-scrollbar-track{background:transparent;border-radius:5px}.layout main[data-v-6b1b7d0e]{display:flex;height:calc(100% - 45px)}.layout main .left[data-v-6b1b7d0e]{display:flex;z-index:3;width:200px;height:calc(100% - 15px);background:#24282e}.layout main .center[data-v-6b1b7d0e]{height:100%;width:calc(100% - 450px);overflow:auto}.layout main .center .canvas-box[data-v-6b1b7d0e]{position:relative;left:55%;top:55px;transform:translateX(-55%)}.layout main .right[data-v-6b1b7d0e]{position:fixed;width:250px;height:100%;right:0;z-index:3;background:#24282e}