.icon-ul[data-v-f28c6330]{margin:0;padding:0;font-size:0}.icon-ul li[data-v-f28c6330]{list-style-type:none;text-align:center;font-size:14px;display:inline-block;width:16.66%;-webkit-box-sizing:border-box;box-sizing:border-box;height:108px;padding:15px 6px 6px 6px;cursor:pointer;overflow:hidden}.icon-ul li[data-v-f28c6330]:hover{background:#f2f2f2}.icon-ul li.active-item[data-v-f28c6330]{background:#e1f3fb;color:#7a6df0}.icon-ul li>i[data-v-f28c6330]{font-size:30px;line-height:50px}.icon-dialog[data-v-f28c6330] .el-dialog{border-radius:8px;margin-bottom:0;margin-top:4vh!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:92vh;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.icon-dialog[data-v-f28c6330] .el-dialog .el-dialog__header{padding-top:14px}.icon-dialog[data-v-f28c6330] .el-dialog .el-dialog__body{margin:0 20px 20px 20px;padding:0;overflow:auto}.btn-settings-container[data-v-37e37a88]{height:calc(100vh - 105px)}.action-bar[data-v-37e37a88]{position:relative;height:42px;text-align:right;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #f1e8e8;border-top:none;border-left:none}.action-bar .delete-btn[data-v-37e37a88]{color:#f56c6c}.right-board[data-v-37e37a88]{width:350px;position:absolute;right:0;top:0;z-index:999;padding-top:3px;border-left:1px solid #f1e8e8}.right-board .field-box[data-v-37e37a88]{position:relative;height:calc(100vh - 135px);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.right-board .field-box .filed-box__tool[data-v-37e37a88]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;height:36px;border-bottom:1px solid #f1e8e8}.right-board .el-scrollbar[data-v-37e37a88]{height:100%}.board[data-v-37e37a88]{margin-right:350px}.fixed-drawing-board1[data-v-37e37a88]{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:20px}.draggable-item[data-v-37e37a88]{padding:8px;margin:0;background:#fff;border:1px solid #eee;cursor:move;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;border-radius:5px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.draggable-item[data-v-37e37a88]:hover{border:1px dashed #00afff}.draggable-item.active[data-v-37e37a88]{background-color:#e6f7ff;border-color:#91d5ff}.draggable-item.active[data-v-37e37a88]:hover{border-color:#f56c6c}.draggable-item .item-label[data-v-37e37a88]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.draggable-item .item-btn[data-v-37e37a88]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.draggable-item .item-btn .more-outline-box[data-v-37e37a88]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:10px}.draggable-item .item-btn .more-outline-box .more-outline[data-v-37e37a88]{height:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}