.wresize-panel-3{position:relative}.wresize-panel-3 .wresize-panel-left{position:absolute;left:0px;top:0px;bottom:0px}.wresize-panel-3 .wresize-panel-center{position:absolute;top:0px;bottom:0px}.wresize-panel-3 .wresize-panel-right{position:absolute;right:0px;top:0px;bottom:0px}.wresize-panel-3 .wresize-handler-left,.wresize-panel-3 .wresize-handler-right{position:absolute;top:0px;bottom:0px;width:5px;cursor:w-resize}.topo-toolbox{border:1px solid #ccc;background-color:#fff;overflow-y:auto;overflow-x:hidden}.topo-toolbox .toolbox-group{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:space-between}.topo-toolbox .toolbox-group .toolbox-item{width:70px;margin:10px 5px;padding:5px;color:#777;border:1px solid transparent}.topo-toolbox .toolbox-group .toolbox-item.base{width:64px}.topo-toolbox .toolbox-group .toolbox-item .toolbox-item-icon{text-align:center}.topo-toolbox .toolbox-group .toolbox-item .toolbox-item-text{margin-top:10px;text-align:center}.topo-toolbox .toolbox-group .toolbox-item:hover{border:1px solid #ccc;background:#ccc;color:#38f;border-radius:6px;cursor:pointer}.item-icon[data-v-6c671b4d]{height:30px}.item-icon .iconfont[data-v-6c671b4d]{font-size:30px;margin-left:14px}.ScaleBox[data-v-787fd2cb]{left:0;top:0;z-index:999;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.RefDot_h[data-v-787fd2cb],.RefDot_v[data-v-787fd2cb],.RefLine_h[data-v-787fd2cb],.RefLine_v[data-v-787fd2cb],.ScaleRuler_h[data-v-787fd2cb],.ScaleRuler_v[data-v-787fd2cb]{position:absolute;left:0;top:0;overflow:hidden;z-index:999}.ScaleRuler_h[data-v-787fd2cb]{width:100%;height:18px;left:18px;opacity:0.6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAASCAMAAAAuTX21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFMzMzAAAA////BqjYlAAAACNJREFUeNpiYCAdMDKRCka1jGoBA2JZZGshiaCXFpIBQIABAAplBkCmQpujAAAAAElFTkSuQmCC) repeat-x}.ScaleRuler_v[data-v-787fd2cb]{width:18px;height:100%;top:18px;opacity:0.6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAyCAMAAABmvHtTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFMzMzAAAA////BqjYlAAAACBJREFUeNpiYGBEBwwMTGiAakI0NX7U9aOuHyGuBwgwAH6bBkAR6jkzAAAAAElFTkSuQmCC) repeat-y}.ScaleRuler_h .n[data-v-787fd2cb],.ScaleRuler_v .n[data-v-787fd2cb]{position:absolute;font:10px/1 Arial,sans-serif;color:#333;cursor:default}.ScaleRuler_v .n[data-v-787fd2cb]{width:8px;left:3px;word-wrap:break-word}.ScaleRuler_h .n[data-v-787fd2cb]{top:1px}.RefDot_h[data-v-787fd2cb],.RefDot_v[data-v-787fd2cb],.RefLine_h[data-v-787fd2cb],.RefLine_v[data-v-787fd2cb]{z-index:998}.RefLine_h[data-v-787fd2cb]{width:100%;height:3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAMAAADU3h9xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFSv//AAAAH8VRuAAAAA5JREFUeNpiYIACgAADAAAJAAE0lmO3AAAAAElFTkSuQmCC) repeat-x 0;cursor:n-resize}.RefLine_v[data-v-787fd2cb]{width:3px;height:100%;_height:9999px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAMAAAAPxGVzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFSv//AAAAH8VRuAAAAA5JREFUeNpiYEAFAAEGAAAQAAGePof9AAAAAElFTkSuQmCC) repeat-y top;cursor:w-resize}.RefDot_h[data-v-787fd2cb]{width:100%;height:3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFf39/////F3PnHQAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgYGRgZAQIMAAADQAExkizYQAAAABJRU5ErkJggg==) repeat-x left 1px;cursor:n-resize;top:-10px}.RefDot_v[data-v-787fd2cb]{width:3px;height:100%;_height:9999px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFf39/////F3PnHQAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgYGRgZAQIMAAADQAExkizYQAAAABJRU5ErkJggg==) repeat-y 1px top;cursor:w-resize;left:-10px}#content[data-v-787fd2cb]{position:absolute;height:100%;width:100%;overflow:auto}.view-text{height:100%;width:100%}.view-image{height:100%;text-align:center;display:flex;justify-content:center;align-items:center}.view-line-arrow{height:100%;width:100%;position:relative}.view-line-arrow .passby{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #220edf;cursor:move}.view-bizier-curve-arrow{height:100%;width:100%;position:relative}.view-bizier-curve-arrow .passby{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #220edf;cursor:move}.view-chart,.view-chart-gauge,.view-chart-pie{height:100%;width:100%;text-align:center;display:flex;justify-content:center;align-items:center}.topo-main{background-color:#fff;border:1px solid #ccc;position:relative;overflow-x:hidden;overflow-y:hidden}.topo-main .topo-layer{width:100%;height:100%;position:absolute;transform-origin:left top;overflow:auto;background-image:linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc),linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc);background-size:20px 20px;background-position:0 0,10px 10px}.topo-main .topo-layer .topo-frame-selection{background-color:#8787e7;opacity:0.3;border:1px solid #00f;position:absolute;z-index:999}.topo-main .topo-layer .topo-layer-view{position:absolute;height:100px;width:100px;background-color:#999;cursor:move;border:1px solid #ccc}.topo-main .topo-layer .topo-layer-view .resize-left-top{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;left:-5px;top:-5px;cursor:nwse-resize}.topo-main .topo-layer .topo-layer-view .resize-left-center{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;left:-5px;top:50%;margin-top:-5px;cursor:ew-resize}.topo-main .topo-layer .topo-layer-view .resize-left-bottom{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;left:-5px;bottom:-5px;cursor:nesw-resize}.topo-main .topo-layer .topo-layer-view .resize-right-top{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;right:-5px;top:-5px;cursor:nesw-resize}.topo-main .topo-layer .topo-layer-view .resize-right-center{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;right:-5px;top:50%;margin-top:-5px;cursor:ew-resize}.topo-main .topo-layer .topo-layer-view .resize-right-bottom{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;right:-5px;bottom:-5px;cursor:nwse-resize}.topo-main .topo-layer .topo-layer-view .resize-center-top{top:-5px}.topo-main .topo-layer .topo-layer-view .resize-center-bottom,.topo-main .topo-layer .topo-layer-view .resize-center-top{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;left:50%;margin-left:-5px;cursor:ns-resize}.topo-main .topo-layer .topo-layer-view .resize-center-bottom{bottom:-5px}.topo-main .topo-layer .topo-layer-view-selected{outline:1px solid #0cf}.topo-properties{border:1px solid #ccc;background-color:#fff;height:100%}.topo-properties .topo-properties-tabs{height:35px;display:flex;border-bottom:1px solid #ccc;background-color:#fff}.topo-properties .topo-properties-tabs .topo-properties-tab{height:35px;text-align:center;line-height:35px;flex:1;color:#666}.topo-properties .topo-properties-tabs .topo-properties-tab+.topo-properties-tab{border-left:1px solid #ccc}.topo-properties .topo-properties-tabs .topo-properties-tab:hover{cursor:pointer}.topo-properties .topo-properties-tabs .topo-properties-tab-active{color:#000;border-bottom:2px solid #38f;font-weight:700}.topo-properties .topo-properties-table{overflow-x:hidden;overflow-y:auto;height:calc(100% - 92px)}.topo-properties .topo-properties-table table{width:100%;border-collapse:collapse}.topo-properties .topo-properties-table table td{text-align:center;padding:0px;border:1px solid #ccc}.topo-properties .topo-properties-table table .q-input{border:none}.topo-properties .topo-properties-table table .q-select{border:none;margin-right:0px}.topo-properties .not-surpport{margin:20px auto;text-align:center}.topo-editor{padding:10px;position:relative;width:100%;height:100vh;background-color:#eee}.topo-editor .topo-main,.topo-editor .topo-properties,.topo-editor .topo-toolbox{width:100%;height:100%}