.cna-canvas{height:calc(100vh - 20px);padding:0}.cna-canvas ::-webkit-scrollbar{width:8px;height:8px}.cna-canvas ::-webkit-scrollbar-thumb{border-radius:10px;background:#bbb}.cna-canvas .cna-trigger{font-size:18px;line-height:40px;padding:0 24px;cursor:pointer;color:#000}.cna-canvas .cna-sider{background:#fff;overflow-x:hidden;overflow-y:auto}.cna-canvas .cna-logo{padding:2px;height:40px;line-height:0;background:#fff}.cna-canvas .cna-logo .cna-title{height:20px;width:100%;text-align:center}.cna-canvas .cna-toolbar{line-height:40px;padding:0;cursor:pointer;position:fixed}.cna-canvas .cna-header{height:40px;line-height:40px;padding:0;width:100%;background:#fff;z-index:999}.cna-canvas .content-wrapper{height:100%;margin:10px;padding:10px;background:#fff;min-height:280px}.cna-canvas .datav-components-list{padding:0;width:100%;background:#fff;border-right:1px solid #d7dde4}.cna-canvas .datav-components-list .title{font-size:16px;font-weight:700;width:100%;text-align:center}.cna-canvas .datav-components-list .widget-cate{padding:0 0;font-size:14px}.cna-canvas .datav-components-list ul{position:relative;overflow:auto;padding:0;margin:0}.cna-canvas .datav-components-list .form-edit-widget-label{font-size:10px;display:block;width:45%;line-height:20px;position:relative;float:left;left:0;overflow:auto;text-overflow:ellipsis;white-space:nowrap;margin:2px;color:#333;border:1px solid #e8eaec;font-weight:700}.cna-canvas .datav-components-list .form-edit-widget-label:hover{border:1px solid #1890ff;-webkit-box-shadow:0 0 5px #1890ff;box-shadow:0 0 5px #1890ff}.cna-canvas .datav-components-list .form-edit-widget-label>a{display:block;cursor:move;text-align:center;background:#fff;color:#333;border-radius:4px;border:1px solid #f4f6fc}.cna-canvas .datav-components-list .form-edit-widget-label>a span{margin-left:5px;display:inline-block;vertical-align:middle}.grid{background:#fff;width:100%;height:100%;background-image:linear-gradient(90deg,hsla(0,0%,70.6%,.2) 1px,transparent 0),linear-gradient(rgba(165,40,40,.1) 1px,transparent 0)}.not-select{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.canvas-parent-div{height:calc(100vh - 160px);overflow-x:scroll;overflow-y:scroll;padding:1px}.sider-wrapper{height:calc(100vh - 200px);overflow-y:auto}.content-wrapper{position:relative}.scale-div{position:absolute;z-index:9999;width:200px;top:4px;right:20px}