.kt-canvas-table-box{line-height:0;-webkit-animation:toOpacity .1s;animation:toOpacity .1s}.kt-canvas-table-box:-webkit-full-screen{background-color:#fff}.kt-canvas-table-box:-moz-full-screen{background-color:#fff}.kt-canvas-table-box:-ms-fullscreen{background-color:#fff}.kt-canvas-table-box:fullscreen{background-color:#fff}:not(:root):-webkit-full-screen::backdrop{background-color:#fff}:not(:root):-moz-full-screen::backdrop{background-color:#fff}:not(:root):-ms-fullscreen::backdrop{background-color:#fff}:not(:root):fullscreen::backdrop{background-color:#fff}@-webkit-keyframes toOpacity{from{opacity:.98}to{opacity:1}}@keyframes toOpacity{from{opacity:.98}to{opacity:1}}.kt-canvas-table{position:relative;display:inline-block}.kt-canvas-table *{box-sizing:border-box}.kt-canvas-table canvas{font-family:kt-iconfont}.kt-canvas-table-scrolly-back{position:absolute;z-index:1000000;bottom:20px;right:10px;color:#fff;width:30px;height:30px;border-radius:100%;cursor:pointer;line-height:30px;text-align:center;opacity:.8;transition:all .4s}.kt-canvas-table-scrolly-back:hover{opacity:1;box-shadow:0 0 10px #999}.kt-canvas-table-operate-board{line-height:1.4;position:absolute;top:0;right:0;bottom:0;left:0}.kt-canvas-table-scrolly-box{z-index:10;position:absolute;right:0;top:var(--header-height);height:100%;width:var(--bar-width)}.kt-canvas-table-scrolly-bar{background:rgba(0,0,0,.1);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 4px);position:absolute;border-radius:100px;transition:background,width .15s;cursor:pointer}.kt-canvas-table .moving.kt-canvas-table-scrolly-bar,.kt-canvas-table-scrolly-bar:hover{background:rgba(0,0,0,.35);width:calc(100% - 2px)}.kt-canvas-table-scrollx-box{position:absolute;background:var(--background);height:var(--bar-width);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);width:100%;bottom:0;z-index:10}.kt-canvas-table_border .kt-canvas-table-scrollx-box{border:1px solid var(--border-color)}.kt-canvas-table-scrollx-bar{height:calc(100% - 2px);background:rgba(0,0,0,.1);position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:100px;transition:background,height .15s;cursor:pointer}.kt-canvas-table .moving.kt-canvas-table-scrollx-bar,.kt-canvas-table-scrollx-bar:hover{background:rgba(0,0,0,.35);height:100%}.kt-canvas-table-slot-wrap{float:left;position:relative}.kt-canvas-table-slot{position:absolute;overflow:hidden;display:flex;align-items:center}.kt-canvas-table-slot .cell,.kt-canvas-table-slot .cell>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kt-canvas-table-current-length{margin:20px 0;padding:2px 5px;font-size:13px;color:#606266;display:flex;align-items:flex-start;justify-content:flex-end}.kt-canvas-table-current-length .query{max-width:80%}.kt-canvas-table-current-length .query-label,.kt-canvas-table-current-length .total{height:28px;line-height:28px}.kt-canvas-table-current-length .el-tag{margin:3px 10px 3px 0}.kt-canvas-table-col-resize-handler{position:absolute;cursor:col-resize;background:var(--primary)}.kt-canvas-table-col-resize-line{position:absolute;height:100%;background:#ccc;z-index:9;top:0;width:1px}.kt-canvas-table-tooltip{z-index:9999;position:fixed;color:#666;pointer-events:none;display:inline-block;background:#fff;padding:5px 10px;font-size:12px;border-radius:4px;box-shadow:0 3px 6px -4px #0001f,0 6px 16px #00014,0 9px 28px 8px #0000d}.kt-canvas-table-tooltip.popover{pointer-events:initial}.kt-canvas-table-tooltip-arrow,.kt-canvas-table-tooltip-arrow::before{position:absolute;width:8px;height:8px;background:inherit}.kt-canvas-table-tooltip-arrow{visibility:hidden}.kt-canvas-table-tooltip-arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.kt-canvas-table-tooltip[data-popper-placement^=top]>.kt-canvas-table-tooltip-arrow{bottom:-4px}.kt-canvas-table-tooltip[data-popper-placement^=bottom]>.kt-canvas-table-tooltip-arrow{top:-4px}.kt-canvas-table-tooltip[data-popper-placement^=left]>.kt-canvas-table-tooltip-arrow{right:-4px}.kt-canvas-table-tooltip[data-popper-placement^=right]>.kt-canvas-table-tooltip-arrow{left:-4px}.kt-canvas-table-select-row.el-checkbox,.kt-canvas-table-select-row.el-radio{display:block;width:100%;padding:5px 0}.kt-canvas-table-select-footer{display:flex;padding-top:5px}.kt-canvas-table-select-footer .el-button{padding-top:0;padding-bottom:0;height:28px}.kt-canvas-table-select-footer .el-button--primary{padding:0 8px}.kt-canvas-table-select-input{position:absolute;border:none;padding:0 8px;outline:0;font-size:14px;background:#fff}.kt-canvas-table-select .el-checkbox__input.is-checked .el-checkbox__inner,.kt-canvas-table-select .el-radio__input.is-checked .el-radio__inner{background-color:#65c6cf;border-color:#65c6cf}.kt-canvas-table.is-phone .kt-canvas-table-scrollx-box,.kt-canvas-table.is-phone .kt-canvas-table-scrolly-box{pointer-events:none}.kt-canvas-table-select .el-button--primary{background:#65c6cf;border-color:#65c6cf;transition:all .4s}.kt-canvas-table-select .el-button--primary:hover{background:#65c6cf;border-color:#65c6cf;box-shadow:0 0 5px #65c6cf}.kt-canvas-table-select .el-button--text{color:#65c6cf;transition:all .4s}.kt-canvas-table-select .el-button--text:hover{color:#65c6cf;text-shadow:0 0 2px #65c6cf}.kt-canvas-table-select .el-input__inner:focus{border-color:#65c6cf}.kt-canvas-table-select .el-checkbox__input.is-checked+.el-checkbox__label{color:#65c6cf}.kt-canvas-table-select .el-radio__input.is-checked+.el-radio__label{color:#65c6cf}.kt-canvas-table .right-menu{position:fixed;background:#fff;z-index:999;display:none;border:1px solid #eee;box-shadow:0 .5em 1em 0 rgba(0,0,0,.1);border-radius:1px}.kt-canvas-table .right-menu a{min-width:100px;height:3em;line-height:3em;font-size:13px;text-align:center;display:block;color:#1a1a1a;text-decoration:none;padding:0 10px}.kt-canvas-table .right-menu a:hover{background:#65c6cf;color:#fff}.kt-canvas-table .right-menu a i{margin-right:10px}.setting-dialog .el-dialog__body{padding:10px 20px}.setting-dialog .el-dialog__body .tip{margin-bottom:20px;color:#65c6cf}.setting-dialog .el-dialog__body .tip i{margin-right:5px}.setting-dialog .el-dialog__body .columns-list{height:300px}.setting-dialog .el-dialog__body .columns-list .el-scrollbar__wrap{overflow-x:hidden}.setting-dialog .el-dialog__body .columns-list .dragItem{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.setting-dialog .el-dialog__body .columns-list .item{font-size:14px;line-height:1em;border:1px solid #eee;margin-bottom:2px;background-color:#fafafa;display:flex;align-items:center}.setting-dialog .el-dialog__body .columns-list .item.draggable{cursor:move}.setting-dialog .el-dialog__body .columns-list .item .checkbox{padding:15px;cursor:pointer;color:#65c6cf;font-size:16px}