chore: update

src/components/ChuangKitDesign.vue

@@ -99,104 +99,5 @@ onUnmounted(() => closeDesignPage())
 </script>
 
 <template>
-  <div id="chuangkit-design-iframe">
-    <video src="/1.mp4" autoplay style="width: 100%; height: 100%; object-fit: cover"></video>
-  </div>
-  <div id="chuangkit-design-pop-black"></div>
-  <div id="chuangkit-design-header-box">
-    <div style="font-size: 12px; color: rgb(80, 90, 113); z-index: 10000; display: block"></div>
-    <div id="chuangkit-design-right-box" class="chuangkit-api-rightbox">
-      <!-- <div id="chuangkit-design-screen-wraper">
-        <div id="chuangkit-design-screen-icon"></div>
-        <div id="chuangkit-design-fullscreen-btn" class="chuangkit-api-screen">全屏化</div>
-      </div> -->
-      <div
-        id="chuangkit-design-close_wraper"
-        style="display: inline-flex; align-items: center; height: 14px; cursor: pointer; margin-left: 20px">
-        <div id="chuangkit-design-close-icon"></div>
-        <div id="chuangkit-design-close-btn" @click="$emit('close')">关闭</div>
-      </div>
-    </div>
-  </div>
+  <div id="ckt-design-page"></div>
 </template>
