.view-custom-wrap[data-v-8f77df1e]{display:flex;justify-content:space-between;height:100%}.view-custom-wrap>.left[data-v-8f77df1e]{flex:0 0 auto;width:250px;margin-right:10px;position:relative;transition:width .28s ease-in-out,padding-left .28s ease-in-out}.view-custom-wrap>.left.narrow[data-v-8f77df1e]{width:18px;padding-left:18px;overflow:hidden}.view-custom-wrap>.left.narrow .operate-btn i[data-v-8f77df1e]{transform:rotate(180deg)}.view-custom-wrap>.right[data-v-8f77df1e]{flex:auto;overflow-x:auto}.data-source-warp[data-v-8f77df1e]{border:1px solid #dbdbdb;height:calc(100% - 400px);background:#fff;overflow-y:auto}.data-source-warp>.title[data-v-8f77df1e]{font-size:12px;font-weight:700;color:#666;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;line-height:26px;background-color:#f7f7f7;border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;cursor:default;overflow:hidden;padding-left:4px}.data-source-warp>.title[data-v-8f77df1e]:first-child{border-top:none}.data-source-warp>.title .operate-btn[data-v-8f77df1e]{cursor:pointer;position:absolute;right:0;top:0}.data-source-warp>.title .operate-btn i[data-v-8f77df1e]{color:#333;padding:0 5px;text-shadow:0 0 1px #333}.data-source-warp>.el-select[data-v-8f77df1e]{display:block;margin:0 5px 5px}.data-column-wrap[data-v-8f77df1e]{display:flex;flex-wrap:wrap;margin-top:6px}.data-column-wrap .wrapper[data-v-8f77df1e]{flex:0 0 auto;width:calc(50% - 2px);height:125px;border:1px solid #d7dadd;border-radius:4px;cursor:default;overflow:hidden;margin-bottom:4px}.data-column-wrap .wrapper[data-v-8f77df1e]:nth-child(2n){margin-left:4px}.data-column-wrap .wrapper .title[data-v-8f77df1e]{background-color:#f0f0f0;height:24px;line-height:24px;color:#666;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:4px}.data-column-wrap .wrapper .list[data-v-8f77df1e]{background-color:#fff;overflow-x:hidden;overflow-y:auto;padding:4px;height:calc(100% - 24px)}.data-column-wrap .wrapper .list .list-item[data-v-8f77df1e]{cursor:default;background-color:#d5f6ff;color:#626262;border-radius:6px;line-height:20px;border:1px solid #4ad5ff;font-size:12px;padding:0 4px;margin-bottom:4px;white-space:nowrap;overflow:hidden}.data-column-wrap .wrapper .list .list-item.filter-list-item[data-v-8f77df1e]{cursor:pointer}.data-column-wrap .wrapper .list .list-item .label[data-v-8f77df1e]{vertical-align:top;width:calc(100% - 15px);display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.data-column-wrap .wrapper .list .list-item .el-dropdown-link[data-v-8f77df1e]{font-size:12px}.data-column-wrap .wrapper.chart-wrapper[data-v-8f77df1e]{width:100%;height:80px;background-color:#fff}.data-column-wrap .wrapper.chart-wrapper .chart-list[data-v-8f77df1e]{font-size:0}.data-column-wrap .wrapper.chart-wrapper .chart-list .chart-item[data-v-8f77df1e]{display:inline-block;width:28px;height:21px;vertical-align:top;cursor:pointer;margin-top:4px;margin-left:4px;box-shadow:0 0 0 1px #e5e5e5}.data-column-wrap .wrapper.chart-wrapper .chart-list .chart-item.active-item[data-v-8f77df1e],.data-column-wrap .wrapper.chart-wrapper .chart-list .chart-item.selected[data-v-8f77df1e]{box-shadow:0 0 0 1px #0080a0}.data-column-wrap .wrapper.chart-wrapper .chart-list .chart-item[data-v-8f77df1e]:hover{box-shadow:0 0 2px 1px #02b4ea}.key-list-con[data-v-8f77df1e]{padding:5px}.key-list-con .key-item[data-v-8f77df1e]{height:20px;line-height:20px;font-size:12px;padding-left:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:move}.key-list-con .key-item[data-v-8f77df1e]:hover{background-color:#f7f7f7}.key-list-con .key-item .key-icon[data-v-8f77df1e]{color:#00a0d1;margin-right:5px}.plan-show-info[data-v-8f77df1e]{padding-left:6px;line-height:18px;font-size:12px;color:#666}.app-container[data-v-860f1e88]{padding:10px 5px;height:100%;overflow:auto}.app-container.edit-app-con[data-v-860f1e88]{height:100%;padding:0}.useredit-row[data-v-860f1e88]{display:flex;margin-bottom:10px}.useredit-col[data-v-860f1e88]{flex:0 0 auto;padding:0 5px}.col-wrap[data-v-860f1e88]{background:#fff;overflow:auto;position:relative}.col-wrap:hover .hover-mask[data-v-860f1e88]{display:block}.col-wrap .hover-mask[data-v-860f1e88]{display:none;position:absolute;left:0;top:0;width:50px;height:50px;background:rgba(0,0,0,.5);text-align:center;line-height:50px;color:#fff;font-size:20px;border-radius:4px}.col-wrap .hover-mask i[data-v-860f1e88]{cursor:pointer}.page-filter[data-v-860f1e88]{margin:0 5px 10px}.page-iframe[data-v-9f5cf334]{height:100%;width:100%;padding:10px}.buttons-widget[data-v-620d1530]{padding:24px 0;height:100%;overflow-y:auto}.title[data-v-620d1530]{text-align:center;margin-bottom:12px;font-size:14px;color:#333}.button-wrapper .button-row[data-v-620d1530]{display:flex;align-items:center;justify-content:center}.button-wrapper .button-row .button-item[data-v-620d1530]{margin:4px 0;padding:0 10px;cursor:pointer;box-sizing:border-box}.button-wrapper .button-row .button-item.active .btn-box[data-v-620d1530]{border:1px solid #0b7ad1}.button-wrapper .button-row .button-item.flexgrow[data-v-620d1530]{flex:1}.button-wrapper .button-row .button-item.dashed:hover .btn-box[data-v-620d1530]{border:1px dashed #ddd}.button-wrapper .button-row .button-item .btn-box[data-v-620d1530]{box-sizing:border-box;transition:border .25s ease 0s;border:1px solid transparent;padding:4px}.button-wrapper .button-row .button-item .btn-box .el-button[data-v-620d1530]{width:100%}.html-con[data-v-2b94e570]{overflow-x:scroll;white-space:nowrap}.html-con[data-v-2b94e570]::-webkit-scrollbar{display:none}.navigate-con[data-v-2b94e570]{position:absolute;right:10px;bottom:10px;cursor:pointer}.navigate-con .left[data-v-2b94e570]{margin-right:10px}.app-container[data-v-3d3f3ecc]{padding:0;height:100%}.app-container .main-body[data-v-3d3f3ecc]{height:100%;overflow:auto;position:relative}.main-body .page-grid-wrapper[data-v-3d3f3ecc]{position:relative}.main-body .scale-op-wrapper[data-v-3d3f3ecc]{position:fixed;bottom:20px;right:20px}.main-body .scale-op-wrapper .op-button[data-v-3d3f3ecc]{background-color:#fff;border-radius:2px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:5px;cursor:pointer}.main-body .scale-op-wrapper .scale-percent-text[data-v-3d3f3ecc]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;width:60px;text-align:center}.vue-grid-item .grid-item-con[data-v-3d3f3ecc]{height:100%;overflow:auto}