diff --git a/backend/src/main/java/io/dataease/controller/panel/PanelViewLinkageController.java b/backend/src/main/java/io/dataease/controller/panel/PanelViewLinkageController.java
index c994a835f7..5dae15e2ef 100644
--- a/backend/src/main/java/io/dataease/controller/panel/PanelViewLinkageController.java
+++ b/backend/src/main/java/io/dataease/controller/panel/PanelViewLinkageController.java
@@ -26,14 +26,14 @@ public class PanelViewLinkageController {
     @Resource
     private PanelViewLinkageService panelViewLinkageService;
 
-    @ApiOperation("获取仪表板视图联动信息")
+    @ApiOperation("获取仪表板所有视图联动信息")
     @PostMapping("/getViewLinkageGather")
     public Map getViewLinkageGather(@RequestBody PanelLinkageRequest request){
         return panelViewLinkageService.getViewLinkageGather(request);
     }
 
 
-    @ApiOperation("获取仪表板视图联动信息")
+    @ApiOperation("保存仪表板视图联动信息")
     @PostMapping("/saveLinkage")
     public void saveLinkage(@RequestBody PanelLinkageRequest request){
         panelViewLinkageService.saveLinkage(request);
diff --git a/frontend/package.json b/frontend/package.json
index 4f9a709770..be23130c08 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -45,14 +45,15 @@
     "vue-codemirror": "^4.0.6",
     "vue-fullscreen": "^2.5.2",
     "vue-i18n": "7.3.2",
-    "vue-power-drag": "^0.2.0",
     "vue-router": "3.0.6",
     "vue-to-pdf": "^1.0.0",
     "vue-uuid": "2.0.2",
     "vuedraggable": "^2.24.3",
     "vuex": "3.1.0",
     "webpack": "^4.46.0",
-    "xlsx": "^0.17.0"
+    "xlsx": "^0.17.0",
+    "lodash": "^4.17.4",
+    "jquery": "^3.1.1"
   },
   "devDependencies": {
     "@babel/core": "^7.4.0-0",
diff --git a/frontend/src/components/DeDrag/drag.js b/frontend/src/components/DeDrag/drag.js
new file mode 100644
index 0000000000..23530987a8
--- /dev/null
+++ b/frontend/src/components/DeDrag/drag.js
@@ -0,0 +1,948 @@
+import _ from 'lodash'
+import $ from 'jquery'
+
+let positionBox = []
+let coordinates = [] // 坐标点集合
+
+let lastTask
+let isOverlay = false // 是否正在交换位置
+let moveTime = 80 // 移动动画时间
+
+let itemMaxY = 0
+let itemMaxX = 0
+
+function debounce(func, time) {
+  if (!isOverlay) {
+    (function(t) {
+      isOverlay = true
+      setTimeout(function() {
+        t()
+        setTimeout(function() {
+          isOverlay = false
+          if (lastTask !== undefined) {
+            debounce(lastTask, time)
+          }
+        }, moveTime)
+      }, time)
+    })(func)
+    lastTask = undefined
+  } else {
+    lastTask = func
+  }
+}
+
+function scrollScreen(e) {
+  if (e.clientY + 50 >= window.innerHeight) {
+    const body = $(document.body)
+    body.scrollTop(body.scrollTop() + 20)
+  } else if (e.clientY <= 150) {
+    const body = $(document.body)
+    body.scrollTop(body.scrollTop() - 20)
+  }
+}
+
+/**
+ * 重置位置盒子
+ *
+ */
+function resetPositionBox() {
+  // 根据当前容器的宽度来决定多少列
+  itemMaxX = this.maxCell
+  const rows = 1 // 初始100行，后面根据需求会自动增加
+  for (let i = 0; i < rows; i++) {
+    const row = []
+
+    for (let j = 0; j < this.maxCell; j++) {
+      row.push({
+        el: false
+      })
+    }
+
+    positionBox.push(row)
+  }
+}
+
+/**
+ * 填充位置盒子
+ *
+ * @param {any} item
+ */
+function addItemToPositionBox(item) {
+  const pb = positionBox
+  if (item.x <= 0 || item.y <= 0) return
+
+  for (let i = item.x - 1; i < item.x - 1 + item.sizex; i++) {
+    for (let j = item.y - 1; j < item.y - 1 + item.sizey; j++) {
+      if (pb[j][i]) {
+        pb[j][i].el = item
+      }
+    }
+  }
+}
+
+function fillPositionBox(maxY) {
+  const pb = positionBox
+  maxY += 2
+  for (let j = 0; j < maxY; j++) {
+    if (pb[j] === undefined) {
+      const row = []
+      for (let i = 0; i < itemMaxX; i++) {
+        row.push({
+          el: false
+        })
+      }
+      pb.push(row)
+    }
+  }
+
+  itemMaxY = maxY
+
+  $(this.$el).css('height', ((itemMaxY + 2) * this.cellHeight) + 'px')
+}
+
+function removeItemFromPositionBox(item) {
+  const pb = positionBox
+  if (item.x <= 0 || item.y <= 0) return
+  for (let i = item.x - 1; i < item.x - 1 + item.sizex; i++) {
+    for (let j = item.y - 1; j < item.y - 1 + item.sizey; j++) {
+      if (pb[j][i]) {
+        pb[j][i].el = false
+      }
+    }
+  }
+}
+
+/**
+ * 重新计算宽度，使最小单元格能占满整个容器
+ *
+ */
+function recalcCellWidth() {
+  const containerNode = this.$refs['container']
+  const containerWidth = containerNode.offsetWidth
+
+  const cells = Math.round(containerWidth / this.cellWidth)
+  this.maxCell = cells
+
+  // if (containerWidth % this.cellWidth !=== 0) {
+  //     this.cellWidth += containerWidth % this.cellWidth / cells;
+  // }
+}
+
+function init() {
+  this.cellWidth = this.baseWidth + this.baseMarginLeft
+  this.cellHeight = this.baseHeight + this.baseMarginTop
+
+  positionBox = []
+  coordinates = [] // 坐标点集合
+
+  lastTask = undefined
+  isOverlay = false // 是否正在交换位置
+  moveTime = 80 // 移动动画时间
+
+  itemMaxY = 0
+  itemMaxX = 0
+
+  const vm = this
+
+  recalcCellWidth.call(this)
+
+  resetPositionBox.call(this)
+
+  let i = 0
+  const timeid = setInterval(function() {
+    if (i >= vm.yourList.length) {
+      clearInterval(timeid)
+      vm.$nextTick(function() {
+        vm.moveAnimate = true
+      })
+    } else {
+      const item = vm.yourList[i]
+      addItem.call(vm, item, i)
+      i++
+    }
+  }, 1)
+  vm.renderOk = true
+}
+
+function resizePlayer(item, newSize) {
+  const vm = this
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems.call(this, item)
+
+  _.forEach(belowItems, function(upItem) {
+    const canGoUpRows = canItemGoUp(upItem)
+
+    if (canGoUpRows > 0) {
+      moveItemUp.call(vm, upItem, canGoUpRows)
+    }
+  })
+
+  item.sizex = newSize.sizex
+  item.sizey = newSize.sizey
+
+  if (item.sizex + item.x - 1 > itemMaxX) {
+    item.sizex = itemMaxX - item.x + 1
+  }
+
+  if (item.sizey + item.y > itemMaxY) {
+    fillPositionBox.call(this, item.y + item.sizey)
+  }
+
+  emptyTargetCell.call(this, item)
+
+  addItemToPositionBox.call(this, item)
+
+  changeItemCoord.call(this, item)
+
+  const canGoUpRows = canItemGoUp(item)
+
+  if (canGoUpRows > 0) {
+    moveItemUp.call(this, item, canGoUpRows)
+  }
+}
+
+/**
+ * 检查移动的位置，如果不合法，会自动修改
+ *
+ * @param {any} item
+ * @param {any} position
+ */
+function checkItemPosition(item, position) {
+  position = position || {}
+  position.x = position.x || item.x
+  position.y = position.y || item.y
+
+  // 检查位置
+  if (item.x < 1) {
+    item.x = 1
+  }
+
+  // 检查大小
+  if (item.sizex > itemMaxX) {
+    item.sizex = itemMaxX
+  }
+
+  if (item.sizex < 1) {
+    item.sizex = 1
+  }
+
+  if (item.x + item.sizex - 1 > itemMaxX) {
+    item.x = itemMaxX - item.sizex + 1
+    if (item.x < 1) {
+      item.x = 1
+    }
+  }
+
+  if (item.y < 1) {
+    item.y = 1
+  }
+
+  if (item.sizey < 1) {
+    item.sizey = 1
+  }
+
+  if (item.y + item.sizey > itemMaxY - 1) {
+    fillPositionBox.call(this, item.y + item.sizey - 1)
+  }
+}
+
+/**
+ * 移动正在拖动的元素
+ *
+ * @param {any} item
+ * @param {any} position
+ */
+function movePlayer(item, position) {
+  const vm = this
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems.call(this, item)
+
+  _.forEach(belowItems, function(upItem) {
+    const canGoUpRows = canItemGoUp(upItem)
+    if (canGoUpRows > 0) {
+      moveItemUp.call(vm, upItem, canGoUpRows)
+    }
+  })
+
+  item.x = position.x
+  item.y = position.y
+
+  checkItemPosition.call(this, item, position)
+
+  emptyTargetCell.call(this, item)
+
+  addItemToPositionBox.call(this, item)
+
+  changeItemCoord.call(this, item)
+
+  const canGoUpRows = canItemGoUp(item)
+
+  if (canGoUpRows > 0) {
+    moveItemUp.call(this, item, canGoUpRows)
+  }
+}
+
+function removeItem(index) {
+  const vm = this
+  const item = this.yourList[index]
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems.call(this, item)
+
+  // $(this.$refs['item' + item._dragId][0]).remove();
+
+  _.forEach(belowItems, function(upItem) {
+    const canGoUpRows = canItemGoUp(upItem)
+
+    if (canGoUpRows > 0) {
+      moveItemUp.call(vm, upItem, canGoUpRows)
+    }
+  })
+
+  this.yourList.splice(index, 1, {})
+}
+
+function addItem(item, index) {
+  if (index < 0) {
+    index = this.yourList.length
+  }
+  item._dragId = index
+
+  checkItemPosition.call(this, item, {
+    x: item.x,
+    y: item.y
+  })
+
+  emptyTargetCell.call(this, item)
+
+  addItemToPositionBox.call(this, item)
+
+  const canGoUpRows = canItemGoUp(item)
+
+  if (canGoUpRows > 0) {
+    moveItemUp.call(this, item, canGoUpRows)
+  }
+
+  // 生成坐标点
+  // makeCoordinate.call(this, item);
+}
+
+function changeToCoord(left, top, width, height) {
+  return {
+    x1: left,
+    x2: left + width,
+    y1: top,
+    y2: top + height,
+    c1: left + width / 2,
+    c2: top + height / 2
+  }
+}
+
+/**
+ * 检测有无碰撞，并作出处理
+ *
+ * @param {any} tCoord 比对对象的坐标
+ */
+function findClosetCoords(item, tCoord) {
+  if (isOverlay) return
+  let i = coordinates.length
+  let collisionsItem = []
+  while (i--) {
+    const nowCoord = coordinates[i]
+    if (item._dragId === nowCoord.el._dragId) {
+      continue
+    }
+
+    if (tCoord.x2 < nowCoord.x1 || tCoord.x1 > nowCoord.x2 || tCoord.y2 < nowCoord.y1 || tCoord.y1 > nowCoord.y2) {
+      continue
+    } else {
+      collisionsItem.push({
+        centerDistance: Math.sqrt(Math.pow(tCoord.c1 - nowCoord.c1, 2) + Math.pow(tCoord.c2 - nowCoord.c2, 2)),
+        coord: nowCoord
+      })
+    }
+  }
+
+  if (collisionsItem.length <= 0) {
+    return
+  }
+
+  isOverlay = true
+
+  collisionsItem = _.sortBy(collisionsItem, 'area')
+
+  movePlayer.call(this, item, {
+    x: collisionsItem[0].coord.el.x,
+    y: collisionsItem[0].coord.el.y
+  })
+
+  setTimeout(function() {
+    isOverlay = false
+  }, 200)
+}
+
+/**
+ * 生成坐标点
+ *
+ * @param {any} item
+ */
+function makeCoordinate(item) {
+  const width = this.cellWidth * (item.sizex) - this.baseMarginLeft
+  const height = this.cellHeight * (item.sizey) - this.baseMarginTop
+  const left = this.cellWidth * (item.x - 1) + this.baseMarginLeft
+  const top = this.cellHeight * (item.y - 1) + this.baseMarginTop
+
+  const coord = {
+    x1: left,
+    x2: left + width,
+    y1: top,
+    y2: top + height,
+    c1: left + width / 2,
+    c2: top + height / 2,
+    el: item
+  }
+
+  coordinates.push(coord)
+}
+
+function changeItemCoord(item) {
+  const width = this.cellWidth * (item.sizex) - this.baseMarginLeft
+  const height = this.cellHeight * (item.sizey) - this.baseMarginTop
+  const left = this.cellWidth * (item.x - 1) + this.baseMarginLeft
+  const top = this.cellHeight * (item.y - 1) + this.baseMarginTop
+
+  const coord = {
+    x1: left,
+    x2: left + width,
+    y1: top,
+    y2: top + height,
+    c1: left + width / 2,
+    c2: top + height / 2,
+    el: item
+  }
+
+  const index = _.findIndex(coordinates, function(o) {
+    return o.el._dragId === item._dragId
+  })
+  if (index !== -1) {
+    coordinates.splice(index, 1, coord)
+  }
+}
+
+/**
+ * 清空目标位置的元素
+ *
+ * @param {any} item
+ */
+function emptyTargetCell(item) {
+  const vm = this
+  const belowItems = findBelowItems(item)
+
+  _.forEach(belowItems, function(downItem, index) {
+    if (downItem._dragId === item._dragId) return
+    const moveSize = item.y + item.sizey - downItem.y
+    if (moveSize > 0) {
+      moveItemDown.call(vm, downItem, moveSize)
+    }
+  })
+}
+
+/**
+ * 当前位置的item能否上浮
+ *
+ * @param {any} item
+ * @returns
+ */
+function canItemGoUp(item) {
+  let upperRows = 0
+  for (let row = item.y - 2; row >= 0; row--) {
+    for (let cell = item.x - 1; cell < item.x - 1 + item.sizex; cell++) {
+      if (positionBox[row][cell] && positionBox[row][cell].el) {
+        return upperRows
+      }
+    }
+    upperRows++
+  }
+
+  return upperRows
+}
+
+/**
+ * 在移动之前，找到当前下移的元素的下面的元素（递归）
+ *
+ * @param {any} items
+ * @param {any} size
+ */
+function moveItemDown(item, size) {
+  const vm = this
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems(item)
+
+  _.forEach(belowItems, function(downItem, index) {
+    if (downItem._dragId === item._dragId) return
+    const moveSize = calcDiff(item, downItem, size)
+    if (moveSize > 0) {
+      moveItemDown.call(vm, downItem, moveSize)
+    }
+  })
+
+  const targetPosition = {
+    y: item.y + size
+  }
+  setPlayerPosition.call(this, item, targetPosition)
+  checkItemPosition.call(this, item, targetPosition)
+
+  addItemToPositionBox.call(this, item)
+
+  changeItemCoord.call(this, item)
+}
+
+function setPlayerPosition(item, position) {
+  const vm = this
+  position = position || {}
+
+  const targetX = position.x || item.x
+  const targetY = position.y || item.y
+
+  item.x = targetX
+  item.y = targetY
+
+  if (item.y + item.sizey > itemMaxY) {
+    itemMaxY = item.y + item.sizey
+  }
+}
+
+/**
+ * 寻找子元素到父元素的最大距离
+ *
+ * @param {any} parent
+ * @param {any} son
+ * @param {any} size
+ */
+function calcDiff(parent, son, size) {
+  const diffs = []
+
+  for (let i = son.x - 1; i < son.x - 1 + son.sizex; i++) {
+    let temp_y = 0
+
+    for (let j = parent.y - 1 + parent.sizey; j < son.y - 1; j++) {
+      if (positionBox[j][i] && positionBox[j][i].el === false) {
+        temp_y++
+      }
+    }
+    diffs.push(temp_y)
+  }
+
+  const max_diff = Math.max.apply(Math, diffs)
+  size = size - max_diff
+
+  return size > 0 ? size : 0
+}
+
+function moveItemUp(item, size) {
+  // console.log('moveItemUp')
+  const vm = this
+
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems.call(this, item)
+
+  // item.y -= size;
+  setPlayerPosition.call(this, item, {
+    y: item.y - size
+  })
+
+  addItemToPositionBox.call(this, item)
+
+  changeItemCoord.call(this, item)
+
+  _.forEach(belowItems, function(upItem, index) {
+    const moveSize = canItemGoUp(upItem)
+    if (moveSize > 0) {
+      moveItemUp.call(vm, upItem, moveSize)
+    }
+  })
+}
+
+function findBelowItems(item) {
+  const belowItems = {}
+  for (let cell = item.x - 1; cell < item.x - 1 + item.sizex; cell++) {
+    for (let row = item.y - 1; row < positionBox.length; row++) {
+      const target = positionBox[row][cell]
+      if (target && target.el) {
+        belowItems[target.el._dragId] = target.el
+        break
+      }
+    }
+  }
+
+  return _.sortBy(_.values(belowItems), 'y')
+}
+
+export default {
+  name: 'vue-power-drag',
+  props: {
+    yourList: {
+      required: true,
+      type: Array // String,Number,Boolean,Function,Object,Array
+    },
+    baseWidth: {
+      required: false,
+      type: Number,
+      default: 100
+    },
+    baseHeight: {
+      required: false,
+      type: Number,
+      default: 50
+    },
+    baseMarginLeft: {
+      required: false,
+      type: Number,
+      default: 20
+    },
+    baseMarginTop: {
+      required: false,
+      type: Number,
+      default: 20
+    },
+    draggable: {
+      required: false,
+      default: true,
+      type: Boolean
+    },
+    dragStart: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    dragging: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    dragEnd: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    resizable: {
+      required: false,
+      type: Boolean,
+      default: true
+    },
+    resizeStart: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    resizing: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    resizeEnd: {
+      required: false,
+      type: Function,
+      default: function() {}
+    }
+  },
+  data() {
+    return {
+      renderOk: false,
+      moveAnimate: false,
+      list: [],
+      cellWidth: 0,
+      cellHeight: 0,
+      maxCell: 0
+    }
+  },
+  computed: {
+    positionBox() {
+      return positionBox
+    },
+    coordinates() {
+      return coordinates
+    }
+  },
+  methods: {
+    removeItem: removeItem,
+    startResize(e, item, index) {
+      console.log('startResize:' + index)
+      if (!this.resizable) return
+      this.resizeStart.call(null, e, item, index)
+
+      // e.preventDefault();
+      const target = $(e.target)
+
+      if (!this.infoBox) {
+        this.infoBox = {}
+      }
+
+      const itemNode = target.parents('.item')
+
+      this.infoBox.resizeItem = item
+      this.infoBox.resizeItemIndex = index
+    },
+    containerMouseDown(e) {
+      console.log('containerMouseDown:')
+
+      // e.preventDefault();
+      if (!this.infoBox) {
+        this.infoBox = {}
+      }
+
+      this.infoBox.startX = e.pageX
+      this.infoBox.startY = e.pageY
+    },
+    startMove(e, item, index) {
+      console.log('startMove:' + index)
+      const vm = this
+      // e.preventDefault();
+
+      if (!this.infoBox) {
+        this.infoBox = {}
+      }
+      const infoBox = this.infoBox
+      const target = $(e.target)
+
+      let className = target.attr('class')
+      className = className || ''
+      if (className.indexOf('dragHandle') === -1 && className.indexOf('item') === -1 && className.indexOf('resizeHandle') === -1) {
+        return
+      }
+
+      if (className.includes('resizeHandle')) {
+
+      } else if (this.draggable && (className.includes('dragHandle') || className.includes('item'))) {
+        this.dragStart.call(null, e, item, index)
+        infoBox.moveItem = item
+        infoBox.moveItemIndex = index
+      }
+
+      infoBox.cloneItem = null
+      infoBox.nowItemNode = null
+
+      if (target.attr('class') && target.attr('class').indexOf('item') !== -1) {
+        infoBox.nowItemNode = target
+        infoBox.cloneItem = target.clone()
+      } else {
+        infoBox.nowItemNode = target.parents('.item')
+        infoBox.cloneItem = infoBox.nowItemNode.clone()
+      }
+      infoBox.cloneItem.addClass('cloneNode')
+
+      $(this.$el).append(infoBox.cloneItem)
+
+      infoBox.orignX = infoBox.cloneItem.position().left // 克隆对象原始X位置
+      infoBox.orignY = infoBox.cloneItem.position().top
+      infoBox.oldX = item.x // 实际对象原始X位置
+      infoBox.oldY = item.y
+      infoBox.oldSizeX = item.sizex
+      infoBox.oldSizeY = item.sizey
+      infoBox.orignWidth = infoBox.cloneItem.prop('offsetWidth')
+      infoBox.orignHeight = infoBox.cloneItem.prop('offsetHeight')
+
+      function itemMouseMove(e) {
+        // console.log('itemMouseMove')
+        const moveItem = _.get(infoBox, 'moveItem')
+        const resizeItem = _.get(infoBox, 'resizeItem')
+
+        if (resizeItem) { // 调整大小时
+          console.log('resizeItem')
+          vm.resizing.call(null, e, resizeItem, resizeItem._dragId)
+
+          vm.$set(resizeItem, 'isPlayer', true)
+          const nowItemIndex = infoBox.resizeItemIndex
+          const cloneItem = infoBox.cloneItem
+          const startX = infoBox.startX
+          const startY = infoBox.startY
+          const oldSizeX = infoBox.oldSizeX
+          const oldSizeY = infoBox.oldSizeY
+          const orignWidth = infoBox.orignWidth
+          const orignHeight = infoBox.orignHeight
+
+          const moveXSize = e.pageX - startX // X方向移动的距离
+          const moveYSize = e.pageY - startY // Y方向移动的距离
+
+          const addSizex = (moveXSize) % vm.cellWidth > (vm.cellWidth / 4 * 1) ? parseInt(((moveXSize) / vm.cellWidth + 1)) : parseInt(((moveXSize) / vm.cellWidth))
+          const addSizey = (moveYSize) % vm.cellHeight > (vm.cellHeight / 4 * 1) ? parseInt(((moveYSize) / vm.cellHeight + 1)) : parseInt(((moveYSize) / vm.cellHeight))
+
+          const nowX = oldSizeX + addSizex > 0 ? oldSizeX + addSizex : 1
+          const nowY = oldSizeY + addSizey > 0 ? oldSizeY + addSizey : 1
+
+          debounce((function(addSizex, addSizey) {
+            return function() {
+              resizePlayer.call(vm, resizeItem, {
+                sizex: nowX,
+                sizey: nowY
+              })
+            }
+          })(addSizex, addSizey), 10)
+
+          let nowWidth = orignWidth + moveXSize
+          nowWidth = nowWidth <= vm.baseWidth ? vm.baseWidth : nowWidth
+          let nowHeight = orignHeight + moveYSize
+          nowHeight = nowHeight <= vm.baseHeight ? vm.baseHeight : nowHeight
+          // 克隆元素实时改变大小
+          cloneItem.css({
+            width: nowWidth,
+            height: nowHeight
+          })
+        } else if (moveItem) {
+          console.log('moveItem')
+
+          scrollScreen(e)
+          if (!vm.draggable) return
+          vm.dragging.call(null, e, moveItem, moveItem._dragId)
+
+          vm.$set(moveItem, 'isPlayer', true)
+          // this.$set(moveItem, "show", false);
+          const nowItemIndex = infoBox.moveItemIndex
+          const cloneItem = infoBox.cloneItem
+          const startX = infoBox.startX
+          const startY = infoBox.startY
+          const orignX = infoBox.orignX
+          const orignY = infoBox.orignY
+          const oldX = infoBox.oldX
+          const oldY = infoBox.oldY
+
+          const moveXSize = e.pageX - startX // X方向移动的距离
+          const moveYSize = e.pageY - startY // Y方向移动的距离
+
+          const nowCloneItemX = orignX + moveXSize
+          const nowCloneItemY = orignY + moveYSize
+
+          let newX = parseInt((nowCloneItemX + (cloneItem.width() / 12) - vm.baseMarginLeft) / vm.cellWidth + 1)
+          let newY = parseInt((nowCloneItemY + (cloneItem.height() / 12) - vm.baseMarginTop) / vm.cellHeight + 1)
+          newX = newX > 0 ? newX : 1
+          newY = newY > 0 ? newY : 1
+
+          debounce((function(newX, oldX, newY, oldY) {
+            return function() {
+              if (newX !== oldX || oldY !== newY) {
+                // console.log("move");
+                movePlayer.call(vm, moveItem, {
+                  x: newX,
+                  y: newY
+                })
+
+                infoBox.oldX = newX
+                infoBox.oldY = newY
+              }
+            }
+          })(newX, oldX, newY, oldY), 10)
+
+          cloneItem.css({
+            left: nowCloneItemX + 'px',
+            top: nowCloneItemY + 'px'
+          })
+        }
+      }
+
+      $(window).mousemove(itemMouseMove)
+
+      $(window).mouseup(function itemMouseUp(e) {
+        if (_.isEmpty(vm.infoBox)) return
+        if (vm.infoBox.cloneItem) {
+          vm.infoBox.cloneItem.remove()
+        }
+        if (vm.infoBox.resizeItem) {
+          vm.$delete(vm.infoBox.resizeItem, 'isPlayer')
+          vm.resizeEnd.call(null, e, vm.infoBox.resizeItem, vm.infoBox.resizeItem._dragId)
+        }
+        if (vm.infoBox.moveItem) {
+          vm.dragEnd.call(null, e, vm.infoBox.moveItem, vm.infoBox.moveItem._dragId)
+          vm.$set(vm.infoBox.moveItem, 'show', true)
+          vm.$delete(vm.infoBox.moveItem, 'isPlayer')
+        }
+        vm.infoBox = {}
+
+        $(this).off('mousemove', itemMouseMove)
+        $(this).off('mouseup', itemMouseUp)
+      })
+    },
+    endMove(e) {
+
+    },
+    moving(e) {
+
+    },
+    /**
+         * 计算当前item的位置和大小
+         *
+         * @param {any} item
+         * @returns
+         */
+    nowItemStyle(item, index) {
+      return {
+        width: (this.cellWidth * (item.sizex) - this.baseMarginLeft) + 'px',
+        height: (this.cellHeight * (item.sizey) - this.baseMarginTop) + 'px',
+        left: (this.cellWidth * (item.x - 1) + this.baseMarginLeft) + 'px',
+        top: (this.cellHeight * (item.y - 1) + this.baseMarginTop) + 'px'
+      }
+    },
+    getList() {
+      console.log('getList:')
+
+      const returnList = _.sortBy(_.cloneDeep(this.yourList), 'y')
+      const finalList = []
+      _.forEach(returnList, function(item, index) {
+        if (_.isEmpty(item)) return
+        delete item['_dragId']
+        delete item['show']
+        finalList.push(item)
+      })
+      return finalList
+    },
+    /**
+         * 获取x最大值
+         *
+         * @returns
+         */
+    getMaxCell() {
+      console.log('getMaxCell:')
+
+      return this.maxCell
+    },
+    /**
+         * 获取渲染状态
+         *
+         * @returns
+         */
+    getRenderState() {
+      console.log('getRenderState:')
+
+      return this.moveAnimate
+    },
+    addItem: addItem,
+    init: init,
+    afterInitOk(func) {
+      const timeid = setInterval(() => {
+        if (this.moveAnimate) {
+          clearInterval(timeid)
+          func()
+        }
+      }, 100)
+    },
+    addItemBox(item) {
+      this.yourList.push(item)
+
+      this.$nextTick(function() {
+        addItem.call(this, item, this.yourList.length - 1)
+      })
+    }
+  },
+  created() {
+
+  },
+  updated() {
+
+  },
+  mounted() {
+    // init.call(this);
+  }
+}
diff --git a/frontend/src/components/DeDrag/drag.less b/frontend/src/components/DeDrag/drag.less
new file mode 100644
index 0000000000..51212914dd
--- /dev/null
+++ b/frontend/src/components/DeDrag/drag.less
@@ -0,0 +1,112 @@
+.dragAndResize
+{
+    position: relative;
+
+    user-select: none;
+
+    *
+    {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+    }
+
+    .item
+    {
+        position: absolute;
+
+        width: 100px;
+        height: 100px;
+
+        cursor: move;
+
+        border: 1px solid;
+        background-color: #fff;
+
+        .resizeHandle
+        {
+            position: absolute;
+            right: 2px;
+            bottom: 2px;
+
+            width: 0;
+            height: 0;
+
+            cursor: nw-resize;
+
+            opacity: .5;
+            border-bottom: 10px solid black;
+            border-left: 10px solid transparent;
+        }
+    }
+
+    .moveAnimation
+    {
+        transition: top 80ms ease;
+    }
+
+    .canNotDrag
+    {
+        cursor: default!important;
+    }
+
+    .cloneNode
+    {
+        z-index: 3;
+
+        transition: none;
+
+        background-color: #bec1c9;
+        opacity: 0.5;
+
+    }
+
+    .movingItem
+    {
+        position: absolute;
+
+        border: none;
+        &:before
+        {
+            position: absolute;
+            z-index: 2;
+            top: 0;
+            left: 0;
+
+            width: 100%;
+            height: 100%;
+
+            content: 'movingItem';
+
+            background-color: #3d66e7;
+        }
+    }
+
+    .positionBox
+    {
+        position: fixed;
+        top: 0;
+        right: 100px;
+
+        overflow: auto;
+
+        width: 500px;
+        height: 500px;
+
+        border: 1px solid;
+    }
+
+    .coords
+    {
+        position: fixed;
+        right: 100px;
+        bottom: 200px;
+
+        overflow: auto;
+
+        width: 200px;
+        height: 200px;
+
+        border: 1px solid;
+    }
+}
diff --git a/frontend/src/components/DeDrag/drag.vue b/frontend/src/components/DeDrag/drag.vue
new file mode 100644
index 0000000000..51de27065f
--- /dev/null
+++ b/frontend/src/components/DeDrag/drag.vue
@@ -0,0 +1,986 @@
+<template>
+  <div ref="container" class="dragAndResize" @mousedown="containerMouseDown($event)" @mouseup="endMove($event)" @mousemove="moving($event)">
+    <div
+      v-for="(item,index) in yourList"
+      v-if="item.sizex!==undefined"
+      :ref="'item'+index"
+      :key="'item'+index"
+      :class="{item:true,moveAnimation:moveAnimate,movingItem:item.isPlayer}"
+      :style="nowItemStyle(item,index)"
+      @mousedown="startMove($event,item,index)"
+    >
+      <slot :name="'slot'+index" />
+      <span v-show="resizable" class="resizeHandle" @mousedown="startResize($event,item,index)" />
+    </div>
+    <slot />
+  </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import $ from 'jquery'
+
+let positionBox = []
+let coordinates = [] // 坐标点集合
+
+let lastTask
+let isOverlay = false // 是否正在交换位置
+let moveTime = 80 // 移动动画时间
+
+let itemMaxY = 0
+let itemMaxX = 0
+
+function debounce(func, time) {
+  if (!isOverlay) {
+    (function(t) {
+      isOverlay = true
+      setTimeout(function() {
+        t()
+        setTimeout(function() {
+          isOverlay = false
+          if (lastTask !== undefined) {
+            debounce(lastTask, time)
+          }
+        }, moveTime)
+      }, time)
+    })(func)
+    lastTask = undefined
+  } else {
+    lastTask = func
+  }
+}
+
+function scrollScreen(e) {
+  if (e.clientY + 50 >= window.innerHeight) {
+    const body = $(document.body)
+    body.scrollTop(body.scrollTop() + 20)
+  } else if (e.clientY <= 150) {
+    const body = $(document.body)
+    body.scrollTop(body.scrollTop() - 20)
+  }
+}
+
+/**
+   * 重置位置盒子
+   *
+   */
+function resetPositionBox() {
+  // 根据当前容器的宽度来决定多少列
+  itemMaxX = this.maxCell
+  const rows = 1 // 初始100行，后面根据需求会自动增加
+  for (let i = 0; i < rows; i++) {
+    const row = []
+
+    for (let j = 0; j < this.maxCell; j++) {
+      row.push({
+        el: false
+      })
+    }
+
+    positionBox.push(row)
+  }
+}
+
+/**
+   * 填充位置盒子
+   *
+   * @param {any} item
+   */
+function addItemToPositionBox(item) {
+  const pb = positionBox
+  if (item.x <= 0 || item.y <= 0) return
+
+  for (let i = item.x - 1; i < item.x - 1 + item.sizex; i++) {
+    for (let j = item.y - 1; j < item.y - 1 + item.sizey; j++) {
+      if (pb[j][i]) {
+        pb[j][i].el = item
+      }
+    }
+  }
+}
+
+function fillPositionBox(maxY) {
+  const pb = positionBox
+  maxY += 2
+  for (let j = 0; j < maxY; j++) {
+    if (pb[j] === undefined) {
+      const row = []
+      for (let i = 0; i < itemMaxX; i++) {
+        row.push({
+          el: false
+        })
+      }
+      pb.push(row)
+    }
+  }
+
+  itemMaxY = maxY
+
+  $(this.$el).css('height', ((itemMaxY + 2) * this.cellHeight) + 'px')
+}
+
+function removeItemFromPositionBox(item) {
+  const pb = positionBox
+  if (item.x <= 0 || item.y <= 0) return
+  for (let i = item.x - 1; i < item.x - 1 + item.sizex; i++) {
+    for (let j = item.y - 1; j < item.y - 1 + item.sizey; j++) {
+      if (pb[j][i]) {
+        pb[j][i].el = false
+      }
+    }
+  }
+}
+
+/**
+   * 重新计算宽度，使最小单元格能占满整个容器
+   *
+   */
+function recalcCellWidth() {
+  const containerNode = this.$refs['container']
+  const containerWidth = containerNode.offsetWidth
+
+  const cells = Math.round(containerWidth / this.cellWidth)
+  this.maxCell = cells
+
+  // if (containerWidth % this.cellWidth !=== 0) {
+  //     this.cellWidth += containerWidth % this.cellWidth / cells;
+  // }
+}
+
+function init() {
+  this.cellWidth = this.baseWidth + this.baseMarginLeft
+  this.cellHeight = this.baseHeight + this.baseMarginTop
+
+  positionBox = []
+  coordinates = [] // 坐标点集合
+
+  lastTask = undefined
+  isOverlay = false // 是否正在交换位置
+  moveTime = 80 // 移动动画时间
+
+  itemMaxY = 0
+  itemMaxX = 0
+
+  const vm = this
+
+  recalcCellWidth.call(this)
+
+  resetPositionBox.call(this)
+
+  let i = 0
+  const timeid = setInterval(function() {
+    if (i >= vm.yourList.length) {
+      clearInterval(timeid)
+      vm.$nextTick(function() {
+        vm.moveAnimate = true
+      })
+    } else {
+      const item = vm.yourList[i]
+      addItem.call(vm, item, i)
+      i++
+    }
+  }, 1)
+  vm.renderOk = true
+}
+
+function resizePlayer(item, newSize) {
+  const vm = this
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems.call(this, item)
+
+  _.forEach(belowItems, function(upItem) {
+    const canGoUpRows = canItemGoUp(upItem)
+
+    if (canGoUpRows > 0) {
+      moveItemUp.call(vm, upItem, canGoUpRows)
+    }
+  })
+
+  item.sizex = newSize.sizex
+  item.sizey = newSize.sizey
+
+  if (item.sizex + item.x - 1 > itemMaxX) {
+    item.sizex = itemMaxX - item.x + 1
+  }
+
+  if (item.sizey + item.y > itemMaxY) {
+    fillPositionBox.call(this, item.y + item.sizey)
+  }
+
+  emptyTargetCell.call(this, item)
+
+  addItemToPositionBox.call(this, item)
+
+  changeItemCoord.call(this, item)
+
+  const canGoUpRows = canItemGoUp(item)
+
+  if (canGoUpRows > 0) {
+    moveItemUp.call(this, item, canGoUpRows)
+  }
+}
+
+/**
+   * 检查移动的位置，如果不合法，会自动修改
+   *
+   * @param {any} item
+   * @param {any} position
+   */
+function checkItemPosition(item, position) {
+  position = position || {}
+  position.x = position.x || item.x
+  position.y = position.y || item.y
+
+  // 检查位置
+  if (item.x < 1) {
+    item.x = 1
+  }
+
+  // 检查大小
+  if (item.sizex > itemMaxX) {
+    item.sizex = itemMaxX
+  }
+
+  if (item.sizex < 1) {
+    item.sizex = 1
+  }
+
+  if (item.x + item.sizex - 1 > itemMaxX) {
+    item.x = itemMaxX - item.sizex + 1
+    if (item.x < 1) {
+      item.x = 1
+    }
+  }
+
+  if (item.y < 1) {
+    item.y = 1
+  }
+
+  if (item.sizey < 1) {
+    item.sizey = 1
+  }
+
+  if (item.y + item.sizey > itemMaxY - 1) {
+    fillPositionBox.call(this, item.y + item.sizey - 1)
+  }
+}
+
+/**
+   * 移动正在拖动的元素
+   *
+   * @param {any} item
+   * @param {any} position
+   */
+function movePlayer(item, position) {
+  const vm = this
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems.call(this, item)
+
+  _.forEach(belowItems, function(upItem) {
+    const canGoUpRows = canItemGoUp(upItem)
+    if (canGoUpRows > 0) {
+      moveItemUp.call(vm, upItem, canGoUpRows)
+    }
+  })
+
+  item.x = position.x
+  item.y = position.y
+
+  checkItemPosition.call(this, item, position)
+
+  emptyTargetCell.call(this, item)
+
+  addItemToPositionBox.call(this, item)
+
+  changeItemCoord.call(this, item)
+
+  const canGoUpRows = canItemGoUp(item)
+
+  if (canGoUpRows > 0) {
+    moveItemUp.call(this, item, canGoUpRows)
+  }
+}
+
+function removeItem(index) {
+  const vm = this
+  const item = this.yourList[index]
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems.call(this, item)
+
+  // $(this.$refs['item' + item._dragId][0]).remove();
+
+  _.forEach(belowItems, function(upItem) {
+    const canGoUpRows = canItemGoUp(upItem)
+
+    if (canGoUpRows > 0) {
+      moveItemUp.call(vm, upItem, canGoUpRows)
+    }
+  })
+
+  this.yourList.splice(index, 1, {})
+}
+
+function addItem(item, index) {
+  if (index < 0) {
+    index = this.yourList.length
+  }
+  item._dragId = index
+
+  checkItemPosition.call(this, item, {
+    x: item.x,
+    y: item.y
+  })
+
+  emptyTargetCell.call(this, item)
+
+  addItemToPositionBox.call(this, item)
+
+  const canGoUpRows = canItemGoUp(item)
+
+  if (canGoUpRows > 0) {
+    moveItemUp.call(this, item, canGoUpRows)
+  }
+
+  // 生成坐标点
+  // makeCoordinate.call(this, item);
+}
+
+function changeToCoord(left, top, width, height) {
+  return {
+    x1: left,
+    x2: left + width,
+    y1: top,
+    y2: top + height,
+    c1: left + width / 2,
+    c2: top + height / 2
+  }
+}
+
+/**
+   * 检测有无碰撞，并作出处理
+   *
+   * @param {any} tCoord 比对对象的坐标
+   */
+function findClosetCoords(item, tCoord) {
+  if (isOverlay) return
+  let i = coordinates.length
+  let collisionsItem = []
+  while (i--) {
+    const nowCoord = coordinates[i]
+    if (item._dragId === nowCoord.el._dragId) {
+      continue
+    }
+
+    if (tCoord.x2 < nowCoord.x1 || tCoord.x1 > nowCoord.x2 || tCoord.y2 < nowCoord.y1 || tCoord.y1 > nowCoord.y2) {
+      continue
+    } else {
+      collisionsItem.push({
+        centerDistance: Math.sqrt(Math.pow(tCoord.c1 - nowCoord.c1, 2) + Math.pow(tCoord.c2 - nowCoord.c2, 2)),
+        coord: nowCoord
+      })
+    }
+  }
+
+  if (collisionsItem.length <= 0) {
+    return
+  }
+
+  isOverlay = true
+
+  collisionsItem = _.sortBy(collisionsItem, 'area')
+
+  movePlayer.call(this, item, {
+    x: collisionsItem[0].coord.el.x,
+    y: collisionsItem[0].coord.el.y
+  })
+
+  setTimeout(function() {
+    isOverlay = false
+  }, 200)
+}
+
+/**
+   * 生成坐标点
+   *
+   * @param {any} item
+   */
+function makeCoordinate(item) {
+  const width = this.cellWidth * (item.sizex) - this.baseMarginLeft
+  const height = this.cellHeight * (item.sizey) - this.baseMarginTop
+  const left = this.cellWidth * (item.x - 1) + this.baseMarginLeft
+  const top = this.cellHeight * (item.y - 1) + this.baseMarginTop
+
+  const coord = {
+    x1: left,
+    x2: left + width,
+    y1: top,
+    y2: top + height,
+    c1: left + width / 2,
+    c2: top + height / 2,
+    el: item
+  }
+
+  coordinates.push(coord)
+}
+
+function changeItemCoord(item) {
+  const width = this.cellWidth * (item.sizex) - this.baseMarginLeft
+  const height = this.cellHeight * (item.sizey) - this.baseMarginTop
+  const left = this.cellWidth * (item.x - 1) + this.baseMarginLeft
+  const top = this.cellHeight * (item.y - 1) + this.baseMarginTop
+
+  const coord = {
+    x1: left,
+    x2: left + width,
+    y1: top,
+    y2: top + height,
+    c1: left + width / 2,
+    c2: top + height / 2,
+    el: item
+  }
+
+  const index = _.findIndex(coordinates, function(o) {
+    return o.el._dragId === item._dragId
+  })
+  if (index !== -1) {
+    coordinates.splice(index, 1, coord)
+  }
+}
+
+/**
+   * 清空目标位置的元素
+   *
+   * @param {any} item
+   */
+function emptyTargetCell(item) {
+  const vm = this
+  const belowItems = findBelowItems(item)
+
+  _.forEach(belowItems, function(downItem, index) {
+    if (downItem._dragId === item._dragId) return
+    const moveSize = item.y + item.sizey - downItem.y
+    if (moveSize > 0) {
+      moveItemDown.call(vm, downItem, moveSize)
+    }
+  })
+}
+
+/**
+   * 当前位置的item能否上浮
+   *
+   * @param {any} item
+   * @returns
+   */
+function canItemGoUp(item) {
+  let upperRows = 0
+  for (let row = item.y - 2; row >= 0; row--) {
+    for (let cell = item.x - 1; cell < item.x - 1 + item.sizex; cell++) {
+      if (positionBox[row][cell] && positionBox[row][cell].el) {
+        return upperRows
+      }
+    }
+    upperRows++
+  }
+
+  return upperRows
+}
+
+/**
+   * 在移动之前，找到当前下移的元素的下面的元素（递归）
+   *
+   * @param {any} items
+   * @param {any} size
+   */
+function moveItemDown(item, size) {
+  const vm = this
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems(item)
+
+  _.forEach(belowItems, function(downItem, index) {
+    if (downItem._dragId === item._dragId) return
+    const moveSize = calcDiff(item, downItem, size)
+    if (moveSize > 0) {
+      moveItemDown.call(vm, downItem, moveSize)
+    }
+  })
+
+  const targetPosition = {
+    y: item.y + size
+  }
+  setPlayerPosition.call(this, item, targetPosition)
+  checkItemPosition.call(this, item, targetPosition)
+
+  addItemToPositionBox.call(this, item)
+
+  changeItemCoord.call(this, item)
+}
+
+function setPlayerPosition(item, position) {
+  const vm = this
+  position = position || {}
+
+  const targetX = position.x || item.x
+  const targetY = position.y || item.y
+
+  item.x = targetX
+  item.y = targetY
+
+  if (item.y + item.sizey > itemMaxY) {
+    itemMaxY = item.y + item.sizey
+  }
+}
+
+/**
+   * 寻找子元素到父元素的最大距离
+   *
+   * @param {any} parent
+   * @param {any} son
+   * @param {any} size
+   */
+function calcDiff(parent, son, size) {
+  const diffs = []
+
+  for (let i = son.x - 1; i < son.x - 1 + son.sizex; i++) {
+    let temp_y = 0
+
+    for (let j = parent.y - 1 + parent.sizey; j < son.y - 1; j++) {
+      if (positionBox[j][i] && positionBox[j][i].el === false) {
+        temp_y++
+      }
+    }
+    diffs.push(temp_y)
+  }
+
+  const max_diff = Math.max.apply(Math, diffs)
+  size = size - max_diff
+
+  return size > 0 ? size : 0
+}
+
+function moveItemUp(item, size) {
+  // console.log('moveItemUp')
+  const vm = this
+
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems.call(this, item)
+
+  // item.y -= size;
+  setPlayerPosition.call(this, item, {
+    y: item.y - size
+  })
+
+  addItemToPositionBox.call(this, item)
+
+  changeItemCoord.call(this, item)
+
+  _.forEach(belowItems, function(upItem, index) {
+    const moveSize = canItemGoUp(upItem)
+    if (moveSize > 0) {
+      moveItemUp.call(vm, upItem, moveSize)
+    }
+  })
+}
+
+function findBelowItems(item) {
+  const belowItems = {}
+  for (let cell = item.x - 1; cell < item.x - 1 + item.sizex; cell++) {
+    for (let row = item.y - 1; row < positionBox.length; row++) {
+      const target = positionBox[row][cell]
+      if (target && target.el) {
+        belowItems[target.el._dragId] = target.el
+        break
+      }
+    }
+  }
+
+  return _.sortBy(_.values(belowItems), 'y')
+}
+
+import { mapState } from 'vuex'
+export default {
+  name: 'VuePowerDrag',
+  props: {
+    yourList: {
+      required: true,
+      type: Array // String,Number,Boolean,Function,Object,Array
+    },
+    baseWidth: {
+      required: false,
+      type: Number,
+      default: 100
+    },
+    baseHeight: {
+      required: false,
+      type: Number,
+      default: 50
+    },
+    baseMarginLeft: {
+      required: false,
+      type: Number,
+      default: 20
+    },
+    baseMarginTop: {
+      required: false,
+      type: Number,
+      default: 20
+    },
+    draggable: {
+      required: false,
+      default: true,
+      type: Boolean
+    },
+    dragStart: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    dragging: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    dragEnd: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    resizable: {
+      required: false,
+      type: Boolean,
+      default: true
+    },
+    resizeStart: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    resizing: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    resizeEnd: {
+      required: false,
+      type: Function,
+      default: function() {}
+    }
+  },
+  data() {
+    return {
+      renderOk: false,
+      moveAnimate: false,
+      list: [],
+      cellWidth: 0,
+      cellHeight: 0,
+      maxCell: 0
+    }
+  },
+  computed: {
+    positionBox() {
+      return positionBox
+    },
+    coordinates() {
+      return coordinates
+    },
+    ...mapState([
+      'componentData',
+      'curComponent',
+      'canvasStyleData',
+      'editor',
+      'linkageSettingStatus',
+      'curLinkageView'
+    ])
+
+  },
+  created() {
+
+  },
+  updated() {
+
+  },
+  mounted() {
+    // init.call(this);
+  },
+  methods: {
+    removeItem: removeItem,
+    startResize(e, item, index) {
+      console.log('startResize:' + index)
+      if (!this.resizable) return
+      this.resizeStart.call(null, e, item, index)
+
+      // e.preventDefault();
+      const target = $(e.target)
+
+      if (!this.infoBox) {
+        this.infoBox = {}
+      }
+
+      const itemNode = target.parents('.item')
+
+      this.infoBox.resizeItem = item
+      this.infoBox.resizeItemIndex = index
+    },
+    containerMouseDown(e) {
+      // console.log('containerMouseDown:')
+
+      // e.preventDefault();
+      if (!this.infoBox) {
+        this.infoBox = {}
+      }
+
+      this.infoBox.startX = e.pageX
+      this.infoBox.startY = e.pageY
+    },
+    startMove(e, item, index) {
+      console.log('startMove:' + index)
+      const vm = this
+      // e.preventDefault();
+
+      if (!this.infoBox) {
+        this.infoBox = {}
+      }
+      const infoBox = this.infoBox
+      const target = $(e.target)
+
+      let className = target.attr('class')
+      className = className || ''
+      if (className.indexOf('dragHandle') === -1 && className.indexOf('item') === -1 && className.indexOf('resizeHandle') === -1) {
+        return
+      }
+
+      if (className.includes('resizeHandle')) {
+
+      } else if (this.draggable && (className.includes('dragHandle') || className.includes('item'))) {
+        this.dragStart.call(null, e, item, index)
+        infoBox.moveItem = item
+        infoBox.moveItemIndex = index
+      }
+
+      infoBox.cloneItem = null
+      infoBox.nowItemNode = null
+
+      if (target.attr('class') && target.attr('class').indexOf('item') !== -1) {
+        infoBox.nowItemNode = target
+        infoBox.cloneItem = target.clone()
+      } else {
+        infoBox.nowItemNode = target.parents('.item')
+        infoBox.cloneItem = infoBox.nowItemNode.clone()
+      }
+      infoBox.cloneItem.addClass('cloneNode')
+
+      $(this.$el).append(infoBox.cloneItem)
+
+      infoBox.orignX = infoBox.cloneItem.position().left // 克隆对象原始X位置
+      infoBox.orignY = infoBox.cloneItem.position().top
+      infoBox.oldX = item.x // 实际对象原始X位置
+      infoBox.oldY = item.y
+      infoBox.oldSizeX = item.sizex
+      infoBox.oldSizeY = item.sizey
+      infoBox.orignWidth = infoBox.cloneItem.prop('offsetWidth')
+      infoBox.orignHeight = infoBox.cloneItem.prop('offsetHeight')
+
+      function itemMouseMove(e) {
+        // console.log('itemMouseMove')
+        const moveItem = _.get(infoBox, 'moveItem')
+        const resizeItem = _.get(infoBox, 'resizeItem')
+
+        if (resizeItem) { // 调整大小时
+          console.log('resizeItem')
+          vm.resizing.call(null, e, resizeItem, resizeItem._dragId)
+
+          vm.$set(resizeItem, 'isPlayer', true)
+          const nowItemIndex = infoBox.resizeItemIndex
+          const cloneItem = infoBox.cloneItem
+          const startX = infoBox.startX
+          const startY = infoBox.startY
+          const oldSizeX = infoBox.oldSizeX
+          const oldSizeY = infoBox.oldSizeY
+          const orignWidth = infoBox.orignWidth
+          const orignHeight = infoBox.orignHeight
+
+          const moveXSize = e.pageX - startX // X方向移动的距离
+          const moveYSize = e.pageY - startY // Y方向移动的距离
+
+          const addSizex = (moveXSize) % vm.cellWidth > (vm.cellWidth / 4 * 1) ? parseInt(((moveXSize) / vm.cellWidth + 1)) : parseInt(((moveXSize) / vm.cellWidth))
+          const addSizey = (moveYSize) % vm.cellHeight > (vm.cellHeight / 4 * 1) ? parseInt(((moveYSize) / vm.cellHeight + 1)) : parseInt(((moveYSize) / vm.cellHeight))
+
+          const nowX = oldSizeX + addSizex > 0 ? oldSizeX + addSizex : 1
+          const nowY = oldSizeY + addSizey > 0 ? oldSizeY + addSizey : 1
+
+          debounce((function(addSizex, addSizey) {
+            return function() {
+              resizePlayer.call(vm, resizeItem, {
+                sizex: nowX,
+                sizey: nowY
+              })
+            }
+          })(addSizex, addSizey), 10)
+
+          let nowWidth = orignWidth + moveXSize
+          nowWidth = nowWidth <= vm.baseWidth ? vm.baseWidth : nowWidth
+          let nowHeight = orignHeight + moveYSize
+          nowHeight = nowHeight <= vm.baseHeight ? vm.baseHeight : nowHeight
+          // 克隆元素实时改变大小
+          cloneItem.css({
+            width: nowWidth,
+            height: nowHeight
+          })
+        } else if (moveItem) {
+          console.log('moveItem')
+
+          scrollScreen(e)
+          if (!vm.draggable) return
+          vm.dragging.call(null, e, moveItem, moveItem._dragId)
+
+          vm.$set(moveItem, 'isPlayer', true)
+          // this.$set(moveItem, "show", false);
+          const nowItemIndex = infoBox.moveItemIndex
+          const cloneItem = infoBox.cloneItem
+          const startX = infoBox.startX
+          const startY = infoBox.startY
+          const orignX = infoBox.orignX
+          const orignY = infoBox.orignY
+          const oldX = infoBox.oldX
+          const oldY = infoBox.oldY
+
+          const moveXSize = e.pageX - startX // X方向移动的距离
+          const moveYSize = e.pageY - startY // Y方向移动的距离
+
+          const nowCloneItemX = orignX + moveXSize
+          const nowCloneItemY = orignY + moveYSize
+
+          let newX = parseInt((nowCloneItemX + (cloneItem.width() / 12) - vm.baseMarginLeft) / vm.cellWidth + 1)
+          let newY = parseInt((nowCloneItemY + (cloneItem.height() / 12) - vm.baseMarginTop) / vm.cellHeight + 1)
+          newX = newX > 0 ? newX : 1
+          newY = newY > 0 ? newY : 1
+
+          debounce((function(newX, oldX, newY, oldY) {
+            return function() {
+              if (newX !== oldX || oldY !== newY) {
+                // console.log("move");
+                movePlayer.call(vm, moveItem, {
+                  x: newX,
+                  y: newY
+                })
+
+                infoBox.oldX = newX
+                infoBox.oldY = newY
+              }
+            }
+          })(newX, oldX, newY, oldY), 10)
+
+          cloneItem.css({
+            left: nowCloneItemX + 'px',
+            top: nowCloneItemY + 'px'
+          })
+        }
+      }
+
+      $(window).mousemove(itemMouseMove)
+
+      $(window).mouseup(function itemMouseUp(e) {
+        if (_.isEmpty(vm.infoBox)) return
+        if (vm.infoBox.cloneItem) {
+          vm.infoBox.cloneItem.remove()
+        }
+        if (vm.infoBox.resizeItem) {
+          vm.$delete(vm.infoBox.resizeItem, 'isPlayer')
+          vm.resizeEnd.call(null, e, vm.infoBox.resizeItem, vm.infoBox.resizeItem._dragId)
+        }
+        if (vm.infoBox.moveItem) {
+          vm.dragEnd.call(null, e, vm.infoBox.moveItem, vm.infoBox.moveItem._dragId)
+          vm.$set(vm.infoBox.moveItem, 'show', true)
+          vm.$delete(vm.infoBox.moveItem, 'isPlayer')
+        }
+        vm.infoBox = {}
+
+        $(this).off('mousemove', itemMouseMove)
+        $(this).off('mouseup', itemMouseUp)
+      })
+    },
+    endMove(e) {
+
+    },
+    moving(e) {
+
+    },
+    /**
+       * 计算当前item的位置和大小
+       *
+       * @param {any} item
+       * @returns
+       */
+    nowItemStyle(item, index) {
+      const style = {
+        width: (this.cellWidth * (item.sizex) - this.baseMarginLeft) + 'px',
+        height: (this.cellHeight * (item.sizey) - this.baseMarginTop) + 'px',
+        left: (this.cellWidth * (item.x - 1) + this.baseMarginLeft) + 'px',
+        top: (this.cellHeight * (item.y - 1) + this.baseMarginTop) + 'px'
+      }
+      console.log('nowItemStyle:' + JSON.stringify(style))
+      return style
+    },
+    getList() {
+      console.log('getList:')
+
+      const returnList = _.sortBy(_.cloneDeep(this.yourList), 'y')
+      const finalList = []
+      _.forEach(returnList, function(item, index) {
+        if (_.isEmpty(item)) return
+        delete item['_dragId']
+        delete item['show']
+        finalList.push(item)
+      })
+      return finalList
+    },
+    /**
+       * 获取x最大值
+       *
+       * @returns
+       */
+    getMaxCell() {
+      console.log('getMaxCell:')
+
+      return this.maxCell
+    },
+    /**
+       * 获取渲染状态
+       *
+       * @returns
+       */
+    getRenderState() {
+      console.log('getRenderState:')
+
+      return this.moveAnimate
+    },
+    addItem: addItem,
+    init: init,
+    afterInitOk(func) {
+      const timeid = setInterval(() => {
+        if (this.moveAnimate) {
+          clearInterval(timeid)
+          func()
+        }
+      }, 100)
+    },
+    addItemBox(item) {
+      this.yourList.push(item)
+
+      this.$nextTick(function() {
+        addItem.call(this, item, this.yourList.length - 1)
+      })
+    }
+  }
+}
+
+</script>
+
+<style lang="less">
+    @import "./drag.less";
+
+</style>
diff --git a/frontend/src/components/DeDrag/index.vue b/frontend/src/components/DeDrag/index.vue
index 5828cae258..59d71d3a94 100644
--- a/frontend/src/components/DeDrag/index.vue
+++ b/frontend/src/components/DeDrag/index.vue
@@ -434,6 +434,7 @@ export default {
       }
     },
     style() {
+      // console.log('style-top:' + this.y + '--' + this.top)
       return {
         transform: `translate(${this.left}px, ${this.top}px) rotate(${this.rotate}deg)`,
         width: this.computedWidth,
@@ -482,7 +483,7 @@ export default {
           return 'auto'
         }
       }
-      if (this.canvasStyleData.auxiliaryMatrix) {
+      if (this.element.auxiliaryMatrix) {
         const width = Math.round(this.width / this.curCanvasScale.matrixStyleWidth) * this.curCanvasScale.matrixStyleWidth
         return width + 'px'
       } else {
@@ -496,7 +497,7 @@ export default {
           return 'auto'
         }
       }
-      if (this.canvasStyleData.auxiliaryMatrix) {
+      if (this.element.auxiliaryMatrix) {
         const height = Math.round(this.height / this.curCanvasScale.matrixStyleHeight) * this.curCanvasScale.matrixStyleHeight
         return height + 'px'
       } else {
@@ -594,13 +595,15 @@ export default {
       this.maxH = val
     },
     w(val) {
+      console.log('changeWidthCK：' + this.resizing)
+
       if (this.resizing || this.dragging) {
         return
       }
       if (this.parent) {
         this.bounds = this.calcResizeLimits()
       }
-      // console.log('changeWidth：' + val)
+      console.log('changeWidth：' + val)
       this.changeWidth(val)
     },
     h(val) {
@@ -696,6 +699,8 @@ export default {
       }
       // 阻止冒泡事件
       e.stopPropagation()
+      // 此处阻止冒泡 但是外层需要获取pageX pageY
+      this.element.auxiliaryMatrix && this.$emit('elementMouseDown', e)
       this.$store.commit('setCurComponent', { component: this.element, index: this.index })
       eventsFor = events.mouse
       this.elementDown(e)
@@ -707,6 +712,8 @@ export default {
       }
       const target = e.target || e.srcElement
       if (this.$el.contains(target)) {
+        // 挤压式画布设计 drag start 通知
+        this.element.auxiliaryMatrix && this.$emit('onDragStart', e, this.element, this.index)
         if (this.onDragStart(e) === false) {
           return
         }
@@ -800,6 +807,7 @@ export default {
       if (e instanceof MouseEvent && e.which !== 1) {
         return false
       }
+      this.element.auxiliaryMatrix && this.$emit('onResizeStart', e, this.element, this.index)
       if (this.onResizeStart(handle, e) === false) {
         return false
       }
@@ -982,6 +990,10 @@ export default {
       this.bottom = bottom
       await this.snapCheck()
       this.$emit('dragging', this.left, this.top)
+      // 如果当前视图遵循矩阵设计则 进行位置挤压检查
+      if (this.element.auxiliaryMatrix) {
+        this.$emit('onDragging', e, this.element)
+      }
 
       // private 记录当前样式
       this.recordCurStyle()
@@ -1156,7 +1168,8 @@ export default {
       // console.log('width2:' + this.width)
       this.height = newH
 
-      this.$emit('resizing', this.left, this.top, this.width, this.height)
+      // this.$emit('resizing', this.left, this.top, this.width, this.height)
+      this.element.auxiliaryMatrix && this.$emit('onResizing', e, this.element)
 
       // private 记录当前组件样式
       this.recordCurStyle()
@@ -1179,7 +1192,7 @@ export default {
       this.right = right
       this.bottom = bottom
       this.width = width
-      // console.log('width3:' + this.width)
+      console.log('width3:' + this.width)
       this.height = height
     },
     changeHeight(val) {
@@ -1201,7 +1214,7 @@ export default {
       this.height = height
     },
     // 从控制柄松开
-    async handleUp(e) {
+    handleUp(e) {
       this.handle = null
       // 初始化辅助线数据
       const temArr = new Array(3).fill({ display: false, position: '', origin: '', lineLength: '' })
@@ -1215,7 +1228,8 @@ export default {
       this.lastMouseY = mouseY
       if (this.resizing) {
         this.resizing = false
-        await this.conflictCheck()
+        console.log('resizing2:' + this.resizing)
+        this.conflictCheck()
         this.$emit('refLineParams', refLine)
         // this.$emit('resizestop', this.left, this.top, this.width, this.height)
         // private
@@ -1223,7 +1237,7 @@ export default {
       }
       if (this.dragging) {
         this.dragging = false
-        await this.conflictCheck()
+        this.conflictCheck()
         this.$emit('refLineParams', refLine)
         this.$emit('dragstop', this.left, this.top)
       }
@@ -1235,8 +1249,9 @@ export default {
       // private 记录snapshot
 
       // 如果辅助设计 需要最后调整矩阵
-      if (this.canvasStyleData.auxiliaryMatrix) {
-        this.recordMatrixCurStyle()
+      if (this.element.auxiliaryMatrix) {
+        // this.recordMatrixCurStyle()
+        this.recordMatrixCurShadowStyle()
       }
       this.hasMove && this.$store.commit('recordSnapshot', 'handleUp')
       // 记录snapshot后 移动已记录设置为false
@@ -1246,6 +1261,9 @@ export default {
 
       // private 删除handle Up事件 防止重复recordSnapshot
       removeEvent(document.documentElement, eventsFor.stop, this.handleUp)
+
+      // 挤占式画布设计 handleUp
+      this.element.auxiliaryMatrix && this.$emit('onHandleUp', e)
     },
     // 新增方法 ↓↓↓
     // 设置属性
@@ -1549,11 +1567,38 @@ export default {
       // this.hasMove = true
       this.$store.commit('setShapeStyle', style)
 
+      // resize
+      self.$emit('resizeView')
+      // const self = this
+      // setTimeout(function() {
+      //   self.$emit('resizeView')
+      // }, 200)
+    },
+    // 记录当前样式 跟随阴影位置 矩阵处理
+    recordMatrixCurShadowStyle() {
+      console.log('recordMatrixCurShadowStyle')
+      // debugger
+      const left = (this.element.x - 1) * this.curCanvasScale.matrixStyleWidth
+      const top = (this.element.y - 1) * this.curCanvasScale.matrixStyleHeight
+      const width = this.element.sizex * this.curCanvasScale.matrixStyleWidth
+      const height = this.element.sizey * this.curCanvasScale.matrixStyleHeight
+      const style = {
+        ...this.defaultStyle
+      }
+      style.left = left
+      style.top = top
+      style.width = width
+      style.height = height
+      style.rotate = this.rotate
+      // this.hasMove = true
+      this.$store.commit('setShapeStyle', style)
+
       // resize
       const self = this
-      setTimeout(function() {
-        self.$emit('resizeView')
-      }, 200)
+      self.$emit('resizeView')
+      // setTimeout(function() {
+      //   self.$emit('resizeView')
+      // }, 200)
     },
     mountedFunction() {
       // private 冲突检测 和水平设计值保持一致
diff --git a/frontend/src/components/DeDrag/shadow.vue b/frontend/src/components/DeDrag/shadow.vue
index 1277038296..0e2ea24993 100644
--- a/frontend/src/components/DeDrag/shadow.vue
+++ b/frontend/src/components/DeDrag/shadow.vue
@@ -1,5 +1,7 @@
 <template>
-  <div style="z-index:-1" :style="styleInfo" />
+  <div style="z-index:-1" :style="styleInfo">
+    <!--    {{ curComponent }}-->
+  </div>
 </template>
 
 <script>
@@ -16,27 +18,42 @@ export default {
       let top = 0
       let width = 0
       let height = 0
+      // if (this.dragComponentInfo && !this.dragComponentInfo.auxiliaryMatrix) {
       if (this.dragComponentInfo) {
+        console.log('shadowDrag=')
         // 组件移入
-        left = this.dragComponentInfo.shadowStyle.x
-        top = this.dragComponentInfo.shadowStyle.y
-        width = this.dragComponentInfo.style.width
-        height = this.dragComponentInfo.style.height
+        if (this.dragComponentInfo.auxiliaryMatrix) {
+          left = (this.dragComponentInfo.x - 1) * this.curCanvasScale.matrixStyleWidth
+          top = (this.dragComponentInfo.y - 1) * this.curCanvasScale.matrixStyleHeight
+
+          width = this.dragComponentInfo.sizex * this.curCanvasScale.matrixStyleWidth
+          height = this.dragComponentInfo.sizey * this.curCanvasScale.matrixStyleHeight
+        } else {
+          left = this.dragComponentInfo.shadowStyle.x
+          top = this.dragComponentInfo.shadowStyle.y
+          width = this.dragComponentInfo.style.width
+          height = this.dragComponentInfo.style.height
+        }
+
         // console.log('left:' + left + 'top:' + top + 'width:' + width + 'height:' + height)
       } else {
-        left = this.curComponent.style.left * this.curCanvasScale.scaleWidth / 100
-        top = this.curComponent.style.top * this.curCanvasScale.scaleHeight / 100
-        width = this.curComponent.style.width * this.curCanvasScale.scaleWidth / 100
-        height = this.curComponent.style.height * this.curCanvasScale.scaleHeight / 100
+        // temp 临时测试
+        // left = this.curComponent.style.left * this.curCanvasScale.scaleWidth / 100
+        // top = this.curComponent.style.top * this.curCanvasScale.scaleHeight / 100
+        left = (this.curComponent.x - 1) * this.curCanvasScale.matrixStyleWidth
+        top = (this.curComponent.y - 1) * this.curCanvasScale.matrixStyleHeight
+
+        width = this.curComponent.style.width * this.curCanvasScale.scalePointWidth
+        height = this.curComponent.style.height * this.curCanvasScale.scalePointHeight
         // console.log('curComponent left:' + left + 'top:' + top + 'width:' + width + 'height:' + height)
       }
       // 当前默认为自适应
-      if (this.canvasStyleData.auxiliaryMatrix) {
-        left = Math.round(left / this.curCanvasScale.matrixStyleWidth) * this.curCanvasScale.matrixStyleWidth
-        width = Math.round(width / this.curCanvasScale.matrixStyleWidth) * this.curCanvasScale.matrixStyleWidth
-        top = Math.round(top / this.curCanvasScale.matrixStyleHeight) * this.curCanvasScale.matrixStyleHeight
-        height = Math.round(height / this.curCanvasScale.matrixStyleHeight) * this.curCanvasScale.matrixStyleHeight
-      }
+      // if (this.canvasStyleData.auxiliaryMatrix) {
+      //   left = Math.round(left / this.curCanvasScale.matrixStyleWidth) * this.curCanvasScale.matrixStyleWidth
+      //   width = Math.round(width / this.curCanvasScale.matrixStyleWidth) * this.curCanvasScale.matrixStyleWidth
+      //   top = Math.round(top / this.curCanvasScale.matrixStyleHeight) * this.curCanvasScale.matrixStyleHeight
+      //   height = Math.round(height / this.curCanvasScale.matrixStyleHeight) * this.curCanvasScale.matrixStyleHeight
+      // }
 
       // 防止阴影区超出边界
       const xGap = left + width - this.canvasWidth
@@ -82,10 +99,10 @@ export default {
       this.dragComponentInfo.shadowStyle.y = this.scaleH(y)
     },
     scaleH(h) {
-      return h * 100 / this.curCanvasScale.scaleHeight
+      return h / this.curCanvasScale.scalePointHeight
     },
     scaleW(w) {
-      return w * 100 / this.curCanvasScale.scaleWidth
+      return w / this.curCanvasScale.scalePointWidth
     }
   }
 
diff --git a/frontend/src/components/canvas/components/Editor/EditBar.vue b/frontend/src/components/canvas/components/Editor/EditBar.vue
index f0803a8123..dafc32b7dd 100644
--- a/frontend/src/components/canvas/components/Editor/EditBar.vue
+++ b/frontend/src/components/canvas/components/Editor/EditBar.vue
@@ -14,6 +14,12 @@
       <span :title="$t('panel.edit')">
         <i v-if="activeModel==='edit'&&curComponent&&editFilter.includes(curComponent.type)" class="icon iconfont icon-edit" @click.stop="edit" />
       </span>
+      <span :title="$t('panel.matrix')">
+        <i v-if="activeModel==='edit'&&curComponent.auxiliaryMatrix" class="icon iconfont icon-shujujuzhen" @click.stop="auxiliaryMatrixChange" />
+      </span>
+      <span :title="$t('panel.suspension')">
+        <i v-if="activeModel==='edit'&&!curComponent.auxiliaryMatrix" class="icon iconfont icon-xuanfuanniu" @click.stop="auxiliaryMatrixChange" />
+      </span>
       <span :title="$t('panel.details')">
         <i v-if="curComponent.type==='view'" class="icon iconfont icon-fangda" @click.stop="showViewDetails" />
       </span>
@@ -87,13 +93,31 @@ export default {
       'canvasStyleData',
       'linkageSettingStatus',
       'targetLinkageInfo',
-      'curLinkageView'
+      'curLinkageView',
+      'curCanvasScale'
     ])
   },
   methods: {
     showViewDetails() {
       this.$emit('showViewDetails')
     },
+    auxiliaryMatrixChange() {
+      if (this.curComponent.auxiliaryMatrix) {
+        this.curComponent.style.left = (this.curComponent.x - 1) * this.curCanvasScale.matrixStyleOriginWidth
+        this.curComponent.style.top = (this.curComponent.y - 1) * this.curCanvasScale.matrixStyleOriginHeight
+        this.curComponent.style.width = this.curComponent.sizex * this.curCanvasScale.matrixStyleOriginWidth
+        this.curComponent.style.height = this.curComponent.sizey * this.curCanvasScale.matrixStyleOriginHeight
+        this.curComponent.auxiliaryMatrix = false
+      } else {
+        this.curComponent.x = Math.round(this.curComponent.style.left / this.curCanvasScale.matrixStyleOriginWidth) + 1
+        this.curComponent.y = Math.round(this.curComponent.style.top / this.curCanvasScale.matrixStyleOriginHeight) + 1
+        this.curComponent.sizex = Math.round(this.curComponent.style.width / this.curCanvasScale.matrixStyleOriginWidth)
+        this.curComponent.sizey = Math.round(this.curComponent.style.height / this.curCanvasScale.matrixStyleOriginHeight)
+        this.curComponent.auxiliaryMatrix = true
+      }
+      this.$store.state.styleChangeTimes++
+      bus.$emit('auxiliaryMatrixChange')
+    },
     edit() {
       // 编辑时临时保存 当前修改的画布
       this.$store.dispatch('panel/setComponentDataTemp', JSON.stringify(this.componentData))
diff --git a/frontend/src/components/canvas/components/Editor/PGrid.vue b/frontend/src/components/canvas/components/Editor/PGrid.vue
new file mode 100644
index 0000000000..8568377811
--- /dev/null
+++ b/frontend/src/components/canvas/components/Editor/PGrid.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="grid">
+    <!--    positionBox:{{ positionBox.length }}-->
+    <div v-for="(yItem, index) in positionBox" :key="index+'y'" style="float: left; width: 105%">
+      <div v-for="(xItem, index) in yItem" :key="index+'x'" :style="classInfo" style="float: left; border: 0.2px solid #b3d4fc ">
+        {{ xItem.el?1:0 }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  props: {
+    // eslint-disable-next-line vue/require-default-prop
+    positionBox: {
+      type: Array
+    },
+    matrixStyle: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+
+    }
+  },
+
+  computed: {
+    classInfo: function() {
+      return {
+        width: this.matrixStyle.width + 'px',
+        height: this.matrixStyle.height + 'px'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.grid {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+</style>
diff --git a/frontend/src/components/canvas/components/Editor/index.vue b/frontend/src/components/canvas/components/Editor/index.vue
index f39215d14a..5012449261 100644
--- a/frontend/src/components/canvas/components/Editor/index.vue
+++ b/frontend/src/components/canvas/components/Editor/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div
     id="editor"
+    ref="container"
     class="editor"
     :class="[
       {
@@ -15,6 +16,8 @@
   >
     <!-- 网格线 -->
     <!--    <Grid v-if="canvasStyleData.auxiliaryMatrix&&!linkageSettingStatus" :matrix-style="matrixStyle" />-->
+    <!--    positionBox:{{positionBoxInfo}}-->
+    <!--    <PGrid :position-box="positionBoxInfoArray" :matrix-style="matrixStyle" />-->
 
     <!-- 仪表板联动清除按钮-->
     <canvas-opt-bar />
@@ -22,6 +25,7 @@
     <de-drag
       v-for="(item, index) in componentData"
       :key="item.id"
+      :class="{item:true,moveAnimation:moveAnimate,movingItem:item.isPlayer}"
       :index="index"
       :x="getShapeStyleIntDeDrag(item.style,'left')"
       :y="getShapeStyleIntDeDrag(item.style,'top')"
@@ -43,7 +47,16 @@
       @refLineParams="getRefLineParams"
       @showViewDetails="showViewDetails(index)"
       @resizeView="resizeView(index,item)"
+      @onResizeStart="startResize"
+      @onDragStart="onStartMove"
+      @onHandleUp="onMouseUp"
+      @onDragging="onDragging"
+      @onResizing="onResizing"
+      @elementMouseDown="containerMouseDown"
     >
+      <!--      <span style="position:relative;left: 0px;top:0px">-->
+      <!--        item:x-{{ item.x }}y-{{ item.y }}top-{{ item.style.top }}-->
+      <!--      </span>-->
       <component
         :is="item.component"
         v-if="item.type==='v-text'"
@@ -106,7 +119,8 @@
       />
     </de-drag>
     <!--拖拽阴影部分-->
-    <drag-shadow v-if="(curComponent&&this.curComponent.optStatus.dragging)||dragComponentInfo" />
+    <!--    <drag-shadow v-if="(curComponent&&this.curComponent.optStatus.dragging)||dragComponentInfo" />-->
+    <drag-shadow v-if="(curComponent&&curComponent.auxiliaryMatrix)||(dragComponentInfo)" />
     <!-- 右击菜单 -->
     <ContextMenu />
     <!-- 标线 (临时去掉标线 吸附等功能)-->
@@ -158,32 +172,681 @@ import DeDrag from '@/components/DeDrag'
 
 // eslint-disable-next-line no-unused-vars
 import { getStyle, getComponentRotatedStyle } from '@/components/canvas/utils/style'
-import { $ } from '@/components/canvas/utils/utils'
+import { _$ } from '@/components/canvas/utils/utils'
 import ContextMenu from './ContextMenu'
 import MarkLine from './MarkLine'
 import Area from './Area'
 import eventBus from '@/components/canvas/utils/eventBus'
 import Grid from './Grid'
+import PGrid from './PGrid'
 import { changeStyleWithScale } from '@/components/canvas/utils/translate'
 import { deepCopy } from '@/components/canvas/utils/utils'
 import UserViewDialog from '@/components/canvas/custom-component/UserViewDialog'
 import DeOutWidget from '@/components/dataease/DeOutWidget'
 import CanvasOptBar from '@/components/canvas/components/Editor/CanvasOptBar'
 import DragShadow from '@/components/DeDrag/shadow'
+import bus from '@/utils/bus'
+
+// 挤占式画布
+import _ from 'lodash'
+import $ from 'jquery'
+
+let positionBox = []
+let coordinates = [] // 坐标点集合
+
+let lastTask
+let isOverlay = false // 是否正在交换位置
+let moveTime = 80 // 移动动画时间
+
+let itemMaxY = 0
+let itemMaxX = 0
+
+function debounce(func, time) {
+  if (!isOverlay) {
+    (function(t) {
+      isOverlay = true
+      setTimeout(function() {
+        t()
+        setTimeout(function() {
+          isOverlay = false
+          if (lastTask !== undefined) {
+            debounce(lastTask, time)
+          }
+        }, moveTime)
+      }, time)
+    })(func)
+    lastTask = undefined
+  } else {
+    lastTask = func
+  }
+}
+
+function scrollScreen(e) {
+  if (e.clientY + 50 >= window.innerHeight) {
+    const body = $(document.body)
+    body.scrollTop(body.scrollTop() + 20)
+  } else if (e.clientY <= 150) {
+    const body = $(document.body)
+    body.scrollTop(body.scrollTop() - 20)
+  }
+}
+
+/**
+ * 重置位置盒子
+ *
+ */
+function resetPositionBox() {
+  // 根据当前容器的宽度来决定多少列
+  itemMaxX = this.maxCell
+  const rows = 20 // 初始100行，后面根据需求会自动增加
+  for (let i = 0; i < rows; i++) {
+    const row = []
+
+    for (let j = 0; j < this.maxCell; j++) {
+      row.push({
+        el: false
+      })
+    }
+
+    positionBox.push(row)
+    // console.log('positionBox:' + JSON.stringify(positionBox))
+  }
+}
+
+/**
+ * 填充位置盒子
+ *
+ * @param {any} item
+ */
+function addItemToPositionBox(item) {
+  // console.log('itemInfo:' + JSON.stringify(item))
+  const pb = positionBox
+  if (item.x <= 0 || item.y <= 0) return
+
+  for (let i = item.x - 1; i < item.x - 1 + item.sizex; i++) {
+    for (let j = item.y - 1; j < item.y - 1 + item.sizey; j++) {
+      if (pb[j][i]) {
+        pb[j][i].el = item
+      }
+    }
+  }
+}
+
+function fillPositionBox(maxY) {
+  const pb = positionBox
+  maxY += 2
+  for (let j = 0; j < maxY; j++) {
+    if (pb[j] === undefined) {
+      const row = []
+      for (let i = 0; i < itemMaxX; i++) {
+        row.push({
+          el: false
+        })
+      }
+      pb.push(row)
+    }
+  }
+
+  itemMaxY = maxY
+
+  $(this.$el).css('height', ((itemMaxY + 2) * this.cellHeight) + 'px')
+}
+
+function removeItemFromPositionBox(item) {
+  const pb = positionBox
+  // console.log('removeItem=>x:' + item.x + ';y:' + item.y + ';sizex:' + item.sizex + ';sizey:' + item.sizey)
+  if (item.x <= 0 || item.y <= 0) return
+  for (let i = item.x - 1; i < item.x - 1 + item.sizex; i++) {
+    for (let j = item.y - 1; j < item.y - 1 + item.sizey; j++) {
+      if (pb[j][i]) {
+        pb[j][i].el = false
+      }
+    }
+  }
+}
+
+/**
+ * 重新计算宽度，使最小单元格能占满整个容器
+ *
+ */
+function recalcCellWidth() {
+  // const containerNode = this.$refs['container']
+  // this.outStyle.width && this.outStyle.height
+  const containerWidth = this.outStyle.width
+
+  const cells = Math.round(containerWidth / this.cellWidth)
+  this.maxCell = cells
+
+  // if (containerWidth % this.cellWidth !=== 0) {
+  //     this.cellWidth += containerWidth % this.cellWidth / cells;
+  // }
+}
+
+function init() {
+  this.cellWidth = this.baseWidth + this.baseMarginLeft
+  this.cellHeight = this.baseHeight + this.baseMarginTop
+  this.yourList = this.getList()
+
+  positionBox = []
+  coordinates = [] // 坐标点集合
+
+  lastTask = undefined
+  isOverlay = false // 是否正在交换位置
+  moveTime = 80 // 移动动画时间
+
+  itemMaxY = 0
+  itemMaxX = 0
+
+  const vm = this
+
+  recalcCellWidth.call(this)
+
+  resetPositionBox.call(this)
+
+  let i = 0
+  // console.log('initList:' + JSON.stringify(vm.yourList))
+  const timeid = setInterval(function() {
+    if (i >= vm.yourList.length) {
+      clearInterval(timeid)
+      vm.$nextTick(function() {
+        vm.moveAnimate = true
+      })
+    } else {
+      const item = vm.yourList[i]
+      addItem.call(vm, item, i)
+      i++
+    }
+  }, 1)
+  vm.renderOk = true
+}
+
+function resizePlayer(item, newSize) {
+  const vm = this
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems.call(this, item)
+
+  _.forEach(belowItems, function(upItem) {
+    const canGoUpRows = canItemGoUp(upItem)
+
+    if (canGoUpRows > 0) {
+      moveItemUp.call(vm, upItem, canGoUpRows)
+    }
+  })
+
+  item.sizex = newSize.sizex
+  item.sizey = newSize.sizey
+
+  // 还原到像素
+  item.style.width = item.sizex * this.matrixStyle.originWidth
+  item.style.height = item.sizey * this.matrixStyle.originHeight
+
+  if (item.sizex + item.x - 1 > itemMaxX) {
+    item.sizex = itemMaxX - item.x + 1
+  }
+
+  if (item.sizey + item.y > itemMaxY) {
+    fillPositionBox.call(this, item.y + item.sizey)
+  }
+
+  emptyTargetCell.call(this, item)
+
+  addItemToPositionBox.call(this, item)
+
+  changeItemCoord.call(this, item)
+
+  const canGoUpRows = canItemGoUp(item)
+
+  if (canGoUpRows > 0) {
+    moveItemUp.call(this, item, canGoUpRows)
+  }
+}
+
+/**
+ * 检查移动的位置，如果不合法，会自动修改
+ *
+ * @param {any} item
+ * @param {any} position
+ */
+function checkItemPosition(item, position) {
+  position = position || {}
+  position.x = position.x || item.x
+  position.y = position.y || item.y
+
+  // 检查位置
+  if (item.x < 1) {
+    item.x = 1
+  }
+
+  // 检查大小
+  if (item.sizex > itemMaxX) {
+    item.sizex = itemMaxX
+  }
+
+  if (item.sizex < 1) {
+    item.sizex = 1
+  }
+
+  if (item.x + item.sizex - 1 > itemMaxX) {
+    item.x = itemMaxX - item.sizex + 1
+    if (item.x < 1) {
+      item.x = 1
+    }
+  }
+
+  if (item.y < 1) {
+    item.y = 1
+  }
+
+  if (item.sizey < 1) {
+    item.sizey = 1
+  }
+
+  if (item.y + item.sizey > itemMaxY - 1) {
+    fillPositionBox.call(this, item.y + item.sizey - 1)
+  }
+}
+
+/**
+ * 移动正在拖动的元素
+ *
+ * @param {any} item
+ * @param {any} position
+ */
+function movePlayer(item, position) {
+  const vm = this
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems.call(this, item)
+
+  _.forEach(belowItems, function(upItem) {
+    const canGoUpRows = canItemGoUp(upItem)
+    if (canGoUpRows > 0) {
+      moveItemUp.call(vm, upItem, canGoUpRows)
+    }
+  })
+
+  item.x = position.x
+  item.y = position.y
+
+  checkItemPosition.call(this, item, position)
+
+  emptyTargetCell.call(this, item)
+
+  addItemToPositionBox.call(this, item)
+
+  changeItemCoord.call(this, item)
+
+  const canGoUpRows = canItemGoUp(item)
+
+  if (canGoUpRows > 0) {
+    moveItemUp.call(this, item, canGoUpRows)
+  }
+}
+
+function removeItem(index) {
+  const vm = this
+  const item = this.yourList[index]
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems.call(this, item)
+
+  // $(this.$refs['item' + item._dragId][0]).remove();
+
+  _.forEach(belowItems, function(upItem) {
+    const canGoUpRows = canItemGoUp(upItem)
+
+    if (canGoUpRows > 0) {
+      moveItemUp.call(vm, upItem, canGoUpRows)
+    }
+  })
+
+  this.yourList.splice(index, 1, {})
+}
+
+function addItem(item, index) {
+  if (index < 0) {
+    index = this.yourList.length
+  }
+  item._dragId = index
+
+  checkItemPosition.call(this, item, {
+    x: item.x,
+    y: item.y
+  })
+
+  emptyTargetCell.call(this, item)
+
+  addItemToPositionBox.call(this, item)
+
+  const canGoUpRows = canItemGoUp(item)
+
+  if (canGoUpRows > 0) {
+    moveItemUp.call(this, item, canGoUpRows)
+  }
+
+  // 生成坐标点
+  // makeCoordinate.call(this, item);
+}
+
+function changeToCoord(left, top, width, height) {
+  return {
+    x1: left,
+    x2: left + width,
+    y1: top,
+    y2: top + height,
+    c1: left + width / 2,
+    c2: top + height / 2
+  }
+}
+
+/**
+ * 检测有无碰撞，并作出处理
+ *
+ * @param {any} tCoord 比对对象的坐标
+ */
+function findClosetCoords(item, tCoord) {
+  if (isOverlay) return
+  let i = coordinates.length
+  let collisionsItem = []
+  while (i--) {
+    const nowCoord = coordinates[i]
+    if (item._dragId === nowCoord.el._dragId) {
+      continue
+    }
+
+    if (tCoord.x2 < nowCoord.x1 || tCoord.x1 > nowCoord.x2 || tCoord.y2 < nowCoord.y1 || tCoord.y1 > nowCoord.y2) {
+      continue
+    } else {
+      collisionsItem.push({
+        centerDistance: Math.sqrt(Math.pow(tCoord.c1 - nowCoord.c1, 2) + Math.pow(tCoord.c2 - nowCoord.c2, 2)),
+        coord: nowCoord
+      })
+    }
+  }
+
+  if (collisionsItem.length <= 0) {
+    return
+  }
+
+  isOverlay = true
+
+  collisionsItem = _.sortBy(collisionsItem, 'area')
+
+  movePlayer.call(this, item, {
+    x: collisionsItem[0].coord.el.x,
+    y: collisionsItem[0].coord.el.y
+  })
+
+  setTimeout(function() {
+    isOverlay = false
+  }, 200)
+}
+
+/**
+ * 生成坐标点
+ *
+ * @param {any} item
+ */
+function makeCoordinate(item) {
+  const width = this.cellWidth * (item.sizex) - this.baseMarginLeft
+  const height = this.cellHeight * (item.sizey) - this.baseMarginTop
+  const left = this.cellWidth * (item.x - 1) + this.baseMarginLeft
+  const top = this.cellHeight * (item.y - 1) + this.baseMarginTop
+
+  const coord = {
+    x1: left,
+    x2: left + width,
+    y1: top,
+    y2: top + height,
+    c1: left + width / 2,
+    c2: top + height / 2,
+    el: item
+  }
+
+  coordinates.push(coord)
+}
+
+function changeItemCoord(item) {
+  const width = this.cellWidth * (item.sizex) - this.baseMarginLeft
+  const height = this.cellHeight * (item.sizey) - this.baseMarginTop
+  const left = this.cellWidth * (item.x - 1) + this.baseMarginLeft
+  const top = this.cellHeight * (item.y - 1) + this.baseMarginTop
+
+  const coord = {
+    x1: left,
+    x2: left + width,
+    y1: top,
+    y2: top + height,
+    c1: left + width / 2,
+    c2: top + height / 2,
+    el: item
+  }
+
+  const index = _.findIndex(coordinates, function(o) {
+    return o.el._dragId === item._dragId
+  })
+  if (index !== -1) {
+    coordinates.splice(index, 1, coord)
+  }
+}
+
+/**
+ * 清空目标位置的元素
+ *
+ * @param {any} item
+ */
+function emptyTargetCell(item) {
+  const vm = this
+  const belowItems = findBelowItems(item)
+
+  _.forEach(belowItems, function(downItem, index) {
+    if (downItem._dragId === item._dragId) return
+    const moveSize = item.y + item.sizey - downItem.y
+    if (moveSize > 0) {
+      moveItemDown.call(vm, downItem, moveSize)
+    }
+  })
+}
+
+/**
+ * 当前位置的item能否上浮
+ *
+ * @param {any} item
+ * @returns
+ */
+function canItemGoUp(item) {
+  let upperRows = 0
+  for (let row = item.y - 2; row >= 0; row--) {
+    for (let cell = item.x - 1; cell < item.x - 1 + item.sizex; cell++) {
+      if (positionBox[row][cell] && positionBox[row][cell].el) {
+        return upperRows
+      }
+    }
+    upperRows++
+  }
+
+  return upperRows
+}
+
+/**
+ * 在移动之前，找到当前下移的元素的下面的元素（递归）
+ *
+ * @param {any} items
+ * @param {any} size
+ */
+function moveItemDown(item, size) {
+  const vm = this
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems(item)
+
+  _.forEach(belowItems, function(downItem, index) {
+    if (downItem._dragId === item._dragId) return
+    const moveSize = calcDiff(item, downItem, size)
+    if (moveSize > 0) {
+      moveItemDown.call(vm, downItem, moveSize)
+    }
+  })
+
+  const targetPosition = {
+    y: item.y + size
+  }
+  setPlayerPosition.call(this, item, targetPosition)
+  checkItemPosition.call(this, item, targetPosition)
+
+  addItemToPositionBox.call(this, item)
+
+  changeItemCoord.call(this, item)
+}
+
+function setPlayerPosition(item, position) {
+  const vm = this
+  position = position || {}
+
+  const targetX = position.x || item.x
+  const targetY = position.y || item.y
+
+  item.x = targetX
+  item.y = targetY
+
+  // 还原到像素
+  // item.style.left = (item.x - 1) * this.matrixStyle.width
+  // item.style.top = (item.y - 1) * this.matrixStyle.height
+  item.style.left = ((item.x - 1) * this.matrixStyle.width) / this.scalePointWidth
+  item.style.top = ((item.y - 1) * this.matrixStyle.height) / this.scalePointHeight
+  // console.log('setPlayerPosition:' + item._dragId + '--' + item.x + '--' + item.y + '--top' + item.style.top)
+
+  // console.log('setPlayerPosition:x=' + item.style.left + ';y=' + item.style.top + 'componentData:' + JSON.stringify(this.componentData))
+
+  if (item.y + item.sizey > itemMaxY) {
+    itemMaxY = item.y + item.sizey
+  }
+}
+
+/**
+ * 寻找子元素到父元素的最大距离
+ *
+ * @param {any} parent
+ * @param {any} son
+ * @param {any} size
+ */
+function calcDiff(parent, son, size) {
+  const diffs = []
+
+  for (let i = son.x - 1; i < son.x - 1 + son.sizex; i++) {
+    let temp_y = 0
+
+    for (let j = parent.y - 1 + parent.sizey; j < son.y - 1; j++) {
+      if (positionBox[j][i] && positionBox[j][i].el === false) {
+        temp_y++
+      }
+    }
+    diffs.push(temp_y)
+  }
+
+  const max_diff = Math.max.apply(Math, diffs)
+  size = size - max_diff
+
+  return size > 0 ? size : 0
+}
+
+function moveItemUp(item, size) {
+  // console.log('moveItemUp')
+  const vm = this
+
+  removeItemFromPositionBox(item)
+
+  const belowItems = findBelowItems.call(this, item)
+
+  // item.y -= size;
+  setPlayerPosition.call(this, item, {
+    y: item.y - size
+  })
+
+  addItemToPositionBox.call(this, item)
+
+  changeItemCoord.call(this, item)
+
+  _.forEach(belowItems, function(upItem, index) {
+    const moveSize = canItemGoUp(upItem)
+    if (moveSize > 0) {
+      moveItemUp.call(vm, upItem, moveSize)
+    }
+  })
+}
+
+function findBelowItems(item) {
+  const belowItems = {}
+  for (let cell = item.x - 1; cell < item.x - 1 + item.sizex; cell++) {
+    for (let row = item.y - 1; row < positionBox.length; row++) {
+      try {
+        const target = positionBox[row][cell]
+        if (target && target.el) {
+          belowItems[target.el._dragId] = target.el
+          break
+        }
+      } catch (e) {
+        console.log('positionBox igonre')
+      }
+    }
+  }
+
+  return _.sortBy(_.values(belowItems), 'y')
+}
+
+function getoPsitionBox() {
+  return positionBox
+}
 
 export default {
-  components: { Shape, ContextMenu, MarkLine, Area, Grid, DeDrag, UserViewDialog, DeOutWidget, CanvasOptBar, DragShadow },
+  components: { Shape, ContextMenu, MarkLine, Area, Grid, PGrid, DeDrag, UserViewDialog, DeOutWidget, CanvasOptBar, DragShadow },
   props: {
     isEdit: {
       type: Boolean,
       require: false,
       default: true
     },
-
     outStyle: {
       type: Object,
       require: false,
       default: null
+    },
+    // 挤占式画布设计
+    dragStart: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    dragging: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    dragEnd: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    resizable: {
+      required: false,
+      type: Boolean,
+      default: true
+    },
+    resizeStart: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    resizing: {
+      required: false,
+      type: Function,
+      default: function() {}
+    },
+    resizeEnd: {
+      required: false,
+      type: Function,
+      default: function() {}
     }
   },
   data() {
@@ -200,8 +863,12 @@ export default {
       conditions: [],
 
       // 初始化 设置放大比例为3倍 防止在边框限制时 出现较小的父级支持造成组件位移
-      scaleWidth: 300,
-      scaleHeight: 300,
+      scaleWidth: 100,
+      scaleHeight: 100,
+      // 放大比例 小数
+      scalePointWidth: 1,
+      scalePointHeight: 1,
+
       timer: null,
       needToChangeHeight: [
         'top',
@@ -217,8 +884,10 @@ export default {
       rotatable: false,
       // 矩阵大小
       matrixStyle: {
-        width: 80,
-        height: 20
+        width: 80, // 当前尺寸
+        height: 20,
+        originWidth: 80, // 原始尺寸
+        originHeight: 20
       },
       // 矩阵数量 默认 128 * 72
       matrixCount: {
@@ -234,20 +903,43 @@ export default {
       outStyleOld: null,
       chartDetailsVisible: false,
       showChartInfo: {},
-      showChartTableInfo: {}
+      showChartTableInfo: {},
+      // 挤占式画布设计
+      baseWidth: 100,
+      baseHeight: 100,
+      baseMarginLeft: 0,
+      baseMarginTop: 0,
+      draggable: true,
+      renderOk: false,
+      moveAnimate: false,
+      list: [],
+      cellWidth: 100,
+      cellHeight: 100,
+      maxCell: 0,
+      lastComponentDataLength: 0,
+      positionBoxInfoArray: [],
+      yourList: []
+
     }
   },
   computed: {
+    // 挤占式画布设计
+    // positionBoxInfo() {
+    //   return getoPsitionBox()
+    // },
+    coordinates() {
+      return coordinates
+    },
     customStyle() {
       let style = {
-        width: this.format(this.canvasStyleData.width, this.scaleWidth) + 'px',
-        height: this.format(this.canvasStyleData.height, this.scaleHeight) + 'px'
+        width: '100%',
+        height: '100%'
       }
 
       if (this.canvasStyleData.openCommonStyle) {
         if (this.canvasStyleData.panel.backgroundType === 'image' && this.canvasStyleData.panel.imageUrl) {
           style = {
-            background: `url(${this.canvasStyleData.panel.imageUrl}) no-repeat`,
+            background: `url(_${this.canvasStyleData.panel.imageUrl}) no-repeat`,
             ...style
           }
         } else if (this.canvasStyleData.panel.backgroundType === 'color') {
@@ -311,7 +1003,18 @@ export default {
     // },
     componentData: {
       handler(newVal, oldVla) {
-        // console.log('11111')
+        // console.log('newVal:' + JSON.stringify(newVal) + ';oldVla:' + JSON.stringify(oldVla))
+        // 初始化时componentData 加载可能出现慢的情况 此时重新初始化一下matrix
+        if (newVal.length !== this.lastComponentDataLength) {
+          this.lastComponentDataLength = newVal.length
+          this.initMatrix()
+        }
+      },
+      deep: true
+    },
+    positionBox: {
+      handler(newVal, oldVla) {
+        // console.log('positionBox:' + JSON.stringify(positionBox))
       },
       deep: true
     }
@@ -321,13 +1024,26 @@ export default {
     // 获取编辑器元素
     this.$store.commit('getEditor')
 
+    const _this = this
+    // bus.$on('auxiliaryMatrixChange', this.initMatrix)
+    bus.$on('auxiliaryMatrixChange', () => {
+      _this.$nextTick(() => {
+        _this.initMatrix()
+      })
+    })
+
     eventBus.$on('hideArea', () => {
       this.hideArea()
     })
     // bus.$on('delete-condition', condition => {
     //   this.deleteCondition(condition)
     // })
+    eventBus.$on('startMoveIn', this.startMoveIn)
+
     eventBus.$on('openChartDetailsDialog', this.openChartDetailsDialog)
+    setInterval(() => {
+      _this.positionBoxInfoArray = positionBox
+    }, 0)
   },
   created() {
     // this.$store.dispatch('conditions/clear')
@@ -380,6 +1096,9 @@ export default {
 
       document.addEventListener('mousemove', move)
       document.addEventListener('mouseup', up)
+
+      // 挤占式画布设计
+      this.containerMouseDown(e)
     },
 
     hideArea() {
@@ -406,7 +1125,7 @@ export default {
         let style = {}
         if (component.component === 'Group') {
           component.propValue.forEach(item => {
-            const rectInfo = $(`#component${item.id}`).getBoundingClientRect()
+            const rectInfo = _$(`#component${item.id}`).getBoundingClientRect()
             style.left = rectInfo.left - this.editorX
             style.top = rectInfo.top - this.editorY
             style.right = rectInfo.right - this.editorX
@@ -552,11 +1271,7 @@ export default {
 
     format(value, scale) {
       // 自适应画布区域 返回原值
-      if (this.canvasStyleData.selfAdaption) {
-        return value * scale / 100
-      } else {
-        return value
-      }
+      return value * scale / 100
     },
     changeScale() {
       if (this.canvasStyleData.matrixCount) {
@@ -567,6 +1282,8 @@ export default {
 
       if (this.outStyle.width && this.outStyle.height) {
         // 矩阵计算
+        this.matrixStyle.originWidth = this.canvasStyleData.width / this.matrixCount.x
+        this.matrixStyle.originHeight = this.canvasStyleData.height / this.matrixCount.y
         if (!this.canvasStyleData.selfAdaption) {
           this.matrixStyle.width = this.canvasStyleData.width / this.matrixCount.x
           this.matrixStyle.height = this.canvasStyleData.height / this.matrixCount.y
@@ -574,14 +1291,26 @@ export default {
           this.matrixStyle.width = this.outStyle.width / this.matrixCount.x
           this.matrixStyle.height = this.outStyle.height / this.matrixCount.y
         }
+        this.baseWidth = this.matrixStyle.width
+        this.baseHeight = this.matrixStyle.height
+        this.cellWidth = this.matrixStyle.width
+        this.cellHeight = this.matrixStyle.height
+        this.initMatrix()
+
         this.scaleWidth = this.outStyle.width * 100 / this.canvasStyleData.width
         this.scaleHeight = this.outStyle.height * 100 / this.canvasStyleData.height
+        this.scalePointWidth = this.scaleWidth / 100
+        this.scalePointHeight = this.scaleHeight / 100
         this.$store.commit('setCurCanvasScale',
           {
             scaleWidth: this.scaleWidth,
             scaleHeight: this.scaleHeight,
+            scalePointWidth: this.scalePointWidth,
+            scalePointHeight: this.scalePointHeight,
             matrixStyleWidth: this.matrixStyle.width,
-            matrixStyleHeight: this.matrixStyle.height
+            matrixStyleHeight: this.matrixStyle.height,
+            matrixStyleOriginWidth: this.matrixStyle.originWidth,
+            matrixStyleOriginHeight: this.matrixStyle.originHeight
           })
       }
     },
@@ -599,7 +1328,9 @@ export default {
         return this.format(style['height'], this.scaleHeight)
       }
       if (prop === 'top') {
-        return this.format(style['top'], this.scaleHeight)
+        const top = this.format(style['top'], this.scaleHeight)
+        // console.log('top:' + top)
+        return top
       }
     },
     getRefLineParams(params) {
@@ -645,14 +1376,25 @@ export default {
       }
     },
     handleDragOver(e) {
+      this.dragComponentInfo.shadowStyle.x = e.pageX - 220
+      this.dragComponentInfo.shadowStyle.y = e.pageY - 90
+      this.dragComponentInfo.style.left = this.dragComponentInfo.shadowStyle.x / this.scalePointWidth
+      this.dragComponentInfo.style.top = this.dragComponentInfo.shadowStyle.y / this.scalePointHeight
+
       // console.log('handleDragOver=>layer:' + e.layerX + ':' + e.layerY + ';offSet=>' + e.offsetX + ':' + e.offsetY + ';page=' + e.pageX + ':' + e.pageY)
       // console.log('e=>x=>' + JSON.stringify(e))
       // 使用e.pageX 避免抖动的情况
-      this.dragComponentInfo.shadowStyle.x = e.pageX - 220
-      this.dragComponentInfo.shadowStyle.y = e.pageY - 90
-      // console.log('handleDragOver=>x=>' + this.dragComponentInfo.shadowStyle.x)
+      // this.dragComponentInfo.x = this.dragComponentInfo.shadowStyle.x
+      // this.dragComponentInfo.y = this.dragComponentInfo.shadowStyle.y
+      // this.dragComponentInfo.x = Math.round(this.dragComponentInfo.shadowStyle.x / this.matrixStyle.width)
+      // this.dragComponentInfo.y = Math.round(this.dragComponentInfo.shadowStyle.y / this.matrixStyle.height)
+      // console.log('dragComponentInfo=>' + JSON.stringify(this.dragComponentInfo))
       e.preventDefault()
       e.dataTransfer.dropEffect = 'copy'
+
+      if (this.canvasStyleData.auxiliaryMatrix) {
+        this.onDragging(e, this.dragComponentInfo)
+      }
     },
     getPositionX(x) {
       if (this.canvasStyleData.selfAdaption) {
@@ -670,6 +1412,317 @@ export default {
     },
     canvasScroll(event) {
       this.$emit('canvasScroll', event)
+    },
+
+    // 挤占式画布设计
+    startResize(e, item, index) {
+      // console.log('startResize:' + index)
+      if (!this.resizable) return
+      this.resizeStart.call(null, e, item, index)
+
+      // e.preventDefault();
+      const target = $(e.target)
+
+      if (!this.infoBox) {
+        this.infoBox = {}
+      }
+
+      const itemNode = target.parents('.item')
+
+      this.infoBox.resizeItem = item
+      this.infoBox.resizeItemIndex = index
+      // this.onStartMove(e, item, index)
+
+      return true
+    },
+    containerMouseDown(e) {
+      // e.preventDefault();
+      if (!this.infoBox) {
+        this.infoBox = {}
+      }
+      // console.log('containerMouseDown=' + e.pageX + ';' + e.pageY)
+
+      this.infoBox.startX = e.pageX
+      this.infoBox.startY = e.pageY
+    },
+    onStartMove(e, item, index) {
+      console.log('onStartMove:' + index)
+      const vm = this
+      // e.preventDefault();
+
+      if (!this.infoBox) {
+        this.infoBox = {}
+      }
+      const infoBox = this.infoBox
+      const target = $(e.target)
+
+      this.dragStart.call(null, e, item, index)
+      infoBox.moveItem = item
+      infoBox.moveItemIndex = index
+
+      // infoBox.cloneItem = null
+      // infoBox.nowItemNode = null
+
+      // 通过.item 样式class 来获取最外层的de-drag 最外层的定位
+      // if (target.attr('class') && target.attr('class').indexOf('item') !== -1) {
+      //   infoBox.nowItemNode = target
+      //   // infoBox.cloneItem = target.clone()
+      // } else {
+      //   infoBox.nowItemNode = target.parents('.item')
+      //   // infoBox.cloneItem = infoBox.nowItemNode.clone()
+      // }
+      // infoBox.cloneItem.addClass('cloneNode')
+
+      // 使用deDrag 自己的shadow 进行阴影定位
+      // $(this.$el).append(infoBox.cloneItem)
+
+      // if (infoBox.cloneItem.position()) {
+      //   infoBox.orignX = infoBox.cloneItem.position().left // 克隆对象原始X位置
+      //   infoBox.orignY = infoBox.cloneItem.position().top
+      // } else {
+      //   infoBox.orignX = 0 // 克隆对象原始X位置
+      //   infoBox.orignY = 0
+      //   infoBox.startX = 0
+      //   infoBox.startY = 0
+      // }
+
+      infoBox.orignX = 0 // 克隆对象原始X位置
+      infoBox.orignY = 0
+      infoBox.startX = 0
+      infoBox.startY = 0
+
+      infoBox.oldX = item.x // 实际对象原始X位置
+      infoBox.oldY = item.y
+      infoBox.oldSizeX = item.sizex
+      infoBox.oldSizeY = item.sizey
+      // infoBox.orignWidth = infoBox.cloneItem.prop('offsetWidth')
+      // infoBox.orignHeight = infoBox.cloneItem.prop('offsetHeight')
+    },
+    onMouseUp(e) {
+      const vm = this
+      if (_.isEmpty(vm.infoBox)) return
+      if (vm.infoBox.cloneItem) {
+        vm.infoBox.cloneItem.remove()
+      }
+      if (vm.infoBox.resizeItem) {
+        vm.$delete(vm.infoBox.resizeItem, 'isPlayer')
+        vm.resizeEnd.call(null, e, vm.infoBox.resizeItem, vm.infoBox.resizeItem._dragId)
+      }
+      if (vm.infoBox.moveItem) {
+        vm.dragEnd.call(null, e, vm.infoBox.moveItem, vm.infoBox.moveItem._dragId)
+        vm.$set(vm.infoBox.moveItem, 'show', true)
+        vm.$delete(vm.infoBox.moveItem, 'isPlayer')
+      }
+      vm.infoBox = {}
+    },
+    onResizing(e, item) {
+      // this.onDragging(e, item)
+      const infoBox = this.infoBox
+      const resizeItem = _.get(infoBox, 'resizeItem')
+      const vm = this
+      // console.log('resizeItem')
+
+      vm.$set(resizeItem, 'isPlayer', true)
+      const nowItemIndex = infoBox.resizeItemIndex
+      // const cloneItem = infoBox.cloneItem
+      const startX = infoBox.startX
+      const startY = infoBox.startY
+      const oldSizeX = infoBox.oldSizeX
+      const oldSizeY = infoBox.oldSizeY
+      // const orignWidth = infoBox.orignWidth
+      // const orignHeight = infoBox.orignHeight
+
+      const moveXSize = e.pageX - startX // X方向移动的距离
+      const moveYSize = e.pageY - startY // Y方向移动的距离
+
+      const addSizex = (moveXSize) % vm.cellWidth > (vm.cellWidth / 4 * 1) ? parseInt(((moveXSize) / vm.cellWidth + 1)) : parseInt(((moveXSize) / vm.cellWidth))
+      const addSizey = (moveYSize) % vm.cellHeight > (vm.cellHeight / 4 * 1) ? parseInt(((moveYSize) / vm.cellHeight + 1)) : parseInt(((moveYSize) / vm.cellHeight))
+      //
+      // const nowX = oldSizeX + addSizex > 0 ? oldSizeX + addSizex : 1
+      // const nowY = oldSizeY + addSizey > 0 ? oldSizeY + addSizey : 1
+
+      let nowX = Math.round((item.style.width * this.scalePointWidth) / this.matrixStyle.width)
+      let nowY = Math.round((item.style.height * this.scalePointHeight) / this.matrixStyle.height)
+      nowX = nowX > 0 ? nowX : 1
+      nowY = nowY > 0 ? nowY : 1
+
+      debounce((function(addSizex, addSizey) {
+        return function() {
+          resizePlayer.call(vm, resizeItem, {
+            sizex: nowX,
+            sizey: nowY
+          })
+        }
+      })(addSizex, addSizey), 10)
+
+      // let nowWidth = orignWidth + moveXSize
+      // nowWidth = nowWidth <= vm.baseWidth ? vm.baseWidth : nowWidth
+      // let nowHeight = orignHeight + moveYSize
+      // nowHeight = nowHeight <= vm.baseHeight ? vm.baseHeight : nowHeight
+      // // 克隆元素实时改变大小
+      // cloneItem.css({
+      //   width: nowWidth,
+      //   height: nowHeight
+      // })
+    },
+    onDragging(e, item) {
+      const infoBox = this.infoBox
+      const moveItem = _.get(infoBox, 'moveItem')
+      const vm = this
+      // console.log('onDragging')
+
+      scrollScreen(e)
+      if (!vm.draggable) return
+      vm.dragging.call(null, e, moveItem, moveItem._dragId)
+
+      vm.$set(moveItem, 'isPlayer', true)
+      // this.$set(moveItem, "show", false);
+      // const nowItemIndex = infoBox.moveItemIndex
+      // const cloneItem = infoBox.cloneItem
+      // const startX = infoBox.startX
+      // const startY = infoBox.startY
+      // const orignX = infoBox.orignX
+      // const orignY = infoBox.orignY
+      const oldX = infoBox.oldX
+      const oldY = infoBox.oldY
+
+      // const moveXSize = e.pageX - startX // X方向移动的距离
+      // const moveYSize = e.pageY - startY // Y方向移动的距离
+      //
+      // const nowCloneItemX = orignX + moveXSize
+      // const nowCloneItemY = orignY + moveYSize
+
+      // temp 临时测试
+      // let newX = parseInt((nowCloneItemX + (cloneItem.width() / 12) - vm.baseMarginLeft) / vm.cellWidth + 1)
+      // let newY = parseInt((nowCloneItemY + (cloneItem.height() / 12) - vm.baseMarginTop) / vm.cellHeight + 1)
+      let newX = Math.round((item.style.left * this.scalePointWidth) / this.matrixStyle.width) + 1
+      let newY = Math.round((item.style.top * this.scalePointHeight) / this.matrixStyle.height) + 1
+      // if (this.dragComponentInfo) {
+      //   newX = Math.round(this.dragComponentInfo.x) + 1
+      //   newY = Math.round(this.dragComponentInfo.y) + 1
+      // } else {
+      //   newX = Math.round((item.style.left * this.scalePointWidth) / this.matrixStyle.width) + 1
+      //   newY = Math.round((item.style.top * this.scalePointHeight) / this.matrixStyle.height) + 1
+      // }
+      newX = newX > 0 ? newX : 1
+      newY = newY > 0 ? newY : 1
+
+      // console.log('infoBox==>' + JSON.stringify(this.infoBox))
+      // console.log('infoBox:startX' + startX + ';startY' + startY + 'orignX' + orignX + 'orignY' + orignY + 'oldX' + oldX + 'oldY' + oldY + 'new:newX=' + newX + ';newY=' + newY)
+
+      debounce((function(newX, oldX, newY, oldY) {
+        return function() {
+          console.log('move1')
+          if (newX !== oldX || oldY !== newY) {
+            console.log('move2')
+            movePlayer.call(vm, moveItem, {
+              x: newX,
+              y: newY
+            })
+
+            infoBox.oldX = newX
+            infoBox.oldY = newY
+          }
+        }
+      })(newX, oldX, newY, oldY), 10)
+
+      // cloneItem.css({
+      //   left: nowCloneItemX + 'px',
+      //   top: nowCloneItemY + 'px'
+      // })
+    },
+    endMove(e) {
+
+    },
+    moving(e) {
+
+    },
+    /**
+     * 计算当前item的位置和大小
+     *
+     * @param {any} item
+     * @returns
+     */
+    nowItemStyle(item, index) {
+      return {
+        width: (this.cellWidth * (item.sizex) - this.baseMarginLeft) + 'px',
+        height: (this.cellHeight * (item.sizey) - this.baseMarginTop) + 'px',
+        left: (this.cellWidth * (item.x - 1) + this.baseMarginLeft) + 'px',
+        top: (this.cellHeight * (item.y - 1) + this.baseMarginTop) + 'px'
+      }
+    },
+    getList() {
+      // console.log('getList:')
+
+      // 不使用copy 保持原有对象
+      // const returnList = _.sortBy(_.cloneDeep(this.componentData), 'y')
+      const finalList = []
+      _.forEach(this.componentData, function(item, index) {
+        if (_.isEmpty(item)) return
+        delete item['_dragId']
+        delete item['show']
+        if (item['auxiliaryMatrix']) {
+          finalList.push(item)
+        }
+      })
+      return finalList
+      // return this.componentData
+    },
+    /**
+     * 获取x最大值
+     *
+     * @returns
+     */
+    getMaxCell() {
+      console.log('getMaxCell:')
+
+      return this.maxCell
+    },
+    /**
+     * 获取渲染状态
+     *
+     * @returns
+     */
+    getRenderState() {
+      console.log('getRenderState:')
+
+      return this.moveAnimate
+    },
+    addItem: addItem,
+    initMatrix: init,
+    afterInitOk(func) {
+      const timeid = setInterval(() => {
+        if (this.moveAnimate) {
+          clearInterval(timeid)
+          func()
+        }
+      }, 100)
+    },
+    addItemBox(item) {
+      this.yourList.push(item)
+
+      this.$nextTick(function() {
+        addItem.call(this, item, this.yourList.length - 1)
+      })
+    },
+    startMoveIn() {
+      const moveInItemInfo = this.$store.state.dragComponentInfo
+      this.addItemBox(moveInItemInfo)
+      console.log('startMoveIn:')
+      const vm = this
+      // e.preventDefault();
+      if (!this.infoBox) {
+        this.infoBox = {}
+      }
+      const infoBox = this.infoBox
+
+      infoBox.moveItem = moveInItemInfo
+      infoBox.moveItemIndex = this.yourList.length - 1
+
+      infoBox.oldX = 1 // 实际对象原始X位置
+      infoBox.oldY = 1
+      infoBox.oldSizeX = moveInItemInfo.sizex
+      infoBox.oldSizeY = moveInItemInfo.sizey
     }
   }
 }
@@ -694,7 +1747,7 @@ export default {
   transform-style:preserve-3d;
 }
 .edit {
-    outline: 1px solid gainsboro;
+    /*outline: 1px solid gainsboro;*/
     .component {
         outline: none;
         width: 100%;
diff --git a/frontend/src/components/canvas/custom-component/UserView.vue b/frontend/src/components/canvas/custom-component/UserView.vue
index 4aa962993b..f05cbdcffa 100644
--- a/frontend/src/components/canvas/custom-component/UserView.vue
+++ b/frontend/src/components/canvas/custom-component/UserView.vue
@@ -173,15 +173,15 @@ export default {
     'hw': {
       handler(newVal, oldVla) {
         // console.log('hw:' + newVal + '---' + oldVla)
-        if (newVal !== oldVla) {
-          this.destroyTimeMachine()
-          this.changeIndex++
-          this.chartResize(this.changeIndex)
+        if (newVal !== oldVla && this.$refs[this.element.propValue.id]) {
+          if (this.chart.type === 'map') {
+            this.destroyTimeMachine()
+            this.changeIndex++
+            this.chartResize(this.changeIndex)
+          } else {
+            this.$refs[this.element.propValue.id].chartResize()
+          }
         }
-        //
-        // if (this.$refs[this.element.propValue.id]) {
-        //   this.$refs[this.element.propValue.id].chartResize()
-        // }
       },
       deep: true
     },
diff --git a/frontend/src/components/canvas/custom-component/component-list.js b/frontend/src/components/canvas/custom-component/component-list.js
index 2b24e3b948..8b7fda4e35 100644
--- a/frontend/src/components/canvas/custom-component/component-list.js
+++ b/frontend/src/components/canvas/custom-component/component-list.js
@@ -70,7 +70,11 @@ const list = [
       verticalAlign: 'middle',
       backgroundColor: '#ffffff',
       borderRadius: 0
-    }
+    },
+    x: 1,
+    y: 1,
+    sizex: 10,
+    sizey: 2
   },
   {
     id: '10002',
@@ -105,7 +109,11 @@ const list = [
       width: 300,
       height: 200,
       borderRadius: ''
-    }
+    },
+    x: 1,
+    y: 1,
+    sizex: 10,
+    sizey: 6
   },
   {
     id: '10003-1',
@@ -128,14 +136,18 @@ const list = [
     icon: 'juxing',
     type: 'rect-shape',
     style: {
-      width: 400,
-      height: 300,
+      width: 300,
+      height: 200,
       borderStyle: 'solid',
       borderWidth: 0,
       borderColor: '#000000',
       backgroundColor: '#ffffff',
       borderRadius: 0
-    }
+    },
+    x: 1,
+    y: 1,
+    sizex: 10,
+    sizey: 6
   },
   {
     id: '10005',
@@ -145,10 +157,15 @@ const list = [
     icon: 'juxing',
     type: 'view',
     style: {
-      width: 400,
-      height: 300,
+      width: 300,
+      height: 200,
       borderRadius: ''
-    }
+    },
+    x: 1,
+    y: 1,
+    sizex: 10,
+    sizey: 6,
+    auxiliaryMatrix: true
   },
   {
     id: '10006',
@@ -172,7 +189,11 @@ const list = [
         name: '1',
         content: null
       }]
-    }
+    },
+    x: 1,
+    y: 1,
+    sizex: 10,
+    sizey: 10
   },
   {
     id: '20001',
@@ -185,7 +206,11 @@ const list = [
       width: 400,
       height: 200,
       borderRadius: ''
-    }
+    },
+    x: 1,
+    y: 1,
+    sizex: 10,
+    sizey: 5
   }
 ]
 
diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index 57824631ca..386c6339d5 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -1311,7 +1311,9 @@ export default {
     exit_un_march_linkage_field: 'Exit Un March Linkage Field',
     details: 'Details',
     setting: 'Setting',
-    no_drill_field: 'Miss relation field'
+    no_drill_field: 'Miss relation field',
+    matrix: 'matrix',
+    suspension: 'suspension'
   },
   plugin: {
     local_install: 'Local installation',
diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js
index ad00cdeaa4..e0cd84d60a 100644
--- a/frontend/src/lang/tw.js
+++ b/frontend/src/lang/tw.js
@@ -1314,7 +1314,9 @@ export default {
     exit_un_march_linkage_field: '存在未匹配聯動關系的字段',
     details: '詳情',
     setting: '設置',
-    no_drill_field: '缺少關聯字段'
+    no_drill_field: '缺少關聯字段',
+    matrix: '矩阵分布',
+    suspension: '悬浮'
   },
   plugin: {
     local_install: '本地安裝',
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index 6777404618..b7727345ce 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -1319,7 +1319,9 @@ export default {
     exit_un_march_linkage_field: '存在未匹配联动关系的字段',
     details: '详情',
     setting: '设置',
-    no_drill_field: '缺少关联字段'
+    no_drill_field: '缺少关联字段',
+    matrix: '矩阵分布',
+    suspension: '悬浮'
   },
   plugin: {
     local_install: '本地安装',
diff --git a/frontend/src/store/index.js b/frontend/src/store/index.js
index 723e1bc851..39706b4861 100644
--- a/frontend/src/store/index.js
+++ b/frontend/src/store/index.js
@@ -104,11 +104,21 @@ const data = {
       state.curCanvasScale = curCanvasScale
     },
 
+    // setShapeStyle({ curComponent, canvasStyleData, curCanvasScale }, { top, left, width, height, rotate }) {
+    //   if (top || top === 0) curComponent.style.top = canvasStyleData.selfAdaption ? (top * 100 / curCanvasScale.scaleHeight) : top
+    //   if (left || left === 0) curComponent.style.left = canvasStyleData.selfAdaption ? (left * 100 / curCanvasScale.scaleWidth) : left
+    //   if (width || width === 0) curComponent.style.width = canvasStyleData.selfAdaption ? (width * 100 / curCanvasScale.scaleWidth) : width
+    //   if (height || height === 0) curComponent.style.height = canvasStyleData.selfAdaption ? (height * 100 / curCanvasScale.scaleHeight) : height
+    //   if (rotate || rotate === 0) curComponent.style.rotate = rotate
+    //   // console.log('setShapeStyle:curComponent' + 'top:' + top + ';left:' + left + '====' + JSON.stringify(curComponent))
+    // },
+
     setShapeStyle({ curComponent, canvasStyleData, curCanvasScale }, { top, left, width, height, rotate }) {
-      if (top || top === 0) curComponent.style.top = canvasStyleData.selfAdaption ? (top * 100 / curCanvasScale.scaleHeight) : top
-      if (left || left === 0) curComponent.style.left = canvasStyleData.selfAdaption ? (left * 100 / curCanvasScale.scaleWidth) : left
-      if (width || width === 0) curComponent.style.width = canvasStyleData.selfAdaption ? (width * 100 / curCanvasScale.scaleWidth) : width
-      if (height || height === 0) curComponent.style.height = canvasStyleData.selfAdaption ? (height * 100 / curCanvasScale.scaleHeight) : height
+      console.log('setShapeStyle:width=' + width + ';height=' + height)
+      if (top || top === 0) curComponent.style.top = top / curCanvasScale.scalePointHeight
+      if (left || left === 0) curComponent.style.left = left / curCanvasScale.scalePointWidth
+      if (width || width === 0) curComponent.style.width = width / curCanvasScale.scalePointWidth
+      if (height || height === 0) curComponent.style.height = height / curCanvasScale.scalePointHeight
       if (rotate || rotate === 0) curComponent.style.rotate = rotate
       // console.log('setShapeStyle:curComponent' + 'top:' + top + ';left:' + left + '====' + JSON.stringify(curComponent))
     },
diff --git a/frontend/src/styles/deicon/demo_index.html b/frontend/src/styles/deicon/demo_index.html
index a854dab0db..9313d0c5a7 100644
--- a/frontend/src/styles/deicon/demo_index.html
+++ b/frontend/src/styles/deicon/demo_index.html
@@ -38,7 +38,7 @@
   <div class="main">
     <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
       <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
-      
+
     </a></h1>
     <div class="nav-tabs">
       <ul id="tabs" class="dib-box">
@@ -46,314 +46,350 @@
         <li class="dib"><span>Font class</span></li>
         <li class="dib"><span>Symbol</span></li>
       </ul>
-      
+
       <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2459092" target="_blank" class="nav-more">查看项目</a>
-      
+
     </div>
     <div class="tab-container">
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
-          
+
+            <li class="dib">
+              <span class="icon iconfont">&#xe69c;</span>
+                <div class="name">符号-数据矩阵</div>
+                <div class="code-name">&amp;#xe69c;</div>
+              </li>
+
+            <li class="dib">
+              <span class="icon iconfont">&#xeb85;</span>
+                <div class="name">视图矩阵_o</div>
+                <div class="code-name">&amp;#xeb85;</div>
+              </li>
+
+            <li class="dib">
+              <span class="icon iconfont">&#xe62c;</span>
+                <div class="name">悬浮</div>
+                <div class="code-name">&amp;#xe62c;</div>
+              </li>
+
+            <li class="dib">
+              <span class="icon iconfont">&#xe6db;</span>
+                <div class="name">右悬浮-选中</div>
+                <div class="code-name">&amp;#xe6db;</div>
+              </li>
+
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f6;</span>
+                <div class="name">悬浮</div>
+                <div class="code-name">&amp;#xe6f6;</div>
+              </li>
+
+            <li class="dib">
+              <span class="icon iconfont">&#xe8e6;</span>
+                <div class="name">悬浮按钮</div>
+                <div class="code-name">&amp;#xe8e6;</div>
+              </li>
+
             <li class="dib">
               <span class="icon iconfont">&#xe62a;</span>
                 <div class="name">44.tabs</div>
                 <div class="code-name">&amp;#xe62a;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe619;</span>
                 <div class="name">洗浴</div>
                 <div class="code-name">&amp;#xe619;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe973;</span>
                 <div class="name">线性图标-取消下钻</div>
                 <div class="code-name">&amp;#xe973;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe6ed;</span>
                 <div class="name">线性图标-取消下钻</div>
                 <div class="code-name">&amp;#xe6ed;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe6f7;</span>
                 <div class="name">联动</div>
                 <div class="code-name">&amp;#xe6f7;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe613;</span>
                 <div class="name">下钻</div>
                 <div class="code-name">&amp;#xe613;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe61f;</span>
                 <div class="name">上钻</div>
                 <div class="code-name">&amp;#xe61f;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe637;</span>
                 <div class="name">取消联动</div>
                 <div class="code-name">&amp;#xe637;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe604;</span>
                 <div class="name">edit-2</div>
                 <div class="code-name">&amp;#xe604;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe612;</span>
                 <div class="name">edit-2</div>
                 <div class="code-name">&amp;#xe612;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe706;</span>
                 <div class="name">详情</div>
                 <div class="code-name">&amp;#xe706;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe603;</span>
                 <div class="name">弧形框</div>
                 <div class="code-name">&amp;#xe603;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe602;</span>
                 <div class="name">弧形框</div>
                 <div class="code-name">&amp;#xe602;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe642;</span>
                 <div class="name">透明</div>
                 <div class="code-name">&amp;#xe642;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe61a;</span>
                 <div class="name">弧度</div>
                 <div class="code-name">&amp;#xe61a;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe62d;</span>
                 <div class="name">放大</div>
                 <div class="code-name">&amp;#xe62d;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe696;</span>
                 <div class="name">设 置</div>
                 <div class="code-name">&amp;#xe696;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe655;</span>
                 <div class="name">屏幕_全屏</div>
                 <div class="code-name">&amp;#xe655;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe659;</span>
                 <div class="name">font-weight-bold</div>
                 <div class="code-name">&amp;#xe659;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe601;</span>
                 <div class="name">letter_spacing</div>
                 <div class="code-name">&amp;#xe601;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe679;</span>
                 <div class="name">letter-spacing</div>
                 <div class="code-name">&amp;#xe679;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe60e;</span>
                 <div class="name">字体颜色</div>
                 <div class="code-name">&amp;#xe60e;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe6c3;</span>
                 <div class="name">format_letter_spacing_2</div>
                 <div class="code-name">&amp;#xe6c3;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe710;</span>
                 <div class="name">font_size</div>
                 <div class="code-name">&amp;#xe710;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe972;</span>
                 <div class="name">居中</div>
                 <div class="code-name">&amp;#xe972;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe608;</span>
                 <div class="name">居右</div>
                 <div class="code-name">&amp;#xe608;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe688;</span>
                 <div class="name">居左</div>
                 <div class="code-name">&amp;#xe688;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe64a;</span>
                 <div class="name">实线</div>
                 <div class="code-name">&amp;#xe64a;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe640;</span>
                 <div class="name">画笔</div>
                 <div class="code-name">&amp;#xe640;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe614;</span>
                 <div class="name">点线</div>
                 <div class="code-name">&amp;#xe614;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe617;</span>
                 <div class="name">虚线</div>
                 <div class="code-name">&amp;#xe617;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe600;</span>
                 <div class="name">背景色‘</div>
                 <div class="code-name">&amp;#xe600;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe648;</span>
                 <div class="name">矩形</div>
                 <div class="code-name">&amp;#xe648;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe959;</span>
                 <div class="name">text</div>
                 <div class="code-name">&amp;#xe959;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe643;</span>
                 <div class="name">picture</div>
                 <div class="code-name">&amp;#xe643;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe6ab;</span>
                 <div class="name">输入</div>
                 <div class="code-name">&amp;#xe6ab;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe628;</span>
                 <div class="name">树</div>
                 <div class="code-name">&amp;#xe628;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe615;</span>
                 <div class="name">查询搜索</div>
                 <div class="code-name">&amp;#xe615;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe624;</span>
                 <div class="name">季度</div>
                 <div class="code-name">&amp;#xe624;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe7de;</span>
                 <div class="name">数字顺序</div>
                 <div class="code-name">&amp;#xe7de;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe6a6;</span>
                 <div class="name">树列表</div>
                 <div class="code-name">&amp;#xe6a6;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe639;</span>
                 <div class="name">日期</div>
                 <div class="code-name">&amp;#xe639;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe6dd;</span>
                 <div class="name">左侧-区间</div>
                 <div class="code-name">&amp;#xe6dd;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe66f;</span>
                 <div class="name">列表</div>
                 <div class="code-name">&amp;#xe66f;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe8ca;</span>
                 <div class="name">下拉框</div>
                 <div class="code-name">&amp;#xe8ca;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe8d0;</span>
                 <div class="name">下拉树</div>
                 <div class="code-name">&amp;#xe8d0;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe611;</span>
                 <div class="name">重置</div>
                 <div class="code-name">&amp;#xe611;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe691;</span>
                 <div class="name">日</div>
                 <div class="code-name">&amp;#xe691;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe692;</span>
                 <div class="name">年</div>
                 <div class="code-name">&amp;#xe692;</div>
               </li>
-          
+
             <li class="dib">
               <span class="icon iconfont">&#xe695;</span>
                 <div class="name">月</div>
                 <div class="code-name">&amp;#xe695;</div>
               </li>
-          
+
           </ul>
           <div class="article markdown">
           <h2 id="unicode-">Unicode 引用</h2>
@@ -372,9 +408,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1632382166116') format('woff2'),
-       url('iconfont.woff?t=1632382166116') format('woff'),
-       url('iconfont.ttf?t=1632382166116') format('truetype');
+  src: url('iconfont.woff2?t=1633678290478') format('woff2'),
+       url('iconfont.woff?t=1633678290478') format('woff'),
+       url('iconfont.ttf?t=1633678290478') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -399,7 +435,61 @@
       </div>
       <div class="content font-class">
         <ul class="icon_lists dib-box">
-          
+
+          <li class="dib">
+            <span class="icon iconfont icon-shujujuzhen"></span>
+            <div class="name">
+              符号-数据矩阵
+            </div>
+            <div class="code-name">.icon-shujujuzhen
+            </div>
+          </li>
+
+          <li class="dib">
+            <span class="icon iconfont icon-shitujuzhen_o"></span>
+            <div class="name">
+              视图矩阵_o
+            </div>
+            <div class="code-name">.icon-shitujuzhen_o
+            </div>
+          </li>
+
+          <li class="dib">
+            <span class="icon iconfont icon-xuanfu1"></span>
+            <div class="name">
+              悬浮
+            </div>
+            <div class="code-name">.icon-xuanfu1
+            </div>
+          </li>
+
+          <li class="dib">
+            <span class="icon iconfont icon-youxuanfu-copy"></span>
+            <div class="name">
+              右悬浮-选中
+            </div>
+            <div class="code-name">.icon-youxuanfu-copy
+            </div>
+          </li>
+
+          <li class="dib">
+            <span class="icon iconfont icon-xuanfu"></span>
+            <div class="name">
+              悬浮
+            </div>
+            <div class="code-name">.icon-xuanfu
+            </div>
+          </li>
+
+          <li class="dib">
+            <span class="icon iconfont icon-xuanfuanniu"></span>
+            <div class="name">
+              悬浮按钮
+            </div>
+            <div class="code-name">.icon-xuanfuanniu
+            </div>
+          </li>
+
           <li class="dib">
             <span class="icon iconfont icon-tabs"></span>
             <div class="name">
@@ -408,7 +498,7 @@
             <div class="code-name">.icon-tabs
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-xiyu"></span>
             <div class="name">
@@ -417,7 +507,7 @@
             <div class="code-name">.icon-xiyu
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-quxiaoshangzuan"></span>
             <div class="name">
@@ -426,7 +516,7 @@
             <div class="code-name">.icon-quxiaoshangzuan
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-quxiaoxiazuan"></span>
             <div class="name">
@@ -435,7 +525,7 @@
             <div class="code-name">.icon-quxiaoxiazuan
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-linkage"></span>
             <div class="name">
@@ -444,7 +534,7 @@
             <div class="code-name">.icon-linkage
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-xiazuan"></span>
             <div class="name">
@@ -453,7 +543,7 @@
             <div class="code-name">.icon-xiazuan
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-shangzuan"></span>
             <div class="name">
@@ -462,7 +552,7 @@
             <div class="code-name">.icon-shangzuan
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-quxiaoliandong"></span>
             <div class="name">
@@ -471,7 +561,7 @@
             <div class="code-name">.icon-quxiaoliandong
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-edit-outline"></span>
             <div class="name">
@@ -480,7 +570,7 @@
             <div class="code-name">.icon-edit-outline
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-edit"></span>
             <div class="name">
@@ -489,7 +579,7 @@
             <div class="code-name">.icon-edit
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-xiangqing1"></span>
             <div class="name">
@@ -498,7 +588,7 @@
             <div class="code-name">.icon-xiangqing1
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-weibiaoti-1"></span>
             <div class="name">
@@ -507,7 +597,7 @@
             <div class="code-name">.icon-weibiaoti-1
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-weibiaoti-"></span>
             <div class="name">
@@ -516,7 +606,7 @@
             <div class="code-name">.icon-weibiaoti-
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-touming"></span>
             <div class="name">
@@ -525,7 +615,7 @@
             <div class="code-name">.icon-touming
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-fangxing-"></span>
             <div class="name">
@@ -534,7 +624,7 @@
             <div class="code-name">.icon-fangxing-
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-fangda"></span>
             <div class="name">
@@ -543,7 +633,7 @@
             <div class="code-name">.icon-fangda
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-shezhi"></span>
             <div class="name">
@@ -552,7 +642,7 @@
             <div class="code-name">.icon-shezhi
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-quanping1"></span>
             <div class="name">
@@ -561,7 +651,7 @@
             <div class="code-name">.icon-quanping1
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-font-weight-bold"></span>
             <div class="name">
@@ -570,7 +660,7 @@
             <div class="code-name">.icon-font-weight-bold
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-letter_spacing"></span>
             <div class="name">
@@ -579,7 +669,7 @@
             <div class="code-name">.icon-letter_spacing
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-letter-spacing"></span>
             <div class="name">
@@ -588,7 +678,7 @@
             <div class="code-name">.icon-letter-spacing
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-zimua"></span>
             <div class="name">
@@ -597,7 +687,7 @@
             <div class="code-name">.icon-zimua
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-format_letter_spacing_"></span>
             <div class="name">
@@ -606,7 +696,7 @@
             <div class="code-name">.icon-format_letter_spacing_
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-font_size"></span>
             <div class="name">
@@ -615,7 +705,7 @@
             <div class="code-name">.icon-font_size
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-align-center"></span>
             <div class="name">
@@ -624,7 +714,7 @@
             <div class="code-name">.icon-align-center
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-juyou"></span>
             <div class="name">
@@ -633,7 +723,7 @@
             <div class="code-name">.icon-juyou
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-juzuo"></span>
             <div class="name">
@@ -642,7 +732,7 @@
             <div class="code-name">.icon-juzuo
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-solid_line"></span>
             <div class="name">
@@ -651,7 +741,7 @@
             <div class="code-name">.icon-solid_line
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-huabi"></span>
             <div class="name">
@@ -660,7 +750,7 @@
             <div class="code-name">.icon-huabi
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-dianxian"></span>
             <div class="name">
@@ -669,7 +759,7 @@
             <div class="code-name">.icon-dianxian
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-xuxian"></span>
             <div class="name">
@@ -678,7 +768,7 @@
             <div class="code-name">.icon-xuxian
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-beijingse1"></span>
             <div class="name">
@@ -687,7 +777,7 @@
             <div class="code-name">.icon-beijingse1
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-juxing"></span>
             <div class="name">
@@ -696,7 +786,7 @@
             <div class="code-name">.icon-juxing
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-text"></span>
             <div class="name">
@@ -705,7 +795,7 @@
             <div class="code-name">.icon-text
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-picture"></span>
             <div class="name">
@@ -714,7 +804,7 @@
             <div class="code-name">.icon-picture
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-shuru"></span>
             <div class="name">
@@ -723,7 +813,7 @@
             <div class="code-name">.icon-shuru
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-tree"></span>
             <div class="name">
@@ -732,7 +822,7 @@
             <div class="code-name">.icon-tree
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-chaxunsousuo"></span>
             <div class="name">
@@ -741,7 +831,7 @@
             <div class="code-name">.icon-chaxunsousuo
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-jidu"></span>
             <div class="name">
@@ -750,7 +840,7 @@
             <div class="code-name">.icon-jidu
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-shuzishunxu"></span>
             <div class="name">
@@ -759,7 +849,7 @@
             <div class="code-name">.icon-shuzishunxu
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-Group-"></span>
             <div class="name">
@@ -768,7 +858,7 @@
             <div class="code-name">.icon-Group-
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-riqi"></span>
             <div class="name">
@@ -777,7 +867,7 @@
             <div class="code-name">.icon-riqi
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-zuoce-qujian"></span>
             <div class="name">
@@ -786,7 +876,7 @@
             <div class="code-name">.icon-zuoce-qujian
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-liebiao"></span>
             <div class="name">
@@ -795,7 +885,7 @@
             <div class="code-name">.icon-liebiao
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-xialakuang"></span>
             <div class="name">
@@ -804,7 +894,7 @@
             <div class="code-name">.icon-xialakuang
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-xialashu"></span>
             <div class="name">
@@ -813,7 +903,7 @@
             <div class="code-name">.icon-xialashu
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-zhongzhi"></span>
             <div class="name">
@@ -822,7 +912,7 @@
             <div class="code-name">.icon-zhongzhi
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-ri"></span>
             <div class="name">
@@ -831,7 +921,7 @@
             <div class="code-name">.icon-ri
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-nian"></span>
             <div class="name">
@@ -840,7 +930,7 @@
             <div class="code-name">.icon-nian
             </div>
           </li>
-          
+
           <li class="dib">
             <span class="icon iconfont icon-yue"></span>
             <div class="name">
@@ -849,7 +939,7 @@
             <div class="code-name">.icon-yue
             </div>
           </li>
-          
+
         </ul>
         <div class="article markdown">
         <h2 id="font-class-">font-class 引用</h2>
@@ -876,7 +966,55 @@
       </div>
       <div class="content symbol">
           <ul class="icon_lists dib-box">
-          
+
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shujujuzhen"></use>
+                </svg>
+                <div class="name">符号-数据矩阵</div>
+                <div class="code-name">#icon-shujujuzhen</div>
+            </li>
+
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shitujuzhen_o"></use>
+                </svg>
+                <div class="name">视图矩阵_o</div>
+                <div class="code-name">#icon-shitujuzhen_o</div>
+            </li>
+
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xuanfu1"></use>
+                </svg>
+                <div class="name">悬浮</div>
+                <div class="code-name">#icon-xuanfu1</div>
+            </li>
+
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-youxuanfu-copy"></use>
+                </svg>
+                <div class="name">右悬浮-选中</div>
+                <div class="code-name">#icon-youxuanfu-copy</div>
+            </li>
+
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xuanfu"></use>
+                </svg>
+                <div class="name">悬浮</div>
+                <div class="code-name">#icon-xuanfu</div>
+            </li>
+
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xuanfuanniu"></use>
+                </svg>
+                <div class="name">悬浮按钮</div>
+                <div class="code-name">#icon-xuanfuanniu</div>
+            </li>
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-tabs"></use>
@@ -884,7 +1022,7 @@
                 <div class="name">44.tabs</div>
                 <div class="code-name">#icon-tabs</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-xiyu"></use>
@@ -892,7 +1030,7 @@
                 <div class="name">洗浴</div>
                 <div class="code-name">#icon-xiyu</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-quxiaoshangzuan"></use>
@@ -900,7 +1038,7 @@
                 <div class="name">线性图标-取消下钻</div>
                 <div class="code-name">#icon-quxiaoshangzuan</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-quxiaoxiazuan"></use>
@@ -908,7 +1046,7 @@
                 <div class="name">线性图标-取消下钻</div>
                 <div class="code-name">#icon-quxiaoxiazuan</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-linkage"></use>
@@ -916,7 +1054,7 @@
                 <div class="name">联动</div>
                 <div class="code-name">#icon-linkage</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-xiazuan"></use>
@@ -924,7 +1062,7 @@
                 <div class="name">下钻</div>
                 <div class="code-name">#icon-xiazuan</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-shangzuan"></use>
@@ -932,7 +1070,7 @@
                 <div class="name">上钻</div>
                 <div class="code-name">#icon-shangzuan</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-quxiaoliandong"></use>
@@ -940,7 +1078,7 @@
                 <div class="name">取消联动</div>
                 <div class="code-name">#icon-quxiaoliandong</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-edit-outline"></use>
@@ -948,7 +1086,7 @@
                 <div class="name">edit-2</div>
                 <div class="code-name">#icon-edit-outline</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-edit"></use>
@@ -956,7 +1094,7 @@
                 <div class="name">edit-2</div>
                 <div class="code-name">#icon-edit</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-xiangqing1"></use>
@@ -964,7 +1102,7 @@
                 <div class="name">详情</div>
                 <div class="code-name">#icon-xiangqing1</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-weibiaoti-1"></use>
@@ -972,7 +1110,7 @@
                 <div class="name">弧形框</div>
                 <div class="code-name">#icon-weibiaoti-1</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-weibiaoti-"></use>
@@ -980,7 +1118,7 @@
                 <div class="name">弧形框</div>
                 <div class="code-name">#icon-weibiaoti-</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-touming"></use>
@@ -988,7 +1126,7 @@
                 <div class="name">透明</div>
                 <div class="code-name">#icon-touming</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-fangxing-"></use>
@@ -996,7 +1134,7 @@
                 <div class="name">弧度</div>
                 <div class="code-name">#icon-fangxing-</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-fangda"></use>
@@ -1004,7 +1142,7 @@
                 <div class="name">放大</div>
                 <div class="code-name">#icon-fangda</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-shezhi"></use>
@@ -1012,7 +1150,7 @@
                 <div class="name">设 置</div>
                 <div class="code-name">#icon-shezhi</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-quanping1"></use>
@@ -1020,7 +1158,7 @@
                 <div class="name">屏幕_全屏</div>
                 <div class="code-name">#icon-quanping1</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-font-weight-bold"></use>
@@ -1028,7 +1166,7 @@
                 <div class="name">font-weight-bold</div>
                 <div class="code-name">#icon-font-weight-bold</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-letter_spacing"></use>
@@ -1036,7 +1174,7 @@
                 <div class="name">letter_spacing</div>
                 <div class="code-name">#icon-letter_spacing</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-letter-spacing"></use>
@@ -1044,7 +1182,7 @@
                 <div class="name">letter-spacing</div>
                 <div class="code-name">#icon-letter-spacing</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-zimua"></use>
@@ -1052,7 +1190,7 @@
                 <div class="name">字体颜色</div>
                 <div class="code-name">#icon-zimua</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-format_letter_spacing_"></use>
@@ -1060,7 +1198,7 @@
                 <div class="name">format_letter_spacing_2</div>
                 <div class="code-name">#icon-format_letter_spacing_</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-font_size"></use>
@@ -1068,7 +1206,7 @@
                 <div class="name">font_size</div>
                 <div class="code-name">#icon-font_size</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-align-center"></use>
@@ -1076,7 +1214,7 @@
                 <div class="name">居中</div>
                 <div class="code-name">#icon-align-center</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-juyou"></use>
@@ -1084,7 +1222,7 @@
                 <div class="name">居右</div>
                 <div class="code-name">#icon-juyou</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-juzuo"></use>
@@ -1092,7 +1230,7 @@
                 <div class="name">居左</div>
                 <div class="code-name">#icon-juzuo</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-solid_line"></use>
@@ -1100,7 +1238,7 @@
                 <div class="name">实线</div>
                 <div class="code-name">#icon-solid_line</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-huabi"></use>
@@ -1108,7 +1246,7 @@
                 <div class="name">画笔</div>
                 <div class="code-name">#icon-huabi</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-dianxian"></use>
@@ -1116,7 +1254,7 @@
                 <div class="name">点线</div>
                 <div class="code-name">#icon-dianxian</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-xuxian"></use>
@@ -1124,7 +1262,7 @@
                 <div class="name">虚线</div>
                 <div class="code-name">#icon-xuxian</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-beijingse1"></use>
@@ -1132,7 +1270,7 @@
                 <div class="name">背景色‘</div>
                 <div class="code-name">#icon-beijingse1</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-juxing"></use>
@@ -1140,7 +1278,7 @@
                 <div class="name">矩形</div>
                 <div class="code-name">#icon-juxing</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-text"></use>
@@ -1148,7 +1286,7 @@
                 <div class="name">text</div>
                 <div class="code-name">#icon-text</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-picture"></use>
@@ -1156,7 +1294,7 @@
                 <div class="name">picture</div>
                 <div class="code-name">#icon-picture</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-shuru"></use>
@@ -1164,7 +1302,7 @@
                 <div class="name">输入</div>
                 <div class="code-name">#icon-shuru</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-tree"></use>
@@ -1172,7 +1310,7 @@
                 <div class="name">树</div>
                 <div class="code-name">#icon-tree</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-chaxunsousuo"></use>
@@ -1180,7 +1318,7 @@
                 <div class="name">查询搜索</div>
                 <div class="code-name">#icon-chaxunsousuo</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-jidu"></use>
@@ -1188,7 +1326,7 @@
                 <div class="name">季度</div>
                 <div class="code-name">#icon-jidu</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-shuzishunxu"></use>
@@ -1196,7 +1334,7 @@
                 <div class="name">数字顺序</div>
                 <div class="code-name">#icon-shuzishunxu</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-Group-"></use>
@@ -1204,7 +1342,7 @@
                 <div class="name">树列表</div>
                 <div class="code-name">#icon-Group-</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-riqi"></use>
@@ -1212,7 +1350,7 @@
                 <div class="name">日期</div>
                 <div class="code-name">#icon-riqi</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-zuoce-qujian"></use>
@@ -1220,7 +1358,7 @@
                 <div class="name">左侧-区间</div>
                 <div class="code-name">#icon-zuoce-qujian</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-liebiao"></use>
@@ -1228,7 +1366,7 @@
                 <div class="name">列表</div>
                 <div class="code-name">#icon-liebiao</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-xialakuang"></use>
@@ -1236,7 +1374,7 @@
                 <div class="name">下拉框</div>
                 <div class="code-name">#icon-xialakuang</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-xialashu"></use>
@@ -1244,7 +1382,7 @@
                 <div class="name">下拉树</div>
                 <div class="code-name">#icon-xialashu</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-zhongzhi"></use>
@@ -1252,7 +1390,7 @@
                 <div class="name">重置</div>
                 <div class="code-name">#icon-zhongzhi</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-ri"></use>
@@ -1260,7 +1398,7 @@
                 <div class="name">日</div>
                 <div class="code-name">#icon-ri</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-nian"></use>
@@ -1268,7 +1406,7 @@
                 <div class="name">年</div>
                 <div class="code-name">#icon-nian</div>
             </li>
-          
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-yue"></use>
@@ -1276,7 +1414,7 @@
                 <div class="name">月</div>
                 <div class="code-name">#icon-yue</div>
             </li>
-          
+
           </ul>
           <div class="article markdown">
           <h2 id="symbol-">Symbol 引用</h2>
diff --git a/frontend/src/styles/deicon/iconfont.css b/frontend/src/styles/deicon/iconfont.css
index 799b75f850..a53c94ee5d 100644
--- a/frontend/src/styles/deicon/iconfont.css
+++ b/frontend/src/styles/deicon/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2459092 */
-  src: url('iconfont.woff2?t=1632382166116') format('woff2'),
-       url('iconfont.woff?t=1632382166116') format('woff'),
-       url('iconfont.ttf?t=1632382166116') format('truetype');
+  src: url('iconfont.woff2?t=1633678290478') format('woff2'),
+       url('iconfont.woff?t=1633678290478') format('woff'),
+       url('iconfont.ttf?t=1633678290478') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,30 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-shujujuzhen:before {
+  content: "\e69c";
+}
+
+.icon-shitujuzhen_o:before {
+  content: "\eb85";
+}
+
+.icon-xuanfu1:before {
+  content: "\e62c";
+}
+
+.icon-youxuanfu-copy:before {
+  content: "\e6db";
+}
+
+.icon-xuanfu:before {
+  content: "\e6f6";
+}
+
+.icon-xuanfuanniu:before {
+  content: "\e8e6";
+}
+
 .icon-tabs:before {
   content: "\e62a";
 }
diff --git a/frontend/src/styles/deicon/iconfont.js b/frontend/src/styles/deicon/iconfont.js
index 037bfa1adb..c035f859d5 100644
--- a/frontend/src/styles/deicon/iconfont.js
+++ b/frontend/src/styles/deicon/iconfont.js
@@ -1 +1 @@
-!function(l){var c,h,a,v,t,i='<svg><symbol id="icon-tabs" viewBox="0 0 1024 1024"><path d="M897.8 404.8H566.9c-9.1 0-17.4-5.2-21.4-13.3L440 175.7H176.2c-30.9 0-56 25.1-56 56v560.1c0 30.9 25.1 56 56 56h672.1c30.9 0 56-25.1 56-56V411.4c0-3.6-2.9-6.6-6.5-6.6zM176.2 119.7h288.7c6.1 0 11.8 3.5 14.5 9l102.4 209.4c3.2 6.6 9.9 10.7 17.2 10.7h354.8c3.7 0 6.6 3 6.6 6.6v436.4c0 61.9-50.2 112-112 112H176.2c-61.9 0-112-50.2-112-112V231.7c0-61.9 50.2-112 112-112z m343.5 0h140.1c1.1 0 2.2 0.6 2.8 1.6l109.8 184.6c0.6 1-0.1 2.2-1.3 2.2H635.2c-6.8 0-13.1-3.6-16.5-9.4L513.3 122.9c-0.7-1.2 0.1-2.8 1.5-2.9l4.9-0.3z m184.4 0h144.3c61.9 0 112 50.2 112 112v72.1c0 2.4-1.9 4.3-4.3 4.3H818.9c-4.9 0-9.4-2.6-11.9-6.8L701.6 124c-0.4-0.7-0.5-1.6-0.2-2.4 0.3-1.2 1.4-1.9 2.7-1.9z"  ></path></symbol><symbol id="icon-xiyu" viewBox="0 0 1024 1024"><path d="M263.202133 470.254933H743.765333a75.093333 75.093333 0 0 1 73.864534 88.541867l-46.08 253.44a75.093333 75.093333 0 0 1-73.864534 61.6448H309.248a75.093333 75.093333 0 0 1-73.864533-61.6448l-46.08-253.44a75.093333 75.093333 0 0 1 73.864533-88.541867z" fill="#94B3FF" ></path><path d="M745.403733 470.357333l-1.706666-0.1024a75.093333 75.093333 0 0 1 73.898666 88.541867l-46.08 253.44a75.093333 75.093333 0 0 1-73.864533 61.6448H309.248a75.093333 75.093333 0 0 1-73.864533-61.6448l-2.184534-11.844267 2.6624 0.1024H624.298667a75.093333 75.093333 0 0 0 73.864533-61.6448l46.08-253.44a75.093333 75.093333 0 0 0 1.194667-15.086933z" fill="#6B91EF" ></path><path d="M745.7792 470.254933a73.386667 73.386667 0 0 1 72.192 86.528l-46.6944 256.853334a73.386667 73.386667 0 0 1-72.192 60.245333H307.848533a73.386667 73.386667 0 0 1-72.192-60.245333l-46.6944-256.853334a73.386667 73.386667 0 0 1 72.192-86.528H745.813333z m0 31.573334H261.12a41.847467 41.847467 0 0 0-41.710933 44.782933l0.546133 4.539733 46.728533 256.853334c3.310933 18.363733 18.3296 32.085333 36.522667 34.0992l4.608 0.238933h391.236267c18.6368 0 34.816-12.322133 40.072533-29.866667l1.058133-4.471466 46.728534-256.853334a41.847467 41.847467 0 0 0-36.625067-49.083733l-4.539733-0.238933z" fill="#333333" ></path><path d="M136.533333 433.5616m55.057067 0l623.752533 0q55.057067 0 55.057067 55.057067l0-0.034134q0 55.057067-55.057067 55.057067l-623.752533 0q-55.057067 0-55.057067-55.057067l0 0.034134q0-55.057067 55.057067-55.057067Z" fill="#94B3FF" ></path><path d="M754.346667 433.5616h60.996266a55.022933 55.022933 0 1 1 0 110.08h-81.7152l20.6848-110.08z" fill="#6B91EF" ></path><path d="M815.342933 433.5616a55.022933 55.022933 0 1 1 0 110.08H191.5904a55.057067 55.057067 0 0 1 0-110.08h623.752533z m0 31.573333H191.5904a23.483733 23.483733 0 0 0-3.4816 46.6944l3.4816 0.273067h623.752533a23.483733 23.483733 0 0 0 3.4816-46.728533l-3.4816-0.238934z" fill="#333333" ></path><path d="M283.306667 396.868267m56.32 0l34.133333 0q56.32 0 56.32 56.32l0 107.52q0 56.32-56.32 56.32l-34.133333 0q-56.32 0-56.32-56.32l0-107.52q0-56.32 56.32-56.32Z" fill="#FFFFFF" ></path><path d="M377.890133 397.038933l-4.130133-0.170666c31.095467 0 56.32 25.258667 56.32 56.32v107.52a56.32 56.32 0 0 1-56.32 56.32h-34.133333a56.32 56.32 0 0 1-52.224-35.1232l4.164266 0.170666h52.906667a37.546667 37.546667 0 0 0 37.546667-37.546666v-126.293334c0-7.509333-1.467733-14.677333-4.096-21.1968z" fill="#E7E7E7" ></path><path d="M375.022933 396.868267c30.4128 0 55.057067 24.644267 55.057067 55.057066v110.08c0 30.378667-24.644267 55.022933-55.022933 55.022934H338.3296c-30.378667 0-55.022933-24.644267-55.022933-55.022934V451.925333c0-30.378667 24.644267-55.057067 55.022933-55.057066h36.693333z m0 31.573333H338.3296a23.483733 23.483733 0 0 0-23.210667 20.002133l-0.273066 3.4816v110.08c0 11.776 8.704 21.538133 20.036266 23.210667l3.447467 0.273067h36.693333a23.483733 23.483733 0 0 0 23.2448-20.002134l0.273067-3.4816V451.925333a23.483733 23.483733 0 0 0-20.036267-23.210666l-3.4816-0.273067zM703.6928 102.4c72.635733 0 113.4592 32.768 116.292267 95.061333l0.136533 7.0656v240.913067h-31.5392V204.526933c0-48.264533-26.0096-70.5536-84.8896-70.5536-56.456533 0-82.705067 20.48-84.7872 64.648534l-0.136533 5.905066h-31.5392C587.229867 137.659733 628.3264 102.4 703.6928 102.4z" fill="#333333" ></path><path d="M601.4976 164.9664a58.026667 58.026667 0 0 0-39.3216 15.36l-14.677333 13.5168c-12.970667 11.946667-20.3776 28.808533-20.3776 46.4896 0 25.088 20.343467 45.397333 45.397333 45.397333h64.580267a45.397333 45.397333 0 0 0 45.397333-45.397333c0-18.568533-8.635733-36.078933-23.381333-47.377067l-19.899734-15.223466a62.088533 62.088533 0 0 0-37.717333-12.765867z m0 31.5392c5.358933 0 10.581333 1.4336 15.223467 4.096l3.310933 2.184533 19.933867 15.223467a28.0576 28.0576 0 0 1 10.990933 22.3232c0 6.690133-4.778667 12.288-11.0592 13.585067l-2.798933 0.273066h-64.546134a13.858133 13.858133 0 0 1-13.892266-13.858133c0-7.3728 2.594133-14.472533 7.168-20.0704l3.072-3.208533 14.677333-13.550934a26.487467 26.487467 0 0 1 17.92-6.997333z" fill="#333333" ></path><path d="M547.84 307.712a16.042667 16.042667 0 0 1 15.906133 12.970667l0.273067 2.798933v36.693333a15.9744 15.9744 0 0 1-16.145067 15.803734 16.042667 16.042667 0 0 1-15.906133-12.970667l-0.238933-2.833067V323.4816c0-8.704 7.236267-15.7696 16.145066-15.7696zM602.897067 307.712a16.042667 16.042667 0 0 1 15.906133 12.970667l0.238933 2.798933v36.693333a15.9744 15.9744 0 0 1-16.145066 15.803734 16.042667 16.042667 0 0 1-15.872-12.970667l-0.273067-2.833067V323.4816c0-8.704 7.236267-15.7696 16.145067-15.7696zM657.954133 307.712a16.042667 16.042667 0 0 1 15.872 12.970667l0.273067 2.798933v36.693333a15.9744 15.9744 0 0 1-16.145067 15.803734 16.042667 16.042667 0 0 1-15.906133-12.970667l-0.238933-2.833067V323.4816c0-8.704 7.236267-15.7696 16.145066-15.7696z" fill="#333333" ></path><path d="M271.36 601.531733a15.7696 15.7696 0 0 1 17.681067 9.8304l0.750933 2.730667 20.138667 105.915733a15.7696 15.7696 0 0 1-30.242134 8.6016l-0.785066-2.730666-20.104534-105.8816a15.7696 15.7696 0 0 1 12.561067-18.432z" fill="#A7C1FF" ></path><path d="M583.5776 203.502933l-14.677333 13.550934a31.6416 31.6416 0 0 0-10.24 23.278933c0 7.645867 6.212267 13.858133 13.892266 13.858133h64.546134a13.858133 13.858133 0 0 0 13.858133-13.858133 28.0576 28.0576 0 0 0-10.990933-22.3232l-19.933867-15.223467a30.5152 30.5152 0 0 0-18.5344-6.280533 26.487467 26.487467 0 0 0-17.92 6.997333z" fill="#F4BE59" ></path></symbol><symbol id="icon-quxiaoshangzuan" viewBox="0 0 1024 1024"><path d="M547.584 252.064l-35.584-20.48-30.016 17.28 0-53.696-93.632-0.96 125.792-124.8 121.536 127.232-88.096-0.896 0 56.32zM32.512 825.888l-31.776-55.552 226.976-129.792-155.52-89.504c-10.016-5.76-10.88-19.55200001-2.496-26.656l2.528-1.76 423.424-243.776c8.864-5.12 19.52-5.76 28.832-1.92l3.904 1.92 165.376 95.2 253.12-144.8 31.808 55.552-220.704 126.208 193.792 111.616a16.416 16.416 0 0 1 2.528 26.656l-2.528 1.76-423.392 243.776c-8.864 5.12-19.52 5.76-28.832 1.92l-3.904-1.92-203.68-117.28-259.456 148.352z m261.12-223.04l188.384-107.712 0-94.912 29.984-17.28 35.584 20.48L547.584 457.6l80.224-45.824L512 345.088l-333.024 191.744 114.656 66.016z m218.4 125.696L845.024 536.832l-152.99199999-88.096-144.41600001 82.592-0.032 138.88-35.584 20.48-30.016-17.28 0-104.576-124.096 70.976L512 728.54400001z m-30.048 226.04799999l0-129.79199999L512 842.07999999l35.584-20.47999999L547.584 954.56l-65.6 0z" fill="#979BA5" ></path></symbol><symbol id="icon-quxiaoxiazuan" viewBox="0 0 1024 1024"><path d="M476.416 771.936l35.584 20.48 30.016-17.28v53.696l93.632 0.96-125.792 124.8-121.536-127.232 88.096 0.896v-56.32zM991.488 198.112l31.776 55.552-226.976 129.792 155.52 89.504c10.016 5.76 10.88 19.552 2.496 26.656l-2.528 1.76-423.424 243.776c-8.864 5.12-19.52 5.76-28.832 1.92l-3.904-1.92-165.376-95.2-253.12 144.8-31.808-55.552 220.704-126.208-193.792-111.616a16.416 16.416 0 0 1-2.528-26.656l2.528-1.76 423.392-243.776c8.864-5.12 19.52-5.76 28.832-1.92l3.904 1.92 203.68 117.28 259.456-148.352z m-261.12 223.04l-188.384 107.712v94.912l-29.984 17.28-35.584-20.48V566.4l-80.224 45.824L512 678.912l333.024-191.744-114.656-66.016z m-218.4-125.696L178.976 487.168l152.992 88.096 144.416-82.592 0.032-138.88 35.584-20.48 30.016 17.28v104.576l124.096-70.976L512 295.456z m30.048-226.048v129.792L512 181.92l-35.584 20.48V69.44h65.6z" fill="#979BA5" ></path></symbol><symbol id="icon-linkage" viewBox="0 0 1024 1024"><path d="M 876.8 147.2 c -112 -112 -294.4 -112 -409.6 0 l -137.6 137.6 l 44.8 44.8 L 512 195.2 c 86.4 -86.4 230.4 -86.4 316.8 0 s 86.4 230.4 0 316.8 l -137.6 137.6 l 44.8 44.8 l 137.6 -137.6 c 115.2 -112 115.2 -294.4 3.2 -409.6 Z M 512 828.8 c -86.4 86.4 -230.4 86.4 -316.8 0 s -86.4 -230.4 0 -316.8 l 137.6 -137.6 L 288 329.6 l -137.6 137.6 c -112 112 -112 297.6 0 409.6 s 294.4 112 409.6 0 l 137.6 -137.6 l -44.8 -44.8 l -140.8 134.4 Z m 182.4 -454.4 l -44.8 -44.8 l -316.8 316.8 l 44.8 44.8 l 316.8 -316.8 Z"  ></path></symbol><symbol id="icon-xiazuan" viewBox="0 0 1024 1024"><path d="M506.88 546.133333c18.773333 0 34.133333-15.36 34.133333-34.133333V46.08c0-18.773333-15.36-34.133333-34.133333-34.133333s-34.133333 15.36-34.133333 34.133333V512c0 18.773333 15.36 34.133333 34.133333 34.133333z"  ></path><path d="M989.866667 464.213333l-336.213334-150.186666c-17.066667-8.533333-37.546667 0-44.373333 17.066666-8.533333 17.066667 0 37.546667 17.066667 44.373334l256 114.346666-373.76 121.173334-365.226667-129.706667L392.533333 373.76c17.066667-6.826667 25.6-27.306667 17.066667-44.373333-6.826667-17.066667-27.306667-25.6-44.373333-17.066667L37.546667 453.973333c-11.946667 5.12-20.48 17.066667-20.48 32.426667s8.533333 25.6 22.186666 30.72L494.933333 680.96c3.413333 1.706667 6.826667 1.706667 11.946667 1.706667 3.413333 0 6.826667 0 10.24-1.706667L986.453333 529.066667c13.653333-5.12 22.186667-17.066667 23.893334-30.72 0-15.36-8.533333-27.306667-20.48-34.133334zM590.506667 855.04L541.013333 904.533333v-134.826666c0-18.773333-15.36-34.133333-34.133333-34.133334s-34.133333 15.36-34.133333 34.133334v124.586666l-39.253334-39.253333c-13.653333-13.653333-34.133333-13.653333-47.786666 0s-13.653333 34.133333 0 47.786667l102.4 102.4c6.826667 6.826667 15.36 10.24 23.893333 10.24 8.533333 0 17.066667-3.413333 23.893333-10.24l102.4-102.4c13.653333-13.653333 13.653333-34.133333 0-47.786667-11.946667-13.653333-34.133333-13.653333-47.786666 0z"  ></path></symbol><symbol id="icon-shangzuan" viewBox="0 0 1024 1024"><path d="M520.533333 780.8c-19.2 0-34.133333 14.933333-34.133333 34.133333V981.333333c0 19.2 14.933333 34.133333 34.133333 34.133334 19.2 0 34.133333-14.933333 34.133334-34.133334v-166.4c0-19.2-14.933333-34.133333-34.133334-34.133333zM17.066667 533.333333c2.133333 12.8 10.666667 25.6 23.466666 29.866667l469.333334 151.466667c4.266667 2.133333 6.4 2.133333 10.666666 2.133333s8.533333 0 12.8-2.133333l456.533334-164.266667c12.8-4.266667 21.333333-14.933333 21.333333-29.866667s-8.533333-27.733333-21.333333-32L661.333333 347.733333c-17.066667-8.533333-38.4 0-44.8 17.066667-8.533333 17.066667 0 38.4 17.066667 44.8l249.6 106.666667-364.8 130.133333-373.333333-121.6 256-115.2c17.066667-6.4 25.6-27.733333 17.066666-44.8-6.4-17.066667-27.733333-25.6-44.8-17.066667l-337.066666 149.333334c-10.666667 10.666667-19.2 21.333333-19.2 36.266666zM437.333333 172.8l49.066667-49.066667v411.733334c0 19.2 14.933333 34.133333 34.133333 34.133333 19.2 0 34.133333-14.933333 34.133334-34.133333V132.266667L593.066667 170.666667c12.8 12.8 34.133333 12.8 46.933333 0s12.8-34.133333 0-46.933334L539.733333 21.333333c-6.4-6.4-14.933333-10.666667-23.466666-10.666666-8.533333 0-17.066667 4.266667-23.466667 10.666666l-102.4 102.4c-12.8 12.8-12.8 34.133333 0 46.933334 10.666667 14.933333 32 14.933333 46.933333 2.133333z"  ></path></symbol><symbol id="icon-quxiaoliandong" viewBox="0 0 1024 1024"><path d="M611.754667 710.613333a38.144 38.144 0 0 1 0 53.930667l-123.818667 123.818667c-95.530667 95.530667-256.341333 95.530667-351.872 0-95.488-95.488-95.488-256.341333 0-351.829334l123.818667-123.818666a38.144 38.144 0 1 1 53.973333 53.930666L190.037333 590.506667c-70.528 73.685333-74.069333 177.28-3.626666 247.637333 70.4 70.4 170.453333 72.234667 247.594666-3.669333l123.818667-123.818667a38.144 38.144 0 0 1 53.930667 0z m-199.509334-397.226666a38.144 38.144 0 0 1 0-53.930667l123.818667-123.818667c95.488-95.530667 256.341333-95.530667 351.872 0 95.488 95.488 95.488 256.341333 0 351.829334l-123.818667 123.818666a38.144 38.144 0 1 1-53.930666-53.930666l123.776-123.818667c70.528-73.685333 74.069333-177.28 3.669333-247.637333-70.357333-70.4-170.453333-72.234667-247.594667 3.669333l-123.861333 123.818667a38.144 38.144 0 0 1-53.930667 0z m232.362667 512.426666a32.682667 32.682667 0 0 1 65.408 0v65.450667a32.682667 32.682667 0 1 1-65.408 0v-65.408z m208.042667 27.434667a33.621333 33.621333 0 0 1-47.445334-0.554667l-45.482666-46.421333a33.28 33.28 0 0 1 47.36-46.890667l45.909333 45.994667a33.621333 33.621333 0 0 1-0.341333 47.872z m-55.466667-176.384c0-20.053333 16.298667-36.309333 36.352-36.309333H891.733333a36.352 36.352 0 0 1 0 72.661333h-58.154666a36.352 36.352 0 0 1-36.309334-36.352zM317.013333 130.773333a32.682667 32.682667 0 1 1 65.408 0v65.408a32.682667 32.682667 0 0 1-65.408 0V130.773333z m-142.677333 37.973334A33.621333 33.621333 0 0 1 221.866667 169.386667l45.482666 46.421333a33.28 33.28 0 0 1-47.36 46.848L173.994667 216.704a33.621333 33.621333 0 0 1 0.341333-47.914667zM98.986667 345.173333c0-20.053333 16.256-36.352 36.352-36.352h58.112a36.352 36.352 0 0 1 0 72.704H135.338667a36.352 36.352 0 0 1-36.352-36.352z"  ></path></symbol><symbol id="icon-edit-outline" viewBox="0 0 1026 1024"><path d="M307.933767 709.191401l55.608246-121.906912 70.215853 67.788777-125.824099 54.118135z m95.818675-171.645022l366.409348-352.874171 82.001279 80.116062-365.732025 352.095249-82.678602-79.33714z m550.042994-370.90226l-50.505744 48.372175-81.854525-80.116062 49.704244-47.593254c8.003704-7.958549 23.435387-6.513593 32.150281 2.144858l48.281866 46.182162c5.147657 5.03477 8.071436 11.559652 8.071436 18.039379 0.011289 5.046059-2.201301 9.36964-5.847558 12.970742zM313.792614 530.299019c-0.745056 0.767633-1.467534 1.478823-2.21259 2.889913L259.640613 717.217683c-2.923779 10.78073 0 22.340381 8.071436 30.310219 6.581325 5.779826 14.607607 9.290618 23.390233 9.290619 2.935068 0 5.113791-0.699901 8.03757-1.399802l190.147239-49.749399h0.79021a8.048859 8.048859 0 0 0 5.791115-2.178724l507.721574-489.208069c15.28493-14.40441 23.356366-33.888744 23.356367-55.551803 0-24.519105-10.927483-49.03821-29.215214-67.077588l-48.281865-46.182163c-19.010208-18.039378-43.935707-28.853974-69.572396-28.853974-22.577445 0-43.145497 7.935972-57.707948 23.074149L314.503803 528.109007c-0.71119 0.699901-0.71119 1.478823-0.711189 2.190012zM100.932466 0C45.358086 0 0 44.70334 0 99.555242V923.530372c0 54.806747 45.358086 99.555242 100.932466 99.555241h806.082505c55.57438 0 100.864734-44.748495 100.864734-99.555241V397.543645h-86.290994v451.729511c0 49.049498-40.221718 87.939147-89.214772 87.939147H175.539632c-49.004344 0-89.214772-38.889648-89.214773-87.939147V173.157711c0-48.338309 40.210429-88.040745 89.214773-88.040745h457.904443V0H100.932466z"  ></path></symbol><symbol id="icon-edit" viewBox="0 0 1026 1024"><path d="M307.933767 709.191401l55.608246-121.906912 70.215853 67.788777-125.824099 54.118135z m95.818675-171.645022l366.409348-352.874171 82.001279 80.116062-365.732025 352.095249-82.678602-79.33714z m550.042994-370.90226l-50.505744 48.372175-81.854525-80.116062 49.704244-47.593254c8.003704-7.958549 23.435387-6.513593 32.150281 2.144858l48.281866 46.182162c5.147657 5.03477 8.071436 11.559652 8.071436 18.039379 0.011289 5.046059-2.201301 9.36964-5.847558 12.970742zM313.792614 530.299019c-0.745056 0.767633-1.467534 1.478823-2.21259 2.889913L259.640613 717.217683c-2.923779 10.78073 0 22.340381 8.071436 30.310219 6.581325 5.779826 14.607607 9.290618 23.390233 9.290619 2.935068 0 5.113791-0.699901 8.03757-1.399802l190.147239-49.749399h0.79021a8.048859 8.048859 0 0 0 5.791115-2.178724l507.721574-489.208069c15.28493-14.40441 23.356366-33.888744 23.356367-55.551803 0-24.519105-10.927483-49.03821-29.215214-67.077588l-48.281865-46.182163c-19.010208-18.039378-43.935707-28.853974-69.572396-28.853974-22.577445 0-43.145497 7.935972-57.707948 23.074149L314.503803 528.109007c-0.71119 0.699901-0.71119 1.478823-0.711189 2.190012zM100.932466 0C45.358086 0 0 44.70334 0 99.555242V923.530372c0 54.806747 45.358086 99.555242 100.932466 99.555241h806.082505c55.57438 0 100.864734-44.748495 100.864734-99.555241V397.543645h-86.290994v451.729511c0 49.049498-40.221718 87.939147-89.214772 87.939147H175.539632c-49.004344 0-89.214772-38.889648-89.214773-87.939147V173.157711c0-48.338309 40.210429-88.040745 89.214773-88.040745h457.904443V0H100.932466z"  ></path></symbol><symbol id="icon-xiangqing1" viewBox="0 0 1024 1024"><path d="M449.024 896h-288c-17.92 0-32-14.72-32-32v-704c0-17.92 14.08-32 32-32h640c17.28 0 32 14.08 32 32V448a32 32 0 0 0 64 0V128c0-35.2-28.8-64-64-64h-704c-35.2 0-64 28.8-64 64v768c0 35.2 28.8 64 64 64h320a32 32 0 0 0 0-64zM946.176 901.824l-83.2-83.2c-6.4-6.4-12.8-6.4-19.2-6.4-19.2 0-32 12.8-32 32 0 6.4 0 12.8 6.4 19.2l83.2 83.2c6.4 6.4 12.8 12.8 25.6 12.8 19.2 0 32-12.8 32-32 0-6.4-6.4-19.2-12.8-25.6z"  ></path><path d="M703.936 510.592a192 192 0 1 0 0 384 192 192 0 0 0 0-384z m0 320a128 128 0 1 1-0.064-255.936 128 128 0 0 1 0.064 255.936zM736.384 319.36H223.36a31.552 31.552 0 0 1-31.488-31.488v-1.024c0-17.344 14.144-31.488 31.488-31.488h513.024c17.344 0 31.488 14.144 31.488 31.488v1.024c0 17.28-14.208 31.488-31.488 31.488zM734.336 447.36H221.376a31.552 31.552 0 0 1-31.488-31.488v-1.024c0-17.344 14.144-31.488 31.488-31.488h513.024c17.344 0 31.488 14.144 31.488 31.488v1.024c0 17.28-14.208 31.488-31.552 31.488zM416 575.04H223.04a31.552 31.552 0 0 1-31.488-31.488v-1.024c0-17.344 14.144-31.488 31.488-31.488H416c17.344 0 31.488 14.144 31.488 31.488v1.024a31.552 31.552 0 0 1-31.488 31.488z"  ></path></symbol><symbol id="icon-weibiaoti-1" viewBox="0 0 1024 1024"><path d="M512 19.413487C47.059275 19.413487 19.413487 47.059275 19.413487 512s27.645788 492.586513 492.586513 492.586513 492.586513-27.645788 492.586513-492.586513S976.940725 19.413487 512 19.413487z" fill="#1296db" ></path></symbol><symbol id="icon-weibiaoti-" viewBox="0 0 1036 1024"><path d="M512.072842 512m-505.929333 0a505.929334 505.929334 0 1 0 1011.858667 0 505.929334 505.929334 0 1 0-1011.858667 0Z" fill="#ffffff" ></path><path d="M512.072842 1024C28.726387 1024 0.072842 995.346455 0.072842 512S28.726387 0 512.072842 0s512 28.653545 512 512-28.653545 512-512 512z m0-1011.858667C35.525534 12.141333 12.214175 35.452691 12.214175 512s23.311359 499.858667 499.858667 499.858667 499.858667-23.311359 499.858667-499.858667S988.620151 12.141333 512.072842 12.141333z"  ></path></symbol><symbol id="icon-touming" viewBox="0 0 1024 1024"><path d="M0 819.2h204.8V1024H0zM0 0h204.8v204.8H0zM0 409.6h204.8v204.8H0z" fill="#999999" ></path><path d="M204.8 204.8h204.8v204.8H204.8zM204.8 614.4h204.8v204.8H204.8z" fill="#B7B7B7" ></path><path d="M409.6 0h204.8v204.8H409.6zM409.6 409.6h204.8v204.8H409.6z" fill="#C6C6C6" ></path><path d="M614.4 204.8h204.8v204.8h-204.8zM614.4 614.4h204.8v204.8h-204.8z" fill="#DDDDDD" ></path><path d="M409.6 819.2h204.8V1024H409.6z" fill="#C6C6C6" ></path><path d="M819.2 0H1024v204.8h-204.8zM819.2 409.6H1024v204.8h-204.8zM819.2 819.2H1024V1024h-204.8z" fill="#F4F4F4" ></path></symbol><symbol id="icon-fangxing-" viewBox="0 0 1024 1024"><path d="M293.047427 796.738991v-133.327352c0-217.759502 176.531539-394.289445 394.289445-394.289446h133.330542v-104.189607H652.839875c-256.250417 0-463.980461 207.730044-463.980461 463.977271v167.829134h104.188013z"  ></path></symbol><symbol id="icon-fangda" viewBox="0 0 1024 1024"><path d="M470.624 553.376a32 32 0 0 1 2.656 42.24l-2.656 3.008L269.28 800l145.984 0.032a32 32 0 0 1 31.776 28.256l0.224 3.744a32 32 0 0 1-28.288 31.776l-3.712 0.224H192l-2.4-0.096-4.032-0.544-3.552-0.96-3.552-1.408-3.136-1.664-3.072-2.144-2.88-2.56a32.32 32.32 0 0 1-3.104-3.584l-2.272-3.52-1.728-3.648-1.12-3.36-0.96-4.8L160 832V607.872a32 32 0 0 1 63.776-3.712l0.224 3.712-0.032 146.848 201.408-201.344a32 32 0 0 1 45.248 0zM608.736 160H832l2.4 0.096 4.032 0.544 3.552 0.96 3.552 1.408 3.136 1.664 3.072 2.144 2.88 2.56c1.152 1.12 2.176 2.336 3.104 3.584l2.272 3.52 1.728 3.648 1.12 3.36 0.96 4.8L864 192v224.128a32 32 0 0 1-63.776 3.712l-0.224-3.712v-146.88L598.624 470.624a32 32 0 0 1-47.904-42.24l2.656-3.008L754.688 224h-145.92a32 32 0 0 1-31.808-28.256l-0.224-3.744a32 32 0 0 1 28.288-31.776l3.712-0.224z"  ></path></symbol><symbol id="icon-shezhi" viewBox="0 0 1024 1024"><path d="M416.4 958h191.2V849.7c0-12.7 6.4-25.5 19.1-31.9 31.9-12.7 63.7-31.9 89.2-51 12.7-6.4 25.5-6.4 38.2 0l95.6 57.3 95.6-165.7-95.6-57.3C837 588.5 830.6 575.7 837 563c0-19.1 6.4-31.9 6.4-51s0-31.9-6.4-51c0-12.7 6.4-25.5 12.7-31.9l95.6-57.3-95.6-165.7-95.6 57.3c-12.7 6.4-25.5 6.4-38.2 0-25.5-19.1-57.3-38.2-89.2-51-12.7-12.7-19.1-25.5-19.1-38.2V66H416.4v108.3c0 12.7-6.4 25.5-19.1 31.9-31.9 12.7-63.7 31.9-89.2 51-12.7 6.4-25.5 6.4-38.2 0l-95.6-51-95.6 165.6 95.6 57.3c12.7 6.4 19.1 19.1 12.7 31.9 0 19.1-6.4 31.9-6.4 51s0 31.9 6.4 51c6.4 12.7 0 25.5-12.7 31.9l-95.6 57.3 95.6 165.7 95.6-57.3c12.7-6.4 25.5-6.4 38.2 0 25.5 19.1 57.3 38.2 89.2 51 12.7 6.4 19.1 19.1 19.1 31.9V958z m223 63.7H384.6c-19.1 0-31.9-12.7-31.9-31.9v-121c-25.5-12.7-51-25.5-70.1-38.2l-101.9 63.7c-12.7 6.4-31.9 6.4-44.6-12.7L8.6 658.6c-12.7-19.1-6.4-38.2 12.7-44.6l101.9-63.7v-76.5L21.4 410.1c-19.1-6.4-25.5-25.5-12.7-44.6l127.4-223c6.4-12.7 25.5-19.1 44.6-6.4l101.9 63.7c19.1-12.7 44.6-31.9 70.1-38.2V34.1c0-19.1 12.7-31.9 31.9-31.9h254.9c19.1 0 31.9 12.7 31.9 31.9v121.1c25.5 12.7 51 25.5 70.1 38.2l101.9-63.7c12.7-6.4 31.9-6.4 44.6 12.7l127.4 223c12.7 19.1 6.4 38.2-12.7 44.6l-101.9 63.7v76.5l101.9 63.7c12.7 6.4 19.1 25.5 12.7 44.6L888 881.5c-6.4 12.7-25.5 19.1-44.6 12.7l-101.9-63.7c-19.1 12.7-44.6 31.9-70.1 38.2v121.1c-0.1 19.2-12.8 31.9-32 31.9zM512 703.2c-108.3 0-191.2-82.8-191.2-191.2S403.7 320.8 512 320.8 703.2 403.7 703.2 512 620.3 703.2 512 703.2z m0-318.6c-70.1 0-127.4 57.3-127.4 127.4S441.9 639.4 512 639.4 639.4 582.1 639.4 512 582.1 384.6 512 384.6z"  ></path></symbol><symbol id="icon-quanping1" viewBox="0 0 1024 1024"><path d="M628.053333 628.053333a32 32 0 0 1 45.226667 0l158.72 158.634667V693.333333l0.298667-4.352A32 32 0 0 1 896 693.333333v181.333334l-0.341333 3.84a21.333333 21.333333 0 0 1-20.992 17.493333h-181.333334l-4.352-0.298667a32 32 0 0 1-27.648-31.701333l0.298667-4.352a32 32 0 0 1 31.701333-27.648h93.44l-158.72-158.72-3.114666-3.584a32 32 0 0 1 3.114666-41.642667z m-232.106666 0a32 32 0 0 1 3.114666 41.642667l-3.114666 3.584-158.72 158.72h93.44a32 32 0 0 1 31.701333 27.648l0.298667 4.352a32 32 0 0 1-27.648 31.701333L330.666667 896H149.333333a21.333333 21.333333 0 0 1-20.992-17.493333L128 874.666667v-181.333334a32 32 0 0 1 63.701333-4.352l0.298667 4.352v93.354667l158.72-158.634667a32 32 0 0 1 45.226667 0zM874.666667 128a21.333333 21.333333 0 0 1 20.992 17.493333L896 149.333333v181.333334a32 32 0 0 1-63.701333 4.352L832 330.666667V237.312L673.28 395.946667a32 32 0 0 1-48.341333-41.642667l3.114666-3.584 158.72-158.72h-93.44a32 32 0 0 1-31.701333-27.648L661.333333 160a32 32 0 0 1 27.648-31.701333L693.333333 128h181.333334zM330.666667 128l4.352 0.298667a32 32 0 0 1 27.648 31.701333l-0.298667 4.352a32 32 0 0 1-31.701333 27.648H237.226667l158.72 158.72 3.114666 3.584a32 32 0 0 1-48.341333 41.642667L192 237.312V330.666667l-0.298667 4.352A32 32 0 0 1 128 330.666667V149.333333l0.341333-3.84A21.333333 21.333333 0 0 1 149.333333 128h181.333334z"  ></path></symbol><symbol id="icon-font-weight-bold" viewBox="0 0 1024 1024"><path d="M148.945455 55.854545h409.6c102.4 0 186.181818 27.927273 242.036363 83.781819 37.236364 37.236364 65.163636 93.090909 65.163637 148.945454 0 111.709091-65.163636 167.563636-130.327273 204.8 102.4 37.236364 176.872727 102.4 176.872727 223.418182 0 167.563636-130.327273 251.345455-335.127273 251.345455h-418.909091v-912.29091z m549.236363 260.654546c0-74.472727-55.854545-111.709091-158.254545-111.709091h-232.727273v242.036364h223.418182c93.090909-9.309091 167.563636-46.545455 167.563636-130.327273z m-139.636363 260.654545h-251.345455v251.345455h269.963636c111.709091 0 176.872727-46.545455 176.872728-121.018182-9.309091-83.781818-65.163636-130.327273-195.490909-130.327273z"  ></path></symbol><symbol id="icon-letter_spacing" viewBox="0 0 1127 1024"><path d="M320.37397 751.711955a32.882959 32.882959 0 0 0 20.669289-6.81147 64.356648 64.356648 0 0 0 15.971723-18.555384 172.400656 172.400656 0 0 0 12.21367-25.601732q5.167322-13.857818 10.569522-28.890028L422.780899 549.012002h281.853933l57.075421 163.005524a67.175187 67.175187 0 0 0 16.44148 29.359785 35.936376 35.936376 0 0 0 29.124906 10.099766q27.480758 0 34.996863-17.615871a61.068352 61.068352 0 0 0 0-43.217603L617.729869 37.447114a52.142978 52.142978 0 0 0-19.02514-27.245881A59.189326 59.189326 0 0 0 563.707866 0.101467a54.961517 54.961517 0 0 0-35.231742 10.099766 53.082491 53.082491 0 0 0-18.555384 27.245881l-222.19485 651.317463q-11.743914 36.171255 0 49.559316a41.338577 41.338577 0 0 0 32.64808 13.388062zM563.707866 108.85011l125.190121 365.705478H438.517744zM1122.483287 906.731618l-132.471348-96.300094a11.743914 11.743914 0 0 0-18.555384 9.395131v61.068352H156.194054v-60.833473a11.743914 11.743914 0 0 0-18.555383-9.395132L4.932444 906.731618a11.743914 11.743914 0 0 0 0 19.02514l132.471348 96.065216a11.743914 11.743914 0 0 0 18.555384-9.395131v-61.068352h815.027622v60.833473a11.743914 11.743914 0 0 0 18.555384 9.395131l132.706227-96.065215a11.743914 11.743914 0 0 0 0.234878-18.790262z"  ></path></symbol><symbol id="icon-letter-spacing" viewBox="0 0 1152 1024"><path d="M1024 0h128v1024h-128zM0 0h128v1024H0z m657.92 128H494.08L186.24 864h138.88l64-160h368.64l64 160h138.88z m49.28 448H448l128-313.6z"  ></path></symbol><symbol id="icon-zimua" viewBox="0 0 1024 1024"><path d="M481.28 117.76h61.44c22.528 0 43.008 13.824 51.2 34.816l287.232 745.984c1.536 3.584-1.024 7.68-5.12 7.68h-117.248c-2.048 0-4.096-1.536-5.12-3.584l-70.144-192.512c-1.536-4.096-5.632-7.168-10.24-7.168H349.696c-4.608 0-8.704 3.072-10.24 7.168l-70.144 192.512c-1.024 2.048-3.072 3.584-5.12 3.584H147.968c-3.584 0-6.656-4.096-5.12-7.68L430.08 152.576c8.192-20.992 28.16-34.816 51.2-34.816z m-87.04 485.888h235.008c7.68 0 12.8-7.68 10.24-14.848l-124.928-342.016h-4.608L384 588.8c-3.072 7.168 2.56 14.848 10.24 14.848z"  ></path></symbol><symbol id="icon-format_letter_spacing_" viewBox="0 0 1024 1024"><path d="M682.666667 704l128 106.666667-128 106.666666v-85.333333H341.333333v85.333333L213.333333 810.666667l128-106.666667v85.333333h341.333334v-85.333333zM170.666667 170.666667v682.666666H85.333333V170.666667h85.333334z m768 0v682.666666h-85.333334V170.666667h85.333334z m-394.666667 0l202.666667 469.333333h-89.6l-38.4-93.866667h-213.333334L366.933333 640H277.333333l202.666667-469.333333h64zM512 255.146667L432.213333 469.333333h159.573334L512 255.146667z"  ></path></symbol><symbol id="icon-font_size" viewBox="0 0 1024 1024"><path d="M923.456 713.152V644.48h-68.608v205.76h68.608v68.544h-205.76v-68.544h68.608V644.48h-68.608v68.608h-68.544V644.48c0-37.824 30.72-68.544 68.544-68.544h205.76c37.824 0 68.544 30.72 68.544 68.544v68.608h-68.544zM512 233.152H443.456v548.544H580.48v137.152H169.152v-137.152h137.152V233.152H237.696c-75.712 0-137.152 61.44-137.152 137.152H32V164.48C32 126.72 62.72 96 100.544 96h548.608c37.888 0 68.544 30.72 68.544 68.544v205.76h-68.544c0-75.776-61.44-137.152-137.152-137.152z"  ></path></symbol><symbol id="icon-align-center" viewBox="0 0 1024 1024"><path d="M34.45333333 77.86666667h954.56v124.37333333H34.45333333zM213.76 327.25333333H809.6v124.37333334H213.76zM34.45333333 575.46666667h954.56v124.37333333H34.45333333zM213.76 824.74666667H809.6v124.37333333H213.76z"  ></path></symbol><symbol id="icon-juyou" viewBox="0 0 1024 1024"><path d="M53.355789 53.894737v108.328421H970.105263V53.894737H53.355789z m431.157895 377.802105H970.105263V323.368421H484.513684v108.328421z m-431.157895 269.473684H970.105263V592.842105H53.355789v108.328421z m431.157895 269.473685H970.105263V862.315789H484.513684v108.328422z"  ></path></symbol><symbol id="icon-juzuo" viewBox="0 0 1331 1024"><path d="M898.304 819.712v127.488H153.6v-127.488z m279.296-256v127.488H153.6v-127.488z m-279.296-256V435.2H153.6V307.2zM1177.6 51.2v127.488H153.6V51.2z"  ></path></symbol><symbol id="icon-solid_line" viewBox="0 0 1024 1024"><path d="M102.4 460.8h819.2v102.4H102.4z"  ></path></symbol><symbol id="icon-huabi" viewBox="0 0 1024 1024"><path d="M884.641557 138.571009C811.672662 65.565275 755.277234 56.513108 726.075145 85.715197l-79.284741 79.283718 211.422224 211.422224 79.31851-79.284741C966.698434 267.936355 957.646268 211.538881 884.641557 138.571009z"  ></path><path d="M144.589584 667.200758c-14.600533 14.564717-68.333318 226.898707-68.333318 226.898707-3.193739 8.709359-10.073426 42.179658 0 52.855812 7.039323 7.460925 25.424042 10.638291 52.855812 0 0 0 212.33399-53.730739 226.938616-68.333318l449.309192-449.345008L593.934592 217.85575 144.589584 667.200758zM132.177903 891.034662 185.764356 708.376553l129.110543 129.071657L132.177903 891.034662z"  ></path></symbol><symbol id="icon-dianxian" viewBox="0 0 1024 1024"><path d="M228.32 532.76h-6.92c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h6.92c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76zM712.65 532.76h-13.84c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h13.84c11.47 0 20.76 9.3 20.76 20.76s-9.3 20.76-20.76 20.76z m-96.87 0h-13.84c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h13.84c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76z m-96.86 0h-13.84c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h13.84c11.47 0 20.76 9.3 20.76 20.76s-9.3 20.76-20.76 20.76z m-96.87 0h-13.84c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h13.84c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76z m-96.86 0h-13.84c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h13.84c11.47 0 20.76 9.3 20.76 20.76s-9.3 20.76-20.76 20.76zM802.59 532.76h-6.92c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h6.92c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76z"  ></path></symbol><symbol id="icon-xuxian" viewBox="0 0 1024 1024"><path d="M304.43 532.76H221.4c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h83.03c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76zM581.19 532.76H442.81c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h138.38c11.47 0 20.76 9.3 20.76 20.76s-9.3 20.76-20.76 20.76zM802.59 532.76h-83.03c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h83.03c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76z"  ></path></symbol><symbol id="icon-beijingse1" viewBox="0 0 1024 1024"><path d="M882.980571 580.900571c0-25.6-9.289143-51.2-27.940571-67.437714L508.342857 166.692571 398.848 57.270857a33.718857 33.718857 0 0 0-48.932571 0 33.718857 33.718857 0 0 0 0 48.859429L436.150857 192.365714 114.980571 511.122286c-37.302857 37.229714-37.302857 100.059429 0 137.289143l300.178286 300.251428c18.651429 18.578286 44.251429 27.867429 67.510857 27.867429 25.6 0 48.859429-9.289143 67.510857-27.867429l300.178286-300.251428c20.992-18.651429 32.621714-41.910857 32.621714-67.510858zM163.84 559.981714l321.097143-318.902857 318.902857 318.902857c4.681143 4.681143 6.948571 11.629714 6.948571 18.578286h-653.897142c0-4.608 2.267429-11.629714 6.948571-18.578286z m709.778286 214.089143s-62.829714 83.821714-62.829715 118.710857c0 34.889143 27.940571 62.829714 62.902858 62.829715 34.889143 0 62.829714-27.940571 62.829714-62.902858 0-34.816-62.902857-118.637714-62.902857-118.637714z" fill="#606266" ></path></symbol><symbol id="icon-juxing" viewBox="0 0 1024 1024"><path d="M876.4664713541666 302.9680989583333H776.4029947916665V202.90462239583334c0-11.865234374999998-9.8876953125-21.7529296875-21.7529296875-21.7529296875s-21.7529296875 9.8876953125-21.7529296875 21.7529296875v100.0634765625H632.8336588541666c-11.865234374999998 0-21.7529296875 9.8876953125-21.7529296875 21.7529296875s9.8876953125 21.7529296875 21.7529296875 21.7529296875h100.0634765625v100.0634765625c0 11.865234374999998 9.8876953125 21.7529296875 21.7529296875 21.7529296875s21.7529296875-9.8876953125 21.7529296875-21.7529296875V346.4739583333333H876.4664713541666c11.865234374999998 0 21.7529296875-9.8876953125 21.7529296875-21.7529296875 0-12.2607421875-9.8876953125-21.7529296875-21.7529296875-21.7529296875zM146.75455729166666 386.0247395833333c11.07421875 0 19.775390625-8.701171874999998 19.775390625-19.775390625h0.7910156249999999v-21.7529296875h36.38671875c10.678710937499998 0 19.775390625-8.701171874999998 19.775390625-19.775390625s-9.0966796875-19.775390625-19.775390625-19.775390625l-56.953125-0.39550781249999994c-11.07421875 0-19.775390625 8.701171874999998-19.775390625 19.775390625v42.71484374999999c0 9.8876953125 8.701171874999998 18.984374999999996 19.775390625 18.984374999999996z m135.26367187500003-41.92382812499999h98.876953125c11.07421875 0 19.775390625-8.701171874999998 19.775390625-19.775390625s-8.701171874999998-19.775390625-19.775390625-19.775390625h-98.876953125c-11.07421875 0-19.775390625 9.0966796875-19.775390625 19.775390625 0 11.07421875 9.0966796875 19.775390625 19.775390625 19.775390625z m177.1875 0h98.876953125c11.07421875 0 19.775390625-8.701171874999998 19.775390625-19.775390625s-8.701171874999998-19.775390625-19.775390625-19.775390625h-98.876953125c-11.07421875 0-19.775390625 9.0966796875-19.775390625 19.775390625 0.7910156249999999 11.07421875 8.701171874999998 19.775390625 19.775390625 19.775390625zM774.8209635416665 560.8391927083335c0-11.07421875-8.701171874999998-19.775390625-19.775390625-19.775390625s-19.775390625 8.701171874999998-19.775390625 19.775390625v98.876953125c0 11.07421875 8.701171874999998 19.775390625 19.775390625 19.775390625s19.775390625-8.701171874999998 19.775390625-19.775390625v-98.876953125z m-19.775390625 157.41210937500003c-11.07421875 0-19.775390625 9.0966796875-19.775390625 19.775390625v64.072265625h-79.1015625v1.1865234374999998c-11.07421875 0-19.775390625 8.701171874999998-19.775390625 19.775390625s8.701171874999998 19.775390625 19.775390625 19.775390625h98.876953125c11.07421875 0 19.775390625-8.701171874999998 19.775390625-19.775390625V738.8177083333334c0-11.865234374999998-9.0966796875-20.56640625-19.775390625-20.56640625zM581.0221354166666 802.0989583333333L166.52994791666666 801.3079427083333V423.2024739583333h-0.7910156249999999c0-11.07421875-8.701171874999998-19.775390625-19.775390625-19.775390625s-19.775390625 8.701171874999998-19.775390625 19.775390625V821.8743489583334c0 11.07421875 8.701171874999998 19.775390625 19.775390625 19.775390625H579.8356119791666c11.07421875 0 19.775390625-9.0966796875 19.775390625-19.775390625 0-11.07421875-9.0966796875-19.775390625-18.5888671875-19.775390625z"  ></path></symbol><symbol id="icon-text" viewBox="0 0 1024 1024"><path d="M853.333333 1024 170.666667 1024c-93.866667 0-170.666667-76.8-170.666667-170.666667L0 170.666667c0-93.866667 76.8-170.666667 170.666667-170.666667l682.666667 0c93.866667 0 170.666667 76.8 170.666667 170.666667l0 682.666667C1024 947.2 947.2 1024 853.333333 1024zM170.666667 85.333333C123.733333 85.333333 85.333333 123.733333 85.333333 170.666667l0 682.666667c0 46.933333 38.4 85.333333 85.333333 85.333333l682.666667 0c46.933333 0 85.333333-38.4 85.333333-85.333333L938.666667 170.666667c0-46.933333-38.4-85.333333-85.333333-85.333333L170.666667 85.333333z"  ></path><path d="M725.333333 341.333333 298.666667 341.333333C273.066667 341.333333 256 324.266667 256 298.666667s17.066667-42.666667 42.666667-42.666667l426.666667 0c25.6 0 42.666667 17.066667 42.666667 42.666667S750.933333 341.333333 725.333333 341.333333z"  ></path><path d="M298.666667 384C273.066667 384 256 366.933333 256 341.333333L256 298.666667c0-25.6 17.066667-42.666667 42.666667-42.666667s42.666667 17.066667 42.666667 42.666667l0 42.666667C341.333333 366.933333 324.266667 384 298.666667 384z"  ></path><path d="M725.333333 384c-25.6 0-42.666667-17.066667-42.666667-42.666667L682.666667 298.666667c0-25.6 17.066667-42.666667 42.666667-42.666667s42.666667 17.066667 42.666667 42.666667l0 42.666667C768 366.933333 750.933333 384 725.333333 384z"  ></path><path d="M512 768c-25.6 0-42.666667-17.066667-42.666667-42.666667L469.333333 298.666667c0-25.6 17.066667-42.666667 42.666667-42.666667s42.666667 17.066667 42.666667 42.666667l0 426.666667C554.666667 750.933333 537.6 768 512 768z"  ></path><path d="M554.666667 768l-85.333333 0c-25.6 0-42.666667-17.066667-42.666667-42.666667s17.066667-42.666667 42.666667-42.666667l85.333333 0c25.6 0 42.666667 17.066667 42.666667 42.666667S580.266667 768 554.666667 768z"  ></path></symbol><symbol id="icon-picture" viewBox="0 0 1024 1024"><path d="M875.633778 64H148.366222A98.602667 98.602667 0 0 0 49.777778 162.588444v698.823112a98.602667 98.602667 0 0 0 98.588444 98.602666h727.267556a98.602667 98.602667 0 0 0 98.588444-98.602666h0.014222V162.588444A98.602667 98.602667 0 0 0 875.633778 64zM106.666667 861.411556v-136.405334l201.372444-288.042666c6.215111-8.888889 14.876444-14.250667 24.405333-15.089778 9.628444-0.952889 19.015111 2.929778 26.680889 10.595555l176.924445 176.910223-218.624 293.745777H148.366222A41.713778 41.713778 0 0 1 106.666667 861.411556z m810.680889 0a41.713778 41.713778 0 0 1-41.713778 41.713777H352.867556l252.202666-338.816c6.599111-8.832 15.815111-14.193778 25.998222-15.089777 10.268444-0.867556 20.181333 2.773333 28.174223 10.339555l155.562666 146.744889c5.688889 5.390222 14.705778 5.105778 20.110223-0.583111a14.250667 14.250667 0 0 0-0.583112-20.110222L678.784 538.865778c-13.994667-13.198222-31.886222-19.626667-50.218667-17.976889-18.360889 1.607111-34.801778 10.993778-46.307555 26.439111l-29.027556 38.997333-173.980444-173.966222c-13.738667-13.738667-31.232-20.366222-49.294222-18.816-18.062222 1.578667-34.133333 11.221333-45.226667 27.121778L106.666667 675.370667V162.588444A41.699556 41.699556 0 0 1 148.366222 120.888889h727.267556a41.699556 41.699556 0 0 1 41.699555 41.699555h0.014223v698.823112z" fill="" ></path><path d="M868.636444 717.937778a14.222222 14.222222 0 0 0-19.527111 20.664889l16.995556 16.056889a14.208 14.208 0 0 0 20.096-0.583112 14.193778 14.193778 0 0 0-0.554667-20.081777l-17.009778-16.056889zM636.743111 175.957333c-67.783111 0-122.908444 55.125333-122.908444 122.894223 0 67.768889 55.125333 122.908444 122.908444 122.908444 67.754667 0 122.908444-55.139556 122.908445-122.908444s-55.139556-122.894222-122.908445-122.894223z m0 217.372445c-52.081778 0-94.464-42.368-94.464-94.464s42.368-94.449778 94.464-94.449778 94.464 42.353778 94.464 94.449778-42.368 94.464-94.464 94.464z" fill="" ></path></symbol><symbol id="icon-shuru" viewBox="0 0 1024 1024"><path d="M970.666667 204.8l-151.466667-151.466667L701.866667 170.666667H64c-12.8 0-21.333333 8.533333-21.333333 21.333333v768c0 12.8 8.533333 21.333333 21.333333 21.333333h576c6.4 0 10.666667-2.133333 14.933333-6.4l192-192c4.266667-4.266667 6.4-8.533333 6.4-14.933333V322.133333l117.333334-117.333333z m-529.066667 469.333333l-98.133333-85.333333L742.4 189.866667l91.733333 91.733333-392.533333 392.533333z m-123.733333-49.066666l89.6 76.8-121.6 34.133333 32-110.933333zM910.933333 204.8l-46.933333 46.933333-91.733333-91.733333 46.933333-46.933333 91.733333 91.733333zM661.333333 908.8V789.333333h119.466667L661.333333 908.8z m149.333334-162.133333h-170.666667c-12.8 0-21.333333 8.533333-21.333333 21.333333v170.666667H85.333333V213.333333h573.866667l-128 128H170.666667v42.666667h317.866666l-128 128H170.666667v42.666667h147.2l-32 32-61.866667 213.333333 213.333333-61.866667 183.466667-183.466666H725.333333v-42.666667h-61.866666l147.2-147.2V746.666667z"  ></path></symbol><symbol id="icon-tree" viewBox="0 0 1024 1024"><path d="M448.84 880.29H175.37c-20.14 0-36.46-16.33-36.46-36.46 0-20.14 16.33-36.46 36.46-36.46h273.48c20.14 0 36.46 16.33 36.46 36.46 0 20.14-16.33 36.46-36.47 36.46zM448.84 588.58H175.37c-20.14 0-36.46-16.33-36.46-36.46 0-20.14 16.33-36.46 36.46-36.46h273.48c20.14 0 36.46 16.33 36.46 36.46 0 20.14-16.33 36.46-36.47 36.46z"  ></path><path d="M138.9 843.83V296.88c0-20.14 16.33-36.46 36.46-36.46 20.14 0 36.46 16.33 36.46 36.46v546.95c0 20.14-16.33 36.46-36.46 36.46-20.13 0-36.46-16.32-36.46-36.46z"  ></path><path d="M211.83 348.16H138.9c-40.11 0-72.93-32.82-72.93-72.93V202.3c0-40.11 32.82-72.93 72.93-72.93h72.93c40.11 0 72.93 32.82 72.93 72.93v72.93c0 40.11-32.82 72.93-72.93 72.93zM922.87 625.05H605.12c-20.05 0-36.46-16.41-36.46-36.46v-72.93c0-20.05 16.41-36.46 36.46-36.46h317.75c20.05 0 36.46 16.41 36.46 36.46v72.93c0 20.05-16.41 36.46-36.46 36.46zM921.67 311.69h-508.1c-20.71 0-37.66-16.95-37.66-37.66V203.5c0-20.71 16.95-37.66 37.66-37.66h508.1c20.71 0 37.66 16.95 37.66 37.66v70.54c0 20.71-16.94 37.65-37.66 37.65zM922.87 916.76H605.12c-20.05 0-36.46-16.41-36.46-36.46v-72.93c0-20.05 16.41-36.46 36.46-36.46h317.75c20.05 0 36.46 16.41 36.46 36.46v72.93c0 20.05-16.41 36.46-36.46 36.46z"  ></path></symbol><symbol id="icon-chaxunsousuo" viewBox="0 0 1024 1024"><path d="M724.173722 608.066299m33.939704 33.939705l203.638226 203.638225q33.939704 33.939704 0 67.879409l0 0q-33.939704 33.939704-67.879409 0l-203.638225-203.638226q-33.939704-33.939704 0-67.879408l0 0q33.939704-33.939704 67.879408 0Z"  ></path><path d="M48.436376 928.00402m47.99799 0l287.98794 0q47.99799 0 47.99799 47.99799l0 0q0 47.99799-47.99799 47.99799l-287.98794 0q-47.99799 0-47.99799-47.99799l0 0q0-47.99799 47.99799-47.99799Z"  ></path><path d="M464.418957 832.00804a415.982581 415.982581 0 1 1 293.747699-121.594909A415.342608 415.342608 0 0 1 464.418957 832.00804z m0-735.969182A319.986601 319.986601 0 1 0 688.409577 192.034839a319.986601 319.986601 0 0 0-223.99062-95.995981z"  ></path></symbol><symbol id="icon-jidu" viewBox="0 0 1024 1024"><path d="M153.850705 812.896572v-537.121614c0.409313-0.511642 0.920955-0.920955 0.920955-1.432598 1.330269-12.688718 6.856001-23.637854 15.144599-32.949735 13.609673-15.451584 31.005496-22.716898 51.573498-22.716898H284.626362v-5.62806-44.205856c0-1.637254 0.511642-3.376836 0.716298-5.01409 0.920955-6.037374 6.242031-7.469971 10.539822-9.925852h9.516539c10.130509 3.581493 12.688718 11.563106 12.381732 21.386629-0.409313 12.177076-0.102328 24.45648-0.102328 36.633557v6.446687h389.359448c0-14.4283 0.306985-28.549615-0.102328-42.67093-0.306985-10.02818 1.841911-18.112122 12.381733-21.898272h9.516538c8.902568 3.683821 12.074748 10.437494 11.460778 19.954032-0.61397 10.64215-0.204657 21.181973-0.204657 31.824124v13.098031h5.730389c19.851704 0 39.703408-0.102328 59.555111 0.102328 4.093135 0 8.18627 0.204657 12.177076 1.023284 20.874988 4.809433 37.145198 16.065554 46.559409 35.81493 2.353553 4.911762 3.990806 10.232837 5.935045 15.349255v546.740482c-0.61397 1.739582-1.330269 3.581493-1.944239 5.423403-7.879285 23.84251-23.740182 39.191766-48.401319 44.922155-2.353553 0.511642-4.604777 1.330269-6.856001 1.944239H211.973219c-0.306985-0.306985-0.511642-0.818627-0.920956-0.920955-9.209553-0.61397-17.498151-3.888478-25.377435-8.697912-12.074748-7.265314-21.181973-16.986509-26.298392-30.186869-2.148896-5.525732-3.683821-11.460777-5.525731-17.293495z m33.25672-397.955031V803.482362c0 18.419107 14.121315 33.359049 33.461377 33.359049 194.526232 0.102328 389.052463 0.102328 583.578695 0 19.237734 0 33.563705-14.325972 33.563705-33.666034 0.102328-127.603478 0.102328-255.206955 0.102329-382.810432v-5.321076c-217.038473-0.102328-433.565304-0.102328-650.706106-0.102328z m0-33.666034h650.501449c0.102328-0.920955 0.204657-1.534926 0.204657-2.148896 0-31.721795 0.102328-63.443589-0.102329-95.165384 0-2.762866-0.61397-5.62806-1.534925-8.186269-5.116419-15.963226-16.679524-23.126212-31.926452-23.637854-20.056361-0.511642-40.112721-0.204657-60.169082-0.102328-1.22794 0-2.455881 0.204657-3.888478 0.409313 0 17.088838 0.204657 33.870691-0.204656 50.754872-0.102328 3.172179-1.534926 6.856001-3.683822 9.209553-5.62806 6.037374-12.688718 6.549016-20.261017 3.581493-5.01409-1.944239-9.107225-8.18627-9.107225-14.632957-0.102328-13.302688 0-26.707705 0-40.010393v-8.800239H317.576097c0 15.758569 0.204657 31.107825-0.102329 46.45708-0.204657 10.64215-3.581493 16.679524-14.939942 18.726091-6.856001 1.22794-18.419107-3.78615-18.316778-14.4283 0.204657-15.246927 0.102328-30.391526 0.102328-45.740781v-5.321076H224.150295c-2.967523 0-5.832717 0.61397-8.902568 0.818627-17.805136 1.22794-28.754272 19.135405-28.549616 33.461377 0.409313 29.879884 0.102328 59.65744 0.102329 89.537324 0.306985 1.330269 0.306985 3.172179 0.306985 5.218747z m-33.25672 431.621065c1.841911 5.730389 3.479165 11.767763 5.62806 17.395823 5.116419 13.20036 14.223643 23.023883 26.298391 30.18687 7.879285 4.707105 16.167882 7.981613 25.377436 8.697911 0.306985 0 0.61397 0.511642 0.920955 0.920955h-58.122514c-0.102328-19.135405-0.102328-38.066154-0.102328-57.201559z m659.097032 57.201559c2.353553-0.61397 4.604777-1.432597 6.856-1.944239 24.661137-5.832717 40.419706-21.181973 48.401319-44.922154 0.61397-1.841911 1.330269-3.581493 1.944239-5.423404v52.392126c-19.135405-0.102328-38.168482-0.102328-57.201558-0.102329z" fill="" ></path><path d="M227.424803 623.179774l10.02818-2.353552c25.275107-6.242031 44.410513-13.81433 56.792245-22.921555 12.893375-9.004897 23.433197-17.191166 31.517138-24.763466h-30.08454c-13.81433 0-33.359049 0.511642-58.224843 1.944239 0.511642-3.376836 0.511642-6.242031 0.920955-8.083941s0.511642-3.78615 0.511642-5.730389-0.511642-6.242031-1.432597-13.302688c32.949735 1.432597 52.494454 1.944239 58.224843 1.944239h59.145797v-22.512241c-25.275107 1.432597-39.601079 1.944239-42.977915 1.944239l-26.707705 0.409313-13.405016 0.511642c-0.920955-3.78615-2.353553-7.674628-3.376836-10.949136-0.920955-3.376836-4.297792-8.595583-9.107225-15.758569l10.02818 0.920956c6.242031 0.920955 18.112122 0.920955 35.81493 0.920955 20.568002 0 45.331468-0.920955 74.495053-3.376836 29.061257-2.353553 50.140901-5.218747 63.44359-8.595583l9.516538-2.353553c5.218747 9.004897 10.949136 17.60048 17.191166 26.196063l-30.493854 2.353553-32.438094 2.865194-29.572898 2.353552v23.842511h54.438692c5.218747 0 25.275107-0.511642 60.169082-1.944239-0.920955 3.78615-1.432597 7.162986-1.432597 8.595583-0.511642 1.944239-0.511642 3.376836-0.511642 3.786149 0 0.920955 0.511642 5.218747 1.944239 13.302689-24.865794-1.432597-44.819826-1.944239-60.169082-1.944239h-26.298391c6.242031 6.651344 15.246927 14.325972 26.707705 23.330868 11.972419 9.004897 31.517138 15.758569 59.145798 20.05636l9.107225 1.432598c-5.218747 5.218747-8.595583 9.516538-10.949136 12.893374-2.353553 3.376836-4.809433 8.595583-6.651344 15.246927l-9.107225-3.786149c-30.493854-13.302688-50.550215-24.354152-61.090037-32.847407-10.02818-8.595583-17.191166-15.246927-20.977316-19.544719L382.452283 575.801739l-3.786149-4.809434h-1.944239v29.982213c0 3.78615 0.511642 10.949136 1.432597 21.488958-6.651344-0.920955-10.539822-0.920955-12.381733-0.920956-1.432597 0-5.730389 0.511642-12.893375 0.920956 0.920955-10.02818 1.944239-17.191166 1.944239-21.488958V570.787649c-4.297792 4.297792-9.107225 9.004897-14.837613 14.735285s-11.460777 11.460777-18.112122 17.60048c-6.651344 5.730389-18.623763 14.325972-36.224243 24.763465 10.949136 0.920955 20.977316 1.432597 29.572899 1.432597h95.47237c10.539822 0 22.921555-0.511642 36.735884-1.432597-18.112122 14.735285-30.493854 24.763466-37.65684 29.061257L378.666134 676.595183v0.511642h47.68502c15.246927 0 35.81493-0.511642 62.010992-1.944239-0.511642 4.297792-0.920955 7.162986-0.920955 9.004897 0 1.944239-0.511642 3.78615-0.511642 5.730388s0.511642 6.242031 1.432597 12.893375c-24.865794-1.432597-45.331468-2.353553-62.010992-2.353552H378.666134v33.359048c0 8.083941-1.432597 14.735285-4.297792 19.033077-2.865194 4.809433-17.191166 7.162986-43.387229 8.083941 0-3.78615-0.511642-7.162986-0.920955-9.004896-0.511642-2.353553-0.920955-4.297792-1.944239-6.242031-0.920955-2.353553-4.297792-8.083941-10.539822-17.191166 11.972419 2.353553 20.977316 3.376836 27.219346 2.865194 3.376836 0 5.730389-0.511642 7.162986-1.944239 1.432597-1.432597 1.944239-4.809433 1.944239-9.516538v-19.544719h-51.573498c-11.972419 0-31.926451 0.920955-60.169082 2.353553 0-3.376836 0.511642-7.162986 0.511642-10.437494s0.511642-6.242031 0.511642-7.674628l-0.920956-9.516538c25.275107 1.432597 45.331468 1.944239 60.169082 1.944239h50.550215v-6.242031l-0.511642-3.376836 3.78615-0.920955c7.674628-2.353553 18.112122-8.083941 31.926451-17.60048h-73.47177c-9.516538 0-20.056361 0.511642-31.005496 1.432597 0.511642-2.865194 0.920955-5.218747 0.920956-7.674628 0.511642-1.944239 0.511642-3.376836 0.511641-4.809433l-0.511641-2.865194-0.511642-7.674628c-9.516538 5.730389-18.623763 10.437494-26.707705 14.735285l-7.674628 3.78615c-3.376836-6.242031-5.730389-10.02818-7.674627-11.870091-1.330269-0.204657-6.549016-4.502448-14.632957-10.744479zM522.744479 740.448086l7.162986-10.949135c2.353553-3.78615 5.218747-9.516538 8.595583-16.167883s6.651344-16.167882 10.539822-28.549615c3.78615-11.870091 6.242031-28.140302 6.651344-48.094334 0.920955-20.056361 0.920955-34.791646 1.432597-44.819826V568.536425L555.182572 525.660837c18.112122 0.920955 28.651944 1.432597 32.438094 1.432598h71.629859c-2.353553-5.730389-5.218747-11.870091-8.595583-18.623764l-4.297792-7.674628c8.083941-1.432597 17.191166-4.297792 26.707705-8.595583l11.972419 35.303288h36.224243c10.02818 0 27.62866-0.511642 52.494454-1.944239-0.511642 3.376836-0.920955 5.730389-0.920956 7.674628v4.297791c0 0.920955 0.511642 4.809433 1.432598 10.949136-11.972419 0-22.409913-0.511642-32.438094-0.920955-10.02818-0.511642-16.679524-0.511642-20.568002-0.511642h-140.803837V578.87159h43.387229v-8.083941c0-3.78615 0-6.651344-0.511642-8.595583l-0.920956-9.004897c6.242031 0.920955 10.02818 1.432597 10.949136 1.432597s5.730389-0.511642 13.405016-1.432597c-0.920955 4.297792-0.920955 7.162986-1.432597 9.516538v15.758569h58.736485v-6.24203c0-5.218747 0-8.595583-0.511642-10.02818l-0.920955-9.004897c6.651344 0.920955 10.949136 1.432597 12.381732 1.432597 1.432597 0 5.730389-0.511642 12.893375-1.432597-0.920955 4.297792-0.920955 7.162986-1.432597 9.516538v15.758569h20.568002c9.516538 0 20.568002-0.511642 31.926452-1.432597-0.511642 3.376836-0.511642 5.730389-0.511642 7.162986 0 1.432597 0 3.376836-0.511642 4.809434-0.511642 1.432597 0 2.353553 0 2.865194l0.920955 7.674628c-11.460777-0.920955-22.0006-1.432597-31.926451-1.432598H726.582592V616.733087c0 6.651344 0 10.437494 0.511642 12.381733l0.920955 12.893374c-9.107225-0.920955-18.112122-1.432597-26.298391-1.432597h-53.006095c-8.083941 0-16.679524 0.511642-25.78675 1.432597 0.511642-5.218747 0.511642-9.516538 0.920956-12.893374 0-3.376836 0.511642-7.162986 0.511641-11.460778v-19.544719h-43.89887c0 6.242031-0.511642 12.381733-0.511642 18.623764s-0.920955 15.246927-1.944239 27.62866c-0.920955 11.870091-2.353553 22.409913-3.376836 31.005496-1.432597 8.595583-4.297792 20.056361-8.595584 34.280004-4.297792 14.325972-9.107225 26.707705-13.81433 36.224243l-5.218746 11.460777c-2.865194-2.865194-5.218747-5.218747-7.162986-6.651344-2.762866-2.148896-7.981613-5.525732-17.088838-10.232837z m53.517737-9.107225c23.433197 0 48.196662-5.218747 74.495054-15.758569-8.083941-8.083941-14.325972-14.735285-18.112122-19.544718-3.78615-5.218747-8.083941-12.893375-13.405016-22.409913l-23.433197 1.944239c0.511642-3.376836 0.511642-5.730389 0.511642-7.162986 0-1.432597 0-2.865194 0.511642-4.297792 0-1.432597 0-4.809433-0.920955-10.949135 12.381733 0.920955 24.354152 1.432597 35.303287 1.432597h79.202159c10.949136 0 22.409913-0.511642 34.382332-1.432597-4.809433 9.004897-10.02818 17.60048-15.758569 25.684421-5.730389 8.083941-17.702808 20.056361-34.791646 36.735884 15.758569 6.242031 28.140302 10.437494 37.65684 11.870091 9.107225 1.432597 16.679524 2.353553 22.921555 2.865195l16.679525 0.920955 8.083941 0.920955c-3.376836 3.376836-9.107225 10.437494-16.679524 20.465674l-3.78615 7.162986-9.107225-2.865194c-0.511642 0-8.083941-1.944239-22.921555-6.242031-14.837614-4.297792-32.438093-11.460777-53.415409-21.898271-27.62866 12.381733-53.927051 21.488958-79.202159 26.707705l-9.107225 1.944239c-1.944239-2.353553-3.376836-4.809433-4.809433-7.674628-1.432597-2.865194-2.353553-4.297792-2.865194-5.218747l-4.297792-5.730389-6.651344-8.083941h9.516538v0.61397z m126.887179-57.610872h-58.736484c2.865194 6.242031 6.242031 11.460777 10.02818 16.167882 3.78615 4.809433 9.516538 9.516538 16.679525 14.735286 5.218747-2.865194 10.02818-6.242031 14.837613-10.02818 4.809433-3.274508 10.539822-10.437494 17.191166-20.874988z m-56.792245-50.550215h58.736484v-25.275107h-58.736484v25.275107z" fill="" ></path></symbol><symbol id="icon-shuzishunxu" viewBox="0 0 1024 1024"><path d="M862.138182 252.16h-523.636364a34.909091 34.909091 0 0 1 0-69.818182h523.636364a34.909091 34.909091 0 0 1 0 69.818182z m0 290.909091h-523.636364a34.909091 34.909091 0 0 1 0-69.818182h523.636364a34.909091 34.909091 0 0 1 0 69.818182z m0 290.909091h-523.636364a34.909091 34.909091 0 0 1 0-69.818182h523.636364a34.909091 34.909091 0 0 1 0 69.818182zM149.178182 294.865455V139.636364h43.962182v155.229091h-43.985455z m76.776727 247.854545v44.916364H125.626182l50.059636-93.323637c2.304-4.352 3.490909-8.075636 3.490909-11.170909 0-5.748364-3.584-8.610909-10.682182-8.610909a10.100364 10.100364 0 0 0-10.496 10.24 12.334545 12.334545 0 0 0 3.956364 8.843636l-19.781818 35.374546C124.951273 517.818182 116.363636 502.458182 116.363636 482.909091c0-14.894545 5.236364-27.671273 15.685819-38.283636a51.688727 51.688727 0 0 1 38.260363-15.941819c15.383273 0 28.229818 5.376 38.562909 16.174546 10.309818 10.775273 15.453091 23.458909 15.453091 38.050909 0 8.541091-1.908364 16.523636-5.818182 23.970909L200.145455 542.72h25.809454z m-95.976727 177.431273h82.129454l-25.134545 59.810909c8.843636 6.050909 15.36 12.730182 19.549091 20.014545 4.189091 7.307636 6.283636 15.988364 6.283636 26.088728 0 15.499636-5.376 28.043636-16.174545 37.585454-10.775273 9.541818-24.692364 14.312727-41.774546 14.312727a92.858182 92.858182 0 0 1-25.367272-3.723636v-43.752727c6.842182 3.072 13.032727 4.608 18.618181 4.608 5.445818 0 9.658182-1.536 12.683637-4.724364 3.025455-3.165091 4.561455-7.726545 4.561454-13.637818a18.152727 18.152727 0 0 0-8.029091-15.36c-5.376-3.863273-12.520727-5.818182-21.527272-5.818182l11.380363-30.487273h-17.221818v-44.916363z" fill="#797979" ></path></symbol><symbol id="icon-Group-" viewBox="0 0 1024 1024"><path d="M160 352a32 32 0 0 1-32-32V192a32 32 0 0 1 32-32h128a32 32 0 0 1 32 32v128a32 32 0 0 1-32 32z m32-64h64V224H192zM416 288a32 32 0 0 1 0-64h448a32 32 0 0 1 0 64zM160 608a32 32 0 0 1-32-32v-128a32 32 0 0 1 32-32h128a32 32 0 0 1 32 32v128a32 32 0 0 1-32 32z m32-64h64v-64H192zM416 544a32 32 0 0 1 0-64h448a32 32 0 0 1 0 64zM160 864a32 32 0 0 1-32-32v-128a32 32 0 0 1 32-32h128a32 32 0 0 1 32 32v128a32 32 0 0 1-32 32z m32-64h64v-64H192zM416 800a32 32 0 0 1 0-64h448a32 32 0 0 1 0 64z"  ></path></symbol><symbol id="icon-riqi" viewBox="0 0 1024 1024"><path d="M819.6 202.6H700.7v-63.8c0-17.6-14.3-31.9-31.9-31.9-17.6 0-31.9 14.3-31.9 31.9v63.8h-255v-63.8c0-17.6-14.3-31.9-31.9-31.9s-31.9 14.3-31.9 31.9v63.8H199.3C140.7 202.6 93 250.3 93 308.9v504.8C93 872.3 140.7 920 199.3 920h620.3c58.6 0 106.3-47.7 106.3-106.3V308.9c0-58.6-47.7-106.3-106.3-106.3z m42.5 611.1c0 23.4-19.1 42.5-42.5 42.5H199.3c-23.4 0-42.5-19.1-42.5-42.5V308.9c0-23.4 19.1-42.5 42.5-42.5h118.8v47.8c0 17.6 14.3 31.9 31.9 31.9s31.9-14.3 31.9-31.9v-47.8H637v47.8c0 17.6 14.3 31.9 31.9 31.9 17.6 0 31.9-14.3 31.9-31.9v-47.8h118.8c23.4 0 42.5 19.1 42.5 42.5v504.8z"  ></path><path d="M340.1 409.9H238c-12.9 0-23.4 10.5-23.4 23.4v87.6c0 12.9 10.5 23.4 23.4 23.4h102.1c12.9 0 23.4-10.5 23.4-23.4v-87.6c0-12.9-10.5-23.4-23.4-23.4zM560.5 409.9H458.4c-12.9 0-23.4 10.5-23.4 23.4v87.6c0 12.9 10.5 23.4 23.4 23.4h102.1c12.9 0 23.4-10.5 23.4-23.4v-87.6c0-12.9-10.5-23.4-23.4-23.4zM781 409.9H678.8c-12.9 0-23.4 10.5-23.4 23.4v87.6c0 12.9 10.5 23.4 23.4 23.4H781c12.9 0 23.4-10.5 23.4-23.4v-87.6c0-12.9-10.6-23.4-23.4-23.4zM340.1 632.9H238c-12.9 0-23.4 10.5-23.4 23.4v87.6c0 12.9 10.5 23.4 23.4 23.4h102.1c12.9 0 23.4-10.5 23.4-23.4v-87.6c0-12.9-10.5-23.4-23.4-23.4zM560.5 632.9H458.4c-12.9 0-23.4 10.5-23.4 23.4v87.6c0 12.9 10.5 23.4 23.4 23.4h102.1c12.9 0 23.4-10.5 23.4-23.4v-87.6c0-12.9-10.5-23.4-23.4-23.4zM781 632.9H678.8c-12.9 0-23.4 10.5-23.4 23.4v87.6c0 12.9 10.5 23.4 23.4 23.4H781c12.9 0 23.4-10.5 23.4-23.4v-87.6c0-12.9-10.6-23.4-23.4-23.4z"  ></path></symbol><symbol id="icon-zuoce-qujian" viewBox="0 0 1024 1024"><path d="M915.456 198.656c-49.3568 0-90.9312 32.768-104.0384 77.824h-195.1744c-13.312-45.056-54.8864-77.824-104.0384-77.824-49.3568 0-90.9312 32.768-104.0384 77.824H30.72c-16.9984 0-30.72 13.7216-30.72 30.72s13.7216 30.72 30.72 30.72h377.2416c13.312 45.056 54.8864 77.824 104.0384 77.824 49.3568 0 90.9312-32.768 104.0384-77.824h195.1744c13.312 45.056 54.8864 77.824 104.0384 77.824 60.0064 0 108.544-48.5376 108.544-108.544 0.2048-60.0064-48.3328-108.544-108.3392-108.544z m-403.456 155.648c-26.0096 0-47.104-21.0944-47.104-47.104s21.0944-47.104 47.104-47.104 47.104 21.0944 47.104 47.104-21.0944 47.104-47.104 47.104z m403.456 0c-26.0096 0-47.104-21.0944-47.104-47.104s21.0944-47.104 47.104-47.104 47.104 21.0944 47.104 47.104-21.0944 47.104-47.104 47.104zM993.28 686.08H616.0384c-13.312-45.056-54.8864-77.824-104.0384-77.824-49.3568 0-90.9312 32.768-104.0384 77.824h-193.1264c-13.312-45.056-54.8864-77.824-104.0384-77.824-55.7056 0-101.376 41.7792-107.7248 95.6416-1.8432 3.8912-2.8672 8.192-2.8672 12.9024s1.024 9.0112 2.8672 12.9024C9.216 783.5648 54.8864 825.344 110.592 825.344c49.3568 0 90.9312-32.768 104.0384-77.824h193.1264c13.312 45.056 54.8864 77.824 104.0384 77.824 49.3568 0 90.9312-32.768 104.0384-77.824H993.28c16.9984 0 30.72-13.7216 30.72-30.72s-13.7216-30.72-30.72-30.72zM110.592 763.904c-26.0096 0-47.104-21.0944-47.104-47.104s21.0944-47.104 47.104-47.104 47.104 21.0944 47.104 47.104-21.0944 47.104-47.104 47.104z m401.408 0c-26.0096 0-47.104-21.0944-47.104-47.104s21.0944-47.104 47.104-47.104 47.104 21.0944 47.104 47.104-21.0944 47.104-47.104 47.104z" fill="#646464" ></path></symbol><symbol id="icon-liebiao" viewBox="0 0 1024 1024"><path d="M92.5 573.1h179.4c16.5 0 29.9-13.4 29.9-29.9s-13.4-29.9-29.9-29.9H92.5c-16.5 0-29.9 13.4-29.9 29.9s13.4 29.9 29.9 29.9zM950.9 823L848 720c31.9-40.7 51.7-91.2 51.7-146.9 0-132.1-107.1-239.2-239.2-239.2S421.3 441 421.3 573.1s107.1 239.2 239.2 239.2c55.7 0 106.3-19.9 146.9-51.7l103 103c11.2 11.2 29.3 11.2 40.5 0 11.2-11.3 11.2-29.4 0-40.6zM788.7 698.3c-0.5 0.5-1.3 0.7-1.7 1.2-0.5 0.5-0.7 1.3-1.2 1.7-32.4 31.6-76.4 51.2-125.3 51.2-99.1 0-179.4-80.3-179.4-179.4 0-99.1 80.3-179.4 179.4-179.4S839.9 474 839.9 573.1c0.1 48.8-19.6 92.9-51.2 125.2z m-696.2-484h538.2c16.5 0 29.9-13.4 29.9-29.9s-13.4-29.9-29.9-29.9H92.5c-16.5 0-29.9 13.4-29.9 29.9s13.4 29.9 29.9 29.9z m239.2 119.6H92.5c-16.5 0-29.9 13.4-29.9 29.9s13.4 29.9 29.9 29.9h239.2c16.5 0 29.9-13.4 29.9-29.9s-13.4-29.9-29.9-29.9z m0 358.8H92.5c-16.5 0-29.9 13.4-29.9 29.9s13.4 29.9 29.9 29.9h239.2c16.5 0 29.9-13.4 29.9-29.9s-13.4-29.9-29.9-29.9z m0 0"  ></path></symbol><symbol id="icon-xialakuang" viewBox="0 0 1024 1024"><path d="M970.105263 404.210526H53.894737v-323.368421h916.210526v323.368421z m-862.315789-53.894737h808.421052v-215.578947H107.789474v215.578947z" fill="#444A5C" ></path><path d="M970.105263 943.157895H53.894737v-592.842106h916.210526v592.842106z m-862.315789-53.894737h808.421052v-485.052632H107.789474v485.052632zM754.526316 307.2L662.905263 215.578947l37.726316-37.726315 53.894737 53.894736 53.894737-53.894736 37.726315 37.726315z" fill="#444A5C" ></path><path d="M264.084211 781.473684h485.052631v-53.894737h-485.052631v53.894737z m0-107.789473h485.052631v-53.894737h-485.052631v53.894737z m0-161.684211v53.894737h485.052631v-53.894737h-485.052631z" fill="#444A5C" ></path></symbol><symbol id="icon-xialashu" viewBox="0 0 1024 1024"><path d="M970.105263 323.368421H53.894737V53.894737h916.210526v269.473684zM107.789474 269.473684h808.421052V107.789474H107.789474v161.68421zM215.578947 538.947368H53.894737V377.263158h161.68421v161.68421zM107.789474 485.052632h53.894737V431.157895H107.789474v53.894737z" fill="#444A5C" ></path><path d="M269.473684 431.157895h431.157895v53.894737H269.473684V431.157895zM538.947368 646.736842h431.157895v53.894737h-431.157895v-53.894737zM538.947368 862.315789h431.157895v53.894737h-431.157895v-53.894737zM107.789474 485.052632h53.894737v431.157894H107.789474V485.052632zM161.684211 700.631579v-53.894737h161.68421v53.894737H161.684211M161.684211 916.210526v-53.894737h161.68421v53.894737H161.684211" fill="#444A5C" ></path><path d="M485.052632 754.526316H323.368421v-161.684211h161.684211v161.684211z m-107.789474-53.894737h53.894737v-53.894737H377.263158v53.894737zM485.052632 970.105263H323.368421v-161.68421h161.684211v161.68421z m-107.789474-53.894737h53.894737v-53.894737H377.263158v53.894737z" fill="#444A5C" ></path><path d="M754.526316 161.684211h107.789473v53.894736h-107.789473V161.684211z" fill="#444A5C" ></path></symbol><symbol id="icon-zhongzhi" viewBox="0 0 1024 1024"><path d="M624.593455 23.272727a93.090909 93.090909 0 0 1 93.090909 93.090909v168.587637l143.406545 0.023272a116.363636 116.363636 0 0 1 116.247273 111.313455l0.116363 5.050182V861.090909a116.363636 116.363636 0 0 1-116.363636 116.363636H162.909091a116.363636 116.363636 0 0 1-116.363636-116.363636V401.338182a116.363636 116.363636 0 0 1 116.363636-116.363637l146.664727-0.023272V116.363636a93.090909 93.090909 0 0 1 88.459637-92.974545l4.654545-0.116364zM139.636364 581.818182v279.272727a23.272727 23.272727 0 0 0 23.272727 23.272727h302.545454v-162.909091a46.545455 46.545455 0 1 1 93.09091 0v162.909091h93.090909v-162.909091a46.545455 46.545455 0 1 1 93.090909 0v162.909091h116.363636a23.272727 23.272727 0 0 0 23.272727-23.272727V581.818182H139.636364z m0-93.090909h744.727272v-87.389091a23.272727 23.272727 0 0 0-23.272727-23.272727h-166.679273a69.818182 69.818182 0 0 1-69.818181-69.818182V116.363636h-221.905455v191.883637a69.818182 69.818182 0 0 1-69.818182 69.818182H162.909091a23.272727 23.272727 0 0 0-23.272727 23.272727V488.727273z"  ></path></symbol><symbol id="icon-ri" viewBox="0 0 1024 1024"><path d="M408.222897 789.115586v-35.345655h217.15862v34.886621h33.474207V388.378483h-283.68331v400.737103h33.050483z m217.15862-237.779862h-217.15862v-130.824827h217.15862v130.824827z m0 170.301793h-217.15862v-138.169379h217.15862v138.169379z"  ></path><path d="M917.645241 144.772414a70.62069 70.62069 0 0 1 70.62069 70.620689v681.489656a70.62069 70.62069 0 0 1-70.62069 70.620689H94.384552a70.62069 70.62069 0 0 1-70.62069-70.620689V215.393103a70.62069 70.62069 0 0 1 70.62069-70.620689h823.260689z m0 45.903448H94.384552a24.717241 24.717241 0 0 0-24.50538 21.362759l-0.211862 3.354482v681.489656a24.717241 24.717241 0 0 0 21.362759 24.505379l3.354483 0.211862h823.260689a24.717241 24.717241 0 0 0 24.50538-21.362759l0.211862-3.354482V215.393103a24.717241 24.717241 0 0 0-21.362759-24.505379l-3.354483-0.211862z"  ></path><path d="M312.214069 31.249655a22.951724 22.951724 0 0 1 22.704552 19.561931l0.247172 3.389793v180.824276a22.951724 22.951724 0 0 1-45.656276 3.389793l-0.247172-3.389793v-180.788965a22.951724 22.951724 0 0 1 22.951724-22.951724zM691.023448 31.249655a22.951724 22.951724 0 0 1 22.704552 19.561931l0.247172 3.389793v180.824276a22.951724 22.951724 0 0 1-45.656275 3.389793l-0.247173-3.389793v-180.788965a22.951724 22.951724 0 0 1 22.951724-22.951724z"  ></path></symbol><symbol id="icon-nian" viewBox="0 0 1024 1024"><path d="M715.702857 32.365714a23.771429 23.771429 0 0 1 23.515429 20.260572l0.256 3.510857V149.942857l210.944 0.036572a73.142857 73.142857 0 0 1 73.142857 73.142857v705.828571a73.142857 73.142857 0 0 1-73.142857 73.142857H97.755429a73.142857 73.142857 0 0 1-73.142858-73.142857V223.085714a73.142857 73.142857 0 0 1 73.142858-73.142857h201.837714V56.100571a23.771429 23.771429 0 0 1 47.286857-3.510857l0.256 3.510857V149.942857h344.795429V56.137143a23.771429 23.771429 0 0 1 23.771428-23.771429zM299.593143 197.485714l-201.874286 0.036572a25.6 25.6 0 0 0-25.344 22.125714l-0.219428 3.474286v705.828571a25.6 25.6 0 0 0 22.125714 25.380572l3.474286 0.219428h852.662857a25.6 25.6 0 0 0 25.380571-22.125714l0.219429-3.474286V223.085714a25.6 25.6 0 0 0-22.125715-25.380571l-3.474285-0.219429H739.474286v45.933715a23.771429 23.771429 0 0 1-47.286857 3.510857l-0.256-3.510857V197.485714H347.136v45.970286a23.771429 23.771429 0 0 1-47.286857 3.510857l-0.256-3.510857V197.485714z m112.274286 181.504l35.657142 6.656c-5.229714 18.066286-11.410286 34.706286-18.066285 50.870857h295.241143v33.28h-149.284572v76.068572h132.644572v32.804571h-132.644572v102.692572h164.498286v33.28h-164.498286v106.020571h-34.706286V714.605714H321.097143v-33.28h78.445714v-135.497143h141.202286v-76.068571h-127.890286a285.805714 285.805714 0 0 1-75.117714 84.626286l-22.820572-28.525715c48.018286-36.132571 80.347429-85.101714 96.987429-146.907428z m128.841142 199.68H433.737143v102.692572h106.971428v-102.692572z"  ></path></symbol><symbol id="icon-yue" viewBox="0 0 1024 1024"><path d="M371.959172 792.328828c29.837241-39.017931 47.315862-88.134621 52.788966-147.809104h197.843862v91.347862c0 13.312-5.508414 20.197517-16.066207 20.197517-17.44331 0-36.722759-0.918069-57.838345-1.836137l9.18069 32.591448h59.215448c25.705931 0 39.017931-13.312 39.017931-39.476966V388.378483h-263.026758v224.008827c-0.918069 63.346759-16.066207 115.67669-46.362483 156.989793l25.246896 22.951725z m250.632828-291.945931h-195.972414v-80.331035h195.972414v80.331035z m0 113.381517h-195.972414v-82.626207h195.972414v82.626207z"  ></path><path d="M917.645241 144.772414a70.62069 70.62069 0 0 1 70.62069 70.620689v681.489656a70.62069 70.62069 0 0 1-70.62069 70.620689H94.384552a70.62069 70.62069 0 0 1-70.62069-70.620689V215.393103a70.62069 70.62069 0 0 1 70.62069-70.620689h823.260689z m0 45.903448H94.384552a24.717241 24.717241 0 0 0-24.50538 21.362759l-0.211862 3.354482v681.489656a24.717241 24.717241 0 0 0 21.362759 24.505379l3.354483 0.211862h823.260689a24.717241 24.717241 0 0 0 24.50538-21.362759l0.211862-3.354482V215.393103a24.717241 24.717241 0 0 0-21.362759-24.505379l-3.354483-0.211862z"  ></path><path d="M312.214069 31.249655a22.951724 22.951724 0 0 1 22.704552 19.561931l0.247172 3.389793v180.824276a22.951724 22.951724 0 0 1-45.656276 3.389793l-0.247172-3.389793v-180.788965a22.951724 22.951724 0 0 1 22.951724-22.951724zM691.023448 31.249655a22.951724 22.951724 0 0 1 22.704552 19.561931l0.247172 3.389793v180.824276a22.951724 22.951724 0 0 1-45.656275 3.389793l-0.247173-3.389793v-180.788965a22.951724 22.951724 0 0 1 22.951724-22.951724z"  ></path></symbol></svg>',o=(o=document.getElementsByTagName("script"))[o.length-1].getAttribute("data-injectcss"),z=function(l,c){c.parentNode.insertBefore(l,c)};if(o&&!l.__iconfont__svg__cssinject__){l.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(l){console&&console.log(l)}}function s(){t||(t=!0,a())}function m(){try{v.documentElement.doScroll("left")}catch(l){return void setTimeout(m,50)}s()}c=function(){var l,c;(c=document.createElement("div")).innerHTML=i,i=null,(l=c.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",c=l,(l=document.body).firstChild?z(c,l.firstChild):l.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(c,0):(h=function(){document.removeEventListener("DOMContentLoaded",h,!1),c()},document.addEventListener("DOMContentLoaded",h,!1)):document.attachEvent&&(a=c,v=l.document,t=!1,m(),v.onreadystatechange=function(){"complete"==v.readyState&&(v.onreadystatechange=null,s())})}(window);
\ No newline at end of file
+!function(h){var l,c,a,v,t,i='<svg><symbol id="icon-shujujuzhen" viewBox="0 0 1024 1024"><path d="M192 224h128v128H192z m0 448h128v128H192z m0-224h128v128H192z m-64-288h64V96H64v832h128v-64h-64z m576 64h128v128H704z m0 224h128v128H704z m128-288h64v704h-64v64h128V96H832z m-384 64h128v128H448z m256 448h128v128H704zM448 448h128v128H448z m0 224h128v128H448z" fill="#333333" ></path></symbol><symbol id="icon-shitujuzhen_o" viewBox="0 0 1024 1024"><path d="M213.333333 426.666667h170.666667v170.666666H213.333333v-170.666666z m42.666667 42.666666v85.333334h85.333333v-85.333334H256zM213.333333 213.333333h170.666667v170.666667H213.333333V213.333333z m42.666667 42.666667v85.333333h85.333333V256H256z m170.666667-42.666667h170.666666v170.666667h-170.666666V213.333333z m42.666666 42.666667v85.333333h85.333334V256h-85.333334z m-42.666666 170.666667h170.666666v170.666666h-170.666666v-170.666666z m42.666666 42.666666v85.333334h85.333334v-85.333334h-85.333334z m170.666667-256h170.666667v170.666667h-170.666667V213.333333z m42.666667 42.666667v85.333333h85.333333V256h-85.333333z m-42.666667 170.666667h170.666667v170.666666h-170.666667v-170.666666z m42.666667 42.666666v85.333334h85.333333v-85.333334h-85.333333z m-42.666667 170.666667h170.666667v170.666667h-170.666667v-170.666667z m42.666667 42.666667v85.333333h85.333333v-85.333333h-85.333333z m-256-42.666667h170.666666v170.666667h-170.666666v-170.666667z m42.666666 42.666667v85.333333h85.333334v-85.333333h-85.333334z m-256-42.666667h170.666667v170.666667H213.333333v-170.666667z m42.666667 42.666667v85.333333h85.333333v-85.333333H256z" fill="#444444" ></path></symbol><symbol id="icon-xuanfu1" viewBox="0 0 1024 1024"><path d="M768 256h102.4a102.4 102.4 0 0 1 102.4 102.4v512a102.4 102.4 0 0 1-102.4 102.4H358.4a102.4 102.4 0 0 1-102.4-102.4v-102.4H153.6a102.4 102.4 0 0 1-102.4-102.4V153.6a102.4 102.4 0 0 1 102.4-102.4h512a102.4 102.4 0 0 1 102.4 102.4v102.4z m-102.4-143.36H153.6a40.96 40.96 0 0 0-40.96 40.96v512a40.96 40.96 0 0 0 40.96 40.96h102.4V358.4a102.4 102.4 0 0 1 102.4-102.4h348.16V153.6a40.96 40.96 0 0 0-40.96-40.96z m-307.2 204.8a40.96 40.96 0 0 0-40.96 40.96v512a40.96 40.96 0 0 0 40.96 40.96h512a40.96 40.96 0 0 0 40.96-40.96V358.4a40.96 40.96 0 0 0-40.96-40.96H358.4z"  ></path></symbol><symbol id="icon-youxuanfu-copy" viewBox="0 0 1024 1024"><path d="M640 209.066667H349.866667c-46.933333 0-89.6 42.666667-89.6 93.866666v328.533334C260.266667 682.666667 298.666667 725.333333 349.866667 725.333333H640v25.6c0 38.4-29.866667 72.533333-68.266667 72.533334H217.6c-38.4 0-68.266667-29.866667-68.266667-72.533334V209.066667c0-38.4 29.866667-72.533333 68.266667-72.533334h354.133333c38.4 4.266667 68.266667 34.133333 68.266667 72.533334z m0 0" fill="#0A6ECB" ></path><path d="M366.933333 256h422.4c25.6 0 42.666667 21.333333 42.666667 46.933333v328.533334c0 25.6-21.333333 46.933333-42.666667 46.933333H366.933333c-25.6 0-42.666667-21.333333-42.666666-46.933333V302.933333c0-25.6 17.066667-46.933333 42.666666-46.933333z m0 0" fill="#0A6ECB" ></path></symbol><symbol id="icon-xuanfu" viewBox="0 0 1024 1024"><path d="M341.632 599.296l-113.152 59.776 270.336 142.912 270.336-142.912-113.152-59.776 68.48-36.224 128.128 67.712a32 32 0 0 1 0 56.576L513.792 866.56a32 32 0 0 1-29.952 0L145.024 687.36a32 32 0 0 1 0-56.576l128.128-67.712 68.48 36.224z" fill="#585858" ></path><path d="M498.816 260.224L228.48 403.072l270.336 142.912 270.336-142.912-270.336-142.848z m14.976-64.512l338.816 179.072a32 32 0 0 1 0 56.576L513.792 610.56a32 32 0 0 1-29.952 0L145.024 431.36a32 32 0 0 1 0-56.576L483.84 195.712a32 32 0 0 1 29.952 0z" fill="#407CD5" ></path></symbol><symbol id="icon-xuanfuanniu" viewBox="0 0 1024 1024"><path d="M977.066667 618.666667c0-4.266667-4.266667-8.533333-8.533334-8.533334l-59.733333-34.133333-396.8 230.4-396.8-230.4-59.733333 34.133333c-4.266667 0-8.533333 4.266667-8.533334 8.533334-4.266667 4.266667-4.266667 8.533333-4.266666 12.8 0 4.266667 0 8.533333 4.266666 12.8s4.266667 8.533333 8.533334 8.533333L512 917.333333l456.533333-264.533333c4.266667 0 8.533333-4.266667 8.533334-8.533333s4.266667-8.533333 4.266666-12.8c0-4.266667 0-8.533333-4.266666-12.8z" fill="#8DC5FF" ></path><path d="M977.066667 388.266667c0-4.266667-4.266667-8.533333-8.533334-8.533334L537.6 115.2c-8.533333-4.266667-17.066667-8.533333-25.6-8.533333s-17.066667 4.266667-25.6 8.533333L55.466667 379.733333c-4.266667 0-8.533333 4.266667-8.533334 8.533334-4.266667 4.266667-4.266667 8.533333-4.266666 12.8 0 4.266667 0 8.533333 4.266666 12.8 0 4.266667 4.266667 8.533333 8.533334 8.533333L512 704l456.533333-281.6c4.266667-4.266667 8.533333-4.266667 8.533334-8.533333 4.266667-4.266667 4.266667-8.533333 4.266666-12.8 0-4.266667 0-8.533333-4.266666-12.8z" fill="#2D8CF0" ></path></symbol><symbol id="icon-tabs" viewBox="0 0 1024 1024"><path d="M897.8 404.8H566.9c-9.1 0-17.4-5.2-21.4-13.3L440 175.7H176.2c-30.9 0-56 25.1-56 56v560.1c0 30.9 25.1 56 56 56h672.1c30.9 0 56-25.1 56-56V411.4c0-3.6-2.9-6.6-6.5-6.6zM176.2 119.7h288.7c6.1 0 11.8 3.5 14.5 9l102.4 209.4c3.2 6.6 9.9 10.7 17.2 10.7h354.8c3.7 0 6.6 3 6.6 6.6v436.4c0 61.9-50.2 112-112 112H176.2c-61.9 0-112-50.2-112-112V231.7c0-61.9 50.2-112 112-112z m343.5 0h140.1c1.1 0 2.2 0.6 2.8 1.6l109.8 184.6c0.6 1-0.1 2.2-1.3 2.2H635.2c-6.8 0-13.1-3.6-16.5-9.4L513.3 122.9c-0.7-1.2 0.1-2.8 1.5-2.9l4.9-0.3z m184.4 0h144.3c61.9 0 112 50.2 112 112v72.1c0 2.4-1.9 4.3-4.3 4.3H818.9c-4.9 0-9.4-2.6-11.9-6.8L701.6 124c-0.4-0.7-0.5-1.6-0.2-2.4 0.3-1.2 1.4-1.9 2.7-1.9z"  ></path></symbol><symbol id="icon-xiyu" viewBox="0 0 1024 1024"><path d="M263.202133 470.254933H743.765333a75.093333 75.093333 0 0 1 73.864534 88.541867l-46.08 253.44a75.093333 75.093333 0 0 1-73.864534 61.6448H309.248a75.093333 75.093333 0 0 1-73.864533-61.6448l-46.08-253.44a75.093333 75.093333 0 0 1 73.864533-88.541867z" fill="#94B3FF" ></path><path d="M745.403733 470.357333l-1.706666-0.1024a75.093333 75.093333 0 0 1 73.898666 88.541867l-46.08 253.44a75.093333 75.093333 0 0 1-73.864533 61.6448H309.248a75.093333 75.093333 0 0 1-73.864533-61.6448l-2.184534-11.844267 2.6624 0.1024H624.298667a75.093333 75.093333 0 0 0 73.864533-61.6448l46.08-253.44a75.093333 75.093333 0 0 0 1.194667-15.086933z" fill="#6B91EF" ></path><path d="M745.7792 470.254933a73.386667 73.386667 0 0 1 72.192 86.528l-46.6944 256.853334a73.386667 73.386667 0 0 1-72.192 60.245333H307.848533a73.386667 73.386667 0 0 1-72.192-60.245333l-46.6944-256.853334a73.386667 73.386667 0 0 1 72.192-86.528H745.813333z m0 31.573334H261.12a41.847467 41.847467 0 0 0-41.710933 44.782933l0.546133 4.539733 46.728533 256.853334c3.310933 18.363733 18.3296 32.085333 36.522667 34.0992l4.608 0.238933h391.236267c18.6368 0 34.816-12.322133 40.072533-29.866667l1.058133-4.471466 46.728534-256.853334a41.847467 41.847467 0 0 0-36.625067-49.083733l-4.539733-0.238933z" fill="#333333" ></path><path d="M136.533333 433.5616m55.057067 0l623.752533 0q55.057067 0 55.057067 55.057067l0-0.034134q0 55.057067-55.057067 55.057067l-623.752533 0q-55.057067 0-55.057067-55.057067l0 0.034134q0-55.057067 55.057067-55.057067Z" fill="#94B3FF" ></path><path d="M754.346667 433.5616h60.996266a55.022933 55.022933 0 1 1 0 110.08h-81.7152l20.6848-110.08z" fill="#6B91EF" ></path><path d="M815.342933 433.5616a55.022933 55.022933 0 1 1 0 110.08H191.5904a55.057067 55.057067 0 0 1 0-110.08h623.752533z m0 31.573333H191.5904a23.483733 23.483733 0 0 0-3.4816 46.6944l3.4816 0.273067h623.752533a23.483733 23.483733 0 0 0 3.4816-46.728533l-3.4816-0.238934z" fill="#333333" ></path><path d="M283.306667 396.868267m56.32 0l34.133333 0q56.32 0 56.32 56.32l0 107.52q0 56.32-56.32 56.32l-34.133333 0q-56.32 0-56.32-56.32l0-107.52q0-56.32 56.32-56.32Z" fill="#FFFFFF" ></path><path d="M377.890133 397.038933l-4.130133-0.170666c31.095467 0 56.32 25.258667 56.32 56.32v107.52a56.32 56.32 0 0 1-56.32 56.32h-34.133333a56.32 56.32 0 0 1-52.224-35.1232l4.164266 0.170666h52.906667a37.546667 37.546667 0 0 0 37.546667-37.546666v-126.293334c0-7.509333-1.467733-14.677333-4.096-21.1968z" fill="#E7E7E7" ></path><path d="M375.022933 396.868267c30.4128 0 55.057067 24.644267 55.057067 55.057066v110.08c0 30.378667-24.644267 55.022933-55.022933 55.022934H338.3296c-30.378667 0-55.022933-24.644267-55.022933-55.022934V451.925333c0-30.378667 24.644267-55.057067 55.022933-55.057066h36.693333z m0 31.573333H338.3296a23.483733 23.483733 0 0 0-23.210667 20.002133l-0.273066 3.4816v110.08c0 11.776 8.704 21.538133 20.036266 23.210667l3.447467 0.273067h36.693333a23.483733 23.483733 0 0 0 23.2448-20.002134l0.273067-3.4816V451.925333a23.483733 23.483733 0 0 0-20.036267-23.210666l-3.4816-0.273067zM703.6928 102.4c72.635733 0 113.4592 32.768 116.292267 95.061333l0.136533 7.0656v240.913067h-31.5392V204.526933c0-48.264533-26.0096-70.5536-84.8896-70.5536-56.456533 0-82.705067 20.48-84.7872 64.648534l-0.136533 5.905066h-31.5392C587.229867 137.659733 628.3264 102.4 703.6928 102.4z" fill="#333333" ></path><path d="M601.4976 164.9664a58.026667 58.026667 0 0 0-39.3216 15.36l-14.677333 13.5168c-12.970667 11.946667-20.3776 28.808533-20.3776 46.4896 0 25.088 20.343467 45.397333 45.397333 45.397333h64.580267a45.397333 45.397333 0 0 0 45.397333-45.397333c0-18.568533-8.635733-36.078933-23.381333-47.377067l-19.899734-15.223466a62.088533 62.088533 0 0 0-37.717333-12.765867z m0 31.5392c5.358933 0 10.581333 1.4336 15.223467 4.096l3.310933 2.184533 19.933867 15.223467a28.0576 28.0576 0 0 1 10.990933 22.3232c0 6.690133-4.778667 12.288-11.0592 13.585067l-2.798933 0.273066h-64.546134a13.858133 13.858133 0 0 1-13.892266-13.858133c0-7.3728 2.594133-14.472533 7.168-20.0704l3.072-3.208533 14.677333-13.550934a26.487467 26.487467 0 0 1 17.92-6.997333z" fill="#333333" ></path><path d="M547.84 307.712a16.042667 16.042667 0 0 1 15.906133 12.970667l0.273067 2.798933v36.693333a15.9744 15.9744 0 0 1-16.145067 15.803734 16.042667 16.042667 0 0 1-15.906133-12.970667l-0.238933-2.833067V323.4816c0-8.704 7.236267-15.7696 16.145066-15.7696zM602.897067 307.712a16.042667 16.042667 0 0 1 15.906133 12.970667l0.238933 2.798933v36.693333a15.9744 15.9744 0 0 1-16.145066 15.803734 16.042667 16.042667 0 0 1-15.872-12.970667l-0.273067-2.833067V323.4816c0-8.704 7.236267-15.7696 16.145067-15.7696zM657.954133 307.712a16.042667 16.042667 0 0 1 15.872 12.970667l0.273067 2.798933v36.693333a15.9744 15.9744 0 0 1-16.145067 15.803734 16.042667 16.042667 0 0 1-15.906133-12.970667l-0.238933-2.833067V323.4816c0-8.704 7.236267-15.7696 16.145066-15.7696z" fill="#333333" ></path><path d="M271.36 601.531733a15.7696 15.7696 0 0 1 17.681067 9.8304l0.750933 2.730667 20.138667 105.915733a15.7696 15.7696 0 0 1-30.242134 8.6016l-0.785066-2.730666-20.104534-105.8816a15.7696 15.7696 0 0 1 12.561067-18.432z" fill="#A7C1FF" ></path><path d="M583.5776 203.502933l-14.677333 13.550934a31.6416 31.6416 0 0 0-10.24 23.278933c0 7.645867 6.212267 13.858133 13.892266 13.858133h64.546134a13.858133 13.858133 0 0 0 13.858133-13.858133 28.0576 28.0576 0 0 0-10.990933-22.3232l-19.933867-15.223467a30.5152 30.5152 0 0 0-18.5344-6.280533 26.487467 26.487467 0 0 0-17.92 6.997333z" fill="#F4BE59" ></path></symbol><symbol id="icon-quxiaoshangzuan" viewBox="0 0 1024 1024"><path d="M547.584 252.064l-35.584-20.48-30.016 17.28 0-53.696-93.632-0.96 125.792-124.8 121.536 127.232-88.096-0.896 0 56.32zM32.512 825.888l-31.776-55.552 226.976-129.792-155.52-89.504c-10.016-5.76-10.88-19.55200001-2.496-26.656l2.528-1.76 423.424-243.776c8.864-5.12 19.52-5.76 28.832-1.92l3.904 1.92 165.376 95.2 253.12-144.8 31.808 55.552-220.704 126.208 193.792 111.616a16.416 16.416 0 0 1 2.528 26.656l-2.528 1.76-423.392 243.776c-8.864 5.12-19.52 5.76-28.832 1.92l-3.904-1.92-203.68-117.28-259.456 148.352z m261.12-223.04l188.384-107.712 0-94.912 29.984-17.28 35.584 20.48L547.584 457.6l80.224-45.824L512 345.088l-333.024 191.744 114.656 66.016z m218.4 125.696L845.024 536.832l-152.99199999-88.096-144.41600001 82.592-0.032 138.88-35.584 20.48-30.016-17.28 0-104.576-124.096 70.976L512 728.54400001z m-30.048 226.04799999l0-129.79199999L512 842.07999999l35.584-20.47999999L547.584 954.56l-65.6 0z" fill="#979BA5" ></path></symbol><symbol id="icon-quxiaoxiazuan" viewBox="0 0 1024 1024"><path d="M476.416 771.936l35.584 20.48 30.016-17.28v53.696l93.632 0.96-125.792 124.8-121.536-127.232 88.096 0.896v-56.32zM991.488 198.112l31.776 55.552-226.976 129.792 155.52 89.504c10.016 5.76 10.88 19.552 2.496 26.656l-2.528 1.76-423.424 243.776c-8.864 5.12-19.52 5.76-28.832 1.92l-3.904-1.92-165.376-95.2-253.12 144.8-31.808-55.552 220.704-126.208-193.792-111.616a16.416 16.416 0 0 1-2.528-26.656l2.528-1.76 423.392-243.776c8.864-5.12 19.52-5.76 28.832-1.92l3.904 1.92 203.68 117.28 259.456-148.352z m-261.12 223.04l-188.384 107.712v94.912l-29.984 17.28-35.584-20.48V566.4l-80.224 45.824L512 678.912l333.024-191.744-114.656-66.016z m-218.4-125.696L178.976 487.168l152.992 88.096 144.416-82.592 0.032-138.88 35.584-20.48 30.016 17.28v104.576l124.096-70.976L512 295.456z m30.048-226.048v129.792L512 181.92l-35.584 20.48V69.44h65.6z" fill="#979BA5" ></path></symbol><symbol id="icon-linkage" viewBox="0 0 1024 1024"><path d="M 876.8 147.2 c -112 -112 -294.4 -112 -409.6 0 l -137.6 137.6 l 44.8 44.8 L 512 195.2 c 86.4 -86.4 230.4 -86.4 316.8 0 s 86.4 230.4 0 316.8 l -137.6 137.6 l 44.8 44.8 l 137.6 -137.6 c 115.2 -112 115.2 -294.4 3.2 -409.6 Z M 512 828.8 c -86.4 86.4 -230.4 86.4 -316.8 0 s -86.4 -230.4 0 -316.8 l 137.6 -137.6 L 288 329.6 l -137.6 137.6 c -112 112 -112 297.6 0 409.6 s 294.4 112 409.6 0 l 137.6 -137.6 l -44.8 -44.8 l -140.8 134.4 Z m 182.4 -454.4 l -44.8 -44.8 l -316.8 316.8 l 44.8 44.8 l 316.8 -316.8 Z"  ></path></symbol><symbol id="icon-xiazuan" viewBox="0 0 1024 1024"><path d="M506.88 546.133333c18.773333 0 34.133333-15.36 34.133333-34.133333V46.08c0-18.773333-15.36-34.133333-34.133333-34.133333s-34.133333 15.36-34.133333 34.133333V512c0 18.773333 15.36 34.133333 34.133333 34.133333z"  ></path><path d="M989.866667 464.213333l-336.213334-150.186666c-17.066667-8.533333-37.546667 0-44.373333 17.066666-8.533333 17.066667 0 37.546667 17.066667 44.373334l256 114.346666-373.76 121.173334-365.226667-129.706667L392.533333 373.76c17.066667-6.826667 25.6-27.306667 17.066667-44.373333-6.826667-17.066667-27.306667-25.6-44.373333-17.066667L37.546667 453.973333c-11.946667 5.12-20.48 17.066667-20.48 32.426667s8.533333 25.6 22.186666 30.72L494.933333 680.96c3.413333 1.706667 6.826667 1.706667 11.946667 1.706667 3.413333 0 6.826667 0 10.24-1.706667L986.453333 529.066667c13.653333-5.12 22.186667-17.066667 23.893334-30.72 0-15.36-8.533333-27.306667-20.48-34.133334zM590.506667 855.04L541.013333 904.533333v-134.826666c0-18.773333-15.36-34.133333-34.133333-34.133334s-34.133333 15.36-34.133333 34.133334v124.586666l-39.253334-39.253333c-13.653333-13.653333-34.133333-13.653333-47.786666 0s-13.653333 34.133333 0 47.786667l102.4 102.4c6.826667 6.826667 15.36 10.24 23.893333 10.24 8.533333 0 17.066667-3.413333 23.893333-10.24l102.4-102.4c13.653333-13.653333 13.653333-34.133333 0-47.786667-11.946667-13.653333-34.133333-13.653333-47.786666 0z"  ></path></symbol><symbol id="icon-shangzuan" viewBox="0 0 1024 1024"><path d="M520.533333 780.8c-19.2 0-34.133333 14.933333-34.133333 34.133333V981.333333c0 19.2 14.933333 34.133333 34.133333 34.133334 19.2 0 34.133333-14.933333 34.133334-34.133334v-166.4c0-19.2-14.933333-34.133333-34.133334-34.133333zM17.066667 533.333333c2.133333 12.8 10.666667 25.6 23.466666 29.866667l469.333334 151.466667c4.266667 2.133333 6.4 2.133333 10.666666 2.133333s8.533333 0 12.8-2.133333l456.533334-164.266667c12.8-4.266667 21.333333-14.933333 21.333333-29.866667s-8.533333-27.733333-21.333333-32L661.333333 347.733333c-17.066667-8.533333-38.4 0-44.8 17.066667-8.533333 17.066667 0 38.4 17.066667 44.8l249.6 106.666667-364.8 130.133333-373.333333-121.6 256-115.2c17.066667-6.4 25.6-27.733333 17.066666-44.8-6.4-17.066667-27.733333-25.6-44.8-17.066667l-337.066666 149.333334c-10.666667 10.666667-19.2 21.333333-19.2 36.266666zM437.333333 172.8l49.066667-49.066667v411.733334c0 19.2 14.933333 34.133333 34.133333 34.133333 19.2 0 34.133333-14.933333 34.133334-34.133333V132.266667L593.066667 170.666667c12.8 12.8 34.133333 12.8 46.933333 0s12.8-34.133333 0-46.933334L539.733333 21.333333c-6.4-6.4-14.933333-10.666667-23.466666-10.666666-8.533333 0-17.066667 4.266667-23.466667 10.666666l-102.4 102.4c-12.8 12.8-12.8 34.133333 0 46.933334 10.666667 14.933333 32 14.933333 46.933333 2.133333z"  ></path></symbol><symbol id="icon-quxiaoliandong" viewBox="0 0 1024 1024"><path d="M611.754667 710.613333a38.144 38.144 0 0 1 0 53.930667l-123.818667 123.818667c-95.530667 95.530667-256.341333 95.530667-351.872 0-95.488-95.488-95.488-256.341333 0-351.829334l123.818667-123.818666a38.144 38.144 0 1 1 53.973333 53.930666L190.037333 590.506667c-70.528 73.685333-74.069333 177.28-3.626666 247.637333 70.4 70.4 170.453333 72.234667 247.594666-3.669333l123.818667-123.818667a38.144 38.144 0 0 1 53.930667 0z m-199.509334-397.226666a38.144 38.144 0 0 1 0-53.930667l123.818667-123.818667c95.488-95.530667 256.341333-95.530667 351.872 0 95.488 95.488 95.488 256.341333 0 351.829334l-123.818667 123.818666a38.144 38.144 0 1 1-53.930666-53.930666l123.776-123.818667c70.528-73.685333 74.069333-177.28 3.669333-247.637333-70.357333-70.4-170.453333-72.234667-247.594667 3.669333l-123.861333 123.818667a38.144 38.144 0 0 1-53.930667 0z m232.362667 512.426666a32.682667 32.682667 0 0 1 65.408 0v65.450667a32.682667 32.682667 0 1 1-65.408 0v-65.408z m208.042667 27.434667a33.621333 33.621333 0 0 1-47.445334-0.554667l-45.482666-46.421333a33.28 33.28 0 0 1 47.36-46.890667l45.909333 45.994667a33.621333 33.621333 0 0 1-0.341333 47.872z m-55.466667-176.384c0-20.053333 16.298667-36.309333 36.352-36.309333H891.733333a36.352 36.352 0 0 1 0 72.661333h-58.154666a36.352 36.352 0 0 1-36.309334-36.352zM317.013333 130.773333a32.682667 32.682667 0 1 1 65.408 0v65.408a32.682667 32.682667 0 0 1-65.408 0V130.773333z m-142.677333 37.973334A33.621333 33.621333 0 0 1 221.866667 169.386667l45.482666 46.421333a33.28 33.28 0 0 1-47.36 46.848L173.994667 216.704a33.621333 33.621333 0 0 1 0.341333-47.914667zM98.986667 345.173333c0-20.053333 16.256-36.352 36.352-36.352h58.112a36.352 36.352 0 0 1 0 72.704H135.338667a36.352 36.352 0 0 1-36.352-36.352z"  ></path></symbol><symbol id="icon-edit-outline" viewBox="0 0 1026 1024"><path d="M307.933767 709.191401l55.608246-121.906912 70.215853 67.788777-125.824099 54.118135z m95.818675-171.645022l366.409348-352.874171 82.001279 80.116062-365.732025 352.095249-82.678602-79.33714z m550.042994-370.90226l-50.505744 48.372175-81.854525-80.116062 49.704244-47.593254c8.003704-7.958549 23.435387-6.513593 32.150281 2.144858l48.281866 46.182162c5.147657 5.03477 8.071436 11.559652 8.071436 18.039379 0.011289 5.046059-2.201301 9.36964-5.847558 12.970742zM313.792614 530.299019c-0.745056 0.767633-1.467534 1.478823-2.21259 2.889913L259.640613 717.217683c-2.923779 10.78073 0 22.340381 8.071436 30.310219 6.581325 5.779826 14.607607 9.290618 23.390233 9.290619 2.935068 0 5.113791-0.699901 8.03757-1.399802l190.147239-49.749399h0.79021a8.048859 8.048859 0 0 0 5.791115-2.178724l507.721574-489.208069c15.28493-14.40441 23.356366-33.888744 23.356367-55.551803 0-24.519105-10.927483-49.03821-29.215214-67.077588l-48.281865-46.182163c-19.010208-18.039378-43.935707-28.853974-69.572396-28.853974-22.577445 0-43.145497 7.935972-57.707948 23.074149L314.503803 528.109007c-0.71119 0.699901-0.71119 1.478823-0.711189 2.190012zM100.932466 0C45.358086 0 0 44.70334 0 99.555242V923.530372c0 54.806747 45.358086 99.555242 100.932466 99.555241h806.082505c55.57438 0 100.864734-44.748495 100.864734-99.555241V397.543645h-86.290994v451.729511c0 49.049498-40.221718 87.939147-89.214772 87.939147H175.539632c-49.004344 0-89.214772-38.889648-89.214773-87.939147V173.157711c0-48.338309 40.210429-88.040745 89.214773-88.040745h457.904443V0H100.932466z"  ></path></symbol><symbol id="icon-edit" viewBox="0 0 1026 1024"><path d="M307.933767 709.191401l55.608246-121.906912 70.215853 67.788777-125.824099 54.118135z m95.818675-171.645022l366.409348-352.874171 82.001279 80.116062-365.732025 352.095249-82.678602-79.33714z m550.042994-370.90226l-50.505744 48.372175-81.854525-80.116062 49.704244-47.593254c8.003704-7.958549 23.435387-6.513593 32.150281 2.144858l48.281866 46.182162c5.147657 5.03477 8.071436 11.559652 8.071436 18.039379 0.011289 5.046059-2.201301 9.36964-5.847558 12.970742zM313.792614 530.299019c-0.745056 0.767633-1.467534 1.478823-2.21259 2.889913L259.640613 717.217683c-2.923779 10.78073 0 22.340381 8.071436 30.310219 6.581325 5.779826 14.607607 9.290618 23.390233 9.290619 2.935068 0 5.113791-0.699901 8.03757-1.399802l190.147239-49.749399h0.79021a8.048859 8.048859 0 0 0 5.791115-2.178724l507.721574-489.208069c15.28493-14.40441 23.356366-33.888744 23.356367-55.551803 0-24.519105-10.927483-49.03821-29.215214-67.077588l-48.281865-46.182163c-19.010208-18.039378-43.935707-28.853974-69.572396-28.853974-22.577445 0-43.145497 7.935972-57.707948 23.074149L314.503803 528.109007c-0.71119 0.699901-0.71119 1.478823-0.711189 2.190012zM100.932466 0C45.358086 0 0 44.70334 0 99.555242V923.530372c0 54.806747 45.358086 99.555242 100.932466 99.555241h806.082505c55.57438 0 100.864734-44.748495 100.864734-99.555241V397.543645h-86.290994v451.729511c0 49.049498-40.221718 87.939147-89.214772 87.939147H175.539632c-49.004344 0-89.214772-38.889648-89.214773-87.939147V173.157711c0-48.338309 40.210429-88.040745 89.214773-88.040745h457.904443V0H100.932466z"  ></path></symbol><symbol id="icon-xiangqing1" viewBox="0 0 1024 1024"><path d="M449.024 896h-288c-17.92 0-32-14.72-32-32v-704c0-17.92 14.08-32 32-32h640c17.28 0 32 14.08 32 32V448a32 32 0 0 0 64 0V128c0-35.2-28.8-64-64-64h-704c-35.2 0-64 28.8-64 64v768c0 35.2 28.8 64 64 64h320a32 32 0 0 0 0-64zM946.176 901.824l-83.2-83.2c-6.4-6.4-12.8-6.4-19.2-6.4-19.2 0-32 12.8-32 32 0 6.4 0 12.8 6.4 19.2l83.2 83.2c6.4 6.4 12.8 12.8 25.6 12.8 19.2 0 32-12.8 32-32 0-6.4-6.4-19.2-12.8-25.6z"  ></path><path d="M703.936 510.592a192 192 0 1 0 0 384 192 192 0 0 0 0-384z m0 320a128 128 0 1 1-0.064-255.936 128 128 0 0 1 0.064 255.936zM736.384 319.36H223.36a31.552 31.552 0 0 1-31.488-31.488v-1.024c0-17.344 14.144-31.488 31.488-31.488h513.024c17.344 0 31.488 14.144 31.488 31.488v1.024c0 17.28-14.208 31.488-31.488 31.488zM734.336 447.36H221.376a31.552 31.552 0 0 1-31.488-31.488v-1.024c0-17.344 14.144-31.488 31.488-31.488h513.024c17.344 0 31.488 14.144 31.488 31.488v1.024c0 17.28-14.208 31.488-31.552 31.488zM416 575.04H223.04a31.552 31.552 0 0 1-31.488-31.488v-1.024c0-17.344 14.144-31.488 31.488-31.488H416c17.344 0 31.488 14.144 31.488 31.488v1.024a31.552 31.552 0 0 1-31.488 31.488z"  ></path></symbol><symbol id="icon-weibiaoti-1" viewBox="0 0 1024 1024"><path d="M512 19.413487C47.059275 19.413487 19.413487 47.059275 19.413487 512s27.645788 492.586513 492.586513 492.586513 492.586513-27.645788 492.586513-492.586513S976.940725 19.413487 512 19.413487z" fill="#1296db" ></path></symbol><symbol id="icon-weibiaoti-" viewBox="0 0 1036 1024"><path d="M512.072842 512m-505.929333 0a505.929334 505.929334 0 1 0 1011.858667 0 505.929334 505.929334 0 1 0-1011.858667 0Z" fill="#ffffff" ></path><path d="M512.072842 1024C28.726387 1024 0.072842 995.346455 0.072842 512S28.726387 0 512.072842 0s512 28.653545 512 512-28.653545 512-512 512z m0-1011.858667C35.525534 12.141333 12.214175 35.452691 12.214175 512s23.311359 499.858667 499.858667 499.858667 499.858667-23.311359 499.858667-499.858667S988.620151 12.141333 512.072842 12.141333z"  ></path></symbol><symbol id="icon-touming" viewBox="0 0 1024 1024"><path d="M0 819.2h204.8V1024H0zM0 0h204.8v204.8H0zM0 409.6h204.8v204.8H0z" fill="#999999" ></path><path d="M204.8 204.8h204.8v204.8H204.8zM204.8 614.4h204.8v204.8H204.8z" fill="#B7B7B7" ></path><path d="M409.6 0h204.8v204.8H409.6zM409.6 409.6h204.8v204.8H409.6z" fill="#C6C6C6" ></path><path d="M614.4 204.8h204.8v204.8h-204.8zM614.4 614.4h204.8v204.8h-204.8z" fill="#DDDDDD" ></path><path d="M409.6 819.2h204.8V1024H409.6z" fill="#C6C6C6" ></path><path d="M819.2 0H1024v204.8h-204.8zM819.2 409.6H1024v204.8h-204.8zM819.2 819.2H1024V1024h-204.8z" fill="#F4F4F4" ></path></symbol><symbol id="icon-fangxing-" viewBox="0 0 1024 1024"><path d="M293.047427 796.738991v-133.327352c0-217.759502 176.531539-394.289445 394.289445-394.289446h133.330542v-104.189607H652.839875c-256.250417 0-463.980461 207.730044-463.980461 463.977271v167.829134h104.188013z"  ></path></symbol><symbol id="icon-fangda" viewBox="0 0 1024 1024"><path d="M470.624 553.376a32 32 0 0 1 2.656 42.24l-2.656 3.008L269.28 800l145.984 0.032a32 32 0 0 1 31.776 28.256l0.224 3.744a32 32 0 0 1-28.288 31.776l-3.712 0.224H192l-2.4-0.096-4.032-0.544-3.552-0.96-3.552-1.408-3.136-1.664-3.072-2.144-2.88-2.56a32.32 32.32 0 0 1-3.104-3.584l-2.272-3.52-1.728-3.648-1.12-3.36-0.96-4.8L160 832V607.872a32 32 0 0 1 63.776-3.712l0.224 3.712-0.032 146.848 201.408-201.344a32 32 0 0 1 45.248 0zM608.736 160H832l2.4 0.096 4.032 0.544 3.552 0.96 3.552 1.408 3.136 1.664 3.072 2.144 2.88 2.56c1.152 1.12 2.176 2.336 3.104 3.584l2.272 3.52 1.728 3.648 1.12 3.36 0.96 4.8L864 192v224.128a32 32 0 0 1-63.776 3.712l-0.224-3.712v-146.88L598.624 470.624a32 32 0 0 1-47.904-42.24l2.656-3.008L754.688 224h-145.92a32 32 0 0 1-31.808-28.256l-0.224-3.744a32 32 0 0 1 28.288-31.776l3.712-0.224z"  ></path></symbol><symbol id="icon-shezhi" viewBox="0 0 1024 1024"><path d="M416.4 958h191.2V849.7c0-12.7 6.4-25.5 19.1-31.9 31.9-12.7 63.7-31.9 89.2-51 12.7-6.4 25.5-6.4 38.2 0l95.6 57.3 95.6-165.7-95.6-57.3C837 588.5 830.6 575.7 837 563c0-19.1 6.4-31.9 6.4-51s0-31.9-6.4-51c0-12.7 6.4-25.5 12.7-31.9l95.6-57.3-95.6-165.7-95.6 57.3c-12.7 6.4-25.5 6.4-38.2 0-25.5-19.1-57.3-38.2-89.2-51-12.7-12.7-19.1-25.5-19.1-38.2V66H416.4v108.3c0 12.7-6.4 25.5-19.1 31.9-31.9 12.7-63.7 31.9-89.2 51-12.7 6.4-25.5 6.4-38.2 0l-95.6-51-95.6 165.6 95.6 57.3c12.7 6.4 19.1 19.1 12.7 31.9 0 19.1-6.4 31.9-6.4 51s0 31.9 6.4 51c6.4 12.7 0 25.5-12.7 31.9l-95.6 57.3 95.6 165.7 95.6-57.3c12.7-6.4 25.5-6.4 38.2 0 25.5 19.1 57.3 38.2 89.2 51 12.7 6.4 19.1 19.1 19.1 31.9V958z m223 63.7H384.6c-19.1 0-31.9-12.7-31.9-31.9v-121c-25.5-12.7-51-25.5-70.1-38.2l-101.9 63.7c-12.7 6.4-31.9 6.4-44.6-12.7L8.6 658.6c-12.7-19.1-6.4-38.2 12.7-44.6l101.9-63.7v-76.5L21.4 410.1c-19.1-6.4-25.5-25.5-12.7-44.6l127.4-223c6.4-12.7 25.5-19.1 44.6-6.4l101.9 63.7c19.1-12.7 44.6-31.9 70.1-38.2V34.1c0-19.1 12.7-31.9 31.9-31.9h254.9c19.1 0 31.9 12.7 31.9 31.9v121.1c25.5 12.7 51 25.5 70.1 38.2l101.9-63.7c12.7-6.4 31.9-6.4 44.6 12.7l127.4 223c12.7 19.1 6.4 38.2-12.7 44.6l-101.9 63.7v76.5l101.9 63.7c12.7 6.4 19.1 25.5 12.7 44.6L888 881.5c-6.4 12.7-25.5 19.1-44.6 12.7l-101.9-63.7c-19.1 12.7-44.6 31.9-70.1 38.2v121.1c-0.1 19.2-12.8 31.9-32 31.9zM512 703.2c-108.3 0-191.2-82.8-191.2-191.2S403.7 320.8 512 320.8 703.2 403.7 703.2 512 620.3 703.2 512 703.2z m0-318.6c-70.1 0-127.4 57.3-127.4 127.4S441.9 639.4 512 639.4 639.4 582.1 639.4 512 582.1 384.6 512 384.6z"  ></path></symbol><symbol id="icon-quanping1" viewBox="0 0 1024 1024"><path d="M628.053333 628.053333a32 32 0 0 1 45.226667 0l158.72 158.634667V693.333333l0.298667-4.352A32 32 0 0 1 896 693.333333v181.333334l-0.341333 3.84a21.333333 21.333333 0 0 1-20.992 17.493333h-181.333334l-4.352-0.298667a32 32 0 0 1-27.648-31.701333l0.298667-4.352a32 32 0 0 1 31.701333-27.648h93.44l-158.72-158.72-3.114666-3.584a32 32 0 0 1 3.114666-41.642667z m-232.106666 0a32 32 0 0 1 3.114666 41.642667l-3.114666 3.584-158.72 158.72h93.44a32 32 0 0 1 31.701333 27.648l0.298667 4.352a32 32 0 0 1-27.648 31.701333L330.666667 896H149.333333a21.333333 21.333333 0 0 1-20.992-17.493333L128 874.666667v-181.333334a32 32 0 0 1 63.701333-4.352l0.298667 4.352v93.354667l158.72-158.634667a32 32 0 0 1 45.226667 0zM874.666667 128a21.333333 21.333333 0 0 1 20.992 17.493333L896 149.333333v181.333334a32 32 0 0 1-63.701333 4.352L832 330.666667V237.312L673.28 395.946667a32 32 0 0 1-48.341333-41.642667l3.114666-3.584 158.72-158.72h-93.44a32 32 0 0 1-31.701333-27.648L661.333333 160a32 32 0 0 1 27.648-31.701333L693.333333 128h181.333334zM330.666667 128l4.352 0.298667a32 32 0 0 1 27.648 31.701333l-0.298667 4.352a32 32 0 0 1-31.701333 27.648H237.226667l158.72 158.72 3.114666 3.584a32 32 0 0 1-48.341333 41.642667L192 237.312V330.666667l-0.298667 4.352A32 32 0 0 1 128 330.666667V149.333333l0.341333-3.84A21.333333 21.333333 0 0 1 149.333333 128h181.333334z"  ></path></symbol><symbol id="icon-font-weight-bold" viewBox="0 0 1024 1024"><path d="M148.945455 55.854545h409.6c102.4 0 186.181818 27.927273 242.036363 83.781819 37.236364 37.236364 65.163636 93.090909 65.163637 148.945454 0 111.709091-65.163636 167.563636-130.327273 204.8 102.4 37.236364 176.872727 102.4 176.872727 223.418182 0 167.563636-130.327273 251.345455-335.127273 251.345455h-418.909091v-912.29091z m549.236363 260.654546c0-74.472727-55.854545-111.709091-158.254545-111.709091h-232.727273v242.036364h223.418182c93.090909-9.309091 167.563636-46.545455 167.563636-130.327273z m-139.636363 260.654545h-251.345455v251.345455h269.963636c111.709091 0 176.872727-46.545455 176.872728-121.018182-9.309091-83.781818-65.163636-130.327273-195.490909-130.327273z"  ></path></symbol><symbol id="icon-letter_spacing" viewBox="0 0 1127 1024"><path d="M320.37397 751.711955a32.882959 32.882959 0 0 0 20.669289-6.81147 64.356648 64.356648 0 0 0 15.971723-18.555384 172.400656 172.400656 0 0 0 12.21367-25.601732q5.167322-13.857818 10.569522-28.890028L422.780899 549.012002h281.853933l57.075421 163.005524a67.175187 67.175187 0 0 0 16.44148 29.359785 35.936376 35.936376 0 0 0 29.124906 10.099766q27.480758 0 34.996863-17.615871a61.068352 61.068352 0 0 0 0-43.217603L617.729869 37.447114a52.142978 52.142978 0 0 0-19.02514-27.245881A59.189326 59.189326 0 0 0 563.707866 0.101467a54.961517 54.961517 0 0 0-35.231742 10.099766 53.082491 53.082491 0 0 0-18.555384 27.245881l-222.19485 651.317463q-11.743914 36.171255 0 49.559316a41.338577 41.338577 0 0 0 32.64808 13.388062zM563.707866 108.85011l125.190121 365.705478H438.517744zM1122.483287 906.731618l-132.471348-96.300094a11.743914 11.743914 0 0 0-18.555384 9.395131v61.068352H156.194054v-60.833473a11.743914 11.743914 0 0 0-18.555383-9.395132L4.932444 906.731618a11.743914 11.743914 0 0 0 0 19.02514l132.471348 96.065216a11.743914 11.743914 0 0 0 18.555384-9.395131v-61.068352h815.027622v60.833473a11.743914 11.743914 0 0 0 18.555384 9.395131l132.706227-96.065215a11.743914 11.743914 0 0 0 0.234878-18.790262z"  ></path></symbol><symbol id="icon-letter-spacing" viewBox="0 0 1152 1024"><path d="M1024 0h128v1024h-128zM0 0h128v1024H0z m657.92 128H494.08L186.24 864h138.88l64-160h368.64l64 160h138.88z m49.28 448H448l128-313.6z"  ></path></symbol><symbol id="icon-zimua" viewBox="0 0 1024 1024"><path d="M481.28 117.76h61.44c22.528 0 43.008 13.824 51.2 34.816l287.232 745.984c1.536 3.584-1.024 7.68-5.12 7.68h-117.248c-2.048 0-4.096-1.536-5.12-3.584l-70.144-192.512c-1.536-4.096-5.632-7.168-10.24-7.168H349.696c-4.608 0-8.704 3.072-10.24 7.168l-70.144 192.512c-1.024 2.048-3.072 3.584-5.12 3.584H147.968c-3.584 0-6.656-4.096-5.12-7.68L430.08 152.576c8.192-20.992 28.16-34.816 51.2-34.816z m-87.04 485.888h235.008c7.68 0 12.8-7.68 10.24-14.848l-124.928-342.016h-4.608L384 588.8c-3.072 7.168 2.56 14.848 10.24 14.848z"  ></path></symbol><symbol id="icon-format_letter_spacing_" viewBox="0 0 1024 1024"><path d="M682.666667 704l128 106.666667-128 106.666666v-85.333333H341.333333v85.333333L213.333333 810.666667l128-106.666667v85.333333h341.333334v-85.333333zM170.666667 170.666667v682.666666H85.333333V170.666667h85.333334z m768 0v682.666666h-85.333334V170.666667h85.333334z m-394.666667 0l202.666667 469.333333h-89.6l-38.4-93.866667h-213.333334L366.933333 640H277.333333l202.666667-469.333333h64zM512 255.146667L432.213333 469.333333h159.573334L512 255.146667z"  ></path></symbol><symbol id="icon-font_size" viewBox="0 0 1024 1024"><path d="M923.456 713.152V644.48h-68.608v205.76h68.608v68.544h-205.76v-68.544h68.608V644.48h-68.608v68.608h-68.544V644.48c0-37.824 30.72-68.544 68.544-68.544h205.76c37.824 0 68.544 30.72 68.544 68.544v68.608h-68.544zM512 233.152H443.456v548.544H580.48v137.152H169.152v-137.152h137.152V233.152H237.696c-75.712 0-137.152 61.44-137.152 137.152H32V164.48C32 126.72 62.72 96 100.544 96h548.608c37.888 0 68.544 30.72 68.544 68.544v205.76h-68.544c0-75.776-61.44-137.152-137.152-137.152z"  ></path></symbol><symbol id="icon-align-center" viewBox="0 0 1024 1024"><path d="M34.45333333 77.86666667h954.56v124.37333333H34.45333333zM213.76 327.25333333H809.6v124.37333334H213.76zM34.45333333 575.46666667h954.56v124.37333333H34.45333333zM213.76 824.74666667H809.6v124.37333333H213.76z"  ></path></symbol><symbol id="icon-juyou" viewBox="0 0 1024 1024"><path d="M53.355789 53.894737v108.328421H970.105263V53.894737H53.355789z m431.157895 377.802105H970.105263V323.368421H484.513684v108.328421z m-431.157895 269.473684H970.105263V592.842105H53.355789v108.328421z m431.157895 269.473685H970.105263V862.315789H484.513684v108.328422z"  ></path></symbol><symbol id="icon-juzuo" viewBox="0 0 1331 1024"><path d="M898.304 819.712v127.488H153.6v-127.488z m279.296-256v127.488H153.6v-127.488z m-279.296-256V435.2H153.6V307.2zM1177.6 51.2v127.488H153.6V51.2z"  ></path></symbol><symbol id="icon-solid_line" viewBox="0 0 1024 1024"><path d="M102.4 460.8h819.2v102.4H102.4z"  ></path></symbol><symbol id="icon-huabi" viewBox="0 0 1024 1024"><path d="M884.641557 138.571009C811.672662 65.565275 755.277234 56.513108 726.075145 85.715197l-79.284741 79.283718 211.422224 211.422224 79.31851-79.284741C966.698434 267.936355 957.646268 211.538881 884.641557 138.571009z"  ></path><path d="M144.589584 667.200758c-14.600533 14.564717-68.333318 226.898707-68.333318 226.898707-3.193739 8.709359-10.073426 42.179658 0 52.855812 7.039323 7.460925 25.424042 10.638291 52.855812 0 0 0 212.33399-53.730739 226.938616-68.333318l449.309192-449.345008L593.934592 217.85575 144.589584 667.200758zM132.177903 891.034662 185.764356 708.376553l129.110543 129.071657L132.177903 891.034662z"  ></path></symbol><symbol id="icon-dianxian" viewBox="0 0 1024 1024"><path d="M228.32 532.76h-6.92c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h6.92c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76zM712.65 532.76h-13.84c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h13.84c11.47 0 20.76 9.3 20.76 20.76s-9.3 20.76-20.76 20.76z m-96.87 0h-13.84c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h13.84c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76z m-96.86 0h-13.84c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h13.84c11.47 0 20.76 9.3 20.76 20.76s-9.3 20.76-20.76 20.76z m-96.87 0h-13.84c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h13.84c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76z m-96.86 0h-13.84c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h13.84c11.47 0 20.76 9.3 20.76 20.76s-9.3 20.76-20.76 20.76zM802.59 532.76h-6.92c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h6.92c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76z"  ></path></symbol><symbol id="icon-xuxian" viewBox="0 0 1024 1024"><path d="M304.43 532.76H221.4c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h83.03c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76zM581.19 532.76H442.81c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h138.38c11.47 0 20.76 9.3 20.76 20.76s-9.3 20.76-20.76 20.76zM802.59 532.76h-83.03c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h83.03c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76z"  ></path></symbol><symbol id="icon-beijingse1" viewBox="0 0 1024 1024"><path d="M882.980571 580.900571c0-25.6-9.289143-51.2-27.940571-67.437714L508.342857 166.692571 398.848 57.270857a33.718857 33.718857 0 0 0-48.932571 0 33.718857 33.718857 0 0 0 0 48.859429L436.150857 192.365714 114.980571 511.122286c-37.302857 37.229714-37.302857 100.059429 0 137.289143l300.178286 300.251428c18.651429 18.578286 44.251429 27.867429 67.510857 27.867429 25.6 0 48.859429-9.289143 67.510857-27.867429l300.178286-300.251428c20.992-18.651429 32.621714-41.910857 32.621714-67.510858zM163.84 559.981714l321.097143-318.902857 318.902857 318.902857c4.681143 4.681143 6.948571 11.629714 6.948571 18.578286h-653.897142c0-4.608 2.267429-11.629714 6.948571-18.578286z m709.778286 214.089143s-62.829714 83.821714-62.829715 118.710857c0 34.889143 27.940571 62.829714 62.902858 62.829715 34.889143 0 62.829714-27.940571 62.829714-62.902858 0-34.816-62.902857-118.637714-62.902857-118.637714z" fill="#606266" ></path></symbol><symbol id="icon-juxing" viewBox="0 0 1024 1024"><path d="M876.4664713541666 302.9680989583333H776.4029947916665V202.90462239583334c0-11.865234374999998-9.8876953125-21.7529296875-21.7529296875-21.7529296875s-21.7529296875 9.8876953125-21.7529296875 21.7529296875v100.0634765625H632.8336588541666c-11.865234374999998 0-21.7529296875 9.8876953125-21.7529296875 21.7529296875s9.8876953125 21.7529296875 21.7529296875 21.7529296875h100.0634765625v100.0634765625c0 11.865234374999998 9.8876953125 21.7529296875 21.7529296875 21.7529296875s21.7529296875-9.8876953125 21.7529296875-21.7529296875V346.4739583333333H876.4664713541666c11.865234374999998 0 21.7529296875-9.8876953125 21.7529296875-21.7529296875 0-12.2607421875-9.8876953125-21.7529296875-21.7529296875-21.7529296875zM146.75455729166666 386.0247395833333c11.07421875 0 19.775390625-8.701171874999998 19.775390625-19.775390625h0.7910156249999999v-21.7529296875h36.38671875c10.678710937499998 0 19.775390625-8.701171874999998 19.775390625-19.775390625s-9.0966796875-19.775390625-19.775390625-19.775390625l-56.953125-0.39550781249999994c-11.07421875 0-19.775390625 8.701171874999998-19.775390625 19.775390625v42.71484374999999c0 9.8876953125 8.701171874999998 18.984374999999996 19.775390625 18.984374999999996z m135.26367187500003-41.92382812499999h98.876953125c11.07421875 0 19.775390625-8.701171874999998 19.775390625-19.775390625s-8.701171874999998-19.775390625-19.775390625-19.775390625h-98.876953125c-11.07421875 0-19.775390625 9.0966796875-19.775390625 19.775390625 0 11.07421875 9.0966796875 19.775390625 19.775390625 19.775390625z m177.1875 0h98.876953125c11.07421875 0 19.775390625-8.701171874999998 19.775390625-19.775390625s-8.701171874999998-19.775390625-19.775390625-19.775390625h-98.876953125c-11.07421875 0-19.775390625 9.0966796875-19.775390625 19.775390625 0.7910156249999999 11.07421875 8.701171874999998 19.775390625 19.775390625 19.775390625zM774.8209635416665 560.8391927083335c0-11.07421875-8.701171874999998-19.775390625-19.775390625-19.775390625s-19.775390625 8.701171874999998-19.775390625 19.775390625v98.876953125c0 11.07421875 8.701171874999998 19.775390625 19.775390625 19.775390625s19.775390625-8.701171874999998 19.775390625-19.775390625v-98.876953125z m-19.775390625 157.41210937500003c-11.07421875 0-19.775390625 9.0966796875-19.775390625 19.775390625v64.072265625h-79.1015625v1.1865234374999998c-11.07421875 0-19.775390625 8.701171874999998-19.775390625 19.775390625s8.701171874999998 19.775390625 19.775390625 19.775390625h98.876953125c11.07421875 0 19.775390625-8.701171874999998 19.775390625-19.775390625V738.8177083333334c0-11.865234374999998-9.0966796875-20.56640625-19.775390625-20.56640625zM581.0221354166666 802.0989583333333L166.52994791666666 801.3079427083333V423.2024739583333h-0.7910156249999999c0-11.07421875-8.701171874999998-19.775390625-19.775390625-19.775390625s-19.775390625 8.701171874999998-19.775390625 19.775390625V821.8743489583334c0 11.07421875 8.701171874999998 19.775390625 19.775390625 19.775390625H579.8356119791666c11.07421875 0 19.775390625-9.0966796875 19.775390625-19.775390625 0-11.07421875-9.0966796875-19.775390625-18.5888671875-19.775390625z"  ></path></symbol><symbol id="icon-text" viewBox="0 0 1024 1024"><path d="M853.333333 1024 170.666667 1024c-93.866667 0-170.666667-76.8-170.666667-170.666667L0 170.666667c0-93.866667 76.8-170.666667 170.666667-170.666667l682.666667 0c93.866667 0 170.666667 76.8 170.666667 170.666667l0 682.666667C1024 947.2 947.2 1024 853.333333 1024zM170.666667 85.333333C123.733333 85.333333 85.333333 123.733333 85.333333 170.666667l0 682.666667c0 46.933333 38.4 85.333333 85.333333 85.333333l682.666667 0c46.933333 0 85.333333-38.4 85.333333-85.333333L938.666667 170.666667c0-46.933333-38.4-85.333333-85.333333-85.333333L170.666667 85.333333z"  ></path><path d="M725.333333 341.333333 298.666667 341.333333C273.066667 341.333333 256 324.266667 256 298.666667s17.066667-42.666667 42.666667-42.666667l426.666667 0c25.6 0 42.666667 17.066667 42.666667 42.666667S750.933333 341.333333 725.333333 341.333333z"  ></path><path d="M298.666667 384C273.066667 384 256 366.933333 256 341.333333L256 298.666667c0-25.6 17.066667-42.666667 42.666667-42.666667s42.666667 17.066667 42.666667 42.666667l0 42.666667C341.333333 366.933333 324.266667 384 298.666667 384z"  ></path><path d="M725.333333 384c-25.6 0-42.666667-17.066667-42.666667-42.666667L682.666667 298.666667c0-25.6 17.066667-42.666667 42.666667-42.666667s42.666667 17.066667 42.666667 42.666667l0 42.666667C768 366.933333 750.933333 384 725.333333 384z"  ></path><path d="M512 768c-25.6 0-42.666667-17.066667-42.666667-42.666667L469.333333 298.666667c0-25.6 17.066667-42.666667 42.666667-42.666667s42.666667 17.066667 42.666667 42.666667l0 426.666667C554.666667 750.933333 537.6 768 512 768z"  ></path><path d="M554.666667 768l-85.333333 0c-25.6 0-42.666667-17.066667-42.666667-42.666667s17.066667-42.666667 42.666667-42.666667l85.333333 0c25.6 0 42.666667 17.066667 42.666667 42.666667S580.266667 768 554.666667 768z"  ></path></symbol><symbol id="icon-picture" viewBox="0 0 1024 1024"><path d="M875.633778 64H148.366222A98.602667 98.602667 0 0 0 49.777778 162.588444v698.823112a98.602667 98.602667 0 0 0 98.588444 98.602666h727.267556a98.602667 98.602667 0 0 0 98.588444-98.602666h0.014222V162.588444A98.602667 98.602667 0 0 0 875.633778 64zM106.666667 861.411556v-136.405334l201.372444-288.042666c6.215111-8.888889 14.876444-14.250667 24.405333-15.089778 9.628444-0.952889 19.015111 2.929778 26.680889 10.595555l176.924445 176.910223-218.624 293.745777H148.366222A41.713778 41.713778 0 0 1 106.666667 861.411556z m810.680889 0a41.713778 41.713778 0 0 1-41.713778 41.713777H352.867556l252.202666-338.816c6.599111-8.832 15.815111-14.193778 25.998222-15.089777 10.268444-0.867556 20.181333 2.773333 28.174223 10.339555l155.562666 146.744889c5.688889 5.390222 14.705778 5.105778 20.110223-0.583111a14.250667 14.250667 0 0 0-0.583112-20.110222L678.784 538.865778c-13.994667-13.198222-31.886222-19.626667-50.218667-17.976889-18.360889 1.607111-34.801778 10.993778-46.307555 26.439111l-29.027556 38.997333-173.980444-173.966222c-13.738667-13.738667-31.232-20.366222-49.294222-18.816-18.062222 1.578667-34.133333 11.221333-45.226667 27.121778L106.666667 675.370667V162.588444A41.699556 41.699556 0 0 1 148.366222 120.888889h727.267556a41.699556 41.699556 0 0 1 41.699555 41.699555h0.014223v698.823112z" fill="" ></path><path d="M868.636444 717.937778a14.222222 14.222222 0 0 0-19.527111 20.664889l16.995556 16.056889a14.208 14.208 0 0 0 20.096-0.583112 14.193778 14.193778 0 0 0-0.554667-20.081777l-17.009778-16.056889zM636.743111 175.957333c-67.783111 0-122.908444 55.125333-122.908444 122.894223 0 67.768889 55.125333 122.908444 122.908444 122.908444 67.754667 0 122.908444-55.139556 122.908445-122.908444s-55.139556-122.894222-122.908445-122.894223z m0 217.372445c-52.081778 0-94.464-42.368-94.464-94.464s42.368-94.449778 94.464-94.449778 94.464 42.353778 94.464 94.449778-42.368 94.464-94.464 94.464z" fill="" ></path></symbol><symbol id="icon-shuru" viewBox="0 0 1024 1024"><path d="M970.666667 204.8l-151.466667-151.466667L701.866667 170.666667H64c-12.8 0-21.333333 8.533333-21.333333 21.333333v768c0 12.8 8.533333 21.333333 21.333333 21.333333h576c6.4 0 10.666667-2.133333 14.933333-6.4l192-192c4.266667-4.266667 6.4-8.533333 6.4-14.933333V322.133333l117.333334-117.333333z m-529.066667 469.333333l-98.133333-85.333333L742.4 189.866667l91.733333 91.733333-392.533333 392.533333z m-123.733333-49.066666l89.6 76.8-121.6 34.133333 32-110.933333zM910.933333 204.8l-46.933333 46.933333-91.733333-91.733333 46.933333-46.933333 91.733333 91.733333zM661.333333 908.8V789.333333h119.466667L661.333333 908.8z m149.333334-162.133333h-170.666667c-12.8 0-21.333333 8.533333-21.333333 21.333333v170.666667H85.333333V213.333333h573.866667l-128 128H170.666667v42.666667h317.866666l-128 128H170.666667v42.666667h147.2l-32 32-61.866667 213.333333 213.333333-61.866667 183.466667-183.466666H725.333333v-42.666667h-61.866666l147.2-147.2V746.666667z"  ></path></symbol><symbol id="icon-tree" viewBox="0 0 1024 1024"><path d="M448.84 880.29H175.37c-20.14 0-36.46-16.33-36.46-36.46 0-20.14 16.33-36.46 36.46-36.46h273.48c20.14 0 36.46 16.33 36.46 36.46 0 20.14-16.33 36.46-36.47 36.46zM448.84 588.58H175.37c-20.14 0-36.46-16.33-36.46-36.46 0-20.14 16.33-36.46 36.46-36.46h273.48c20.14 0 36.46 16.33 36.46 36.46 0 20.14-16.33 36.46-36.47 36.46z"  ></path><path d="M138.9 843.83V296.88c0-20.14 16.33-36.46 36.46-36.46 20.14 0 36.46 16.33 36.46 36.46v546.95c0 20.14-16.33 36.46-36.46 36.46-20.13 0-36.46-16.32-36.46-36.46z"  ></path><path d="M211.83 348.16H138.9c-40.11 0-72.93-32.82-72.93-72.93V202.3c0-40.11 32.82-72.93 72.93-72.93h72.93c40.11 0 72.93 32.82 72.93 72.93v72.93c0 40.11-32.82 72.93-72.93 72.93zM922.87 625.05H605.12c-20.05 0-36.46-16.41-36.46-36.46v-72.93c0-20.05 16.41-36.46 36.46-36.46h317.75c20.05 0 36.46 16.41 36.46 36.46v72.93c0 20.05-16.41 36.46-36.46 36.46zM921.67 311.69h-508.1c-20.71 0-37.66-16.95-37.66-37.66V203.5c0-20.71 16.95-37.66 37.66-37.66h508.1c20.71 0 37.66 16.95 37.66 37.66v70.54c0 20.71-16.94 37.65-37.66 37.65zM922.87 916.76H605.12c-20.05 0-36.46-16.41-36.46-36.46v-72.93c0-20.05 16.41-36.46 36.46-36.46h317.75c20.05 0 36.46 16.41 36.46 36.46v72.93c0 20.05-16.41 36.46-36.46 36.46z"  ></path></symbol><symbol id="icon-chaxunsousuo" viewBox="0 0 1024 1024"><path d="M724.173722 608.066299m33.939704 33.939705l203.638226 203.638225q33.939704 33.939704 0 67.879409l0 0q-33.939704 33.939704-67.879409 0l-203.638225-203.638226q-33.939704-33.939704 0-67.879408l0 0q33.939704-33.939704 67.879408 0Z"  ></path><path d="M48.436376 928.00402m47.99799 0l287.98794 0q47.99799 0 47.99799 47.99799l0 0q0 47.99799-47.99799 47.99799l-287.98794 0q-47.99799 0-47.99799-47.99799l0 0q0-47.99799 47.99799-47.99799Z"  ></path><path d="M464.418957 832.00804a415.982581 415.982581 0 1 1 293.747699-121.594909A415.342608 415.342608 0 0 1 464.418957 832.00804z m0-735.969182A319.986601 319.986601 0 1 0 688.409577 192.034839a319.986601 319.986601 0 0 0-223.99062-95.995981z"  ></path></symbol><symbol id="icon-jidu" viewBox="0 0 1024 1024"><path d="M153.850705 812.896572v-537.121614c0.409313-0.511642 0.920955-0.920955 0.920955-1.432598 1.330269-12.688718 6.856001-23.637854 15.144599-32.949735 13.609673-15.451584 31.005496-22.716898 51.573498-22.716898H284.626362v-5.62806-44.205856c0-1.637254 0.511642-3.376836 0.716298-5.01409 0.920955-6.037374 6.242031-7.469971 10.539822-9.925852h9.516539c10.130509 3.581493 12.688718 11.563106 12.381732 21.386629-0.409313 12.177076-0.102328 24.45648-0.102328 36.633557v6.446687h389.359448c0-14.4283 0.306985-28.549615-0.102328-42.67093-0.306985-10.02818 1.841911-18.112122 12.381733-21.898272h9.516538c8.902568 3.683821 12.074748 10.437494 11.460778 19.954032-0.61397 10.64215-0.204657 21.181973-0.204657 31.824124v13.098031h5.730389c19.851704 0 39.703408-0.102328 59.555111 0.102328 4.093135 0 8.18627 0.204657 12.177076 1.023284 20.874988 4.809433 37.145198 16.065554 46.559409 35.81493 2.353553 4.911762 3.990806 10.232837 5.935045 15.349255v546.740482c-0.61397 1.739582-1.330269 3.581493-1.944239 5.423403-7.879285 23.84251-23.740182 39.191766-48.401319 44.922155-2.353553 0.511642-4.604777 1.330269-6.856001 1.944239H211.973219c-0.306985-0.306985-0.511642-0.818627-0.920956-0.920955-9.209553-0.61397-17.498151-3.888478-25.377435-8.697912-12.074748-7.265314-21.181973-16.986509-26.298392-30.186869-2.148896-5.525732-3.683821-11.460777-5.525731-17.293495z m33.25672-397.955031V803.482362c0 18.419107 14.121315 33.359049 33.461377 33.359049 194.526232 0.102328 389.052463 0.102328 583.578695 0 19.237734 0 33.563705-14.325972 33.563705-33.666034 0.102328-127.603478 0.102328-255.206955 0.102329-382.810432v-5.321076c-217.038473-0.102328-433.565304-0.102328-650.706106-0.102328z m0-33.666034h650.501449c0.102328-0.920955 0.204657-1.534926 0.204657-2.148896 0-31.721795 0.102328-63.443589-0.102329-95.165384 0-2.762866-0.61397-5.62806-1.534925-8.186269-5.116419-15.963226-16.679524-23.126212-31.926452-23.637854-20.056361-0.511642-40.112721-0.204657-60.169082-0.102328-1.22794 0-2.455881 0.204657-3.888478 0.409313 0 17.088838 0.204657 33.870691-0.204656 50.754872-0.102328 3.172179-1.534926 6.856001-3.683822 9.209553-5.62806 6.037374-12.688718 6.549016-20.261017 3.581493-5.01409-1.944239-9.107225-8.18627-9.107225-14.632957-0.102328-13.302688 0-26.707705 0-40.010393v-8.800239H317.576097c0 15.758569 0.204657 31.107825-0.102329 46.45708-0.204657 10.64215-3.581493 16.679524-14.939942 18.726091-6.856001 1.22794-18.419107-3.78615-18.316778-14.4283 0.204657-15.246927 0.102328-30.391526 0.102328-45.740781v-5.321076H224.150295c-2.967523 0-5.832717 0.61397-8.902568 0.818627-17.805136 1.22794-28.754272 19.135405-28.549616 33.461377 0.409313 29.879884 0.102328 59.65744 0.102329 89.537324 0.306985 1.330269 0.306985 3.172179 0.306985 5.218747z m-33.25672 431.621065c1.841911 5.730389 3.479165 11.767763 5.62806 17.395823 5.116419 13.20036 14.223643 23.023883 26.298391 30.18687 7.879285 4.707105 16.167882 7.981613 25.377436 8.697911 0.306985 0 0.61397 0.511642 0.920955 0.920955h-58.122514c-0.102328-19.135405-0.102328-38.066154-0.102328-57.201559z m659.097032 57.201559c2.353553-0.61397 4.604777-1.432597 6.856-1.944239 24.661137-5.832717 40.419706-21.181973 48.401319-44.922154 0.61397-1.841911 1.330269-3.581493 1.944239-5.423404v52.392126c-19.135405-0.102328-38.168482-0.102328-57.201558-0.102329z" fill="" ></path><path d="M227.424803 623.179774l10.02818-2.353552c25.275107-6.242031 44.410513-13.81433 56.792245-22.921555 12.893375-9.004897 23.433197-17.191166 31.517138-24.763466h-30.08454c-13.81433 0-33.359049 0.511642-58.224843 1.944239 0.511642-3.376836 0.511642-6.242031 0.920955-8.083941s0.511642-3.78615 0.511642-5.730389-0.511642-6.242031-1.432597-13.302688c32.949735 1.432597 52.494454 1.944239 58.224843 1.944239h59.145797v-22.512241c-25.275107 1.432597-39.601079 1.944239-42.977915 1.944239l-26.707705 0.409313-13.405016 0.511642c-0.920955-3.78615-2.353553-7.674628-3.376836-10.949136-0.920955-3.376836-4.297792-8.595583-9.107225-15.758569l10.02818 0.920956c6.242031 0.920955 18.112122 0.920955 35.81493 0.920955 20.568002 0 45.331468-0.920955 74.495053-3.376836 29.061257-2.353553 50.140901-5.218747 63.44359-8.595583l9.516538-2.353553c5.218747 9.004897 10.949136 17.60048 17.191166 26.196063l-30.493854 2.353553-32.438094 2.865194-29.572898 2.353552v23.842511h54.438692c5.218747 0 25.275107-0.511642 60.169082-1.944239-0.920955 3.78615-1.432597 7.162986-1.432597 8.595583-0.511642 1.944239-0.511642 3.376836-0.511642 3.786149 0 0.920955 0.511642 5.218747 1.944239 13.302689-24.865794-1.432597-44.819826-1.944239-60.169082-1.944239h-26.298391c6.242031 6.651344 15.246927 14.325972 26.707705 23.330868 11.972419 9.004897 31.517138 15.758569 59.145798 20.05636l9.107225 1.432598c-5.218747 5.218747-8.595583 9.516538-10.949136 12.893374-2.353553 3.376836-4.809433 8.595583-6.651344 15.246927l-9.107225-3.786149c-30.493854-13.302688-50.550215-24.354152-61.090037-32.847407-10.02818-8.595583-17.191166-15.246927-20.977316-19.544719L382.452283 575.801739l-3.786149-4.809434h-1.944239v29.982213c0 3.78615 0.511642 10.949136 1.432597 21.488958-6.651344-0.920955-10.539822-0.920955-12.381733-0.920956-1.432597 0-5.730389 0.511642-12.893375 0.920956 0.920955-10.02818 1.944239-17.191166 1.944239-21.488958V570.787649c-4.297792 4.297792-9.107225 9.004897-14.837613 14.735285s-11.460777 11.460777-18.112122 17.60048c-6.651344 5.730389-18.623763 14.325972-36.224243 24.763465 10.949136 0.920955 20.977316 1.432597 29.572899 1.432597h95.47237c10.539822 0 22.921555-0.511642 36.735884-1.432597-18.112122 14.735285-30.493854 24.763466-37.65684 29.061257L378.666134 676.595183v0.511642h47.68502c15.246927 0 35.81493-0.511642 62.010992-1.944239-0.511642 4.297792-0.920955 7.162986-0.920955 9.004897 0 1.944239-0.511642 3.78615-0.511642 5.730388s0.511642 6.242031 1.432597 12.893375c-24.865794-1.432597-45.331468-2.353553-62.010992-2.353552H378.666134v33.359048c0 8.083941-1.432597 14.735285-4.297792 19.033077-2.865194 4.809433-17.191166 7.162986-43.387229 8.083941 0-3.78615-0.511642-7.162986-0.920955-9.004896-0.511642-2.353553-0.920955-4.297792-1.944239-6.242031-0.920955-2.353553-4.297792-8.083941-10.539822-17.191166 11.972419 2.353553 20.977316 3.376836 27.219346 2.865194 3.376836 0 5.730389-0.511642 7.162986-1.944239 1.432597-1.432597 1.944239-4.809433 1.944239-9.516538v-19.544719h-51.573498c-11.972419 0-31.926451 0.920955-60.169082 2.353553 0-3.376836 0.511642-7.162986 0.511642-10.437494s0.511642-6.242031 0.511642-7.674628l-0.920956-9.516538c25.275107 1.432597 45.331468 1.944239 60.169082 1.944239h50.550215v-6.242031l-0.511642-3.376836 3.78615-0.920955c7.674628-2.353553 18.112122-8.083941 31.926451-17.60048h-73.47177c-9.516538 0-20.056361 0.511642-31.005496 1.432597 0.511642-2.865194 0.920955-5.218747 0.920956-7.674628 0.511642-1.944239 0.511642-3.376836 0.511641-4.809433l-0.511641-2.865194-0.511642-7.674628c-9.516538 5.730389-18.623763 10.437494-26.707705 14.735285l-7.674628 3.78615c-3.376836-6.242031-5.730389-10.02818-7.674627-11.870091-1.330269-0.204657-6.549016-4.502448-14.632957-10.744479zM522.744479 740.448086l7.162986-10.949135c2.353553-3.78615 5.218747-9.516538 8.595583-16.167883s6.651344-16.167882 10.539822-28.549615c3.78615-11.870091 6.242031-28.140302 6.651344-48.094334 0.920955-20.056361 0.920955-34.791646 1.432597-44.819826V568.536425L555.182572 525.660837c18.112122 0.920955 28.651944 1.432597 32.438094 1.432598h71.629859c-2.353553-5.730389-5.218747-11.870091-8.595583-18.623764l-4.297792-7.674628c8.083941-1.432597 17.191166-4.297792 26.707705-8.595583l11.972419 35.303288h36.224243c10.02818 0 27.62866-0.511642 52.494454-1.944239-0.511642 3.376836-0.920955 5.730389-0.920956 7.674628v4.297791c0 0.920955 0.511642 4.809433 1.432598 10.949136-11.972419 0-22.409913-0.511642-32.438094-0.920955-10.02818-0.511642-16.679524-0.511642-20.568002-0.511642h-140.803837V578.87159h43.387229v-8.083941c0-3.78615 0-6.651344-0.511642-8.595583l-0.920956-9.004897c6.242031 0.920955 10.02818 1.432597 10.949136 1.432597s5.730389-0.511642 13.405016-1.432597c-0.920955 4.297792-0.920955 7.162986-1.432597 9.516538v15.758569h58.736485v-6.24203c0-5.218747 0-8.595583-0.511642-10.02818l-0.920955-9.004897c6.651344 0.920955 10.949136 1.432597 12.381732 1.432597 1.432597 0 5.730389-0.511642 12.893375-1.432597-0.920955 4.297792-0.920955 7.162986-1.432597 9.516538v15.758569h20.568002c9.516538 0 20.568002-0.511642 31.926452-1.432597-0.511642 3.376836-0.511642 5.730389-0.511642 7.162986 0 1.432597 0 3.376836-0.511642 4.809434-0.511642 1.432597 0 2.353553 0 2.865194l0.920955 7.674628c-11.460777-0.920955-22.0006-1.432597-31.926451-1.432598H726.582592V616.733087c0 6.651344 0 10.437494 0.511642 12.381733l0.920955 12.893374c-9.107225-0.920955-18.112122-1.432597-26.298391-1.432597h-53.006095c-8.083941 0-16.679524 0.511642-25.78675 1.432597 0.511642-5.218747 0.511642-9.516538 0.920956-12.893374 0-3.376836 0.511642-7.162986 0.511641-11.460778v-19.544719h-43.89887c0 6.242031-0.511642 12.381733-0.511642 18.623764s-0.920955 15.246927-1.944239 27.62866c-0.920955 11.870091-2.353553 22.409913-3.376836 31.005496-1.432597 8.595583-4.297792 20.056361-8.595584 34.280004-4.297792 14.325972-9.107225 26.707705-13.81433 36.224243l-5.218746 11.460777c-2.865194-2.865194-5.218747-5.218747-7.162986-6.651344-2.762866-2.148896-7.981613-5.525732-17.088838-10.232837z m53.517737-9.107225c23.433197 0 48.196662-5.218747 74.495054-15.758569-8.083941-8.083941-14.325972-14.735285-18.112122-19.544718-3.78615-5.218747-8.083941-12.893375-13.405016-22.409913l-23.433197 1.944239c0.511642-3.376836 0.511642-5.730389 0.511642-7.162986 0-1.432597 0-2.865194 0.511642-4.297792 0-1.432597 0-4.809433-0.920955-10.949135 12.381733 0.920955 24.354152 1.432597 35.303287 1.432597h79.202159c10.949136 0 22.409913-0.511642 34.382332-1.432597-4.809433 9.004897-10.02818 17.60048-15.758569 25.684421-5.730389 8.083941-17.702808 20.056361-34.791646 36.735884 15.758569 6.242031 28.140302 10.437494 37.65684 11.870091 9.107225 1.432597 16.679524 2.353553 22.921555 2.865195l16.679525 0.920955 8.083941 0.920955c-3.376836 3.376836-9.107225 10.437494-16.679524 20.465674l-3.78615 7.162986-9.107225-2.865194c-0.511642 0-8.083941-1.944239-22.921555-6.242031-14.837614-4.297792-32.438093-11.460777-53.415409-21.898271-27.62866 12.381733-53.927051 21.488958-79.202159 26.707705l-9.107225 1.944239c-1.944239-2.353553-3.376836-4.809433-4.809433-7.674628-1.432597-2.865194-2.353553-4.297792-2.865194-5.218747l-4.297792-5.730389-6.651344-8.083941h9.516538v0.61397z m126.887179-57.610872h-58.736484c2.865194 6.242031 6.242031 11.460777 10.02818 16.167882 3.78615 4.809433 9.516538 9.516538 16.679525 14.735286 5.218747-2.865194 10.02818-6.242031 14.837613-10.02818 4.809433-3.274508 10.539822-10.437494 17.191166-20.874988z m-56.792245-50.550215h58.736484v-25.275107h-58.736484v25.275107z" fill="" ></path></symbol><symbol id="icon-shuzishunxu" viewBox="0 0 1024 1024"><path d="M862.138182 252.16h-523.636364a34.909091 34.909091 0 0 1 0-69.818182h523.636364a34.909091 34.909091 0 0 1 0 69.818182z m0 290.909091h-523.636364a34.909091 34.909091 0 0 1 0-69.818182h523.636364a34.909091 34.909091 0 0 1 0 69.818182z m0 290.909091h-523.636364a34.909091 34.909091 0 0 1 0-69.818182h523.636364a34.909091 34.909091 0 0 1 0 69.818182zM149.178182 294.865455V139.636364h43.962182v155.229091h-43.985455z m76.776727 247.854545v44.916364H125.626182l50.059636-93.323637c2.304-4.352 3.490909-8.075636 3.490909-11.170909 0-5.748364-3.584-8.610909-10.682182-8.610909a10.100364 10.100364 0 0 0-10.496 10.24 12.334545 12.334545 0 0 0 3.956364 8.843636l-19.781818 35.374546C124.951273 517.818182 116.363636 502.458182 116.363636 482.909091c0-14.894545 5.236364-27.671273 15.685819-38.283636a51.688727 51.688727 0 0 1 38.260363-15.941819c15.383273 0 28.229818 5.376 38.562909 16.174546 10.309818 10.775273 15.453091 23.458909 15.453091 38.050909 0 8.541091-1.908364 16.523636-5.818182 23.970909L200.145455 542.72h25.809454z m-95.976727 177.431273h82.129454l-25.134545 59.810909c8.843636 6.050909 15.36 12.730182 19.549091 20.014545 4.189091 7.307636 6.283636 15.988364 6.283636 26.088728 0 15.499636-5.376 28.043636-16.174545 37.585454-10.775273 9.541818-24.692364 14.312727-41.774546 14.312727a92.858182 92.858182 0 0 1-25.367272-3.723636v-43.752727c6.842182 3.072 13.032727 4.608 18.618181 4.608 5.445818 0 9.658182-1.536 12.683637-4.724364 3.025455-3.165091 4.561455-7.726545 4.561454-13.637818a18.152727 18.152727 0 0 0-8.029091-15.36c-5.376-3.863273-12.520727-5.818182-21.527272-5.818182l11.380363-30.487273h-17.221818v-44.916363z" fill="#797979" ></path></symbol><symbol id="icon-Group-" viewBox="0 0 1024 1024"><path d="M160 352a32 32 0 0 1-32-32V192a32 32 0 0 1 32-32h128a32 32 0 0 1 32 32v128a32 32 0 0 1-32 32z m32-64h64V224H192zM416 288a32 32 0 0 1 0-64h448a32 32 0 0 1 0 64zM160 608a32 32 0 0 1-32-32v-128a32 32 0 0 1 32-32h128a32 32 0 0 1 32 32v128a32 32 0 0 1-32 32z m32-64h64v-64H192zM416 544a32 32 0 0 1 0-64h448a32 32 0 0 1 0 64zM160 864a32 32 0 0 1-32-32v-128a32 32 0 0 1 32-32h128a32 32 0 0 1 32 32v128a32 32 0 0 1-32 32z m32-64h64v-64H192zM416 800a32 32 0 0 1 0-64h448a32 32 0 0 1 0 64z"  ></path></symbol><symbol id="icon-riqi" viewBox="0 0 1024 1024"><path d="M819.6 202.6H700.7v-63.8c0-17.6-14.3-31.9-31.9-31.9-17.6 0-31.9 14.3-31.9 31.9v63.8h-255v-63.8c0-17.6-14.3-31.9-31.9-31.9s-31.9 14.3-31.9 31.9v63.8H199.3C140.7 202.6 93 250.3 93 308.9v504.8C93 872.3 140.7 920 199.3 920h620.3c58.6 0 106.3-47.7 106.3-106.3V308.9c0-58.6-47.7-106.3-106.3-106.3z m42.5 611.1c0 23.4-19.1 42.5-42.5 42.5H199.3c-23.4 0-42.5-19.1-42.5-42.5V308.9c0-23.4 19.1-42.5 42.5-42.5h118.8v47.8c0 17.6 14.3 31.9 31.9 31.9s31.9-14.3 31.9-31.9v-47.8H637v47.8c0 17.6 14.3 31.9 31.9 31.9 17.6 0 31.9-14.3 31.9-31.9v-47.8h118.8c23.4 0 42.5 19.1 42.5 42.5v504.8z"  ></path><path d="M340.1 409.9H238c-12.9 0-23.4 10.5-23.4 23.4v87.6c0 12.9 10.5 23.4 23.4 23.4h102.1c12.9 0 23.4-10.5 23.4-23.4v-87.6c0-12.9-10.5-23.4-23.4-23.4zM560.5 409.9H458.4c-12.9 0-23.4 10.5-23.4 23.4v87.6c0 12.9 10.5 23.4 23.4 23.4h102.1c12.9 0 23.4-10.5 23.4-23.4v-87.6c0-12.9-10.5-23.4-23.4-23.4zM781 409.9H678.8c-12.9 0-23.4 10.5-23.4 23.4v87.6c0 12.9 10.5 23.4 23.4 23.4H781c12.9 0 23.4-10.5 23.4-23.4v-87.6c0-12.9-10.6-23.4-23.4-23.4zM340.1 632.9H238c-12.9 0-23.4 10.5-23.4 23.4v87.6c0 12.9 10.5 23.4 23.4 23.4h102.1c12.9 0 23.4-10.5 23.4-23.4v-87.6c0-12.9-10.5-23.4-23.4-23.4zM560.5 632.9H458.4c-12.9 0-23.4 10.5-23.4 23.4v87.6c0 12.9 10.5 23.4 23.4 23.4h102.1c12.9 0 23.4-10.5 23.4-23.4v-87.6c0-12.9-10.5-23.4-23.4-23.4zM781 632.9H678.8c-12.9 0-23.4 10.5-23.4 23.4v87.6c0 12.9 10.5 23.4 23.4 23.4H781c12.9 0 23.4-10.5 23.4-23.4v-87.6c0-12.9-10.6-23.4-23.4-23.4z"  ></path></symbol><symbol id="icon-zuoce-qujian" viewBox="0 0 1024 1024"><path d="M915.456 198.656c-49.3568 0-90.9312 32.768-104.0384 77.824h-195.1744c-13.312-45.056-54.8864-77.824-104.0384-77.824-49.3568 0-90.9312 32.768-104.0384 77.824H30.72c-16.9984 0-30.72 13.7216-30.72 30.72s13.7216 30.72 30.72 30.72h377.2416c13.312 45.056 54.8864 77.824 104.0384 77.824 49.3568 0 90.9312-32.768 104.0384-77.824h195.1744c13.312 45.056 54.8864 77.824 104.0384 77.824 60.0064 0 108.544-48.5376 108.544-108.544 0.2048-60.0064-48.3328-108.544-108.3392-108.544z m-403.456 155.648c-26.0096 0-47.104-21.0944-47.104-47.104s21.0944-47.104 47.104-47.104 47.104 21.0944 47.104 47.104-21.0944 47.104-47.104 47.104z m403.456 0c-26.0096 0-47.104-21.0944-47.104-47.104s21.0944-47.104 47.104-47.104 47.104 21.0944 47.104 47.104-21.0944 47.104-47.104 47.104zM993.28 686.08H616.0384c-13.312-45.056-54.8864-77.824-104.0384-77.824-49.3568 0-90.9312 32.768-104.0384 77.824h-193.1264c-13.312-45.056-54.8864-77.824-104.0384-77.824-55.7056 0-101.376 41.7792-107.7248 95.6416-1.8432 3.8912-2.8672 8.192-2.8672 12.9024s1.024 9.0112 2.8672 12.9024C9.216 783.5648 54.8864 825.344 110.592 825.344c49.3568 0 90.9312-32.768 104.0384-77.824h193.1264c13.312 45.056 54.8864 77.824 104.0384 77.824 49.3568 0 90.9312-32.768 104.0384-77.824H993.28c16.9984 0 30.72-13.7216 30.72-30.72s-13.7216-30.72-30.72-30.72zM110.592 763.904c-26.0096 0-47.104-21.0944-47.104-47.104s21.0944-47.104 47.104-47.104 47.104 21.0944 47.104 47.104-21.0944 47.104-47.104 47.104z m401.408 0c-26.0096 0-47.104-21.0944-47.104-47.104s21.0944-47.104 47.104-47.104 47.104 21.0944 47.104 47.104-21.0944 47.104-47.104 47.104z" fill="#646464" ></path></symbol><symbol id="icon-liebiao" viewBox="0 0 1024 1024"><path d="M92.5 573.1h179.4c16.5 0 29.9-13.4 29.9-29.9s-13.4-29.9-29.9-29.9H92.5c-16.5 0-29.9 13.4-29.9 29.9s13.4 29.9 29.9 29.9zM950.9 823L848 720c31.9-40.7 51.7-91.2 51.7-146.9 0-132.1-107.1-239.2-239.2-239.2S421.3 441 421.3 573.1s107.1 239.2 239.2 239.2c55.7 0 106.3-19.9 146.9-51.7l103 103c11.2 11.2 29.3 11.2 40.5 0 11.2-11.3 11.2-29.4 0-40.6zM788.7 698.3c-0.5 0.5-1.3 0.7-1.7 1.2-0.5 0.5-0.7 1.3-1.2 1.7-32.4 31.6-76.4 51.2-125.3 51.2-99.1 0-179.4-80.3-179.4-179.4 0-99.1 80.3-179.4 179.4-179.4S839.9 474 839.9 573.1c0.1 48.8-19.6 92.9-51.2 125.2z m-696.2-484h538.2c16.5 0 29.9-13.4 29.9-29.9s-13.4-29.9-29.9-29.9H92.5c-16.5 0-29.9 13.4-29.9 29.9s13.4 29.9 29.9 29.9z m239.2 119.6H92.5c-16.5 0-29.9 13.4-29.9 29.9s13.4 29.9 29.9 29.9h239.2c16.5 0 29.9-13.4 29.9-29.9s-13.4-29.9-29.9-29.9z m0 358.8H92.5c-16.5 0-29.9 13.4-29.9 29.9s13.4 29.9 29.9 29.9h239.2c16.5 0 29.9-13.4 29.9-29.9s-13.4-29.9-29.9-29.9z m0 0"  ></path></symbol><symbol id="icon-xialakuang" viewBox="0 0 1024 1024"><path d="M970.105263 404.210526H53.894737v-323.368421h916.210526v323.368421z m-862.315789-53.894737h808.421052v-215.578947H107.789474v215.578947z" fill="#444A5C" ></path><path d="M970.105263 943.157895H53.894737v-592.842106h916.210526v592.842106z m-862.315789-53.894737h808.421052v-485.052632H107.789474v485.052632zM754.526316 307.2L662.905263 215.578947l37.726316-37.726315 53.894737 53.894736 53.894737-53.894736 37.726315 37.726315z" fill="#444A5C" ></path><path d="M264.084211 781.473684h485.052631v-53.894737h-485.052631v53.894737z m0-107.789473h485.052631v-53.894737h-485.052631v53.894737z m0-161.684211v53.894737h485.052631v-53.894737h-485.052631z" fill="#444A5C" ></path></symbol><symbol id="icon-xialashu" viewBox="0 0 1024 1024"><path d="M970.105263 323.368421H53.894737V53.894737h916.210526v269.473684zM107.789474 269.473684h808.421052V107.789474H107.789474v161.68421zM215.578947 538.947368H53.894737V377.263158h161.68421v161.68421zM107.789474 485.052632h53.894737V431.157895H107.789474v53.894737z" fill="#444A5C" ></path><path d="M269.473684 431.157895h431.157895v53.894737H269.473684V431.157895zM538.947368 646.736842h431.157895v53.894737h-431.157895v-53.894737zM538.947368 862.315789h431.157895v53.894737h-431.157895v-53.894737zM107.789474 485.052632h53.894737v431.157894H107.789474V485.052632zM161.684211 700.631579v-53.894737h161.68421v53.894737H161.684211M161.684211 916.210526v-53.894737h161.68421v53.894737H161.684211" fill="#444A5C" ></path><path d="M485.052632 754.526316H323.368421v-161.684211h161.684211v161.684211z m-107.789474-53.894737h53.894737v-53.894737H377.263158v53.894737zM485.052632 970.105263H323.368421v-161.68421h161.684211v161.68421z m-107.789474-53.894737h53.894737v-53.894737H377.263158v53.894737z" fill="#444A5C" ></path><path d="M754.526316 161.684211h107.789473v53.894736h-107.789473V161.684211z" fill="#444A5C" ></path></symbol><symbol id="icon-zhongzhi" viewBox="0 0 1024 1024"><path d="M624.593455 23.272727a93.090909 93.090909 0 0 1 93.090909 93.090909v168.587637l143.406545 0.023272a116.363636 116.363636 0 0 1 116.247273 111.313455l0.116363 5.050182V861.090909a116.363636 116.363636 0 0 1-116.363636 116.363636H162.909091a116.363636 116.363636 0 0 1-116.363636-116.363636V401.338182a116.363636 116.363636 0 0 1 116.363636-116.363637l146.664727-0.023272V116.363636a93.090909 93.090909 0 0 1 88.459637-92.974545l4.654545-0.116364zM139.636364 581.818182v279.272727a23.272727 23.272727 0 0 0 23.272727 23.272727h302.545454v-162.909091a46.545455 46.545455 0 1 1 93.09091 0v162.909091h93.090909v-162.909091a46.545455 46.545455 0 1 1 93.090909 0v162.909091h116.363636a23.272727 23.272727 0 0 0 23.272727-23.272727V581.818182H139.636364z m0-93.090909h744.727272v-87.389091a23.272727 23.272727 0 0 0-23.272727-23.272727h-166.679273a69.818182 69.818182 0 0 1-69.818181-69.818182V116.363636h-221.905455v191.883637a69.818182 69.818182 0 0 1-69.818182 69.818182H162.909091a23.272727 23.272727 0 0 0-23.272727 23.272727V488.727273z"  ></path></symbol><symbol id="icon-ri" viewBox="0 0 1024 1024"><path d="M408.222897 789.115586v-35.345655h217.15862v34.886621h33.474207V388.378483h-283.68331v400.737103h33.050483z m217.15862-237.779862h-217.15862v-130.824827h217.15862v130.824827z m0 170.301793h-217.15862v-138.169379h217.15862v138.169379z"  ></path><path d="M917.645241 144.772414a70.62069 70.62069 0 0 1 70.62069 70.620689v681.489656a70.62069 70.62069 0 0 1-70.62069 70.620689H94.384552a70.62069 70.62069 0 0 1-70.62069-70.620689V215.393103a70.62069 70.62069 0 0 1 70.62069-70.620689h823.260689z m0 45.903448H94.384552a24.717241 24.717241 0 0 0-24.50538 21.362759l-0.211862 3.354482v681.489656a24.717241 24.717241 0 0 0 21.362759 24.505379l3.354483 0.211862h823.260689a24.717241 24.717241 0 0 0 24.50538-21.362759l0.211862-3.354482V215.393103a24.717241 24.717241 0 0 0-21.362759-24.505379l-3.354483-0.211862z"  ></path><path d="M312.214069 31.249655a22.951724 22.951724 0 0 1 22.704552 19.561931l0.247172 3.389793v180.824276a22.951724 22.951724 0 0 1-45.656276 3.389793l-0.247172-3.389793v-180.788965a22.951724 22.951724 0 0 1 22.951724-22.951724zM691.023448 31.249655a22.951724 22.951724 0 0 1 22.704552 19.561931l0.247172 3.389793v180.824276a22.951724 22.951724 0 0 1-45.656275 3.389793l-0.247173-3.389793v-180.788965a22.951724 22.951724 0 0 1 22.951724-22.951724z"  ></path></symbol><symbol id="icon-nian" viewBox="0 0 1024 1024"><path d="M715.702857 32.365714a23.771429 23.771429 0 0 1 23.515429 20.260572l0.256 3.510857V149.942857l210.944 0.036572a73.142857 73.142857 0 0 1 73.142857 73.142857v705.828571a73.142857 73.142857 0 0 1-73.142857 73.142857H97.755429a73.142857 73.142857 0 0 1-73.142858-73.142857V223.085714a73.142857 73.142857 0 0 1 73.142858-73.142857h201.837714V56.100571a23.771429 23.771429 0 0 1 47.286857-3.510857l0.256 3.510857V149.942857h344.795429V56.137143a23.771429 23.771429 0 0 1 23.771428-23.771429zM299.593143 197.485714l-201.874286 0.036572a25.6 25.6 0 0 0-25.344 22.125714l-0.219428 3.474286v705.828571a25.6 25.6 0 0 0 22.125714 25.380572l3.474286 0.219428h852.662857a25.6 25.6 0 0 0 25.380571-22.125714l0.219429-3.474286V223.085714a25.6 25.6 0 0 0-22.125715-25.380571l-3.474285-0.219429H739.474286v45.933715a23.771429 23.771429 0 0 1-47.286857 3.510857l-0.256-3.510857V197.485714H347.136v45.970286a23.771429 23.771429 0 0 1-47.286857 3.510857l-0.256-3.510857V197.485714z m112.274286 181.504l35.657142 6.656c-5.229714 18.066286-11.410286 34.706286-18.066285 50.870857h295.241143v33.28h-149.284572v76.068572h132.644572v32.804571h-132.644572v102.692572h164.498286v33.28h-164.498286v106.020571h-34.706286V714.605714H321.097143v-33.28h78.445714v-135.497143h141.202286v-76.068571h-127.890286a285.805714 285.805714 0 0 1-75.117714 84.626286l-22.820572-28.525715c48.018286-36.132571 80.347429-85.101714 96.987429-146.907428z m128.841142 199.68H433.737143v102.692572h106.971428v-102.692572z"  ></path></symbol><symbol id="icon-yue" viewBox="0 0 1024 1024"><path d="M371.959172 792.328828c29.837241-39.017931 47.315862-88.134621 52.788966-147.809104h197.843862v91.347862c0 13.312-5.508414 20.197517-16.066207 20.197517-17.44331 0-36.722759-0.918069-57.838345-1.836137l9.18069 32.591448h59.215448c25.705931 0 39.017931-13.312 39.017931-39.476966V388.378483h-263.026758v224.008827c-0.918069 63.346759-16.066207 115.67669-46.362483 156.989793l25.246896 22.951725z m250.632828-291.945931h-195.972414v-80.331035h195.972414v80.331035z m0 113.381517h-195.972414v-82.626207h195.972414v82.626207z"  ></path><path d="M917.645241 144.772414a70.62069 70.62069 0 0 1 70.62069 70.620689v681.489656a70.62069 70.62069 0 0 1-70.62069 70.620689H94.384552a70.62069 70.62069 0 0 1-70.62069-70.620689V215.393103a70.62069 70.62069 0 0 1 70.62069-70.620689h823.260689z m0 45.903448H94.384552a24.717241 24.717241 0 0 0-24.50538 21.362759l-0.211862 3.354482v681.489656a24.717241 24.717241 0 0 0 21.362759 24.505379l3.354483 0.211862h823.260689a24.717241 24.717241 0 0 0 24.50538-21.362759l0.211862-3.354482V215.393103a24.717241 24.717241 0 0 0-21.362759-24.505379l-3.354483-0.211862z"  ></path><path d="M312.214069 31.249655a22.951724 22.951724 0 0 1 22.704552 19.561931l0.247172 3.389793v180.824276a22.951724 22.951724 0 0 1-45.656276 3.389793l-0.247172-3.389793v-180.788965a22.951724 22.951724 0 0 1 22.951724-22.951724zM691.023448 31.249655a22.951724 22.951724 0 0 1 22.704552 19.561931l0.247172 3.389793v180.824276a22.951724 22.951724 0 0 1-45.656275 3.389793l-0.247173-3.389793v-180.788965a22.951724 22.951724 0 0 1 22.951724-22.951724z"  ></path></symbol></svg>',z=(z=document.getElementsByTagName("script"))[z.length-1].getAttribute("data-injectcss"),o=function(h,l){l.parentNode.insertBefore(h,l)};if(z&&!h.__iconfont__svg__cssinject__){h.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(h){console&&console.log(h)}}function m(){t||(t=!0,a())}function s(){try{v.documentElement.doScroll("left")}catch(h){return void setTimeout(s,50)}m()}l=function(){var h,l;(l=document.createElement("div")).innerHTML=i,i=null,(h=l.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",l=h,(h=document.body).firstChild?o(l,h.firstChild):h.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(c=function(){document.removeEventListener("DOMContentLoaded",c,!1),l()},document.addEventListener("DOMContentLoaded",c,!1)):document.attachEvent&&(a=l,v=h.document,t=!1,s(),v.onreadystatechange=function(){"complete"==v.readyState&&(v.onreadystatechange=null,m())})}(window);
diff --git a/frontend/src/styles/deicon/iconfont.json b/frontend/src/styles/deicon/iconfont.json
index b58f19728c..5107217f78 100644
--- a/frontend/src/styles/deicon/iconfont.json
+++ b/frontend/src/styles/deicon/iconfont.json
@@ -5,6 +5,48 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "1766500",
+      "name": "符号-数据矩阵",
+      "font_class": "shujujuzhen",
+      "unicode": "e69c",
+      "unicode_decimal": 59036
+    },
+    {
+      "icon_id": "5387898",
+      "name": "视图矩阵_o",
+      "font_class": "shitujuzhen_o",
+      "unicode": "eb85",
+      "unicode_decimal": 60293
+    },
+    {
+      "icon_id": "21505923",
+      "name": "悬浮",
+      "font_class": "xuanfu1",
+      "unicode": "e62c",
+      "unicode_decimal": 58924
+    },
+    {
+      "icon_id": "6331823",
+      "name": "右悬浮-选中",
+      "font_class": "youxuanfu-copy",
+      "unicode": "e6db",
+      "unicode_decimal": 59099
+    },
+    {
+      "icon_id": "10788831",
+      "name": "悬浮",
+      "font_class": "xuanfu",
+      "unicode": "e6f6",
+      "unicode_decimal": 59126
+    },
+    {
+      "icon_id": "14541134",
+      "name": "悬浮按钮",
+      "font_class": "xuanfuanniu",
+      "unicode": "e8e6",
+      "unicode_decimal": 59622
+    },
     {
       "icon_id": "15196968",
       "name": "44.tabs",
diff --git a/frontend/src/styles/deicon/iconfont.ttf b/frontend/src/styles/deicon/iconfont.ttf
index b4ade57bae..c1d60ee70c 100644
Binary files a/frontend/src/styles/deicon/iconfont.ttf and b/frontend/src/styles/deicon/iconfont.ttf differ
diff --git a/frontend/src/styles/deicon/iconfont.woff b/frontend/src/styles/deicon/iconfont.woff
index 5ae48f77a2..12454105d9 100644
Binary files a/frontend/src/styles/deicon/iconfont.woff and b/frontend/src/styles/deicon/iconfont.woff differ
diff --git a/frontend/src/styles/deicon/iconfont.woff2 b/frontend/src/styles/deicon/iconfont.woff2
index 415d27b7ee..c702ceeb6f 100644
Binary files a/frontend/src/styles/deicon/iconfont.woff2 and b/frontend/src/styles/deicon/iconfont.woff2 differ
diff --git a/frontend/src/views/panel/AssistComponent/index.vue b/frontend/src/views/panel/AssistComponent/index.vue
index 4d0b242ead..942b2a94a4 100644
--- a/frontend/src/views/panel/AssistComponent/index.vue
+++ b/frontend/src/views/panel/AssistComponent/index.vue
@@ -60,6 +60,8 @@ import toast from '@/components/canvas/utils/toast'
 import { commonStyle, commonAttr } from '@/components/canvas/custom-component/component-list'
 import generateID from '@/components/canvas/utils/generateID'
 import { deepCopy } from '@/components/canvas/utils/utils'
+import eventBus from '@/components/canvas/utils/eventBus'
+import { mapState } from 'vuex'
 
 export default {
   name: 'AssisComponent',
@@ -69,6 +71,11 @@ export default {
       pictureList
     }
   },
+  computed: {
+    ...mapState([
+      'canvasStyleData'
+    ])
+  },
 
   methods: {
     handleDragStart(ev) {
@@ -79,6 +86,7 @@ export default {
         id: ev.target.dataset.id
       }
       ev.dataTransfer.setData('componentInfo', JSON.stringify(dataTrans))
+      eventBus.$emit('startMoveIn')
     },
     goFile() {
       this.$refs.files.click()
@@ -133,6 +141,7 @@ export default {
           component = deepCopy(componentTemp)
         }
       })
+      component.auxiliaryMatrix = this.canvasStyleData.auxiliaryMatrix
       return component
     },
     handleDragEnd(ev) {
diff --git a/frontend/src/views/panel/ViewSelect/index.vue b/frontend/src/views/panel/ViewSelect/index.vue
index e19213c975..199c873e3b 100644
--- a/frontend/src/views/panel/ViewSelect/index.vue
+++ b/frontend/src/views/panel/ViewSelect/index.vue
@@ -69,6 +69,9 @@
 import { tree, findOne } from '@/api/panel/view'
 import componentList from '@/components/canvas/custom-component/component-list'
 import { deepCopy } from '@/components/canvas/utils/utils'
+import eventBus from '@/components/canvas/utils/eventBus'
+import { mapState } from 'vuex'
+
 export default {
   name: 'ViewSelect',
   props: {
@@ -92,6 +95,11 @@ export default {
       loading: false
     }
   },
+  computed: {
+    ...mapState([
+      'canvasStyleData'
+    ])
+  },
   watch: {
     templateFilterText(val) {
       this.$refs.templateTree.filter(val)
@@ -130,6 +138,7 @@ export default {
         id: node.data.id
       }
       ev.dataTransfer.setData('componentInfo', JSON.stringify(dataTrans))
+      eventBus.$emit('startMoveIn')
     },
     dragEnd() {
       console.log('dragEnd')
@@ -178,6 +187,7 @@ export default {
           component = deepCopy(componentTemp)
         }
       })
+      component.auxiliaryMatrix = this.canvasStyleData.auxiliaryMatrix
       return component
     }
 
diff --git a/frontend/src/views/panel/drag/base.vue b/frontend/src/views/panel/drag/base.vue
new file mode 100644
index 0000000000..2bec5c0f58
--- /dev/null
+++ b/frontend/src/views/panel/drag/base.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="demo">
+    <!-- <button @click="getList">getList</button> -->
+    <div class="head">
+      <router-link to="/" class="arrow">&larr;</router-link>
+      <span>基本应用</span>
+    </div>
+    <power-drag
+      ref="cyGridster"
+      :your-list="myList"
+      :base-margin-left="baseMarginLeft"
+      :base-margin-top="baseMarginTop"
+      :base-width="baseWidth"
+      :base-height="baseHeight"
+    >
+      <!-- <div v-for="(item,index) in myList" :slot="'slot'+index">
+
+            </div> -->
+      <div draggable="true" style="width: 200px;height: 200px;background: #1b6d85">
+        this is test
+      </div>
+    </power-drag>
+  </div>
+</template>
+
+<script>
+import drag from '@/components/DeDrag/drag.vue'
+import mock from 'mockjs'
+import _ from 'lodash'
+
+export default {
+  name: 'App',
+  components: {
+    'power-drag': drag
+  },
+  data() {
+    const list = mock.mock({
+      // "myList|10": [{
+      //     "id|+1": 1,
+      //     x: '@integer(1,5)',
+      //     y: '@integer(1,5)',
+      //     sizex: '@integer(1,3)',
+      //     sizey: '@integer(1,3)',
+      // }]
+      myList: [{
+        'id': 3,
+        'x': 6,
+        'y': 2,
+        'sizex': 1,
+        'sizey': 1
+      }, {
+        'id': 5,
+        'x': 4,
+        'y': 2,
+        'sizex': 2,
+        'sizey': 1
+      }, {
+        'id': 7,
+        'x': 1,
+        'y': 2,
+        'sizex': 1,
+        'sizey': 1
+      }, {
+        'id': 9,
+        'x': 7,
+        'y': 2,
+        'sizex': 1,
+        'sizey': 1
+      }]
+    })
+    return {
+      myList: list.myList,
+      baseWidth: 0,
+      baseHeight: 0
+    }
+  },
+  created() {
+    // 屏幕适配，使得当前布局能在所有分辨率下适用，示例是在1366*638分辨率下完成
+    const screenWidth = window.innerWidth
+    const screenHeight = window.innerHeight
+    this.baseWidth = 90.8333 * (screenWidth / 1366)
+    this.baseHeight = 100 * (screenHeight / 638)
+    this.baseMarginLeft = 0
+    this.baseMarginTop = 0
+
+    this.$nextTick(function() {
+      $('.dragAndResize').css('width', 'calc(100% - ' + (this.baseMarginLeft) + 'px)')
+    })
+  },
+  mounted() {
+    const gridster = this.$refs['cyGridster'] // 获取gridster实例
+    gridster.init() // 在适当的时候初始化布局组件
+  },
+  methods: {
+    getList() {
+      const gridster = this.$refs['cyGridster'] // 获取gridster实例
+      console.log(JSON.stringify(gridster.getList()))
+    }
+  }
+}
+
+</script>
+
+<style lang='less' scoped>
+    body {
+        overflow-x: hidden;
+        & * {
+            box-sizing: border-box;
+        }
+    }
+
+    #demo {
+        width: 100%;
+        padding: 1.5em 0 1.5em 0;
+
+        .head {
+            border-bottom: 1px dashed;
+            width: 100%;
+
+            padding-left: 20px;
+
+            height: 50px;
+
+            a {
+                text-decoration: none;
+                color: black;
+            }
+        }
+
+        .arrow {
+            font-size: 20px;
+
+            position: relative;
+            margin-right: 10px;
+            top: 2px;
+        }
+    }
+
+</style>
diff --git a/frontend/src/views/panel/edit/index.vue b/frontend/src/views/panel/edit/index.vue
index 5315426aa3..9b1b56660a 100644
--- a/frontend/src/views/panel/edit/index.vue
+++ b/frontend/src/views/panel/edit/index.vue
@@ -96,7 +96,7 @@
 
         <div
           id="canvasInfo"
-          class="content this_canvas"
+          class="this_canvas"
           @drop="handleDrop"
           @mousedown="handleMouseDown"
           @mouseup="deselectCurComponent"
@@ -479,9 +479,21 @@ export default {
         this.currentWidget = ApplicationContext.getService(componentInfo.id)
 
         this.currentFilterCom = this.currentWidget.getDrawPanel()
-        this.currentFilterCom.style.top = this.getPositionY(e.layerY)
-        this.currentFilterCom.style.left = this.getPositionX(e.layerX)
+
+        if (this.canvasStyleData.auxiliaryMatrix) {
+          this.currentFilterCom.x = this.dropComponentInfo.x
+          this.currentFilterCom.y = this.dropComponentInfo.y
+          this.currentFilterCom.sizex = this.dropComponentInfo.sizex
+          this.currentFilterCom.sizey = this.dropComponentInfo.sizey
+
+          this.currentFilterCom.style.left = (this.dragComponentInfo.x - 1) * this.curCanvasScale.matrixStyleOriginWidth
+          this.currentFilterCom.style.top = (this.dragComponentInfo.y - 1) * this.curCanvasScale.matrixStyleOriginHeight
+          this.currentFilterCom.style.width = this.dragComponentInfo.sizex * this.curCanvasScale.matrixStyleOriginWidth
+          this.currentFilterCom.style.height = this.dragComponentInfo.sizey * this.curCanvasScale.matrixStyleOriginHeight
+        }
         this.currentFilterCom.id = newComponentId
+        this.currentFilterCom.auxiliaryMatrix = this.canvasStyleData.auxiliaryMatrix
+
         if (this.currentWidget.filterDialog) {
           this.show = false
           this.openFilterDialog()
@@ -493,12 +505,27 @@ export default {
       // position = absolution 或导致有偏移 这里中和一下偏移量
       // component.style.top = this.getPositionY(e.layerY)
       // component.style.left = this.getPositionX(e.layerX)
-      component.style.top = this.dropComponentInfo.shadowStyle.y
-      component.style.left = this.dropComponentInfo.shadowStyle.x
-      component.style.width = this.dropComponentInfo.shadowStyle.width
-      component.style.height = this.dropComponentInfo.shadowStyle.height
+
+      if (this.canvasStyleData.auxiliaryMatrix) {
+        component.x = this.dropComponentInfo.x
+        component.y = this.dropComponentInfo.y
+        component.sizex = this.dropComponentInfo.sizex
+        component.sizey = this.dropComponentInfo.sizey
+
+        component.style.left = (this.dragComponentInfo.x - 1) * this.curCanvasScale.matrixStyleOriginWidth
+        component.style.top = (this.dragComponentInfo.y - 1) * this.curCanvasScale.matrixStyleOriginHeight
+        component.style.width = this.dragComponentInfo.sizex * this.curCanvasScale.matrixStyleOriginWidth
+        component.style.height = this.dragComponentInfo.sizey * this.curCanvasScale.matrixStyleOriginHeight
+      } else {
+        component.style.top = this.dropComponentInfo.shadowStyle.y
+        component.style.left = this.dropComponentInfo.shadowStyle.x
+        component.style.width = this.dropComponentInfo.shadowStyle.width
+        component.style.height = this.dropComponentInfo.shadowStyle.height
+      }
 
       component.id = newComponentId
+      // 新拖入的组件矩阵状态 和仪表板当前的矩阵状态 保持一致
+      component.auxiliaryMatrix = this.canvasStyleData.auxiliaryMatrix
       this.$store.commit('addComponent', { component })
       this.$store.commit('recordSnapshot', 'handleDrop')
       this.clearCurrentInfo()
@@ -611,22 +638,35 @@ export default {
           const scaleHeight = img.height / 200
           let scale = scaleWith > scaleHeight ? scaleWith : scaleHeight
           scale = scale > 1 ? scale : 1
-          this.$store.commit('addComponent', {
-            component: {
-              ...commonAttr,
-              id: generateID(),
-              component: 'Picture',
-              label: '图片',
-              icon: '',
-              propValue: fileResult,
-              style: {
-                ...commonStyle,
-                top: _this.dropComponentInfo.shadowStyle.y,
-                left: _this.dropComponentInfo.shadowStyle.x,
-                width: _this.dropComponentInfo.shadowStyle.width,
-                height: _this.dropComponentInfo.shadowStyle.height
-              }
+          const component = {
+            ...commonAttr,
+            id: generateID(),
+            component: 'Picture',
+            label: '图片',
+            icon: '',
+            propValue: fileResult,
+            style: {
+              ...commonStyle
             }
+          }
+          component.auxiliaryMatrix = _this.canvasStyleData.auxiliaryMatrix
+          if (_this.canvasStyleData.auxiliaryMatrix) {
+            component.x = _this.dropComponentInfo.x
+            component.y = _this.dropComponentInfo.y
+            component.sizex = _this.dropComponentInfo.sizex
+            component.sizey = _this.dropComponentInfo.sizey
+            component.style.left = (_this.dropComponentInfo.x - 1) * _this.curCanvasScale.matrixStyleOriginWidth
+            component.style.top = (_this.dropComponentInfo.y - 1) * _this.curCanvasScale.matrixStyleOriginHeight
+            component.style.width = _this.dropComponentInfo.sizex * _this.curCanvasScale.matrixStyleOriginWidth
+            component.style.height = _this.dropComponentInfo.sizey * _this.curCanvasScale.matrixStyleOriginHeight
+          } else {
+            component.style.top = _this.dropComponentInfo.shadowStyle.y
+            component.style.left = _this.dropComponentInfo.shadowStyle.x
+            component.style.width = _this.dropComponentInfo.shadowStyle.width
+            component.style.height = _this.dropComponentInfo.shadowStyle.height
+          }
+          this.$store.commit('addComponent', {
+            component: component
           })
 
           this.$store.commit('recordSnapshot', 'handleFileChange')
@@ -784,7 +824,8 @@ export default {
 
 .this_canvas{
   height: calc(100vh - 91px);
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .el-main{
   height: calc(100vh - 91px);
diff --git a/frontend/src/views/panel/filter/index.vue b/frontend/src/views/panel/filter/index.vue
index 83e1389500..aa23f51e24 100644
--- a/frontend/src/views/panel/filter/index.vue
+++ b/frontend/src/views/panel/filter/index.vue
@@ -31,6 +31,8 @@
 <script>
 import { ApplicationContext } from '@/utils/ApplicationContext'
 import { deepCopy } from '@/components/canvas/utils/utils'
+import eventBus from '@/components/canvas/utils/eventBus'
+import { mapState } from 'vuex'
 export default {
   name: 'FilterGroup',
   data() {
@@ -66,6 +68,12 @@ export default {
       }
     }
   },
+  computed: {
+    ...mapState([
+      'canvasStyleData',
+      'curCanvasScale'
+    ])
+  },
   created() {
     for (const key in this.widgetSubjects) {
       const widgetNames = this.widgetSubjects[key]
@@ -82,13 +90,22 @@ export default {
   methods: {
     handleDragStart(ev) {
       // 记录拖拽信息
-      this.$store.commit('setDragComponentInfo', deepCopy(ApplicationContext.getService(ev.target.dataset.id).getDrawPanel()))
+      const dragComponentInfo = deepCopy(ApplicationContext.getService(ev.target.dataset.id).getDrawPanel())
+      // 设置矩阵标记点
+      dragComponentInfo.x = 1
+      dragComponentInfo.y = 1
+      dragComponentInfo.sizex = Math.round(dragComponentInfo.style.width / this.curCanvasScale.matrixStyleOriginWidth)
+      dragComponentInfo.sizey = Math.round(dragComponentInfo.style.height / this.curCanvasScale.matrixStyleOriginHeight)
+      dragComponentInfo.auxiliaryMatrix = this.canvasStyleData.auxiliaryMatrix
+
+      this.$store.commit('setDragComponentInfo', dragComponentInfo)
       ev.dataTransfer.effectAllowed = 'copy'
       const dataTrans = {
         type: 'other',
         id: ev.target.dataset.id
       }
       ev.dataTransfer.setData('componentInfo', JSON.stringify(dataTrans))
+      eventBus.$emit('startMoveIn')
     },
     handleDragEnd(ev) {
       this.$store.commit('clearDragComponentInfo')