-
-<style lang="scss">
-#chuangkit-design-iframe {
-  position: fixed;
-  top: 82px;
-  left: 50px;
-  width: calc(-100px + 100vw);
-  height: calc(-132px + 100vh);
-  z-index: 10000;
-  display: block;
-}
-#chuangkit-design-pop-black {
-  width: 100vw;
-  height: 100vh;
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  z-index: 9999;
-  background-color: rgb(0, 0, 0);
-  opacity: 0.7;
-}
-#chuangkit-design-header-box {
-  width: calc(-132px + 100vw);
-  height: 32px;
-  padding: 0px 16px;
-  position: fixed;
-  top: 50px;
-  left: 50px;
-  background: rgb(235, 238, 245);
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  box-sizing: content-box;
-  z-index: 10000;
-}
-#chuangkit-design-right-box {
-  width: 200px;
-  flex-grow: 0;
-  flex-shrink: 0;
-  z-index: 10000;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-#chuangkit-design-screen-wraper {
-  display: inline-flex;
-  align-items: center;
-  height: 14px;
-  cursor: pointer;
-}
-#chuangkit-design-screen-icon {
-  width: 14px;
-  height: 14px;
-  display: inline-block;
-  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjQ0cHgiIGhlaWdodD0iMjlweCIgdmlld0JveD0iMCAwIDQ0IDI5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7pm6rnoqflm77lpIfku708L3RpdGxlPg0KICAgIDxnIGlkPSLpm6rnoqflm77lpIfku70iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i57yW57uEIiBmaWxsPSIjMUIyMzM3IiBmaWxsLXJ1bGU9Im5vbnplcm8iPg0KICAgICAgICAgICAgPGcgaWQ9IuWFqOWxj+WMluWkh+S7vS01Ij4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw1IEwwLDMuNiBMMy42LDMuNiBMMy42LDAgTDUsMCBMNSw1IEwwLDUgWiBNMTQsNSBMMTQsMy42IEwxMC40LDMuNiBMMTAuNCwwIEw5LDAgTDksNSBMMTQsNSBaIiBpZD0i5b2i54q2Ij48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8ZyBpZD0i5YWo5bGP5YyW5aSH5Lu9LTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMS41MDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTEuNTAwMDAwKSB0cmFuc2xhdGUoMC4wMDAwMDAsIDkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsNSBMMCwzLjYgTDMuNiwzLjYgTDMuNiwwIEw1LDAgTDUsNSBMMCw1IFogTTE0LDUgTDE0LDMuNiBMMTAuNCwzLjYgTDEwLjQsMCBMOSwwIEw5LDUgTDE0LDUgWiIgaWQ9IuW9oueKtiI+PC9wYXRoPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgICAgIDxnIGlkPSLnvJbnu4TlpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNS4wMDAwMDApIj4NCiAgICAgICAgICAgIDxnIGlkPSLlhajlsY/ljJblpIfku70tNSIgZmlsbD0iIzA3NzNGQyIgZmlsbC1ydWxlPSJub256ZXJvIj4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNSw5IEw1LDE0IEwzLjYsMTQgTDMuNiwxMC40IEwwLDEwLjQgTDAsOSBMNSw5IFogTTE0LDkgTDE0LDEwLjQgTDEwLjQsMTAuNCBMMTAuNCwxNCBMOSwxNCBMOSw5IEwxNCw5IFogTTUsMCBMNSw1IEwwLDUgTDAsMy42IEwzLjYsMy42IEwzLjYsMCBMNSwwIFogTTEwLjQsMCBMMTAuNCwzLjYgTDE0LDMuNiBMMTQsNSBMOSw1IEw5LDAgTDEwLjQsMCBaIiBpZD0i5b2i54q257uT5ZCIIj48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8ZyBpZD0i5YWo5bGP5YyW5aSH5Lu9LTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMS41MDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTEuNTAwMDAwKSB0cmFuc2xhdGUoMC4wMDAwMDAsIDkuMDAwMDAwKSI+PC9nPg0KICAgICAgICA8L2c+DQogICAgICAgIDxnIGlkPSLnvJbnu4QtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuMDAwMDAwLCAwLjAwMDAwMCkiIGZpbGw9IiMxQjIzMzciIGZpbGwtcnVsZT0ibm9uemVybyI+DQogICAgICAgICAgICA8ZyBpZD0i5YWo5bGP5YyWIj4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNSwwIEw1LDEuNCBMMS40LDEuNCBMMS40LDUgTDAsNSBMMCwwIEw1LDAgWiBNOSwwIEw5LDEuNCBMMTIuNiwxLjQgTDEyLjYsNSBMMTQsNSBMMTQsMCBMOSwwIFoiIGlkPSLlvaLnirYiPjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDxnIGlkPSLlhajlsY/ljJblpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMS41MDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTEuNTAwMDAwKSB0cmFuc2xhdGUoMC4wMDAwMDAsIDkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTUsMCBMNSwxLjQgTDEuNCwxLjQgTDEuNCw1IEwwLDUgTDAsMCBMNSwwIFogTTksMCBMOSwxLjQgTDEyLjYsMS40IEwxMi42LDUgTDE0LDUgTDE0LDAgTDksMCBaIiBpZD0i5b2i54q2Ij48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICAgICAgPGcgaWQ9Iue8lue7hC0z5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS4wMDAwMDAsIDE1LjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9IuWFqOWxj+WMliIgZmlsbD0iIzA3NzNGQyIgZmlsbC1ydWxlPSJub256ZXJvIj4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMS40LDkgTDEuNCwxMi42IEw1LDEyLjYgTDUsMTQgTDAsMTQgTDAsOSBMMS40LDkgWiBNMTQsOSBMMTQsMTQgTDksMTQgTDksMTIuNiBMMTIuNiwxMi42IEwxMi42LDkgTDE0LDkgWiBNNSwwIEw1LDEuNCBMMS40LDEuNCBMMS40LDUgTDAsNSBMMCwwIEw1LDAgWiBNMTQsMCBMMTQsNSBMMTIuNiw1IEwxMi42LDEuNCBMOSwxLjQgTDksMCBMMTQsMCBaIiBpZD0i5b2i54q257uT5ZCIIj48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8ZyBpZD0i5YWo5bGP5YyW5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgMTEuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTExLjUwMDAwMCkgdHJhbnNsYXRlKDAuMDAwMDAwLCA5LjAwMDAwMCkiPjwvZz4NCiAgICAgICAgPC9nPg0KICAgICAgICA8ZyBpZD0i57yW57uELTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwLjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsPSIjMUIyMzM3Ij4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4zMjUsMy41IEwxMy42MTMwNDY1LDYuNzg4MDQ2NTMgTDEwLjMyNSwxMC4wNzYwOTMxIEw5LjQwNTc2MTE4LDkuMTU2ODU0MjUgTDExLjA2MjAyNjUsNy40OTkgTDMuNzIxMDI2NDcsNy41IEwzLjcyMTAyNjQ3LDYuMiBMMTEuMTg2MDI2NSw2LjE5OSBMOS40MDU3NjExOCw0LjQxOTIzODgyIEwxMC4zMjUsMy41IFoiIGlkPSLlvaLnirbnu5PlkIgiPjwvcGF0aD4NCiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSI4LjUwNTIwMzM1IDAgOC41MDUyMDMzNSAzLjY3NjkyMzA4IDcuMiAzLjY3NjkyMzA4IDcuMiAxLjIgMS40IDEuMiAxLjQgMTIuOCA3LjIgMTIuOCA3LjIgMTAuMzIzMDc2OSA4LjUwNTIwMzM1IDEwLjMyMzA3NjkgOC41MDUyMDMzNSAxNCAwIDE0IDAgMCI+PC9wb2x5Z29uPg0KICAgICAgICA8L2c+DQogICAgICAgIDxnIGlkPSLnvJbnu4QtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAuMDAwMDAwLCAxNS4wMDAwMDApIiBmaWxsPSIjMDc3M0ZDIj4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4zMjUsMy41IEwxMy42MTMwNDY1LDYuNzg4MDQ2NTMgTDEwLjMyNSwxMC4wNzYwOTMxIEw5LjQwNTc2MTE4LDkuMTU2ODU0MjUgTDExLjA2MjAyNjUsNy40OTkgTDMuNzIxMDI2NDcsNy41IEwzLjcyMTAyNjQ3LDYuMiBMMTEuMTg2MDI2NSw2LjE5OSBMOS40MDU3NjExOCw0LjQxOTIzODgyIEwxMC4zMjUsMy41IFoiIGlkPSLlvaLnirbnu5PlkIgiPjwvcGF0aD4NCiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSI4LjUwNTIwMzM1IDAgOC41MDUyMDMzNSAzLjY3NjkyMzA4IDcuMiAzLjY3NjkyMzA4IDcuMiAxLjIgMS40IDEuMiAxLjQgMTIuOCA3LjIgMTIuOCA3LjIgMTAuMzIzMDc2OSA4LjUwNTIwMzM1IDEwLjMyMzA3NjkgOC41MDUyMDMzNSAxNCAwIDE0IDAgMCI+PC9wb2x5Z29uPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+') -15px
-    0px no-repeat;
-  margin-right: 6px;
-}
-#chuangkit-design-fullscreen-btn {
-  display: inline-block;
-  font-size: 12px;
-  line-height: 12px;
-  color: rgb(27, 35, 55);
-  cursor: pointer;
-}
-#chuangkit-design-close-icon {
-  width: 14px;
-  height: 14px;
-  display: inline-block;
-  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjQ0cHgiIGhlaWdodD0iMjlweCIgdmlld0JveD0iMCAwIDQ0IDI5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7pm6rnoqflm77lpIfku708L3RpdGxlPg0KICAgIDxnIGlkPSLpm6rnoqflm77lpIfku70iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i57yW57uEIiBmaWxsPSIjMUIyMzM3IiBmaWxsLXJ1bGU9Im5vbnplcm8iPg0KICAgICAgICAgICAgPGcgaWQ9IuWFqOWxj+WMluWkh+S7vS01Ij4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw1IEwwLDMuNiBMMy42LDMuNiBMMy42LDAgTDUsMCBMNSw1IEwwLDUgWiBNMTQsNSBMMTQsMy42IEwxMC40LDMuNiBMMTAuNCwwIEw5LDAgTDksNSBMMTQsNSBaIiBpZD0i5b2i54q2Ij48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8ZyBpZD0i5YWo5bGP5YyW5aSH5Lu9LTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMS41MDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTEuNTAwMDAwKSB0cmFuc2xhdGUoMC4wMDAwMDAsIDkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsNSBMMCwzLjYgTDMuNiwzLjYgTDMuNiwwIEw1LDAgTDUsNSBMMCw1IFogTTE0LDUgTDE0LDMuNiBMMTAuNCwzLjYgTDEwLjQsMCBMOSwwIEw5LDUgTDE0LDUgWiIgaWQ9IuW9oueKtiI+PC9wYXRoPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgICAgIDxnIGlkPSLnvJbnu4TlpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNS4wMDAwMDApIj4NCiAgICAgICAgICAgIDxnIGlkPSLlhajlsY/ljJblpIfku70tNSIgZmlsbD0iIzA3NzNGQyIgZmlsbC1ydWxlPSJub256ZXJvIj4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNSw5IEw1LDE0IEwzLjYsMTQgTDMuNiwxMC40IEwwLDEwLjQgTDAsOSBMNSw5IFogTTE0LDkgTDE0LDEwLjQgTDEwLjQsMTAuNCBMMTAuNCwxNCBMOSwxNCBMOSw5IEwxNCw5IFogTTUsMCBMNSw1IEwwLDUgTDAsMy42IEwzLjYsMy42IEwzLjYsMCBMNSwwIFogTTEwLjQsMCBMMTAuNCwzLjYgTDE0LDMuNiBMMTQsNSBMOSw1IEw5LDAgTDEwLjQsMCBaIiBpZD0i5b2i54q257uT5ZCIIj48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8ZyBpZD0i5YWo5bGP5YyW5aSH5Lu9LTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMS41MDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTEuNTAwMDAwKSB0cmFuc2xhdGUoMC4wMDAwMDAsIDkuMDAwMDAwKSI+PC9nPg0KICAgICAgICA8L2c+DQogICAgICAgIDxnIGlkPSLnvJbnu4QtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuMDAwMDAwLCAwLjAwMDAwMCkiIGZpbGw9IiMxQjIzMzciIGZpbGwtcnVsZT0ibm9uemVybyI+DQogICAgICAgICAgICA8ZyBpZD0i5YWo5bGP5YyWIj4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNSwwIEw1LDEuNCBMMS40LDEuNCBMMS40LDUgTDAsNSBMMCwwIEw1LDAgWiBNOSwwIEw5LDEuNCBMMTIuNiwxLjQgTDEyLjYsNSBMMTQsNSBMMTQsMCBMOSwwIFoiIGlkPSLlvaLnirYiPjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDxnIGlkPSLlhajlsY/ljJblpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMS41MDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTEuNTAwMDAwKSB0cmFuc2xhdGUoMC4wMDAwMDAsIDkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTUsMCBMNSwxLjQgTDEuNCwxLjQgTDEuNCw1IEwwLDUgTDAsMCBMNSwwIFogTTksMCBMOSwxLjQgTDEyLjYsMS40IEwxMi42LDUgTDE0LDUgTDE0LDAgTDksMCBaIiBpZD0i5b2i54q2Ij48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICAgICAgPGcgaWQ9Iue8lue7hC0z5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS4wMDAwMDAsIDE1LjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9IuWFqOWxj+WMliIgZmlsbD0iIzA3NzNGQyIgZmlsbC1ydWxlPSJub256ZXJvIj4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMS40LDkgTDEuNCwxMi42IEw1LDEyLjYgTDUsMTQgTDAsMTQgTDAsOSBMMS40LDkgWiBNMTQsOSBMMTQsMTQgTDksMTQgTDksMTIuNiBMMTIuNiwxMi42IEwxMi42LDkgTDE0LDkgWiBNNSwwIEw1LDEuNCBMMS40LDEuNCBMMS40LDUgTDAsNSBMMCwwIEw1LDAgWiBNMTQsMCBMMTQsNSBMMTIuNiw1IEwxMi42LDEuNCBMOSwxLjQgTDksMCBMMTQsMCBaIiBpZD0i5b2i54q257uT5ZCIIj48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8ZyBpZD0i5YWo5bGP5YyW5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgMTEuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTExLjUwMDAwMCkgdHJhbnNsYXRlKDAuMDAwMDAwLCA5LjAwMDAwMCkiPjwvZz4NCiAgICAgICAgPC9nPg0KICAgICAgICA8ZyBpZD0i57yW57uELTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwLjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsPSIjMUIyMzM3Ij4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4zMjUsMy41IEwxMy42MTMwNDY1LDYuNzg4MDQ2NTMgTDEwLjMyNSwxMC4wNzYwOTMxIEw5LjQwNTc2MTE4LDkuMTU2ODU0MjUgTDExLjA2MjAyNjUsNy40OTkgTDMuNzIxMDI2NDcsNy41IEwzLjcyMTAyNjQ3LDYuMiBMMTEuMTg2MDI2NSw2LjE5OSBMOS40MDU3NjExOCw0LjQxOTIzODgyIEwxMC4zMjUsMy41IFoiIGlkPSLlvaLnirbnu5PlkIgiPjwvcGF0aD4NCiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSI4LjUwNTIwMzM1IDAgOC41MDUyMDMzNSAzLjY3NjkyMzA4IDcuMiAzLjY3NjkyMzA4IDcuMiAxLjIgMS40IDEuMiAxLjQgMTIuOCA3LjIgMTIuOCA3LjIgMTAuMzIzMDc2OSA4LjUwNTIwMzM1IDEwLjMyMzA3NjkgOC41MDUyMDMzNSAxNCAwIDE0IDAgMCI+PC9wb2x5Z29uPg0KICAgICAgICA8L2c+DQogICAgICAgIDxnIGlkPSLnvJbnu4QtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAuMDAwMDAwLCAxNS4wMDAwMDApIiBmaWxsPSIjMDc3M0ZDIj4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4zMjUsMy41IEwxMy42MTMwNDY1LDYuNzg4MDQ2NTMgTDEwLjMyNSwxMC4wNzYwOTMxIEw5LjQwNTc2MTE4LDkuMTU2ODU0MjUgTDExLjA2MjAyNjUsNy40OTkgTDMuNzIxMDI2NDcsNy41IEwzLjcyMTAyNjQ3LDYuMiBMMTEuMTg2MDI2NSw2LjE5OSBMOS40MDU3NjExOCw0LjQxOTIzODgyIEwxMC4zMjUsMy41IFoiIGlkPSLlvaLnirbnu5PlkIgiPjwvcGF0aD4NCiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSI4LjUwNTIwMzM1IDAgOC41MDUyMDMzNSAzLjY3NjkyMzA4IDcuMiAzLjY3NjkyMzA4IDcuMiAxLjIgMS40IDEuMiAxLjQgMTIuOCA3LjIgMTIuOCA3LjIgMTAuMzIzMDc2OSA4LjUwNTIwMzM1IDEwLjMyMzA3NjkgOC41MDUyMDMzNSAxNCAwIDE0IDAgMCI+PC9wb2x5Z29uPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+') -30px
-    0px no-repeat;
-  margin-right: 6px;
-}
-#chuangkit-design-close-btn {
-  display: inline-block;
-  font-size: 12px;
-  line-height: 12px;
-  color: rgb(27, 35, 55);
-  cursor: pointer;
-}
-</style>