易企秀新店开业

src/templates/eqixxdky/defaultData/eqixxdky.js

+export default {
+	logo: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/logo.jpg"
+	},
+	eqixxdkytxt1: {
+		value: "色味俱佳"
+	},
+	eqixxdkytxt2: {
+		value: "回味无穷"
+	},
+	eqixxdkytxt3: {
+		value: "芳香扑鼻"
+	},
+	businessHours: {
+		value: "13:00-23:30"
+	},
+	place: {
+		value: "北京市海淀区东北旺西路58号院尚科社区"
+	}
+}
\ No newline at end of file

src/templates/eqixxdky/defaultData/eqixxdkyfive.js

+export default {
+	eqixxdky5head: {
+		value: "咖啡饮料"
+	},
+	eqixxdky5img: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fivefoodleft.jpg"
+	},
+	eqixxdky5img2: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fivefoodmidleft.jpg"
+	},
+	eqixxdky5img3: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fivefoodmidright.jpg"
+	},
+	eqixxdky5img4: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fivefoodright.jpg"
+	},
+	eqixxdkyname: {
+		value: "绝世咖啡"
+	},
+	eqixxdkyname2: {
+		value: "摩卡咖啡"
+	},
+	eqixxdkyname3: {
+		value: "卡布奇诺"
+	},
+	eqixxdkyname4: {
+		value: "焦糖拿铁"
+	},
+	eqixxdkyname5: {
+		value: "玫瑰夫人"
+	},
+	eqixxdkynameprice: {
+		value: "15元"
+	},
+	eqixxdkynameprice2: {
+		value: "15元"
+	},
+	eqixxdkynameprice3: {
+		value: "15元"
+	},
+	eqixxdkynameprice4: {
+		value: "15元"
+	},
+	eqixxdkynameprice5: {
+		value: "15元"
+	},
+	eqixxdkyjuicename: {
+		value: "西瓜汁"
+	},
+	eqixxdkyjuicename2: {
+		value: "草莓汁"
+	},
+	eqixxdkyjuicename3: {
+		value: "蓝莓汁"
+	},
+	eqixxdkyjuicename4: {
+		value: "果汁"
+	},
+	eqixxdkyjuicename5: {
+		value: "橙汁"
+	},
+	eqixxdkyjuicenameprice: {
+		value: "15元"
+	},
+	eqixxdkyjuicenameprice2: {
+		value: "15元"
+	},
+	eqixxdkyjuicenameprice3: {
+		value: "15元"
+	},
+	eqixxdkyjuicenameprice4: {
+		value: "15元"
+	},
+	eqixxdkyjuicenameprice5: {
+		value: "15元"
+	},
+	place:{
+		value:"北京市海淀区东北旺西路58号院尚科社区"
+	}
+}
\ No newline at end of file

src/templates/eqixxdky/defaultData/eqixxdkyfour.js

+export default {
+	eqixxdky4head: {
+		value: "店长推荐"
+	},
+	eqixxdky4img: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fourfoodtop.jpg"
+	},
+	eqixxdky4img2: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fourfoodbottom.jpg"
+	},
+	eqixxdky4text1: {
+		value: "创意蔬菜蛋糕"
+	},
+	eqixxdky4text2: {
+		value: "重芝士樱桃蛋糕"
+	},
+	eqixxdky4text3: {
+		value: "采用当天蔬菜，美味，甜度适中，适合小朋友"
+	},
+	eqixxdky4text4:{
+		value:"采用上号材料，顶级樱桃，美味，甜度适中"
+	},
+	price1:{
+		value:"特价:￥99"
+	},
+	price2:{
+		value:"特价:￥99"
+	},
+	place:{
+		value:"北京市海淀区东北旺西路58号院尚科社区"
+	}
+}
\ No newline at end of file

src/templates/eqixxdky/defaultData/eqixxdkysix.js

+export default {
+	eqixxdky6head: {
+		value: "甜点类"
+	},
+	eqixxdky6img: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/sixfoodtop.jpg"
+	},
+	eqixxdky6img2: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/sixfoodmidtop.jpg"
+	},
+	eqixxdky6img3: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/sixfoodmidbot.jpg"
+	},
+	eqixxdky6img4: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/sixfoodbottom.jpg"
+	},
+	eqixxdky6head2: {
+		value: "松饼"
+	},
+	eqixxdky6head3: {
+		value: "蓝莓派"
+	},
+	eqixxdky6head4: {
+		value: "炸牛奶"
+	},
+	eqixxdky6head5: {
+		value: "马卡龙"
+	},
+	eqixxdky6head6: {
+		value: "红豆派"
+	},
+	eqixxdky6head7: {
+		value: "牛奶布丁"
+	},
+	eqixxdky6head8: {
+		value: "脆皮蛋糕"
+	},
+	eqixxdky6pricehead2: {
+		value: "15元"
+	},
+	eqixxdky6pricehead3: {
+		value: "15元"
+	},
+	eqixxdky6pricehead4: {
+		value: "15元"
+	},
+	eqixxdky6pricehead5: {
+		value: "15元"
+	},
+	eqixxdky6pricehead6: {
+		value: "15元"
+	},
+	eqixxdky6pricehead7: {
+		value: "15元"
+	},
+	eqixxdky6pricehead8: {
+		value: "15元"
+	},
+	place:{
+		value:"北京市海淀区东北旺西路58号院尚科社区"
+	}
+}
\ No newline at end of file

src/templates/eqixxdky/defaultData/eqixxdkyten.js

+export default {
+	eqixxdky10head: {
+		value: "店铺介绍"
+	},
+	code: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/tencode.jpg"
+	},
+	eqixxdky10head2: {
+		value: "☞点击获取更多相关模板☜"
+	},
+	eqixxdky10head3: {
+		value: "缪斯冥想"
+	},
+	eqixxdky10head4: {
+		value: "场景文字图片以及音乐均可替换"
+	},
+	eqixxdky10head5: {
+		value: "每一页都可复制删除(使用时请提前复制备份)"
+	},
+	weixin: {
+		value: "QQ/微信：820443723"
+	},
+	phone: {
+		value: "电话：17345785203"
+	},
+	eqixxdky10head6: {
+		value: "有任何问题请及时联系（添加时请备注一起秀）"
+	},
+	place: {
+		value: "北京市海淀区东北旺西路58号院尚科社区"
+	}
+}
\ No newline at end of file

src/templates/eqixxdky/defaultData/eqixxdkythree.js

+export default {
+	eqixxdky3head: {
+		value: "店铺环境"
+	},
+	eqixxdky3img: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/threefoodleft.jpg"
+	},
+	eqixxdky3img2: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/threethinkright.jpg"
+	},
+	eqixxdky3img3: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/threeroomright.jpg"
+	},
+	eqixxdky3img4: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/threeroombottom.jpg"
+	},
+	place: {
+		value: "北京市海淀区东北旺西路58号院尚科社区"
+	}
+}
\ No newline at end of file

src/templates/eqixxdky/defaultData/eqixxdkytwo.js

+export default {
+	eqixxdky2head: {
+		value: "店铺介绍"
+	},
+	eqixxdky2img: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/foodtwo.jpg"
+	},
+	eqixxdky2head2: {
+		value: "缪斯冥想是一家法式下午茶，环境高雅大气，招牌菜众多，美味的鹅肝、高级的牛排、出众的巧克力挞，服务员善于搭配任意美食、讲解美食的名字与吃法。无论菜肴品相，或者口味，都有独特之处。在此用餐，象征了一种高档的与时尚的格调"
+	},
+	place: {
+		value: "北京市海淀区东北旺西路58号院尚科社区"
+	}
+}
\ No newline at end of file

src/templates/eqixxdky/defaultData/index.js

+import eqixxdky from './eqixxdky'
+import eqixxdkytwo from './eqixxdkytwo'
+import eqixxdkythree from './eqixxdkythree'
+import eqixxdkyfour from './eqixxdkyfour'
+import eqixxdkyfive from './eqixxdkyfive'
+import eqixxdkysix from './eqixxdkysix'
+import eqixxdkyten from './eqixxdkyten'
+export default {
+  eqixxdky,
+  eqixxdkytwo,
+  eqixxdkythree,
+  eqixxdkyfour,
+  eqixxdkyfive,
+  eqixxdkysix,
+  eqixxdkyten,
+}

src/templates/eqixxdky/editMethod.js

+export default {
+  setEditData (data) {
+    this.pages[data['page']]['list'][data.index].value =
+            data['value']
+    if (data['editObj']) {
+      this.list[data.index] = data['editObj']
+      this.pages[data['page']]['list'][data.index] =
+              data['editObj']
+    }
+  },
+  cancelEditAction () {
+    this.currentIndex = ''
+    this.cancelEdit = true
+  }
+}

src/templates/eqixxdky/index.vue

+<template>
+  <swiper :options="swiperOption"
+          :class="'glob-container'"
+          ref="mySwiper"
+          @someSwiperEvent="callback"
+          style="width:1080px;height:1920px;">
+    <swiper-slide style="transform: translate3d(0,0,0)"
+                  class="ani"
+                  v-for="(page, index) in pages"
+                  :key="index"
+                  @load="loaded(index)">
+
+      <component v-if="index == sliderActiveIndex"
+                 :is="page.component"
+                 :ref="'child'+index"
+                 @hook:mounted="loaded(index)"
+                 :schemaData="pages[index].schemaData"
+                 :isEditMode="isEditMode"
+                 :cancelEdit.sync="cancelEdit"
+                 :page="index"
+                 :activeIndex="sliderActiveIndex"></component>
+    </swiper-slide>
+    <!-- <swiper-slide>
+      <div class="container">I'm Slide 2</div>
+    </swiper-slide>
+    <swiper-slide>
+      <div class="container">I'm Slide 3</div>
+    </swiper-slide>-->
+  </swiper>
+</template>
+
+<script>
+import mixin from './mixin'
+import 'swiper/dist/css/swiper.css'
+import { getQuery } from '@/framework/utils'
+import { swiper, swiperSlide } from 'vue-awesome-swiper'
+import { getFilmDetail } from '@/framework/templateApi/index'
+import requireAllPage from './pages/index.js'
+import Message from '@/framework/tempalteMessage'
+import Scene from '@/framework/utils/sence'
+import { setTimeout, clearTimeout } from 'timers'
+import  './style/eqixxdky.scss'
+export default {
+  name: 'page',
+  mixins: [mixin],
+  components: {
+    swiper,
+    swiperSlide,
+    ...requireAllPage
+  },
+  computed: {
+    swiper () {
+      return this.$refs.mySwiper.swiper
+    }
+  },
+  data () {
+    return {
+      swiperOption: {
+        // some swiper options/callbacks
+        // 所有的参数同 swiper 官方 api 参数
+        // ...
+      }
+    }
+  },
+  methods: {
+    message (data) {
+      Message.send(data, '*')
+    },
+    loaded (index) {
+      this.$refs['child' + this.sliderActiveIndex][0].enter()
+    },
+    edit (index) {
+      if (getQuery('isEdit')) {
+        this.currentIndex = index
+        var item = this.list[index]
+        this.message(
+          {
+            type: 'edit',
+            item,
+            index
+          },
+          '*'
+        )
+      }
+    },
+    getList () {
+      this.message(
+        {
+          type: 'getList',
+          pages: this.pages
+        },
+        '*'
+      )
+    }
+  },
+  beforeDestroy () {},
+  mounted () {
+     Scene.EventBus.on("leaveBefore", e => {
+      console.log("leaveBefore");
+      this.$refs["child" + this.sliderActiveIndex][0].leave().then(() => {
+        console.log("leaveBefore then");
+        var index = this.sliderActiveIndex;
+        if (index >= this.pages.length - 1) {
+          index = -1;
+          console.log(index);
+        }
+        this.swiper.slideTo(index + 1, 1000, false);
+      });
+    });
+    // this.$refs['child'][0].enter().then(() => {
+
+    // }) 
+  },
+  created () {
+    var vm = this
+    Message.init(e => {
+      var isObj = typeof e.data === 'object'
+      if (isObj && e.data['type'] == 'setData') {
+        vm.setEditData(e.data)
+      }
+      if (isObj && e.data['type'] == 'cancelEdit') {
+        vm.cancelEditAction()
+      }
+      if (isObj && e.data['type'] == 'edit') {
+        vm.currentIndex = e.data.index
+      }
+      if (isObj && e.data['type'] == 'setList') {
+        // vm.list = JSON.parse(JSON.stringify(e.data.list))
+        this.setAllData(e.data)
+      }
+      if (isObj && e.data['type'] == 'getList') {
+        vm.getAllData()
+      }
+      if (isObj && e.data['type'] == 'goPage') {
+        vm.swiper.slideTo(parseInt(e.data.index), 500, false)
+      }
+    })
+    this.swiperOption = {
+      effect: 'fade',
+      observer: true,
+      /* 将observe应用于Swiper的父元素。
+当Swiper的父元素变化时，例如window.resize，Swiper更新。 */
+      observerParents: true,
+      allowTouchMove: !getQuery('isEdit'),
+      /* slidesPerView: 1,
+         autoplay: !getQuery("isEdit")
+           ? {
+               delay: 10000
+             }
+           : false, */
+      loop: false,
+      on: {
+        init () {
+          if (!vm.isEditMode) {
+            // swiperAnimateCache(this); // 隐藏动画元素
+            // swiperAnimate(this); // 初始化完成开始动画
+          }
+        },
+        slideChange () {
+          vm.sliderActiveIndex = this.realIndex
+          if (vm.isEditMode) {
+            // $(".ani").css("visibility", "");
+          }
+        },
+        slideChangeTransitionEnd () {
+          if (!vm.isEditMode) {
+            // swiperAnimate(this);
+          }
+        }
+      }
+    }
+    if (getQuery('isEdit')) {
+      this.isEditMode = true
+    } else {
+      this.isEditMode = false
+    }
+    if (getQuery('filmId') && !this.isEditMode) {
+      getFilmDetail(getQuery('filmId')).then(result => {
+        console.log(result)
+        vm.pages = JSON.parse(result.data.filmData).pageList
+        vm.filmId = result.filmId
+      })
+    } else {
+      if (getQuery('isPreview')) {
+      } else {
+        // vm.getDefaulted();
+      }
+    }
+  },
+  data () {
+    return {
+      date: '',
+      img: '',
+
+      currentIndex: '',
+      isEditMode: true,
+      cancelEdit: false,
+      sliderActiveIndex: 0
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.glob-container {
+  // background-color: red;
+  // filter: url("#goo");
+}
+</style>
+<style>
+.swiper-slide {
+  /* width: 100% !important; */
+}
+</style>

src/templates/eqixxdky/itemList/eqixxdky.js

+export default [{
+		type: 'image',
+		name: '图片一',
+		description: '公司的LOGO',
+		dataKey: 'logo',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型一',
+		description: '类型一',
+		dataKey: 'eqixxdkytxt1',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型二',
+		description: '类型二',
+		dataKey: 'eqixxdkytxt2',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型三',
+		description: '类型三',
+		dataKey: 'eqixxdkytxt3',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '营业时间',
+		description: '营业时间',
+		dataKey: 'businessHours',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '地点',
+		description: '地点',
+		dataKey: 'place',
+		valueRule: ''
+	}
+]
\ No newline at end of file

src/templates/eqixxdky/itemList/eqixxdkyfive.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixxdky5head',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '饮品图片一',
+    description: '饮品图片一',
+    dataKey: 'eqixxdky5img',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '饮品图片二',
+    description: '饮品图片二',
+    dataKey: 'eqixxdky5img2',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '饮品图片三',
+    description: '饮品图片三',
+    dataKey: 'eqixxdky5img3',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '饮品图片四',
+    description: '饮品图片四',
+    dataKey: 'eqixxdky5img4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '咖啡一',
+    description: '咖啡一',
+    dataKey: 'eqixxdkyname',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '咖啡一价格',
+    description: '咖啡一价格',
+    dataKey: 'eqixxdkynameprice',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '咖啡二',
+    description: '咖啡二',
+    dataKey: 'eqixxdkyname2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '咖啡二价格',
+    description: '咖啡二价格',
+    dataKey: 'eqixxdkynameprice2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '咖啡三',
+    description: '咖啡三',
+    dataKey: 'eqixxdkyname3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '咖啡三价格',
+    description: '咖啡三价格',
+    dataKey: 'eqixxdkynameprice3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '咖啡四',
+    description: '咖啡四',
+    dataKey: 'eqixxdkyname4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '咖啡四价格',
+    description: '咖啡四价格',
+    dataKey: 'eqixxdkynameprice4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '咖啡五',
+    description: '咖啡五',
+    dataKey: 'eqixxdkyname5',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '咖啡五价格',
+    description: '咖啡五价格',
+    dataKey: 'eqixxdkynameprice4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '果汁一',
+    description: '果汁一',
+    dataKey: 'eqixxdkyjuicename',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '果汁一价格',
+    description: '果汁一价格',
+    dataKey: 'eqixxdkyjuicenameprice',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '果汁二',
+    description: '果汁二',
+    dataKey: 'eqixxdkyjuicename2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '果汁二价格',
+    description: '果汁二价格',
+    dataKey: 'eqixxdkyjuicenameprice2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '果汁三',
+    description: '果汁三',
+    dataKey: 'eqixxdkyjuicename3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '果汁三价格',
+    description: '果汁三价格',
+    dataKey: 'eqixxdkyjuicenameprice3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '果汁四',
+    description: '果汁四',
+    dataKey: 'eqixxdkyjuicename4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '果汁四价格',
+    description: '果汁四价格',
+    dataKey: 'eqixxdkyjuicenameprice4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '果汁五',
+    description: '果汁五',
+    dataKey: 'eqixxdkyjuicename5',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '果汁五价格',
+    description: '果汁五价格',
+    dataKey: 'eqixxdkyjuicenameprice4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '地点',
+    description: '地点',
+    dataKey: 'place',
+    valueRule: ''
+  }
+]

src/templates/eqixxdky/itemList/eqixxdkyfour.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixxdky4head',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '推荐美食图片一',
+    description: '推荐美食图片一',
+    dataKey: 'eqixxdky4img',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '美食标题一',
+    description: '美食标题一',
+    dataKey: 'eqixxdky4text1',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '美食一简介',
+    description: '美食一简介',
+    dataKey: 'eqixxdky4text3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '美食一价格',
+    description: '美食一价格',
+    dataKey: 'price1',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '推荐美食图片二',
+    description: '推荐美食图片二',
+    dataKey: 'eqixxdky4img2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '美食标题二',
+    description: '美食标题二',
+    dataKey: 'eqixxdky4text2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '美食二简介',
+    description: '美食二简介',
+    dataKey: 'eqixxdky4text4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '美食二价格',
+    description: '美食二价格',
+    dataKey: 'price2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '地点',
+    description: '地点',
+    dataKey: 'place',
+    valueRule: ''
+  }
+]

src/templates/eqixxdky/itemList/eqixxdkysix.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixxdky6head',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '甜点图片一',
+    description: '甜点图片一',
+    dataKey: 'eqixxdky6img',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '甜点图片二',
+    description: '甜点图片二',
+    dataKey: 'eqixxdky6img2',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '甜点图片三',
+    description: '甜点图片三',
+    dataKey: 'eqixxdky6img3',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '甜点图片四',
+    description: '甜点图片四',
+    dataKey: 'eqixxdky6img4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '甜点名称一',
+    description: '甜点名称一',
+    dataKey: 'eqixxdky6head2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '甜点名称二',
+    description: '甜点名称二',
+    dataKey: 'eqixxdky6head3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '甜点名称三',
+    description: '甜点名称三',
+    dataKey: 'eqixxdky6head4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '甜点名称四',
+    description: '甜点名称四',
+    dataKey: 'eqixxdky6head5',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '甜点名称五',
+    description: '甜点名称五',
+    dataKey: 'eqixxdky6head6',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '甜点名称六',
+    description: '甜点名称六',
+    dataKey: 'eqixxdky6head7',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '甜点名称七',
+    description: '甜点名称七',
+    dataKey: 'eqixxdky6head8',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '甜点价格一',
+    description: '甜点价格一',
+    dataKey: 'eqixxdky6pricehead2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '甜点价格二',
+    description: '甜点价格二',
+    dataKey: 'eqixxdky6pricehead3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '甜点价格三',
+    description: '甜点价格三',
+    dataKey: 'eqixxdky6pricehead4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '甜点价格四',
+    description: '甜点价格四',
+    dataKey: 'eqixxdky6pricehead5',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '甜点价格五',
+    description: '甜点价格五',
+    dataKey: 'eqixxdky6pricehead6',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '甜点价格六',
+    description: '甜点价格六',
+    dataKey: 'eqixxdky6pricehead7',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '甜点价格七',
+    description: '甜点价格七',
+    dataKey: 'eqixxdky6pricehead8',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '地点',
+    description: '地点',
+    dataKey: 'place',
+    valueRule: ''
+  }
+]

src/templates/eqixxdky/itemList/eqixxdkyten.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixxdky10head',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '二维码',
+    description: '二维码',
+    dataKey: 'code',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题一',
+    description: '标题一',
+    dataKey: 'eqixxdky10head2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题二',
+    description: '标题二',
+    dataKey: 'eqixxdky10head3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题三',
+    description: '标题三',
+    dataKey: 'eqixxdky10head4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题四',
+    description: '标题四',
+    dataKey: 'eqixone10head5',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '微信',
+    description: '微信',
+    dataKey: 'weixin',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '电话',
+    description: '电话',
+    dataKey: 'phone',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '标题五',
+    description: '标题五',
+    dataKey: 'eqixone10head6',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '地点',
+    description: '地点',
+    dataKey: 'place',
+    valueRule: ''
+
+  }
+]

src/templates/eqixxdky/itemList/eqixxdkythree.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixxdky3head',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '店铺环境展示一',
+    description: '店铺环境展示一',
+    dataKey: 'eqixxdky3img',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '店铺环境展示二',
+    description: '店铺环境展示二',
+    dataKey: 'eqixxdky3img2',
+    valueRule: ''
+
+  },
+  {
+    type: 'image',
+    name: '店铺环境展示三',
+    description: '店铺环境展示三',
+    dataKey: 'eqixxdky3img3',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '店铺环境展示四',
+    description: '店铺环境展示四',
+    dataKey: 'eqixxdky3img4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '地点',
+    description: '地点',
+    dataKey: 'place',
+    valueRule: ''
+
+  }
+]

src/templates/eqixxdky/itemList/eqixxdkytwo.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixxdky2head',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '美食图片',
+    description: '美食图片',
+    dataKey: 'eqixxdky2img',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '美食描述',
+    valueRule: '',
+    description: '美食描述',
+    dataKey: 'eqixxdky2head2'
+
+  },
+  {
+    type: 'text',
+    name: '地点',
+    valueRule: '',
+    description: '地点',
+    dataKey: 'place'
+
+  }
+]

src/templates/eqixxdky/itemList/index.js

+import eqixxdky from './eqixxdky'
+import eqixxdkytwo from './eqixxdkytwo'
+import eqixxdkythree from './eqixxdkythree'
+import eqixxdkyfour from './eqixxdkyfour'
+import eqixxdkyfive from './eqixxdkyfive'
+import eqixxdkysix from './eqixxdkysix'
+import eqixxdkyten from './eqixxdkyten'
+import schedule from './schedule'
+
+export default {
+  eqixxdky,
+  eqixxdkytwo,
+  eqixxdkythree,
+  eqixxdkyfour,
+  eqixxdkyfive,
+  eqixxdkysix,
+  eqixxdkyten,
+  schedule
+}

src/templates/eqixxdky/itemList/schedule.js

+export default [
+  {
+    type: 'image',
+    name: '企业logo',
+    description: '请上传png格式企业logo',
+    dataKey: 'companyLogo',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '企业名称',
+    description: '',
+    valueRule: '',
+    dataKey: 'companyName'
+  },
+  {
+    type: 'list',
+    name: '日程列表',
+    modelSchema: [ // 创建子项的Schema列表
+      {
+        content: {
+          type: 'text',
+          name: '内容', // 字段名称
+          description: '请输入内容' // 用户填写时字段提示语
+        },
+        address: {
+          type: 'text',
+          name: '地点', // 字段名称
+          description: '请输入地点', // 用户填写时字段提示语
+          default: { // 默认
+            value: '会议室'
+          }
+        },
+        department: {
+          type: 'text',
+          name: '部门', // 字段名称
+          description: '请输入部门', // 用户填写时字段提示语
+          default: { // 默认
+            value: '总裁办'
+          }
+        },
+        time: {
+          type: 'text',
+          name: '时间', // 字段名称
+          description: '请输入时间', // 用户填写时字段提示语
+          default: { // 默认
+            value: '09:30 AM - 10:00 AM'
+          }
+        }
+      }
+    ],
+    dataKey: 'scheduleList'
+
+  }
+]

src/templates/eqixxdky/keyframe.js

+export function enter (callback) {
+  var countEnterTime = 0
+  var promiseAll = []
+  this.keyframes.map(item => {
+    var currentTime = item.enter.options.duration + item.enter.options.delay
+    countEnterTime =
+      countEnterTime < currentTime ? currentTime : countEnterTime
+    item.enterBefore &&
+      $.Velocity($(item.el), item.enterBefore.style, item.enterBefore.options)
+    if (!item.enter.options.loop) {
+      promiseAll.push(
+        $.Velocity($(item.el), item.enter.style, item.enter.options)
+      )
+    } else {
+      $.Velocity($(item.el), item.enter.style, item.enter.options)
+    }
+  })
+  // callback && callback(countEnterTime)
+  this.enterAfter()
+  return Promise.all(promiseAll)
+}
+export function leave (callback) {
+  var promiseAll = []
+  this.keyframes.map(item => {
+    item.leave && promiseAll.push($.Velocity($(item.el), 'reverse', {
+      duration: 1500
+    }))
+  })
+  return Promise.all(promiseAll)
+}

src/templates/eqixxdky/methods.js

+export default {
+  created () {
+    // console.log(this.schemaData)
+    window.addEventListener(
+      'message',
+      (e) => {
+        if (e.source != window.parent) return
+        if (typeof e.data === 'object' && e.data['type'] === 'editPage') {
+          if (this.page === e.data['page']) {
+            this.currentIndex = e.data['index']
+          }
+        }
+      },
+      false
+    )
+  },
+  watch: {
+    cancelEdit (value) {
+      console.log('cancels')
+      if (value === true) {
+        this.currentIndex = ''
+        this.$emit('update:cancelEdit', false)
+      }
+    }
+  },
+  methods: {
+    message (data) {
+      parent.postMessage(data, '*')
+    },
+    edit (index) {
+      if (getQuery('isEdit')) {
+        this.currentIndex = index
+        var item = this.list[index]
+        console.log(this.currentIndex)
+        this.message(
+          {
+            type: 'edit',
+            item,
+            index,
+            page: this.page
+          },
+          '*'
+        )
+      }
+    },
+    getList () {
+      this.message(
+        {
+          type: 'getList',
+          list: this.list
+        },
+        '*'
+      )
+    },
+    getValue (dataKey) {
+      return this.schemaData[dataKey] ? this.schemaData[dataKey]['value'] : ''
+    },
+    getStyle (index) {
+      return this.list[index] ? this.list[index]['style'] : ''
+    },
+    isEdited (index) {
+      return this.isEditMode && this.currentIndex === index ? 'isEdited' : ''
+    },
+    isEdit (index) {
+      return this.isEditMode ? 'isEdit' : ''
+    },
+    isAnimeted (index) {
+      return this.isEditMode ? '' : 'animated'
+    },
+    timeFormate (timeStamp) {
+      let dateString = ''
+      let year = new Date(timeStamp).getFullYear()
+      let month =
+        new Date(timeStamp).getMonth() + 1 < 10
+          ? '0' + (new Date(timeStamp).getMonth() + 1)
+          : new Date(timeStamp).getMonth() + 1
+      let date =
+        new Date(timeStamp).getDate() < 10
+          ? '0' + new Date(timeStamp).getDate()
+          : new Date(timeStamp).getDate()
+      let hh =
+        new Date(timeStamp).getHours() < 10
+          ? '0' + new Date(timeStamp).getHours()
+          : new Date(timeStamp).getHours()
+      let mm =
+        new Date(timeStamp).getMinutes() < 10
+          ? '0' + new Date(timeStamp).getMinutes()
+          : new Date(timeStamp).getMinutes()
+      // let ss =new Date(timeStamp).getSeconds() < 10? "0" + new Date(timeStamp).getSeconds(): new Date(timeStamp).getSeconds();
+      // return year + "年" + month + "月" + date +"日"+" "+hh+":"+mm + "" + " " + hh + ":" + mm; ;
+      dateString = year + '.' + month + '.' + date
+      return dateString
+      // console.log(this.nowTime);
+    }
+  }
+}

src/templates/eqixxdky/mixin.js

+import data from './schemaData.js'
+import editMethod from './editMethod.js'
+import requireIcons from '@/icons/requireIcons'
+   console.log(JSON.stringify(data))
+
+export default {
+  data: function () {
+    return {
+      pages: data.pageList,
+      sceneData: data.sceneData
+    }
+  },
+  methods: {
+    callback () {
+      console.log('callback')
+    },
+    getDefaulted () {
+      this.pages = this.pages.map(function (item) {
+        item.list.map(ele => {
+          return (ele = Object.assign(ele, ele.default))
+        })
+        return item
+        // (item = Object.assign(item, item.default));
+      })
+    },
+    getAllData () {
+      this.message(
+        {
+          type: 'getList',
+          pages: this.pages
+        },
+        '*'
+      )
+    },
+    setAllData (data) {
+      this.pages = data.pages
+    },
+    ...editMethod
+  },
+  mounted () {
+    function setZoom () {
+      var unit = 1920
+      var unit2 = 1080
+      var width = window.innerWidth
+      var height = window.innerHeight
+      var zoom = height / 1920
+      if (width / height <= 9 / 16) {
+        zoom = width / 1080
+      }
+      if (width / height >= 9 / 16) {
+        zoom = height / 1920
+      }
+      var container = document.querySelectorAll('.container')
+      for (let index = 0; index < container.length; index++) {
+        // container[index].style.transform = `scale(${zoom})`;
+      }
+      // console.log(zoom);
+      document.querySelector(
+        '.swiper-container'
+      ).style.transform = `scale(${zoom})`
+    }
+    setZoom()
+    addEventListener('resize', setZoom, false)
+  },
+  created: function () {
+    console.log('我是mixin 的crteated')
+  }
+}

src/templates/eqixxdky/pages/eqixxdky.vue

+<template>
+	<div class="containerone">
+		<div class="p-index main" id="con" style="zoom:3.385">
+
+			<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
+				<section class="main-page z-current" style="transform-origin: 0% 0% 0px; transform: rotate(0deg);">
+					<div class="m-img" id="page1" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1542398664" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background2448890843" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
+							</div>
+							<section class="layer" id="layer:3765156484" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
+								<div class="layer-box">
+									<ul id="edit_area" class="layer-items edit_area  weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
+										<li id="inside_8999320114" num="30" ctype="7" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 320px; height: 24px; top: 456px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-456-w-320-h-24" eqx-id="8999320114">
+											<div class="element-box" style="width: 100%; height: 100%; top: 456px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 14px; background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); font-style: normal; font-weight: normal; text-decoration: none; z-index: 30; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8999320114" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('place')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3010810776" num="29" ctype="7" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 320px; height: 32px; top: 357px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-357.00000000000006-w-320-h-32" eqx-id="3010810776">
+											<div class="element-box" style="width: 100%; height: 100%; top: 357px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 22px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: bold; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 29; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3010810776" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 22px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('businessHours')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_780853524" num="28" ctype="7" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 320px; height: 24px; top: 340px; left: 2px; transform: rotateZ(0deg); display: block;" abs-pos="l-2-t-340.00000000000006-w-320-h-24" eqx-id="780853524">
+											<div class="element-box" style="width: 100%; height: 100%; top: 340px; left: 2px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 14px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 28; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="780853524" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">-&nbsp;营业时间&nbsp;-</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5146766369" num="27" ctype="7" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 71px; height: 22px; top: 232px; left: 206px; transform: rotateZ(0deg); display: block;" abs-pos="l-206-t-232.00000000000048-w-71-h-22" eqx-id="5146766369">
+											<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 206px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 12px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 27; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="5146766369" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkytxt3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1791620992" num="26" ctype="7" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 71px; height: 22px; top: 232px; left: 125px; transform: rotateZ(0deg); display: block;" abs-pos="l-125-t-232.00000000000048-w-71-h-22" eqx-id="1791620992">
+											<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 125px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 12px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 26; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="1791620992" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkytxt2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8126459404" num="25" ctype="7" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 71px; height: 22px; top: 232px; left: 44px; transform: rotateZ(0deg); display: block;" abs-pos="l-43.99999999999999-t-232.00000000000048-w-71-h-22" eqx-id="8126459404">
+											<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 44px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 12px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8126459404" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkytxt1')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2932004473" num="24" ctype="7" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 320px; height: 70px; top: 157px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-157.00000000000006-w-320-h-70" eqx-id="2932004473">
+											<div class="element-box" style="width: 100%; height: 100%; top: 157px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 60px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 24; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2932004473" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: fangzheng_zyjt; font-size: 60px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">新店开业</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2346568986" num="23" ctype="7" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 320px; height: 70px; top: 159px; left: 2px; transform: rotateZ(0deg); display: block;" abs-pos="l-2-t-159.00000000000006-w-320-h-70" eqx-id="2346568986">
+											<div class="element-box" style="width: 100%; height: 100%; top: 159px; left: 2px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 60px; background-color: rgba(255, 255, 255, 0); color: rgb(227, 197, 132); font-style: normal; font-weight: normal; text-decoration: none; z-index: 23; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running fadeIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2346568986" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: fangzheng_zyjt; font-size: 60px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">新店开业</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2769347964" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 71.5px; height: 33px; top: 113.5px; left: 124.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-124.5-t-113.5-w-71.5-h-33" eqx-id="2769347964">
+											<div class="element-box" style="width: 100%; height: 100%; top: 113.5px; left: 124.5px; z-index: 22; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running rollInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2769347964" ctype="4" class="element comp_image editable-image" style="display: block; width: 71.5px; height: 33px; margin-left: 0px; margin-top: 0px;" draggable="false" :src="getValue('logo')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3280430767" num="21" ctype="4" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 143px; height: 63.5px; top: 279px; left: 88.5px; transform: rotateZ(0deg); display: block; animation: 4s linear 0s infinite normal both running tempKeyframesForMotion1;" abs-pos="l-88.5-t-279-w-143-h-63.5" eqx-id="3280430767">
+											<div class="element-box" style="width: 100%; height: 100%; top: 279px; left: 88.5px; z-index: 21; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3280430767" ctype="4" class="element comp_image editable-image" style="display: block; width: 143px; height: 63.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/car.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5584826686" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 36px; height: 22px; top: 268px; left: 216px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion0;" abs-pos="l-216-t-268-w-36-h-22" eqx-id="5584826686">
+											<div class="element-box" style="width: 100%; height: 100%; top: 268px; left: 216px; z-index: 20; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5584826686" ctype="4" class="element comp_image editable-image" style="display: block; width: 36px; height: 22px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/smallcar.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7930488904" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 70px; height: 22px; top: 232px; left: 206px; transform: rotateZ(0deg); display: block;" abs-pos="l-206-t-232-w-70-h-22" eqx-id="7930488904">
+											<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 206px; z-index: 19; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7930488904" ctype="4" class="element comp_image editable-image" style="display: block; width: 70px; height: 22px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/bcircle.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1514994958" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 70px; height: 22px; top: 232px; left: 125px; transform: rotateZ(0deg); display: block;" abs-pos="l-125-t-232-w-70-h-22" eqx-id="1514994958">
+											<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 125px; z-index: 18; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1514994958" ctype="4" class="element comp_image editable-image" style="display: block; width: 70px; height: 22px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/bcircle.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5784993069" num="17" ctype="4" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 70px; height: 22px; top: 232px; left: 44px; transform: rotateZ(0deg); display: block;" abs-pos="l-44-t-232-w-70-h-22" eqx-id="5784993069">
+											<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 44px; z-index: 17; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5784993069" ctype="4" class="element comp_image editable-image" style="display: block; width: 70px; height: 22px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/bcircle.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1745666382" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 279.5px; height: 301.5px; top: 94.5px; left: 21.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-21.5-t-94.5-w-279.5-h-301.5" eqx-id="1745666382">
+											<div class="element-box" style="width: 100%; height: 100%; top: 94.5px; left: 21.5px; z-index: 16; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1745666382" ctype="4" class="element comp_image editable-image" style="display: block; width: 279.5px; height: 301.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/xdky.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2109618132" num="15" ctype="4" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 328px; height: 103px; top: 452.5px; left: -3.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--3.5-t-452.5-w-328-h-103" eqx-id="2109618132">
+											<div class="element-box" style="width: 100%; height: 100%; top: 452.5px; left: -3.5px; z-index: 15; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2109618132" ctype="4" class="element comp_image editable-image" style="display: block; width: 328px; height: 103px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/colorbottom.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9261020574" num="14" ctype="4" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 320px; height: 63.5px; top: -23.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--23.5-w-320-h-63.5" eqx-id="9261020574">
+											<div class="element-box" style="width: 100%; height: 100%; top: -23.5px; left: 0px; z-index: 14; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9261020574" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 63.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fence.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1630548479" num="13" ctype="4" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="1630548479">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 13; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 0s infinite normal both running puffOut;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1630548479" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8859283365" num="12" ctype="4" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="8859283365">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; z-index: 12; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8859283365" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_920607203" num="11" ctype="4" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 320px; height: 639px; top: -76.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--76.5-w-320-h-639" eqx-id="920607203">
+											<div class="element-box" style="width: 100%; height: 100%; top: -76.5px; left: 0px; z-index: 11; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="920607203" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 639px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5VE1mbYrRGF3OiSG5RIQ8dr_Yh?imageMogr2/auto-orient/thumbnail/960x1917%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1012238049" num="10" ctype="4" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 289.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-289.49999999999994-t--75.5-w-34-h-637" eqx-id="1012238049">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 289.5px; z-index: 10; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1012238049" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7644118123" num="9" ctype="4" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 257.083px; transform: rotateZ(0deg); display: block;" abs-pos="l-257.0833333333333-t--75.5-w-34-h-637" eqx-id="7644118123">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 257.083px; z-index: 9; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7644118123" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6960806425" num="8" ctype="4" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 224.667px; transform: rotateZ(0deg); display: block;" abs-pos="l-224.6666666666666-t--75.5-w-34-h-637" eqx-id="6960806425">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 224.667px; z-index: 8; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6960806425" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3659582626" num="7" ctype="4" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 192.25px; transform: rotateZ(0deg); display: block;" abs-pos="l-192.24999999999991-t--75.5-w-34-h-637" eqx-id="3659582626">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 192.25px; z-index: 7; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3659582626" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2602629981" num="6" ctype="4" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 159.833px; transform: rotateZ(0deg); display: block;" abs-pos="l-159.83333333333326-t--75.5-w-34-h-637" eqx-id="2602629981">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 159.833px; z-index: 6; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2602629981" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4727268714" num="5" ctype="4" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 127.417px; transform: rotateZ(0deg); display: block;" abs-pos="l-127.41666666666663-t--75.5-w-34-h-637" eqx-id="4727268714">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 127.417px; z-index: 5; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4727268714" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_60594126" num="4" ctype="4" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 95px; transform: rotateZ(0deg); display: block;" abs-pos="l-94.99999999999997-t--75.5-w-34-h-637" eqx-id="60594126">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 95px; z-index: 4; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="60594126" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_988505773" num="3" ctype="4" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 62.5833px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.58333333333283-t--75.5-w-34.000000000000085-h-637" eqx-id="988505773">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 62.5833px; z-index: 3; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="988505773" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-top: -7.95808e-13px; margin-left: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1562735193" num="2" ctype="4" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 30.1667px; transform: rotateZ(0deg); display: block;" abs-pos="l-30.166666666666657-t--75.5-w-34-h-637" eqx-id="1562735193">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 30.1667px; z-index: 2; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1562735193" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8285160358" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 34.5px; height: 637px; top: -75.5px; left: -2.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--2.5-t--75.5-w-34.5-h-637" eqx-id="8285160358">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: -2.5px; z-index: 1; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8285160358" ctype="4" class="element comp_image editable-image" style="display: block; width: 34.5px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FvRgfBGf42WT9C-T0wcMEU3t2Sbc?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+									</ul>
+								</div>
+							</section>
+						</div>
+					</div>
+				</section>
+			</div>
+
+		</div>
+	</div>
+</template>
+
+<script>
+	import methods from '../methods'
+	import anime from 'animejs/lib/anime.es.js'
+	import Scene from '@/framework/utils/sence'
+	export default {
+		name: 'eqixxdky',
+		props: ['schemaData', 'page', 'isEditMode', 'cancelEdit'],
+		mixins: [methods],
+		components: {},
+		created() {
+			console.log(this.schemaData)
+		},
+		methods: {
+
+			leave() {
+				console.log('leave')
+				// anime({
+				//   targets: "#cd-image-1 circle",
+				//   duration: 3000,
+				//   r: [2920, 0],
+				//   easing: "linear"
+				// });
+				var PromiseAll = [
+					anime({
+						targets: '#cd-image-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished,
+					anime({
+						targets: '#mask-img-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished
+				]
+				var enPromise = Promise.all(PromiseAll)
+				return enPromise
+			},
+			enter() {
+				console.log('enter anime')
+				var PromiseAll = [
+					anime({
+						targets: this.$refs['mlxg'],
+						translateX: 0,
+						opacity: 1,
+						duration: 2000
+					}).finished,
+					anime({
+						targets: this.$refs['title'],
+						translateX: 0,
+						opacity: 1,
+						delay: 1000,
+						duration: 500,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['decorate'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1200,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['surrounding'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1800,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['feature-list'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 2100,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: '.high-light',
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+
+						// delay: anime.stagger(1000),
+						delay: 1500,
+						easing: 'easeInOutQuad'
+					}).finished
+				]
+				Promise.all(PromiseAll).then(() => {
+					this.enterAfter()
+				})
+				return Promise.all(PromiseAll)
+			},
+			enterBefore() {
+				console.log('enterBefore')
+				anime({
+					targets: '#cd-image-1 circle',
+					duration: 0,
+					r: [0, 2920]
+				})
+				anime({
+					targets: this.$refs['mlxg'],
+					translateX: -1500,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['decorate'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['price'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['surrounding'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['feature-list'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: '.high-light',
+					translateX: 1000,
+					opacity: 0,
+					duration: 0
+				})
+				// setTimeout(() => {
+				//   this.enter();
+				// }, 1000);
+			},
+			enterAfter() {
+				this.timer = setTimeout(() => {
+					Scene.leaveBefore()
+					clearTimeout(this.timer)
+				}, 10000)
+			}
+		},
+		mounted() {
+			console.log('mounted')
+			this.enterBefore()
+		},
+		data() {
+			return {
+				currentIndex: ''
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.containerone {
+		width: 100%;
+		height: 100%;
+		position: relative;
+	}
+</style>
\ No newline at end of file

src/templates/eqixxdky/pages/eqixxdkyfive.vue

+<template>
+	<div class="containerone">
+
+		<div class="p-index main" id="con" style="zoom:3.385">
+
+			<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
+				<section class="main-page z-current" style="transform-origin: 0% 0% 0px;">
+					<div class="m-img" id="page5" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1542398668" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background8994115524" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
+							</div>
+							<section class="layer" id="layer:479630931" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
+								<div class="layer-box">
+									<ul id="edit_area" class="layer-items edit_area  weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
+										<li id="inside_5932654499" num="51" ctype="7" class="item item-comp" style="position: absolute; z-index: 51; opacity: 1; width: 74px; height: 31px; top: 323.5px; left: 221px; transform: rotateZ(0deg); display: block;" abs-pos="l-221-t-323.50000000000006-w-74-h-31" eqx-id="5932654499">
+											<div class="element-box" style="width: 100%; height: 100%; top: 323.5px; left: 221px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 51; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 3s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="5932654499" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyjuicenameprice5')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_952395317" num="50" ctype="7" class="item item-comp" style="position: absolute; z-index: 50; opacity: 1; width: 90px; height: 31px; top: 323.5px; left: 165.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-165.49999999999997-t-323.50000000000006-w-90.00000000000003-h-31" eqx-id="952395317">
+											<div class="element-box" style="width: 100%; height: 100%; top: 323.5px; left: 165.5px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 50; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 3s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="952395317" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyjuicename5')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6701321362" num="49" ctype="7" class="item item-comp" style="position: absolute; z-index: 49; opacity: 1; width: 74px; height: 31px; top: 291.125px; left: 221px; transform: rotateZ(0deg); display: block;" abs-pos="l-221-t-291.12500000000006-w-74-h-31" eqx-id="6701321362">
+											<div class="element-box" style="width: 100%; height: 100%; top: 291.125px; left: 221px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 49; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.8s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="6701321362" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyjuicenameprice4')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4246292746" num="48" ctype="7" class="item item-comp" style="position: absolute; z-index: 48; opacity: 1; width: 90px; height: 31px; top: 291.125px; left: 165.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-165.49999999999997-t-291.12500000000006-w-90-h-31" eqx-id="4246292746">
+											<div class="element-box" style="width: 100%; height: 100%; top: 291.125px; left: 165.5px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 48; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.8s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4246292746" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyjuicename4')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8071620994" num="47" ctype="7" class="item item-comp" style="position: absolute; z-index: 47; opacity: 1; width: 74px; height: 31px; top: 258.75px; left: 221px; transform: rotateZ(0deg); display: block;" abs-pos="l-221-t-258.7500000000001-w-74-h-31" eqx-id="8071620994">
+											<div class="element-box" style="width: 100%; height: 100%; top: 258.75px; left: 221px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 47; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.6s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8071620994" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyjuicenameprice3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8733795455" num="46" ctype="7" class="item item-comp" style="position: absolute; z-index: 46; opacity: 1; width: 118px; height: 31px; top: 258.75px; left: 165.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-165.49999999999994-t-258.75000000000006-w-118-h-31" eqx-id="8733795455">
+											<div class="element-box" style="width: 100%; height: 100%; top: 258.75px; left: 165.5px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 46; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.6s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8733795455" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyjuicename3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3872338558" num="45" ctype="7" class="item item-comp" style="position: absolute; z-index: 45; opacity: 1; width: 74px; height: 31px; top: 226.375px; left: 221px; transform: rotateZ(0deg); display: block;" abs-pos="l-221-t-226.3750000000001-w-74-h-31" eqx-id="3872338558">
+											<div class="element-box" style="width: 100%; height: 100%; top: 226.375px; left: 221px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 45; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.4s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3872338558" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyjuicenameprice2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5924725639" num="44" ctype="7" class="item item-comp" style="position: absolute; z-index: 44; opacity: 1; width: 118px; height: 31px; top: 226.375px; left: 165.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-165.49999999999994-t-226.37500000000006-w-118-h-31" eqx-id="5924725639">
+											<div class="element-box" style="width: 100%; height: 100%; top: 226.375px; left: 165.5px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 44; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.4s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="5924725639" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyjuicename2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2450782916" num="43" ctype="7" class="item item-comp" style="position: absolute; z-index: 43; opacity: 1; width: 74px; height: 31px; top: 194px; left: 221px; transform: rotateZ(0deg); display: block;" abs-pos="l-221-t-194.0000000000001-w-74-h-31" eqx-id="2450782916">
+											<div class="element-box" style="width: 100%; height: 100%; top: 194px; left: 221px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 43; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2450782916" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyjuicenameprice')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5451793915" num="42" ctype="7" class="item item-comp" style="position: absolute; z-index: 42; opacity: 1; width: 118px; height: 31px; top: 194px; left: 165.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-165.49999999999994-t-194.00000000000006-w-118-h-31" eqx-id="5451793915">
+											<div class="element-box" style="width: 100%; height: 100%; top: 194px; left: 165.5px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 42; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="5451793915" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyjuicename')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_686556974" num="41" ctype="7" class="item item-comp" style="position: absolute; z-index: 41; opacity: 1; width: 74px; height: 31px; top: 258.75px; left: 80.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-80.5-t-258.7500000000001-w-74-h-31" eqx-id="686556974">
+											<div class="element-box" style="width: 100%; height: 100%; top: 258.75px; left: 80.5px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 41; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.6s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="686556974" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkynameprice3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9471261759" num="40" ctype="7" class="item item-comp" style="position: absolute; z-index: 40; opacity: 1; width: 118px; height: 31px; top: 258.75px; left: 27px; transform: rotateZ(0deg); display: block;" abs-pos="l-27-t-258.75000000000006-w-118-h-31" eqx-id="9471261759">
+											<div class="element-box" style="width: 100%; height: 100%; top: 258.75px; left: 27px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 40; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.6s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="9471261759" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyname3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1189783315" num="39" ctype="7" class="item item-comp" style="position: absolute; z-index: 39; opacity: 1; width: 74px; height: 31px; top: 226.375px; left: 80.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-80.5-t-226.3750000000001-w-74-h-31" eqx-id="1189783315">
+											<div class="element-box" style="width: 100%; height: 100%; top: 226.375px; left: 80.5px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 39; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.4s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="1189783315" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkynameprice2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4770252209" num="38" ctype="7" class="item item-comp" style="position: absolute; z-index: 38; opacity: 1; width: 118px; height: 31px; top: 226.375px; left: 27px; transform: rotateZ(0deg); display: block;" abs-pos="l-27-t-226.37500000000006-w-118-h-31" eqx-id="4770252209">
+											<div class="element-box" style="width: 100%; height: 100%; top: 226.375px; left: 27px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 38; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.4s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4770252209" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyname2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8086270627" num="37" ctype="7" class="item item-comp" style="position: absolute; z-index: 37; opacity: 1; width: 74px; height: 31px; top: 194px; left: 80.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-80.5-t-194.0000000000001-w-74-h-31" eqx-id="8086270627">
+											<div class="element-box" style="width: 100%; height: 100%; top: 194px; left: 80.5px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 37; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8086270627" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkynameprice')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6470509294" num="36" ctype="7" class="item item-comp" style="position: absolute; z-index: 36; opacity: 1; width: 118px; height: 31px; top: 194px; left: 27px; transform: rotateZ(0deg); display: block;" abs-pos="l-26.99999999999997-t-194.00000000000017-w-118.00000000000003-h-31" eqx-id="6470509294">
+											<div class="element-box" style="width: 100%; height: 100%; top: 194px; left: 27px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 36; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="6470509294" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyname')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4100016144" num="35" ctype="7" class="item item-comp" style="position: absolute; z-index: 35; opacity: 1; width: 74px; height: 31px; top: 323.5px; left: 80.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-80.5-t-323.5000000000001-w-74-h-31" eqx-id="4100016144">
+											<div class="element-box" style="width: 100%; height: 100%; top: 323.5px; left: 80.5px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 35; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 3s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4100016144" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkynameprice5')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1785850610" num="34" ctype="7" class="item item-comp" style="position: absolute; z-index: 34; opacity: 1; width: 118px; height: 31px; top: 323.5px; left: 27px; transform: rotateZ(0deg); display: block;" abs-pos="l-27-t-323.50000000000006-w-118-h-31" eqx-id="1785850610">
+											<div class="element-box" style="width: 100%; height: 100%; top: 323.5px; left: 27px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 34; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 3s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="1785850610" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyname5')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5930623296" num="33" ctype="7" class="item item-comp" style="position: absolute; z-index: 33; opacity: 1; width: 74px; height: 31px; top: 291.125px; left: 80.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-80.5-t-291.1250000000001-w-74-h-31" eqx-id="5930623296">
+											<div class="element-box" style="width: 100%; height: 100%; top: 291.125px; left: 80.5px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 33; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.8s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="5930623296" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkynameprice4')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3538757582" num="32" ctype="7" class="item item-comp" style="position: absolute; z-index: 32; opacity: 1; width: 118px; height: 31px; top: 291.125px; left: 27px; transform: rotateZ(0deg); display: block;" abs-pos="l-27-t-291.12500000000006-w-118-h-31" eqx-id="3538757582">
+											<div class="element-box" style="width: 100%; height: 100%; top: 291.125px; left: 27px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 32; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.8s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3538757582" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyname4')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4387279201" num="31" ctype="4" class="item item-comp" style="position: absolute; z-index: 31; opacity: 1; width: 2px; height: 182px; top: 186px; left: 159px; transform: rotateZ(0deg); display: block;" abs-pos="l-159-t-186-w-2-h-182" eqx-id="4387279201">
+											<div class="element-box" style="width: 100%; height: 100%; top: 186px; left: 159px; z-index: 31; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4387279201" ctype="4" class="element comp_image editable-image" style="display: block; width: 2px; height: 182px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fivemidline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4940589076" num="30" ctype="4" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 61px; height: 61px; top: 118px; left: 227px; transform: rotateZ(0deg); display: block;" abs-pos="l-227-t-118-w-61-h-61" eqx-id="4940589076">
+											<div class="element-box" style="width: 100%; height: 100%; top: 118px; left: 227px; z-index: 30; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 30.5px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.7s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4940589076" ctype="4" class="element comp_image editable-image" style="display: block; width: 59px; height: 59px; margin-left: 0px; margin-top: 0px;" draggable="false" :src="getValue('eqixxdky5img4')"_tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5699113974" num="29" ctype="4" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 61px; height: 61px; top: 118px; left: 162px; transform: rotateZ(0deg); display: block;" abs-pos="l-162-t-118-w-61-h-61" eqx-id="5699113974">
+											<div class="element-box" style="width: 100%; height: 100%; top: 118px; left: 162px; z-index: 29; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 30.5px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5699113974" ctype="4" class="element comp_image editable-image" style="display: block; width: 59px; height: 59px; margin-left: 0px; margin-top: 0px;" draggable="false" :src="getValue('eqixxdky5img3')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5829568893" num="28" ctype="4" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 61px; height: 61px; top: 118px; left: 97px; transform: rotateZ(0deg); display: block;" abs-pos="l-97-t-118-w-61-h-61" eqx-id="5829568893">
+											<div class="element-box" style="width: 100%; height: 100%; top: 118px; left: 97px; z-index: 28; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 30.5px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.5s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5829568893" ctype="4" class="element comp_image editable-image" style="display: block; width: 59px; height: 59px; margin-left: 0px; margin-top: 0px;" draggable="false" :src="getValue('eqixxdky5img2')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4581193169" num="27" ctype="4" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 61px; height: 61px; top: 118px; left: 32px; transform: rotateZ(0deg); display: block;" abs-pos="l-32-t-118-w-61-h-61" eqx-id="4581193169">
+											<div class="element-box" style="width: 100%; height: 100%; top: 118px; left: 32px; z-index: 27; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 30.5px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4581193169" ctype="4" class="element comp_image editable-image" style="display: block; width: 59px; height: 59px; margin-left: 0px; margin-top: 0px;" draggable="false" :src="getValue('eqixxdky5img')"  _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8738872414" num="26" ctype="4" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 22px; height: 13.5px; top: 368.5px; left: 227px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion47;" abs-pos="l-227-t-368.5-w-22-h-13.5" eqx-id="8738872414">
+											<div class="element-box" style="width: 100%; height: 100%; top: 368.5px; left: 227px; z-index: 26; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8738872414" ctype="4" class="element comp_image editable-image" style="display: block; width: 22px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/smallcar.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7933283213" num="25" ctype="7" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 320px; height: 26px; top: 412px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-412.00000000000006-w-320-h-26" eqx-id="7933283213">
+											<div class="element-box" style="width: 100%; height: 100%; top: 412px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 16px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="7933283213" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: YGYtangkaijianti; font-size: 16px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">唯有爱与美食不可辜负</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4304592594" num="24" ctype="7" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 208px; height: 28px; top: 61px; left: 57px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.99999999999996-t-61.00000000000081-w-208-h-28" eqx-id="4304592594">
+											<div class="element-box" style="width: 100%; height: 100%; top: 61px; left: 57px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 18px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 24; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running rollInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4304592594" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 18px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">咖啡饮料</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2025675078" num="23" ctype="7" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 320px; height: 24px; top: 456px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-456-w-320-h-24" eqx-id="2025675078">
+											<div class="element-box" style="width: 100%; height: 100%; top: 456px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 14px; background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); font-style: normal; font-weight: normal; text-decoration: none; z-index: 23; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2025675078" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('place')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7488337890" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 328px; height: 103px; top: 452.5px; left: -3.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--3.5-t-452.5-w-328-h-103" eqx-id="7488337890">
+											<div class="element-box" style="width: 100%; height: 100%; top: 452.5px; left: -3.5px; z-index: 22; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7488337890" ctype="4" class="element comp_image editable-image" style="display: block; width: 328px; height: 103px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/colorbottom.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5971162270" num="21" ctype="4" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 320px; height: 63.5px; top: -23.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--23.5-w-320-h-63.5" eqx-id="5971162270">
+											<div class="element-box" style="width: 100%; height: 100%; top: -23.5px; left: 0px; z-index: 21; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5971162270" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 63.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fence.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9970361867" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 18.5px; height: 12px; top: 380px; left: 62.5px; transform: rotateZ(0deg); display: block; animation: 4s linear 0s infinite normal both running tempKeyframesForMotion49;" abs-pos="l-62.5-t-380-w-18.5-h-12" eqx-id="9970361867">
+											<div class="element-box" style="width: 100%; height: 100%; top: 380px; left: 62.5px; z-index: 20; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9970361867" ctype="4" class="element comp_image editable-image" style="display: block; width: 18.5px; height: 12px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar1.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4146260899" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 21px; height: 13.5px; top: 386px; left: 101px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion51;" abs-pos="l-101-t-386-w-21-h-13.5" eqx-id="4146260899">
+											<div class="element-box" style="width: 100%; height: 100%; top: 386px; left: 101px; z-index: 19; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4146260899" ctype="4" class="element comp_image editable-image" style="display: block; width: 21px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar2.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1418734716" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 195.5px; height: 5px; top: 410.5px; left: 62.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.5-t-410.5-w-195.5-h-5" eqx-id="1418734716">
+											<div class="element-box" style="width: 100%; height: 100%; top: 410.5px; left: 62.5px; z-index: 18; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1418734716" ctype="4" class="element comp_image editable-image" style="display: block; width: 195.5px; height: 5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twobottomline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9944868546" num="17" ctype="4" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 47.5px; height: 36.5px; top: 374.5px; left: 159.5px; transform: rotateZ(0deg); display: block; animation: 12s linear 0s infinite normal both running tempKeyframesForMotion53;" abs-pos="l-159.5-t-374.5-w-47.5-h-36.5" eqx-id="9944868546">
+											<div class="element-box" style="width: 100%; height: 100%; top: 374.5px; left: 159.5px; z-index: 17; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9944868546" ctype="4" class="element comp_image editable-image" style="display: block; width: 47.5px; height: 36.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar3.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8984791199" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 145px; height: 32.5px; top: 60px; left: 87.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-87.5-t-60-w-145-h-32.5" eqx-id="8984791199">
+											<div class="element-box" style="width: 100%; height: 100%; top: 60px; left: 87.5px; z-index: 16; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running rollInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8984791199" ctype="4" class="element comp_image editable-image" style="display: block; width: 145px; height: 32.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/bcircle.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7507855331" num="15" ctype="4" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 257px; height: 3.5px; top: 98px; left: 32px; transform: rotateZ(0deg); display: block;" abs-pos="l-32-t-98-w-257-h-3.5" eqx-id="7507855331">
+											<div class="element-box" style="width: 100%; height: 100%; top: 98px; left: 32px; z-index: 15; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 1.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7507855331" ctype="4" class="element comp_image editable-image" style="display: block; width: 257px; height: 3.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twotopline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7353247434" num="14" ctype="4" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 304px; height: 402px; top: 46.5px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-9-t-46.5-w-304-h-402" eqx-id="7353247434">
+											<div class="element-box" style="width: 100%; height: 100%; top: 46.5px; left: 9px; z-index: 14; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7353247434" ctype="4" class="element comp_image editable-image" style="display: block; width: 304px; height: 402px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/xdky.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4448827550" num="13" ctype="4" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="4448827550">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; z-index: 13; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 0s infinite normal both running puffOut;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4448827550" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7789798591" num="12" ctype="4" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="7789798591">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; z-index: 12; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7789798591" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_625887131" num="11" ctype="4" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 320px; height: 639px; top: -76.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--76.5-w-320-h-639" eqx-id="625887131">
+											<div class="element-box" style="width: 100%; height: 100%; top: -76.5px; left: 0px; z-index: 11; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="625887131" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 639px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5VE1mbYrRGF3OiSG5RIQ8dr_Yh?imageMogr2/auto-orient/thumbnail/960x1917%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_57376444" num="10" ctype="4" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 289.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-289.49999999999994-t--75.5-w-34-h-637" eqx-id="57376444">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 289.5px; z-index: 10; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="57376444" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7777360940" num="9" ctype="4" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 257.083px; transform: rotateZ(0deg); display: block;" abs-pos="l-257.0833333333333-t--75.5-w-34-h-637" eqx-id="7777360940">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 257.083px; z-index: 9; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7777360940" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4127012481" num="8" ctype="4" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 224.667px; transform: rotateZ(0deg); display: block;" abs-pos="l-224.6666666666666-t--75.5-w-34-h-637" eqx-id="4127012481">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 224.667px; z-index: 8; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4127012481" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3608773099" num="7" ctype="4" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 192.25px; transform: rotateZ(0deg); display: block;" abs-pos="l-192.24999999999991-t--75.5-w-34-h-637" eqx-id="3608773099">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 192.25px; z-index: 7; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3608773099" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9572738166" num="6" ctype="4" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 159.833px; transform: rotateZ(0deg); display: block;" abs-pos="l-159.83333333333326-t--75.5-w-34-h-637" eqx-id="9572738166">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 159.833px; z-index: 6; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9572738166" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4055041531" num="5" ctype="4" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 127.417px; transform: rotateZ(0deg); display: block;" abs-pos="l-127.41666666666663-t--75.5-w-34-h-637" eqx-id="4055041531">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 127.417px; z-index: 5; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4055041531" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1153416760" num="4" ctype="4" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 95px; transform: rotateZ(0deg); display: block;" abs-pos="l-94.99999999999997-t--75.5-w-34-h-637" eqx-id="1153416760">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 95px; z-index: 4; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1153416760" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5800641555" num="3" ctype="4" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 62.5833px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.58333333333283-t--75.5-w-34.000000000000085-h-637" eqx-id="5800641555">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 62.5833px; z-index: 3; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5800641555" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-top: -7.95808e-13px; margin-left: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7017816467" num="2" ctype="4" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 30.1667px; transform: rotateZ(0deg); display: block;" abs-pos="l-30.166666666666657-t--75.5-w-34-h-637" eqx-id="7017816467">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 30.1667px; z-index: 2; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7017816467" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4314065944" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 34.5px; height: 637px; top: -75.5px; left: -2.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--2.5-t--75.5-w-34.5-h-637" eqx-id="4314065944">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: -2.5px; z-index: 1; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4314065944" ctype="4" class="element comp_image editable-image" style="display: block; width: 34.5px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FvRgfBGf42WT9C-T0wcMEU3t2Sbc?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+									</ul>
+								</div>
+							</section>
+						</div>
+				</div>
+				</section>
+			</div>
+
+		</div>
+
+	</div>
+</template>
+
+<script>
+	import methods from '../methods'
+	import anime from 'animejs/lib/anime.es.js'
+	import Scene from '@/framework/utils/sence'
+	export default {
+		name: 'retail',
+		props: ['schemaData', 'page', 'isEditMode', 'cancelEdit'],
+		mixins: [methods],
+		components: {},
+		created() {
+			console.log(this.schemaData)
+		},
+		methods: {
+
+			leave() {
+				console.log('leave')
+				// anime({
+				//   targets: "#cd-image-1 circle",
+				//   duration: 3000,
+				//   r: [2920, 0],
+				//   easing: "linear"
+				// });
+				var PromiseAll = [
+					anime({
+						targets: '#cd-image-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished,
+					anime({
+						targets: '#mask-img-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished
+				]
+				var enPromise = Promise.all(PromiseAll)
+				return enPromise
+			},
+			enter() {
+				console.log('enter anime')
+				var PromiseAll = [
+					anime({
+						targets: this.$refs['mlxg'],
+						translateX: 0,
+						opacity: 1,
+						duration: 2000
+					}).finished,
+					anime({
+						targets: this.$refs['title'],
+						translateX: 0,
+						opacity: 1,
+						delay: 1000,
+						duration: 500,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['decorate'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1200,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['surrounding'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1800,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['feature-list'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 2100,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: '.high-light',
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+
+						// delay: anime.stagger(1000),
+						delay: 1500,
+						easing: 'easeInOutQuad'
+					}).finished
+				]
+				Promise.all(PromiseAll).then(() => {
+					this.enterAfter()
+				})
+				return Promise.all(PromiseAll)
+			},
+			enterBefore() {
+				console.log('enterBefore')
+				anime({
+					targets: '#cd-image-1 circle',
+					duration: 0,
+					r: [0, 2920]
+				})
+				anime({
+					targets: this.$refs['mlxg'],
+					translateX: -1500,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['decorate'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['price'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['surrounding'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['feature-list'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: '.high-light',
+					translateX: 1000,
+					opacity: 0,
+					duration: 0
+				})
+				// setTimeout(() => {
+				//   this.enter();
+				// }, 1000);
+			},
+			enterAfter() {
+				this.timer = setTimeout(() => {
+					Scene.leaveBefore()
+					clearTimeout(this.timer)
+				}, 10000)
+			}
+		},
+		mounted() {
+			console.log('mounted')
+			this.enterBefore()
+		},
+		data() {
+			return {
+				currentIndex: ''
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.containerone {
+		width: 100%;
+		height: 100%;
+		position: relative;
+	}
+</style>
\ No newline at end of file

src/templates/eqixxdky/pages/eqixxdkyfour.vue

+<template>
+	<div class="containerone">
+
+		<div class="p-index main" id="con" style="zoom:3.385">
+
+			<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
+				<section class="main-page z-current" style="transform-origin: 0% 0% 0px;">
+					<div class="m-img" id="page4" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1542398667" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background1150122352" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
+							</div>
+							<section class="layer" id="layer:8494262488" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
+								<div class="layer-box">
+									<ul id="edit_area" class="layer-items edit_area  weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
+										<li id="inside_2799736351" num="34" ctype="4" class="item item-comp" style="position: absolute; z-index: 34; opacity: 1; width: 22px; height: 13.5px; top: 368.5px; left: 227px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion26;" abs-pos="l-227-t-368.5-w-22-h-13.5" eqx-id="2799736351">
+											<div class="element-box" style="width: 100%; height: 100%; top: 368.5px; left: 227px; z-index: 34; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2799736351" ctype="4" class="element comp_image editable-image" style="display: block; width: 22px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/smallcar.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8483500562" num="33" ctype="7" class="item item-comp" style="position: absolute; z-index: 33; opacity: 1; width: 78px; height: 22px; top: 206px; left: 143px; transform: rotateZ(0deg); display: block;" abs-pos="l-143.00000000000006-t-205.99999999999994-w-78-h-22" eqx-id="8483500562">
+											<div class="element-box" style="width: 100%; height: 100%; top: 206px; left: 143px; writing-mode: horizontal-tb; text-align: left; line-height: 1; font-size: 12px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 33; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8483500562" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('price1')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2009706007" num="32" ctype="7" class="item item-comp" style="position: absolute; z-index: 32; opacity: 1; width: 155px; height: 46px; top: 142px; left: 143px; transform: rotateZ(0deg); display: block;" abs-pos="l-143.00000000000003-t-142.00000000000017-w-155.00000000000003-h-46" eqx-id="2009706007">
+											<div class="element-box" style="width: 100%; height: 100%; top: 142px; left: 143px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 32; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2009706007" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky4text3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4149732851" num="31" ctype="7" class="item item-comp" style="position: absolute; z-index: 31; opacity: 1; width: 140px; height: 26px; top: 121px; left: 143px; transform: rotateZ(0deg); display: block;" abs-pos="l-143.00000000000006-t-121.00000000000017-w-140-h-26" eqx-id="4149732851">
+											<div class="element-box" style="width: 100%; height: 100%; top: 121px; left: 143px; writing-mode: horizontal-tb; text-align: left; line-height: 1; font-size: 16px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 31; font-weight: bold; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4149732851" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 16px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky4text1')}}<br></span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8214356499" num="30" ctype="7" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 97px; height: 22px; top: 339px; left: 82px; transform: rotateZ(0deg); display: block;" abs-pos="l-82.00000000000006-t-339.00000000000006-w-97-h-22" eqx-id="8214356499">
+											<div class="element-box" style="width: 100%; height: 100%; top: 339px; left: 82px; writing-mode: horizontal-tb; text-align: right; line-height: 1; font-size: 12px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 30; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8214356499" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('price2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3226607260" num="29" ctype="7" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 158px; height: 46px; top: 275px; left: 21px; transform: rotateZ(0deg); display: block;" abs-pos="l-21.000000000000085-t-275-w-157.99999999999997-h-46" eqx-id="3226607260">
+											<div class="element-box" style="width: 100%; height: 100%; top: 275px; left: 21px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 12px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 29; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3226607260" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky4text4')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8563397766" num="28" ctype="7" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 140px; height: 26px; top: 254px; left: 39px; transform: rotateZ(0deg); display: block;" abs-pos="l-39.00000000000006-t-254.00000000000017-w-140-h-26" eqx-id="8563397766">
+											<div class="element-box" style="width: 100%; height: 100%; top: 254px; left: 39px; writing-mode: horizontal-tb; text-align: right; line-height: 1; font-size: 16px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 28; font-weight: bold; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8563397766" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 16px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky4text2')}}<br></span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5071174372" num="27" ctype="4" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 108px; height: 107px; top: 254px; left: 178px; transform: rotateZ(0deg); display: block;" abs-pos="l-178.0000000000001-t-253.9999999999999-w-108-h-107" eqx-id="5071174372">
+											<div class="element-box" style="width: 100%; height: 100%; top: 254px; left: 178px; z-index: 27; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5071174372" ctype="4" class="element comp_image editable-image" style="display: block; width: 106.963px; height: 105px; margin-left: -0.481308px; margin-top: 0px;" draggable="false" :src="getValue('eqixxdky4img2')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9779404795" num="26" ctype="4" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 109px; height: 107px; top: 121px; left: 33.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-33.5-t-121-w-109-h-107" eqx-id="9779404795">
+											<div class="element-box" style="width: 100%; height: 100%; top: 121px; left: 33.5px; z-index: 26; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9779404795" ctype="4" class="element comp_image editable-image" style="display: block; width: 107px; height: 105.037px; margin-top: -0.0183486px; margin-left: 0px;" draggable="false" :src="getValue('eqixxdky4img')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6946411303" num="25" ctype="7" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 320px; height: 26px; top: 412px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-412.00000000000006-w-320-h-26" eqx-id="6946411303">
+											<div class="element-box" style="width: 100%; height: 100%; top: 412px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 16px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="6946411303" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: YGYtangkaijianti; font-size: 16px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">唯有爱与美食不可辜负</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4818562593" num="24" ctype="7" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 208px; height: 28px; top: 61px; left: 57px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.99999999999996-t-61.00000000000081-w-208-h-28" eqx-id="4818562593">
+											<div class="element-box" style="width: 100%; height: 100%; top: 61px; left: 57px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 18px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 24; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running rollInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4818562593" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 18px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky4head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1156873003" num="23" ctype="7" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 320px; height: 24px; top: 456px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-456-w-320-h-24" eqx-id="1156873003">
+											<div class="element-box" style="width: 100%; height: 100%; top: 456px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 14px; background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); font-style: normal; font-weight: normal; text-decoration: none; z-index: 23; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="1156873003" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('place')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1530009187" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 328px; height: 103px; top: 452.5px; left: -3.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--3.5-t-452.5-w-328-h-103" eqx-id="1530009187">
+											<div class="element-box" style="width: 100%; height: 100%; top: 452.5px; left: -3.5px; z-index: 22; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1530009187" ctype="4" class="element comp_image editable-image" style="display: block; width: 328px; height: 103px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/colorbottom.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5481712123" num="21" ctype="4" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 320px; height: 63.5px; top: -23.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--23.5-w-320-h-63.5" eqx-id="5481712123">
+											<div class="element-box" style="width: 100%; height: 100%; top: -23.5px; left: 0px; z-index: 21; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5481712123" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 63.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fence.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6540870093" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 18.5px; height: 12px; top: 380px; left: 62.5px; transform: rotateZ(0deg); display: block; animation: 4s linear 0s infinite normal both running tempKeyframesForMotion27;" abs-pos="l-62.5-t-380-w-18.5-h-12" eqx-id="6540870093">
+											<div class="element-box" style="width: 100%; height: 100%; top: 380px; left: 62.5px; z-index: 20; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6540870093" ctype="4" class="element comp_image editable-image" style="display: block; width: 18.5px; height: 12px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar1.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5349921971" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 21px; height: 13.5px; top: 386px; left: 101px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion28;" abs-pos="l-101-t-386-w-21-h-13.5" eqx-id="5349921971">
+											<div class="element-box" style="width: 100%; height: 100%; top: 386px; left: 101px; z-index: 19; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5349921971" ctype="4" class="element comp_image editable-image" style="display: block; width: 21px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar2.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4139229328" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 195.5px; height: 5px; top: 410.5px; left: 62.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.5-t-410.5-w-195.5-h-5" eqx-id="4139229328">
+											<div class="element-box" style="width: 100%; height: 100%; top: 410.5px; left: 62.5px; z-index: 18; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4139229328" ctype="4" class="element comp_image editable-image" style="display: block; width: 195.5px; height: 5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twobottomline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7188678200" num="17" ctype="4" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 47.5px; height: 36.5px; top: 374.5px; left: 159.5px; transform: rotateZ(0deg); display: block; animation: 12s linear 0s infinite normal both running tempKeyframesForMotion29;" abs-pos="l-159.5-t-374.5-w-47.5-h-36.5" eqx-id="7188678200">
+											<div class="element-box" style="width: 100%; height: 100%; top: 374.5px; left: 159.5px; z-index: 17; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7188678200" ctype="4" class="element comp_image editable-image" style="display: block; width: 47.5px; height: 36.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar3.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5346396598" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 145px; height: 32.5px; top: 60px; left: 87.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-87.5-t-60-w-145-h-32.5" eqx-id="5346396598">
+											<div class="element-box" style="width: 100%; height: 100%; top: 60px; left: 87.5px; z-index: 16; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running rollInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5346396598" ctype="4" class="element comp_image editable-image" style="display: block; width: 145px; height: 32.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/bcircle.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1124216227" num="15" ctype="4" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 257px; height: 3.5px; top: 98px; left: 32px; transform: rotateZ(0deg); display: block;" abs-pos="l-32-t-98-w-257-h-3.5" eqx-id="1124216227">
+											<div class="element-box" style="width: 100%; height: 100%; top: 98px; left: 32px; z-index: 15; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 1.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1124216227" ctype="4" class="element comp_image editable-image" style="display: block; width: 257px; height: 3.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twotopline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_492602945" num="14" ctype="4" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 304px; height: 402px; top: 46.5px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-9-t-46.5-w-304-h-402" eqx-id="492602945">
+											<div class="element-box" style="width: 100%; height: 100%; top: 46.5px; left: 9px; z-index: 14; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="492602945" ctype="4" class="element comp_image editable-image" style="display: block; width: 304px; height: 402px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/xdky.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8953894529" num="13" ctype="4" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="8953894529">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; z-index: 13; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 0s infinite normal both running puffOut;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8953894529" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2882426946" num="12" ctype="4" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="2882426946">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; z-index: 12; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2882426946" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7752333169" num="11" ctype="4" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 320px; height: 639px; top: -76.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--76.5-w-320-h-639" eqx-id="7752333169">
+											<div class="element-box" style="width: 100%; height: 100%; top: -76.5px; left: 0px; z-index: 11; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7752333169" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 639px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5VE1mbYrRGF3OiSG5RIQ8dr_Yh?imageMogr2/auto-orient/thumbnail/960x1917%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4922529694" num="10" ctype="4" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 289.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-289.49999999999994-t--75.5-w-34-h-637" eqx-id="4922529694">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 289.5px; z-index: 10; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4922529694" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3298315772" num="9" ctype="4" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 257.083px; transform: rotateZ(0deg); display: block;" abs-pos="l-257.0833333333333-t--75.5-w-34-h-637" eqx-id="3298315772">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 257.083px; z-index: 9; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3298315772" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_88535358" num="8" ctype="4" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 224.667px; transform: rotateZ(0deg); display: block;" abs-pos="l-224.6666666666666-t--75.5-w-34-h-637" eqx-id="88535358">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 224.667px; z-index: 8; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="88535358" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8735260005" num="7" ctype="4" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 192.25px; transform: rotateZ(0deg); display: block;" abs-pos="l-192.24999999999991-t--75.5-w-34-h-637" eqx-id="8735260005">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 192.25px; z-index: 7; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8735260005" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2801110396" num="6" ctype="4" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 159.833px; transform: rotateZ(0deg); display: block;" abs-pos="l-159.83333333333326-t--75.5-w-34-h-637" eqx-id="2801110396">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 159.833px; z-index: 6; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2801110396" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2185268970" num="5" ctype="4" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 127.417px; transform: rotateZ(0deg); display: block;" abs-pos="l-127.41666666666663-t--75.5-w-34-h-637" eqx-id="2185268970">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 127.417px; z-index: 5; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2185268970" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3818115949" num="4" ctype="4" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 95px; transform: rotateZ(0deg); display: block;" abs-pos="l-94.99999999999997-t--75.5-w-34-h-637" eqx-id="3818115949">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 95px; z-index: 4; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3818115949" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6857651817" num="3" ctype="4" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 62.5833px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.58333333333283-t--75.5-w-34.000000000000085-h-637" eqx-id="6857651817">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 62.5833px; z-index: 3; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6857651817" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-top: -7.95808e-13px; margin-left: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1372037493" num="2" ctype="4" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 30.1667px; transform: rotateZ(0deg); display: block;" abs-pos="l-30.166666666666657-t--75.5-w-34-h-637" eqx-id="1372037493">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 30.1667px; z-index: 2; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1372037493" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6712592826" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 34.5px; height: 637px; top: -75.5px; left: -2.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--2.5-t--75.5-w-34.5-h-637" eqx-id="6712592826">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: -2.5px; z-index: 1; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6712592826" ctype="4" class="element comp_image editable-image" style="display: block; width: 34.5px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FvRgfBGf42WT9C-T0wcMEU3t2Sbc?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+									</ul>
+								</div>
+							</section>
+						</div>
+				</div>
+				</section>
+			</div>
+
+		</div>
+
+	</div>
+</template>
+
+<script>
+	import methods from '../methods'
+	import anime from 'animejs/lib/anime.es.js'
+	import Scene from '@/framework/utils/sence'
+	export default {
+		name: 'retail',
+		props: ['schemaData', 'page', 'isEditMode', 'cancelEdit'],
+		mixins: [methods],
+		components: {},
+		created() {
+			console.log(this.schemaData)
+		},
+		methods: {
+
+			leave() {
+				console.log('leave')
+				// anime({
+				//   targets: "#cd-image-1 circle",
+				//   duration: 3000,
+				//   r: [2920, 0],
+				//   easing: "linear"
+				// });
+				var PromiseAll = [
+					anime({
+						targets: '#cd-image-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished,
+					anime({
+						targets: '#mask-img-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished
+				]
+				var enPromise = Promise.all(PromiseAll)
+				return enPromise
+			},
+			enter() {
+				console.log('enter anime')
+				var PromiseAll = [
+					anime({
+						targets: this.$refs['mlxg'],
+						translateX: 0,
+						opacity: 1,
+						duration: 2000
+					}).finished,
+					anime({
+						targets: this.$refs['title'],
+						translateX: 0,
+						opacity: 1,
+						delay: 1000,
+						duration: 500,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['decorate'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1200,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['surrounding'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1800,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['feature-list'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 2100,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: '.high-light',
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+
+						// delay: anime.stagger(1000),
+						delay: 1500,
+						easing: 'easeInOutQuad'
+					}).finished
+				]
+				Promise.all(PromiseAll).then(() => {
+					this.enterAfter()
+				})
+				return Promise.all(PromiseAll)
+			},
+			enterBefore() {
+				console.log('enterBefore')
+				anime({
+					targets: '#cd-image-1 circle',
+					duration: 0,
+					r: [0, 2920]
+				})
+				anime({
+					targets: this.$refs['mlxg'],
+					translateX: -1500,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['decorate'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['price'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['surrounding'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['feature-list'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: '.high-light',
+					translateX: 1000,
+					opacity: 0,
+					duration: 0
+				})
+				// setTimeout(() => {
+				//   this.enter();
+				// }, 1000);
+			},
+			enterAfter() {
+				this.timer = setTimeout(() => {
+					Scene.leaveBefore()
+					clearTimeout(this.timer)
+				}, 10000)
+			}
+		},
+		mounted() {
+			console.log('mounted')
+			this.enterBefore()
+		},
+		data() {
+			return {
+				currentIndex: ''
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.containerone {
+		width: 100%;
+		height: 100%;
+		position: relative;
+	}
+</style>
\ No newline at end of file

src/templates/eqixxdky/pages/eqixxdkysix.vue

+<template>
+	<div class="containerone">
+
+		<div class="p-index main" id="con" style="zoom:3.385">
+
+			<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
+				<section class="main-page z-current" style="">
+					<div class="m-img" id="page6" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1542398669" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background8482563063" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
+							</div>
+							<section class="layer" id="layer:5459444966" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
+								<div class="layer-box">
+									<ul id="edit_area" class="layer-items edit_area  weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
+										<li id="inside_3807860655" num="44" ctype="4" class="item item-comp" style="position: absolute; z-index: 44; opacity: 1; width: 125.5px; height: 59.5px; top: 308px; left: 33px; transform: rotateZ(0deg); display: block;" abs-pos="l-33-t-308-w-125.5-h-59.5" eqx-id="3807860655">
+											<div class="element-box" style="width: 100%; height: 100%; top: 308px; left: 33px; z-index: 44; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3807860655" ctype="4" class="element comp_image editable-image" style="display: block; width: 123.5px; height: 58.5518px; margin-top: -0.525896px; margin-left: 0px;" draggable="false" :src="getValue('eqixxdky6img4')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9525798314" num="43" ctype="4" class="item item-comp" style="position: absolute; z-index: 43; opacity: 1; width: 125.5px; height: 59.5px; top: 244px; left: 33px; transform: rotateZ(0deg); display: block;" abs-pos="l-33-t-244-w-125.5-h-59.5" eqx-id="9525798314">
+											<div class="element-box" style="width: 100%; height: 100%; top: 244px; left: 33px; z-index: 43; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9525798314" ctype="4" class="element comp_image editable-image" style="display: block; width: 123.5px; height: 58.5518px; margin-top: -0.525896px; margin-left: 0px;" draggable="false" :src="getValue('eqixxdky6img3')"_tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5424879170" num="42" ctype="4" class="item item-comp" style="position: absolute; z-index: 42; opacity: 1; width: 125.5px; height: 59.5px; top: 180px; left: 33px; transform: rotateZ(0deg); display: block;" abs-pos="l-33-t-180-w-125.5-h-59.5" eqx-id="5424879170">
+											<div class="element-box" style="width: 100%; height: 100%; top: 180px; left: 33px; z-index: 42; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5424879170" ctype="4" class="element comp_image editable-image" style="display: block; width: 123.5px; height: 58.5518px; margin-top: -0.525896px; margin-left: 0px;" draggable="false" :src="getValue('eqixxdky6img2')"_tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8960577845" num="41" ctype="4" class="item item-comp" style="position: absolute; z-index: 41; opacity: 1; width: 125.5px; height: 59.5px; top: 116px; left: 33px; transform: rotateZ(0deg); display: block;" abs-pos="l-33-t-116-w-125.5-h-59.5" eqx-id="8960577845">
+											<div class="element-box" style="width: 100%; height: 100%; top: 116px; left: 33px; z-index: 41; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8960577845" ctype="4" class="element comp_image editable-image" style="display: block; width: 123.5px; height: 58.5518px; margin-top: -0.525896px; margin-left: 0px;" draggable="false" :src="getValue('eqixxdky6img')"  _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8459807953" num="40" ctype="7" class="item item-comp" style="position: absolute; z-index: 40; opacity: 1; width: 74px; height: 31px; top: 333.5px; left: 218px; transform: rotateZ(0deg); display: block;" abs-pos="l-218-t-333.5000000000001-w-74-h-31" eqx-id="8459807953">
+											<div class="element-box" style="width: 100%; height: 100%; top: 333.5px; left: 218px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 40; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.6s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8459807953" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6pricehead8')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6633369197" num="39" ctype="7" class="item item-comp" style="position: absolute; z-index: 39; opacity: 1; width: 118px; height: 31px; top: 333.5px; left: 160.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.5-t-333.50000000000006-w-118-h-31" eqx-id="6633369197">
+											<div class="element-box" style="width: 100%; height: 100%; top: 333.5px; left: 160.5px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 39; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.6s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="6633369197" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6head8')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_948070678" num="38" ctype="7" class="item item-comp" style="position: absolute; z-index: 38; opacity: 1; width: 74px; height: 31px; top: 298.083px; left: 218px; transform: rotateZ(0deg); display: block;" abs-pos="l-218-t-298.0833333333334-w-74-h-31" eqx-id="948070678">
+											<div class="element-box" style="width: 100%; height: 100%; top: 298.083px; left: 218px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 38; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.5s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="948070678" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6pricehead7')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_769112842" num="37" ctype="7" class="item item-comp" style="position: absolute; z-index: 37; opacity: 1; width: 118px; height: 31px; top: 298.083px; left: 160.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.5-t-298.0833333333334-w-118-h-31" eqx-id="769112842">
+											<div class="element-box" style="width: 100%; height: 100%; top: 298.083px; left: 160.5px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 37; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.5s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="769112842" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6head7')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8450446449" num="36" ctype="7" class="item item-comp" style="position: absolute; z-index: 36; opacity: 1; width: 74px; height: 31px; top: 262.667px; left: 218px; transform: rotateZ(0deg); display: block;" abs-pos="l-218-t-262.66666666666674-w-74-h-31" eqx-id="8450446449">
+											<div class="element-box" style="width: 100%; height: 100%; top: 262.667px; left: 218px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 36; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.4s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8450446449" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6pricehead6')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6467953882" num="35" ctype="7" class="item item-comp" style="position: absolute; z-index: 35; opacity: 1; width: 118px; height: 31px; top: 262.667px; left: 160.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.5-t-262.6666666666667-w-118-h-31" eqx-id="6467953882">
+											<div class="element-box" style="width: 100%; height: 100%; top: 262.667px; left: 160.5px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 35; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.4s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="6467953882" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6head6')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2614243662" num="34" ctype="7" class="item item-comp" style="position: absolute; z-index: 34; opacity: 1; width: 74px; height: 31px; top: 227.25px; left: 218px; transform: rotateZ(0deg); display: block;" abs-pos="l-218-t-227.2500000000001-w-74-h-31" eqx-id="2614243662">
+											<div class="element-box" style="width: 100%; height: 100%; top: 227.25px; left: 218px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 34; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.3s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2614243662" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6pricehead5')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6450850471" num="33" ctype="7" class="item item-comp" style="position: absolute; z-index: 33; opacity: 1; width: 118px; height: 31px; top: 227.25px; left: 160.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.5-t-227.25000000000006-w-118-h-31" eqx-id="6450850471">
+											<div class="element-box" style="width: 100%; height: 100%; top: 227.25px; left: 160.5px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 33; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.3s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="6450850471" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6head5')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7875266324" num="32" ctype="7" class="item item-comp" style="position: absolute; z-index: 32; opacity: 1; width: 74px; height: 31px; top: 191.833px; left: 218px; transform: rotateZ(0deg); display: block;" abs-pos="l-218-t-191.83333333333343-w-74-h-31" eqx-id="7875266324">
+											<div class="element-box" style="width: 100%; height: 100%; top: 191.833px; left: 218px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 32; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="7875266324" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6pricehead4')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2981274652" num="31" ctype="7" class="item item-comp" style="position: absolute; z-index: 31; opacity: 1; width: 118px; height: 31px; top: 191.833px; left: 160.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.5-t-191.8333333333334-w-118-h-31" eqx-id="2981274652">
+											<div class="element-box" style="width: 100%; height: 100%; top: 191.833px; left: 160.5px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 31; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2981274652" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6head4')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2804026876" num="30" ctype="7" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 74px; height: 31px; top: 156.417px; left: 218px; transform: rotateZ(0deg); display: block;" abs-pos="l-218-t-156.41666666666677-w-74-h-31" eqx-id="2804026876">
+											<div class="element-box" style="width: 100%; height: 100%; top: 156.417px; left: 218px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 30; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2804026876" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6pricehead3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_318721877" num="29" ctype="7" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 118px; height: 31px; top: 156.417px; left: 160.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.5-t-156.4166666666667-w-118-h-31" eqx-id="318721877">
+											<div class="element-box" style="width: 100%; height: 100%; top: 156.417px; left: 160.5px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 29; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="318721877" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6head3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5988161957" num="28" ctype="7" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 74px; height: 31px; top: 121px; left: 218px; transform: rotateZ(0deg); display: block;" abs-pos="l-218-t-121.00000000000011-w-74-h-31" eqx-id="5988161957">
+											<div class="element-box" style="width: 100%; height: 100%; top: 121px; left: 218px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 28; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="5988161957" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6pricehead2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8627258626" num="27" ctype="7" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 118px; height: 31px; top: 121px; left: 160.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.5-t-121.00000000000006-w-118-h-31" eqx-id="8627258626">
+											<div class="element-box" style="width: 100%; height: 100%; top: 121px; left: 160.5px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 27; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8627258626" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6head2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5345811077" num="26" ctype="4" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 22px; height: 13.5px; top: 368.5px; left: 227px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion54;" abs-pos="l-227-t-368.5-w-22-h-13.5" eqx-id="5345811077">
+											<div class="element-box" style="width: 100%; height: 100%; top: 368.5px; left: 227px; z-index: 26; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5345811077" ctype="4" class="element comp_image editable-image" style="display: block; width: 22px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/smallcar.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_675270404" num="25" ctype="7" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 320px; height: 26px; top: 412px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-412.00000000000006-w-320-h-26" eqx-id="675270404">
+											<div class="element-box" style="width: 100%; height: 100%; top: 412px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 16px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="675270404" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: YGYtangkaijianti; font-size: 16px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">唯有爱与美食不可辜负</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1949367409" num="24" ctype="7" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 208px; height: 28px; top: 61px; left: 57px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.99999999999996-t-61.00000000000081-w-208-h-28" eqx-id="1949367409">
+											<div class="element-box" style="width: 100%; height: 100%; top: 61px; left: 57px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 18px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 24; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running rollInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="1949367409" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 18px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky6head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_133354185" num="23" ctype="7" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 320px; height: 24px; top: 456px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-456-w-320-h-24" eqx-id="133354185">
+											<div class="element-box" style="width: 100%; height: 100%; top: 456px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 14px; background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); font-style: normal; font-weight: normal; text-decoration: none; z-index: 23; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="133354185" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('price')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9120032763" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 328px; height: 103px; top: 452.5px; left: -3.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--3.5-t-452.5-w-328-h-103" eqx-id="9120032763">
+											<div class="element-box" style="width: 100%; height: 100%; top: 452.5px; left: -3.5px; z-index: 22; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9120032763" ctype="4" class="element comp_image editable-image" style="display: block; width: 328px; height: 103px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/colorbottom.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5004567902" num="21" ctype="4" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 320px; height: 63.5px; top: -23.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--23.5-w-320-h-63.5" eqx-id="5004567902">
+											<div class="element-box" style="width: 100%; height: 100%; top: -23.5px; left: 0px; z-index: 21; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5004567902" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 63.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fence.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6477881932" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 18.5px; height: 12px; top: 380px; left: 62.5px; transform: rotateZ(0deg); display: block; animation: 4s linear 0s infinite normal both running tempKeyframesForMotion55;" abs-pos="l-62.5-t-380-w-18.5-h-12" eqx-id="6477881932">
+											<div class="element-box" style="width: 100%; height: 100%; top: 380px; left: 62.5px; z-index: 20; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6477881932" ctype="4" class="element comp_image editable-image" style="display: block; width: 18.5px; height: 12px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar1.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8127454839" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 21px; height: 13.5px; top: 386px; left: 101px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion56;" abs-pos="l-101-t-386-w-21-h-13.5" eqx-id="8127454839">
+											<div class="element-box" style="width: 100%; height: 100%; top: 386px; left: 101px; z-index: 19; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8127454839" ctype="4" class="element comp_image editable-image" style="display: block; width: 21px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar2.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9669371796" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 195.5px; height: 5px; top: 410.5px; left: 62.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.5-t-410.5-w-195.5-h-5" eqx-id="9669371796">
+											<div class="element-box" style="width: 100%; height: 100%; top: 410.5px; left: 62.5px; z-index: 18; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9669371796" ctype="4" class="element comp_image editable-image" style="display: block; width: 195.5px; height: 5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twobottomline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7097427670" num="17" ctype="4" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 47.5px; height: 36.5px; top: 374.5px; left: 159.5px; transform: rotateZ(0deg); display: block; animation: 12s linear 0s infinite normal both running tempKeyframesForMotion57;" abs-pos="l-159.5-t-374.5-w-47.5-h-36.5" eqx-id="7097427670">
+											<div class="element-box" style="width: 100%; height: 100%; top: 374.5px; left: 159.5px; z-index: 17; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7097427670" ctype="4" class="element comp_image editable-image" style="display: block; width: 47.5px; height: 36.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar3.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7627675919" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 145px; height: 32.5px; top: 60px; left: 87.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-87.5-t-60-w-145-h-32.5" eqx-id="7627675919">
+											<div class="element-box" style="width: 100%; height: 100%; top: 60px; left: 87.5px; z-index: 16; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running rollInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7627675919" ctype="4" class="element comp_image editable-image" style="display: block; width: 145px; height: 32.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/bcircle.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1780929643" num="15" ctype="4" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 257px; height: 3.5px; top: 98px; left: 32px; transform: rotateZ(0deg); display: block;" abs-pos="l-32-t-98-w-257-h-3.5" eqx-id="1780929643">
+											<div class="element-box" style="width: 100%; height: 100%; top: 98px; left: 32px; z-index: 15; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 1.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1780929643" ctype="4" class="element comp_image editable-image" style="display: block; width: 257px; height: 3.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twotopline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7114151422" num="14" ctype="4" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 304px; height: 402px; top: 46.5px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-9-t-46.5-w-304-h-402" eqx-id="7114151422">
+											<div class="element-box" style="width: 100%; height: 100%; top: 46.5px; left: 9px; z-index: 14; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7114151422" ctype="4" class="element comp_image editable-image" style="display: block; width: 304px; height: 402px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/xdky.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9755910388" num="13" ctype="4" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="9755910388">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; z-index: 13; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 0s infinite normal both running puffOut;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9755910388" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4875308520" num="12" ctype="4" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="4875308520">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; z-index: 12; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4875308520" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7101219277" num="11" ctype="4" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 320px; height: 639px; top: -76.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--76.5-w-320-h-639" eqx-id="7101219277">
+											<div class="element-box" style="width: 100%; height: 100%; top: -76.5px; left: 0px; z-index: 11; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7101219277" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 639px; margin-left: 0px; margin-top: 0px;" draggable="false" src="" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4476980792" num="10" ctype="4" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 289.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-289.49999999999994-t--75.5-w-34-h-637" eqx-id="4476980792">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 289.5px; z-index: 10; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4476980792" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2378850209" num="9" ctype="4" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 257.083px; transform: rotateZ(0deg); display: block;" abs-pos="l-257.0833333333333-t--75.5-w-34-h-637" eqx-id="2378850209">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 257.083px; z-index: 9; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2378850209" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5983001489" num="8" ctype="4" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 224.667px; transform: rotateZ(0deg); display: block;" abs-pos="l-224.6666666666666-t--75.5-w-34-h-637" eqx-id="5983001489">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 224.667px; z-index: 8; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5983001489" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9133264004" num="7" ctype="4" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 192.25px; transform: rotateZ(0deg); display: block;" abs-pos="l-192.24999999999991-t--75.5-w-34-h-637" eqx-id="9133264004">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 192.25px; z-index: 7; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9133264004" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_23883435" num="6" ctype="4" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 159.833px; transform: rotateZ(0deg); display: block;" abs-pos="l-159.83333333333326-t--75.5-w-34-h-637" eqx-id="23883435">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 159.833px; z-index: 6; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="23883435" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8503225907" num="5" ctype="4" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 127.417px; transform: rotateZ(0deg); display: block;" abs-pos="l-127.41666666666663-t--75.5-w-34-h-637" eqx-id="8503225907">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 127.417px; z-index: 5; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8503225907" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6940886018" num="4" ctype="4" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 95px; transform: rotateZ(0deg); display: block;" abs-pos="l-94.99999999999997-t--75.5-w-34-h-637" eqx-id="6940886018">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 95px; z-index: 4; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6940886018" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9537218300" num="3" ctype="4" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 62.5833px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.58333333333283-t--75.5-w-34.000000000000085-h-637" eqx-id="9537218300">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 62.5833px; z-index: 3; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9537218300" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-top: -7.95808e-13px; margin-left: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_667881704" num="2" ctype="4" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 30.1667px; transform: rotateZ(0deg); display: block;" abs-pos="l-30.166666666666657-t--75.5-w-34-h-637" eqx-id="667881704">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 30.1667px; z-index: 2; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="667881704" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6742898734" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 34.5px; height: 637px; top: -75.5px; left: -2.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--2.5-t--75.5-w-34.5-h-637" eqx-id="6742898734">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: -2.5px; z-index: 1; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6742898734" ctype="4" class="element comp_image editable-image" style="display: block; width: 34.5px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FvRgfBGf42WT9C-T0wcMEU3t2Sbc?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+									</ul>
+								</div>
+							</section>
+						</div>
+					</div>
+				</section>
+			</div>
+
+		</div>
+
+	</div>
+</template>
+
+<script>
+	import methods from '../methods'
+	import anime from 'animejs/lib/anime.es.js'
+	import Scene from '@/framework/utils/sence'
+	export default {
+		name: 'retail',
+		props: ['schemaData', 'page', 'isEditMode', 'cancelEdit'],
+		mixins: [methods],
+		components: {},
+		created() {
+			console.log(this.schemaData)
+		},
+		methods: {
+
+			leave() {
+				console.log('leave')
+				// anime({
+				//   targets: "#cd-image-1 circle",
+				//   duration: 3000,
+				//   r: [2920, 0],
+				//   easing: "linear"
+				// });
+				var PromiseAll = [
+					anime({
+						targets: '#cd-image-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished,
+					anime({
+						targets: '#mask-img-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished
+				]
+				var enPromise = Promise.all(PromiseAll)
+				return enPromise
+			},
+			enter() {
+				console.log('enter anime')
+				var PromiseAll = [
+					anime({
+						targets: this.$refs['mlxg'],
+						translateX: 0,
+						opacity: 1,
+						duration: 2000
+					}).finished,
+					anime({
+						targets: this.$refs['title'],
+						translateX: 0,
+						opacity: 1,
+						delay: 1000,
+						duration: 500,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['decorate'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1200,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['surrounding'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1800,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['feature-list'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 2100,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: '.high-light',
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+
+						// delay: anime.stagger(1000),
+						delay: 1500,
+						easing: 'easeInOutQuad'
+					}).finished
+				]
+				Promise.all(PromiseAll).then(() => {
+					this.enterAfter()
+				})
+				return Promise.all(PromiseAll)
+			},
+			enterBefore() {
+				console.log('enterBefore')
+				anime({
+					targets: '#cd-image-1 circle',
+					duration: 0,
+					r: [0, 2920]
+				})
+				anime({
+					targets: this.$refs['mlxg'],
+					translateX: -1500,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['decorate'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['price'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['surrounding'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['feature-list'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: '.high-light',
+					translateX: 1000,
+					opacity: 0,
+					duration: 0
+				})
+				// setTimeout(() => {
+				//   this.enter();
+				// }, 1000);
+			},
+			enterAfter() {
+				this.timer = setTimeout(() => {
+					Scene.leaveBefore()
+					clearTimeout(this.timer)
+				}, 10000)
+			}
+		},
+		mounted() {
+			console.log('mounted')
+			this.enterBefore()
+		},
+		data() {
+			return {
+				currentIndex: ''
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.containerone {
+		width: 100%;
+		height: 100%;
+		position: relative;
+	}
+</style>
\ No newline at end of file

src/templates/eqixxdky/pages/eqixxdkyten.vue

+<template>
+	<div class="containerone">
+
+		<div class="p-index main" id="con" style="zoom:3.385">
+
+			<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
+				<section class="main-page z-current" style="transform-origin: 0% 0% 0px;">
+					<div class="m-img" id="page9" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1542398673" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background8096889094" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
+							</div>
+							<section class="layer" id="layer:2118840354" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
+								<div class="layer-box">
+									<ul id="edit_area" class="layer-items edit_area  weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
+										<li id="inside_926637365" num="30" ctype="7" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 282px; height: 22px; top: 223px; left: 20px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.999999999999943-t-223.00000000000074-w-282-h-22" eqx-id="926637365">
+											<div class="element-box" style="width: 100%; height: 100%; top: 223px; left: 20px; writing-mode: horizontal-tb; text-align: center; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: underline; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 30; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="926637365" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">&gt;{{getValue('eqixxdky10head3')}}&lt;</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3994695527" num="29" ctype="7" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 282px; height: 22px; top: 198px; left: 20px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.999999999999943-t-198.0000000000004-w-282-h-22" eqx-id="3994695527">
+											<div class="element-box" style="width: 100%; height: 100%; top: 198px; left: 20px; writing-mode: horizontal-tb; text-align: center; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 29; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3994695527" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: HYJinKaiJ; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">☞{{getValue('eqixxdky10head2')}}☜</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5457206736" num="28" ctype="4" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 84.5px; height: 84.5px; top: 110.5px; left: 117.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-117.49999999999997-t-110.49999999999999-w-84.50000000000003-h-84.50000000000001" eqx-id="5457206736">
+											<div class="element-box" style="width: 100%; height: 100%; top: 110.5px; left: 117.5px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; z-index: 28; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5457206736" ctype="4" class="element comp_image editable-image" style="display: block; width: 84.5px; height: 84.5px; margin-top: -7.10543e-15px; margin-left: 0px;" draggable="false" :src="getValue('code')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5619974347" num="27" ctype="7" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 299px; height: 124px; top: 245px; left: 11px; transform: rotateZ(0deg); display: block;" abs-pos="l-10.999999999999972-t-245.0000000000004-w-299-h-124" eqx-id="5619974347">
+											<div class="element-box" style="width: 100%; height: 100%; top: 245px; left: 11px; writing-mode: horizontal-tb; text-align: center; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1.6; z-index: 27; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="5619974347" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky10head4')}}<br>{{getValue('eqixxdky10head5')}}<br>{{getValue('weixin')}}<br>{{getValue('phone')}}<br><br>{{getValue('eqixxdky10head6')}}<br></span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9545693519" num="26" ctype="4" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 22px; height: 13.5px; top: 368.5px; left: 227px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion83;" abs-pos="l-227-t-368.5-w-22-h-13.5" eqx-id="9545693519">
+											<div class="element-box" style="width: 100%; height: 100%; top: 368.5px; left: 227px; z-index: 26; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9545693519" ctype="4" class="element comp_image editable-image" style="display: block; width: 22px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/smallcar.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5263012486" num="25" ctype="7" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 320px; height: 26px; top: 412px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-412.00000000000006-w-320-h-26" eqx-id="5263012486">
+											<div class="element-box" style="width: 100%; height: 100%; top: 412px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 16px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="5263012486" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: YGYtangkaijianti; font-size: 16px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">唯有爱与美食不可辜负</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4600877989" num="24" ctype="7" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 208px; height: 28px; top: 61px; left: 57px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.99999999999996-t-61.00000000000081-w-208.00000000000006-h-28" eqx-id="4600877989">
+											<div class="element-box" style="width: 100%; height: 100%; top: 61px; left: 57px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 18px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 24; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running rollInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4600877989" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 18px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky10head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_847756034" num="23" ctype="7" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 320px; height: 24px; top: 456px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-456-w-320-h-24" eqx-id="847756034">
+											<div class="element-box" style="width: 100%; height: 100%; top: 456px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 14px; background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); font-style: normal; font-weight: normal; text-decoration: none; z-index: 23; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="847756034" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('place')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8180807311" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 328px; height: 103px; top: 452.5px; left: -3.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--3.5-t-452.5-w-328-h-103" eqx-id="8180807311">
+											<div class="element-box" style="width: 100%; height: 100%; top: 452.5px; left: -3.5px; z-index: 22; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8180807311" ctype="4" class="element comp_image editable-image" style="display: block; width: 328px; height: 103px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/colorbottom.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_603217726" num="21" ctype="4" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 320px; height: 63.5px; top: -23.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--23.5-w-320-h-63.5" eqx-id="603217726">
+											<div class="element-box" style="width: 100%; height: 100%; top: -23.5px; left: 0px; z-index: 21; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="603217726" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 63.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fence.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8209987790" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 18.5px; height: 12px; top: 380px; left: 62.5px; transform: rotateZ(0deg); display: block; animation: 4s linear 0s infinite normal both running tempKeyframesForMotion85;" abs-pos="l-62.5-t-380-w-18.5-h-12" eqx-id="8209987790">
+											<div class="element-box" style="width: 100%; height: 100%; top: 380px; left: 62.5px; z-index: 20; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8209987790" ctype="4" class="element comp_image editable-image" style="display: block; width: 18.5px; height: 12px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar1.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9407350697" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 21px; height: 13.5px; top: 386px; left: 101px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion87;" abs-pos="l-101-t-386-w-21-h-13.5" eqx-id="9407350697">
+											<div class="element-box" style="width: 100%; height: 100%; top: 386px; left: 101px; z-index: 19; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9407350697" ctype="4" class="element comp_image editable-image" style="display: block; width: 21px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar2.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_634872284" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 195.5px; height: 5px; top: 410.5px; left: 62.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.5-t-410.5-w-195.5-h-5" eqx-id="634872284">
+											<div class="element-box" style="width: 100%; height: 100%; top: 410.5px; left: 62.5px; z-index: 18; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="634872284" ctype="4" class="element comp_image editable-image" style="display: block; width: 195.5px; height: 5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twobottomline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3761186945" num="17" ctype="4" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 47.5px; height: 36.5px; top: 374.5px; left: 159.5px; transform: rotateZ(0deg); display: block; animation: 12s linear 0s infinite normal both running tempKeyframesForMotion89;" abs-pos="l-159.5-t-374.5-w-47.5-h-36.5" eqx-id="3761186945">
+											<div class="element-box" style="width: 100%; height: 100%; top: 374.5px; left: 159.5px; z-index: 17; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3761186945" ctype="4" class="element comp_image editable-image" style="display: block; width: 47.5px; height: 36.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar3.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8303170208" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 145px; height: 32.5px; top: 60px; left: 87.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-87.5-t-60-w-145-h-32.5" eqx-id="8303170208">
+											<div class="element-box" style="width: 100%; height: 100%; top: 60px; left: 87.5px; z-index: 16; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running rollInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8303170208" ctype="4" class="element comp_image editable-image" style="display: block; width: 145px; height: 32.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/bcircle.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9824437487" num="15" ctype="4" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 257px; height: 3.5px; top: 98px; left: 32px; transform: rotateZ(0deg); display: block;" abs-pos="l-32-t-98-w-257-h-3.5" eqx-id="9824437487">
+											<div class="element-box" style="width: 100%; height: 100%; top: 98px; left: 32px; z-index: 15; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 1.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9824437487" ctype="4" class="element comp_image editable-image" style="display: block; width: 257px; height: 3.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twotopline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1479894298" num="14" ctype="4" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 304px; height: 402px; top: 46.5px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-9-t-46.5-w-304-h-402" eqx-id="1479894298">
+											<div class="element-box" style="width: 100%; height: 100%; top: 46.5px; left: 9px; z-index: 14; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1479894298" ctype="4" class="element comp_image editable-image" style="display: block; width: 304px; height: 402px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/xdky.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6615439322" num="13" ctype="4" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="6615439322">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; z-index: 13; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 0s infinite normal both running puffOut;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6615439322" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_762896027" num="12" ctype="4" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="762896027">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; z-index: 12; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="762896027" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5838165772" num="11" ctype="4" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 320px; height: 639px; top: -76.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--76.5-w-320-h-639" eqx-id="5838165772">
+											<div class="element-box" style="width: 100%; height: 100%; top: -76.5px; left: 0px; z-index: 11; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5838165772" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 639px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5VE1mbYrRGF3OiSG5RIQ8dr_Yh?imageMogr2/auto-orient/thumbnail/960x1917%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_332244188" num="10" ctype="4" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 289.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-289.49999999999994-t--75.5-w-34-h-637" eqx-id="332244188">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 289.5px; z-index: 10; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="332244188" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3769290074" num="9" ctype="4" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 257.083px; transform: rotateZ(0deg); display: block;" abs-pos="l-257.0833333333333-t--75.5-w-34-h-637" eqx-id="3769290074">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 257.083px; z-index: 9; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3769290074" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9874469131" num="8" ctype="4" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 224.667px; transform: rotateZ(0deg); display: block;" abs-pos="l-224.6666666666666-t--75.5-w-34-h-637" eqx-id="9874469131">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 224.667px; z-index: 8; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9874469131" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2935374647" num="7" ctype="4" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 192.25px; transform: rotateZ(0deg); display: block;" abs-pos="l-192.24999999999991-t--75.5-w-34-h-637" eqx-id="2935374647">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 192.25px; z-index: 7; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2935374647" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7627688271" num="6" ctype="4" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 159.833px; transform: rotateZ(0deg); display: block;" abs-pos="l-159.83333333333326-t--75.5-w-34-h-637" eqx-id="7627688271">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 159.833px; z-index: 6; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7627688271" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2631075135" num="5" ctype="4" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 127.417px; transform: rotateZ(0deg); display: block;" abs-pos="l-127.41666666666663-t--75.5-w-34-h-637" eqx-id="2631075135">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 127.417px; z-index: 5; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2631075135" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8087459150" num="4" ctype="4" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 95px; transform: rotateZ(0deg); display: block;" abs-pos="l-94.99999999999997-t--75.5-w-34-h-637" eqx-id="8087459150">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 95px; z-index: 4; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8087459150" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8681466997" num="3" ctype="4" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 62.5833px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.58333333333283-t--75.5-w-34.000000000000085-h-637" eqx-id="8681466997">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 62.5833px; z-index: 3; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8681466997" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-top: -7.95808e-13px; margin-left: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5989002797" num="2" ctype="4" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 30.1667px; transform: rotateZ(0deg); display: block;" abs-pos="l-30.166666666666657-t--75.5-w-34-h-637" eqx-id="5989002797">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 30.1667px; z-index: 2; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5989002797" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2979709342" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 34.5px; height: 637px; top: -75.5px; left: -2.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--2.5-t--75.5-w-34.5-h-637" eqx-id="2979709342">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: -2.5px; z-index: 1; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2979709342" ctype="4" class="element comp_image editable-image" style="display: block; width: 34.5px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FvRgfBGf42WT9C-T0wcMEU3t2Sbc?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+									</ul>
+								</div>
+							</section>
+						</div>
+				</div>
+				</section>
+			</div>
+
+		</div>
+
+	</div>
+</template>
+
+<script>
+	import methods from '../methods'
+	import anime from 'animejs/lib/anime.es.js'
+	import Scene from '@/framework/utils/sence'
+	export default {
+		name: 'retail',
+		props: ['schemaData', 'page', 'isEditMode', 'cancelEdit'],
+		mixins: [methods],
+		components: {},
+		created() {
+			console.log(this.schemaData)
+		},
+		methods: {
+
+			leave() {
+				console.log('leave')
+				// anime({
+				//   targets: "#cd-image-1 circle",
+				//   duration: 3000,
+				//   r: [2920, 0],
+				//   easing: "linear"
+				// });
+				var PromiseAll = [
+					anime({
+						targets: '#cd-image-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished,
+					anime({
+						targets: '#mask-img-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished
+				]
+				var enPromise = Promise.all(PromiseAll)
+				return enPromise
+			},
+			enter() {
+				console.log('enter anime')
+				var PromiseAll = [
+					anime({
+						targets: this.$refs['mlxg'],
+						translateX: 0,
+						opacity: 1,
+						duration: 2000
+					}).finished,
+					anime({
+						targets: this.$refs['title'],
+						translateX: 0,
+						opacity: 1,
+						delay: 1000,
+						duration: 500,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['decorate'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1200,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['surrounding'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1800,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['feature-list'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 2100,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: '.high-light',
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+
+						// delay: anime.stagger(1000),
+						delay: 1500,
+						easing: 'easeInOutQuad'
+					}).finished
+				]
+				Promise.all(PromiseAll).then(() => {
+					this.enterAfter()
+				})
+				return Promise.all(PromiseAll)
+			},
+			enterBefore() {
+				console.log('enterBefore')
+				anime({
+					targets: '#cd-image-1 circle',
+					duration: 0,
+					r: [0, 2920]
+				})
+				anime({
+					targets: this.$refs['mlxg'],
+					translateX: -1500,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['decorate'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['price'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['surrounding'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['feature-list'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: '.high-light',
+					translateX: 1000,
+					opacity: 0,
+					duration: 0
+				})
+				// setTimeout(() => {
+				//   this.enter();
+				// }, 1000);
+			},
+			enterAfter() {
+				this.timer = setTimeout(() => {
+					Scene.leaveBefore()
+					clearTimeout(this.timer)
+				}, 10000)
+			}
+		},
+		mounted() {
+			console.log('mounted')
+			this.enterBefore()
+		},
+		data() {
+			return {
+				currentIndex: ''
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.containerone {
+		width: 100%;
+		height: 100%;
+		position: relative;
+	}
+</style>
\ No newline at end of file

src/templates/eqixxdky/pages/eqixxdkythree.vue

+<template>
+	<div class="containerone">
+
+		<div class="p-index main" id="con" style="zoom:3.385">
+
+			<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
+				<section class="main-page z-current" style="">
+					<div class="m-img" id="page3" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1542398666" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background2018466701" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
+							</div>
+							<section class="layer" id="layer:2625808858" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
+								<div class="layer-box">
+									<ul id="edit_area" class="layer-items edit_area  weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
+										<li id="inside_5555885305" num="30" ctype="4" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 22px; height: 13.5px; top: 368.5px; left: 227px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion6;" abs-pos="l-227-t-368.5-w-22-h-13.5" eqx-id="5555885305">
+											<div class="element-box" style="width: 100%; height: 100%; top: 368.5px; left: 227px; z-index: 30; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5555885305" ctype="4" class="element comp_image editable-image" style="display: block; width: 22px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/smallcar.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4324585273" num="29" ctype="7" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 320px; height: 26px; top: 412px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-412.00000000000006-w-320-h-26" eqx-id="4324585273">
+											<div class="element-box" style="width: 100%; height: 100%; top: 412px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 16px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 29; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4324585273" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: YGYtangkaijianti; font-size: 16px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">唯有爱与美食不可辜负</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9793531940" num="28" ctype="7" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 320px; height: 24px; top: 456px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-456-w-320-h-24" eqx-id="9793531940">
+											<div class="element-box" style="width: 100%; height: 100%; top: 456px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 14px; background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); font-style: normal; font-weight: normal; text-decoration: none; z-index: 28; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="9793531940" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('place')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7846952034" num="27" ctype="4" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 328px; height: 103px; top: 452.5px; left: -3.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--3.5-t-452.5-w-328-h-103" eqx-id="7846952034">
+											<div class="element-box" style="width: 100%; height: 100%; top: 452.5px; left: -3.5px; z-index: 27; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7846952034" ctype="4" class="element comp_image editable-image" style="display: block; width: 328px; height: 103px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/colorbottom.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5275698050" num="26" ctype="4" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 18.5px; height: 12px; top: 380px; left: 62.5px; transform: rotateZ(0deg); display: block; animation: 4s linear 0s infinite normal both running tempKeyframesForMotion7;" abs-pos="l-62.5-t-380-w-18.5-h-12" eqx-id="5275698050">
+											<div class="element-box" style="width: 100%; height: 100%; top: 380px; left: 62.5px; z-index: 26; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5275698050" ctype="4" class="element comp_image editable-image" style="display: block; width: 18.5px; height: 12px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar1.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9485512885" num="25" ctype="4" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 21px; height: 13.5px; top: 386px; left: 101px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion8;" abs-pos="l-101-t-386-w-21-h-13.5" eqx-id="9485512885">
+											<div class="element-box" style="width: 100%; height: 100%; top: 386px; left: 101px; z-index: 25; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9485512885" ctype="4" class="element comp_image editable-image" style="display: block; width: 21px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar2.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1976927719" num="24" ctype="4" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 195.5px; height: 5px; top: 410.5px; left: 62.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.5-t-410.5-w-195.5-h-5" eqx-id="1976927719">
+											<div class="element-box" style="width: 100%; height: 100%; top: 410.5px; left: 62.5px; z-index: 24; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1976927719" ctype="4" class="element comp_image editable-image" style="display: block; width: 195.5px; height: 5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twobottomline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1917936165" num="23" ctype="4" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 47.5px; height: 36.5px; top: 374.5px; left: 159.5px; transform: rotateZ(0deg); display: block; animation: 12s linear 0s infinite normal both running tempKeyframesForMotion9;" abs-pos="l-159.5-t-374.5-w-47.5-h-36.5" eqx-id="1917936165">
+											<div class="element-box" style="width: 100%; height: 100%; top: 374.5px; left: 159.5px; z-index: 23; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1917936165" ctype="4" class="element comp_image editable-image" style="display: block; width: 47.5px; height: 36.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar3.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5497110130" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 260.5px; height: 79px; top: 290.5px; left: 30px; transform: rotateZ(0deg); display: block;" abs-pos="l-30-t-290.5-w-260.5-h-79" eqx-id="5497110130">
+											<div class="element-box" style="width: 100%; height: 100%; top: 290.5px; left: 30px; z-index: 22; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running flipInX;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5497110130" ctype="4" class="element comp_image editable-image" style="display: block; width: 258.5px; height: 78.3935px; margin-top: -0.696737px; margin-left: 0px;" draggable="false" :src="getValue('eqixxdky3img4')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6163695918" num="21" ctype="4" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 99px; height: 82px; top: 204px; left: 191.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-191.5-t-204-w-99-h-82" eqx-id="6163695918">
+											<div class="element-box" style="width: 100%; height: 100%; top: 204px; left: 191.5px; z-index: 21; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6163695918" ctype="4" class="element comp_image editable-image" style="display: block; width: 97px; height: 80.3434px; margin-top: -0.171717px; margin-left: 0px;" draggable="false" :src="getValue('eqixxdky3img3')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8851274115" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 99px; height: 82px; top: 119px; left: 191.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-191.5-t-119-w-99-h-82" eqx-id="8851274115">
+											<div class="element-box" style="width: 100%; height: 100%; top: 119px; left: 191.5px; z-index: 20; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8851274115" ctype="4" class="element comp_image editable-image" style="display: block; width: 97px; height: 80.3434px; margin-top: -0.171717px; margin-left: 0px;" draggable="false" :src="getValue('eqixxdky3img2')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1291603487" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 158.5px; height: 167px; top: 119px; left: 30px; transform: rotateZ(0deg); display: block;" abs-pos="l-30-t-119-w-158.5-h-167" eqx-id="1291603487">
+											<div class="element-box" style="width: 100%; height: 100%; top: 119px; left: 30px; z-index: 19; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1291603487" ctype="4" class="element comp_image editable-image" style="display: block; width: 156.602px; height: 165px; margin-left: -0.0508982px; margin-top: 0px;" draggable="false" :src="getValue('eqixxdky3img')"  _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3549580478" num="18" ctype="7" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 208px; height: 28px; top: 61px; left: 57px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.99999999999996-t-61.00000000000081-w-208-h-28" eqx-id="3549580478">
+											<div class="element-box" style="width: 100%; height: 100%; top: 61px; left: 57px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 18px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 18; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running rollInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3549580478" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 18px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky3head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8410962568" num="17" ctype="4" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 320px; height: 63.5px; top: -23.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--23.5-w-320-h-63.5" eqx-id="8410962568">
+											<div class="element-box" style="width: 100%; height: 100%; top: -23.5px; left: 0px; z-index: 17; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8410962568" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 63.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fence.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1776233303" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 145px; height: 32.5px; top: 60px; left: 87.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-87.5-t-60-w-145-h-32.5" eqx-id="1776233303">
+											<div class="element-box" style="width: 100%; height: 100%; top: 60px; left: 87.5px; z-index: 16; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running rollInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1776233303" ctype="4" class="element comp_image editable-image" style="display: block; width: 145px; height: 32.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/bcircle.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4456827795" num="15" ctype="4" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 257px; height: 3.5px; top: 98px; left: 32px; transform: rotateZ(0deg); display: block;" abs-pos="l-32-t-98-w-257-h-3.5" eqx-id="4456827795">
+											<div class="element-box" style="width: 100%; height: 100%; top: 98px; left: 32px; z-index: 15; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 1.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4456827795" ctype="4" class="element comp_image editable-image" style="display: block; width: 257px; height: 3.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twotopline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6939007623" num="14" ctype="4" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 304px; height: 402px; top: 46.5px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-9-t-46.5-w-304-h-402" eqx-id="6939007623">
+											<div class="element-box" style="width: 100%; height: 100%; top: 46.5px; left: 9px; z-index: 14; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6939007623" ctype="4" class="element comp_image editable-image" style="display: block; width: 304px; height: 402px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/xdky.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1406041648" num="13" ctype="4" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="1406041648">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; z-index: 13; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 0s infinite normal both running puffOut;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1406041648" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9352637741" num="12" ctype="4" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="9352637741">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; z-index: 12; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9352637741" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4601640735" num="11" ctype="4" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 320px; height: 639px; top: -76.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--76.5-w-320-h-639" eqx-id="4601640735">
+											<div class="element-box" style="width: 100%; height: 100%; top: -76.5px; left: 0px; z-index: 11; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4601640735" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 639px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5VE1mbYrRGF3OiSG5RIQ8dr_Yh?imageMogr2/auto-orient/thumbnail/960x1917%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4507262103" num="10" ctype="4" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 289.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-289.49999999999994-t--75.5-w-34-h-637" eqx-id="4507262103">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 289.5px; z-index: 10; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4507262103" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9855773331" num="9" ctype="4" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 257.083px; transform: rotateZ(0deg); display: block;" abs-pos="l-257.0833333333333-t--75.5-w-34-h-637" eqx-id="9855773331">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 257.083px; z-index: 9; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9855773331" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_104135381" num="8" ctype="4" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 224.667px; transform: rotateZ(0deg); display: block;" abs-pos="l-224.6666666666666-t--75.5-w-34-h-637" eqx-id="104135381">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 224.667px; z-index: 8; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="104135381" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1258262743" num="7" ctype="4" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 192.25px; transform: rotateZ(0deg); display: block;" abs-pos="l-192.24999999999991-t--75.5-w-34-h-637" eqx-id="1258262743">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 192.25px; z-index: 7; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1258262743" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2748573995" num="6" ctype="4" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 159.833px; transform: rotateZ(0deg); display: block;" abs-pos="l-159.83333333333326-t--75.5-w-34-h-637" eqx-id="2748573995">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 159.833px; z-index: 6; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2748573995" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3194070053" num="5" ctype="4" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 127.417px; transform: rotateZ(0deg); display: block;" abs-pos="l-127.41666666666663-t--75.5-w-34-h-637" eqx-id="3194070053">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 127.417px; z-index: 5; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3194070053" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_664302035" num="4" ctype="4" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 95px; transform: rotateZ(0deg); display: block;" abs-pos="l-94.99999999999997-t--75.5-w-34-h-637" eqx-id="664302035">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 95px; z-index: 4; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="664302035" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7168474096" num="3" ctype="4" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 62.5833px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.58333333333283-t--75.5-w-34.000000000000085-h-637" eqx-id="7168474096">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 62.5833px; z-index: 3; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7168474096" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-top: -7.95808e-13px; margin-left: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6076031888" num="2" ctype="4" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 30.1667px; transform: rotateZ(0deg); display: block;" abs-pos="l-30.166666666666657-t--75.5-w-34-h-637" eqx-id="6076031888">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 30.1667px; z-index: 2; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6076031888" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_502697350" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 34.5px; height: 637px; top: -75.5px; left: -2.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--2.5-t--75.5-w-34.5-h-637" eqx-id="502697350">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: -2.5px; z-index: 1; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="502697350" ctype="4" class="element comp_image editable-image" style="display: block; width: 34.5px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FvRgfBGf42WT9C-T0wcMEU3t2Sbc?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+									</ul>
+								</div>
+							</section>
+						</div>
+					</div>
+				</section>
+			</div>
+
+		</div>
+
+	</div>
+</template>
+
+<script>
+	import methods from '../methods'
+	import anime from 'animejs/lib/anime.es.js'
+	import Scene from '@/framework/utils/sence'
+	export default {
+		name: 'retail',
+		props: ['schemaData', 'page', 'isEditMode', 'cancelEdit'],
+		mixins: [methods],
+		components: {},
+		created() {
+			console.log(this.schemaData)
+		},
+		methods: {
+
+			leave() {
+				console.log('leave')
+				// anime({
+				//   targets: "#cd-image-1 circle",
+				//   duration: 3000,
+				//   r: [2920, 0],
+				//   easing: "linear"
+				// });
+				var PromiseAll = [
+					anime({
+						targets: '#cd-image-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished,
+					anime({
+						targets: '#mask-img-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished
+				]
+				var enPromise = Promise.all(PromiseAll)
+				return enPromise
+			},
+			enter() {
+				console.log('enter anime')
+				var PromiseAll = [
+					anime({
+						targets: this.$refs['mlxg'],
+						translateX: 0,
+						opacity: 1,
+						duration: 2000
+					}).finished,
+					anime({
+						targets: this.$refs['title'],
+						translateX: 0,
+						opacity: 1,
+						delay: 1000,
+						duration: 500,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['decorate'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1200,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['surrounding'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1800,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['feature-list'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 2100,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: '.high-light',
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+
+						// delay: anime.stagger(1000),
+						delay: 1500,
+						easing: 'easeInOutQuad'
+					}).finished
+				]
+				Promise.all(PromiseAll).then(() => {
+					this.enterAfter()
+				})
+				return Promise.all(PromiseAll)
+			},
+			enterBefore() {
+				console.log('enterBefore')
+				anime({
+					targets: '#cd-image-1 circle',
+					duration: 0,
+					r: [0, 2920]
+				})
+				anime({
+					targets: this.$refs['mlxg'],
+					translateX: -1500,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['decorate'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['price'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['surrounding'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['feature-list'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: '.high-light',
+					translateX: 1000,
+					opacity: 0,
+					duration: 0
+				})
+				// setTimeout(() => {
+				//   this.enter();
+				// }, 1000);
+			},
+			enterAfter() {
+				this.timer = setTimeout(() => {
+					Scene.leaveBefore()
+					clearTimeout(this.timer)
+				}, 10000)
+			}
+		},
+		mounted() {
+			console.log('mounted')
+			this.enterBefore()
+		},
+		data() {
+			return {
+				currentIndex: ''
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.containerone {
+		width: 100%;
+		height: 100%;
+		position: relative;
+	}
+</style>
\ No newline at end of file

src/templates/eqixxdky/pages/eqixxdkytwo.vue

+<template>
+	<div class="containerone">
+		<div class="p-index main" id="con" style="zoom:3.385">
+
+			<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
+				<div id="loading" class="loading" style="display: none;">
+					<div class="noCustomLogo">
+						<div class="loading-tip">欢迎制作易企秀</div>
+					</div>
+				</div>
+				<div class="eqx-progress-bar" style="display: none;"><span style="width: 32px;"></span><em class="page-tip">1/10</em></div>
+				<section class="main-page z-current" style="transform-origin: 0% 0% 0px;">
+					<div class="m-img" id="page2" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1542398665" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background2261845523" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
+							</div>
+							<section class="layer" id="layer:302231150" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
+								<div class="layer-box">
+									<ul id="edit_area" class="layer-items edit_area  weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
+										<li id="inside_548793201" num="28" ctype="4" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 22px; height: 13.5px; top: 368.5px; left: 227px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion67;" abs-pos="l-227-t-368.5-w-22-h-13.5" eqx-id="548793201">
+											<div class="element-box" style="width: 100%; height: 100%; top: 368.5px; left: 227px; z-index: 28; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="548793201" ctype="4" class="element comp_image editable-image" style="display: block; width: 22px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/smallcar.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5778296530" num="27" ctype="4" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 127px; height: 242px; top: 120.5px; left: 33.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-33.5-t-120.5-w-127-h-242" eqx-id="5778296530">
+											<div class="element-box" style="width: 100%; height: 100%; top: 120.5px; left: 33.5px; z-index: 27; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running rollInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5778296530" ctype="4" class="element comp_image editable-image" style="display: block; width: 125.95px; height: 240px; margin-left: -0.475207px; margin-top: 0px;" draggable="false" :src="getValue('eqixxdky2img')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_633778608" num="26" ctype="7" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 139px; height: 252px; top: 114px; left: 161px; transform: rotateZ(0deg); display: block;" abs-pos="l-161.0000000000001-t-113.99999999999974-w-139-h-252" eqx-id="633778608">
+											<div class="element-box" style="width: 100%; height: 100%; top: 114px; left: 161px; writing-mode: horizontal-tb; text-align: left; line-height: 1.9; font-size: 12px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 26; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="633778608" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky2head2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3769507288" num="25" ctype="7" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 320px; height: 26px; top: 412px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-412.00000000000006-w-320-h-26" eqx-id="3769507288">
+											<div class="element-box" style="width: 100%; height: 100%; top: 412px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 16px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3769507288" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: YGYtangkaijianti; font-size: 16px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">唯有爱与美食不可辜负</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2403330178" num="24" ctype="7" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 208px; height: 28px; top: 61px; left: 57px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.99999999999996-t-61.00000000000081-w-208.00000000000006-h-28" eqx-id="2403330178">
+											<div class="element-box" style="width: 100%; height: 100%; top: 61px; left: 57px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 18px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 24; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running rollInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2403330178" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 18px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdky2head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4904812515" num="23" ctype="7" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 320px; height: 24px; top: 456px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-456-w-320-h-24" eqx-id="4904812515">
+											<div class="element-box" style="width: 100%; height: 100%; top: 456px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 14px; background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); font-style: normal; font-weight: normal; text-decoration: none; z-index: 23; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4904812515" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('place')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3097815515" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 328px; height: 103px; top: 452.5px; left: -3.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--3.5-t-452.5-w-328-h-103" eqx-id="3097815515">
+											<div class="element-box" style="width: 100%; height: 100%; top: 452.5px; left: -3.5px; z-index: 22; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3097815515" ctype="4" class="element comp_image editable-image" style="display: block; width: 328px; height: 103px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/colorbottom.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1800905302" num="21" ctype="4" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 320px; height: 63.5px; top: -23.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--23.5-w-320-h-63.5" eqx-id="1800905302">
+											<div class="element-box" style="width: 100%; height: 100%; top: -23.5px; left: 0px; z-index: 21; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1800905302" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 63.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/fence.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6356319843" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 18.5px; height: 12px; top: 380px; left: 62.5px; transform: rotateZ(0deg); display: block; animation: 4s linear 0s infinite normal both running tempKeyframesForMotion68;" abs-pos="l-62.5-t-380-w-18.5-h-12" eqx-id="6356319843">
+											<div class="element-box" style="width: 100%; height: 100%; top: 380px; left: 62.5px; z-index: 20; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6356319843" ctype="4" class="element comp_image editable-image" style="display: block; width: 18.5px; height: 12px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar1.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7266083071" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 21px; height: 13.5px; top: 386px; left: 101px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion69;" abs-pos="l-101-t-386-w-21-h-13.5" eqx-id="7266083071">
+											<div class="element-box" style="width: 100%; height: 100%; top: 386px; left: 101px; z-index: 19; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7266083071" ctype="4" class="element comp_image editable-image" style="display: block; width: 21px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar2.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6287627839" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 195.5px; height: 5px; top: 410.5px; left: 62.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.5-t-410.5-w-195.5-h-5" eqx-id="6287627839">
+											<div class="element-box" style="width: 100%; height: 100%; top: 410.5px; left: 62.5px; z-index: 18; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6287627839" ctype="4" class="element comp_image editable-image" style="display: block; width: 195.5px; height: 5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twobottomline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1714123658" num="17" ctype="4" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 47.5px; height: 36.5px; top: 374.5px; left: 159.5px; transform: rotateZ(0deg); display: block; animation: 12s linear 0s infinite normal both running tempKeyframesForMotion76;" abs-pos="l-159.5-t-374.5-w-47.5-h-36.5" eqx-id="1714123658">
+											<div class="element-box" style="width: 100%; height: 100%; top: 374.5px; left: 159.5px; z-index: 17; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1714123658" ctype="4" class="element comp_image editable-image" style="display: block; width: 47.5px; height: 36.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twocar3.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4229120577" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 145px; height: 32.5px; top: 60px; left: 87.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-87.5-t-60-w-145-h-32.5" eqx-id="4229120577">
+											<div class="element-box" style="width: 100%; height: 100%; top: 60px; left: 87.5px; z-index: 16; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running rollInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4229120577" ctype="4" class="element comp_image editable-image" style="display: block; width: 145px; height: 32.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/bcircle.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6440521376" num="15" ctype="4" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 257px; height: 3.5px; top: 98px; left: 32px; transform: rotateZ(0deg); display: block;" abs-pos="l-32-t-98-w-257-h-3.5" eqx-id="6440521376">
+											<div class="element-box" style="width: 100%; height: 100%; top: 98px; left: 32px; z-index: 15; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 1.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6440521376" ctype="4" class="element comp_image editable-image" style="display: block; width: 257px; height: 3.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/twotopline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7418056102" num="14" ctype="4" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 304px; height: 402px; top: 46.5px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-9-t-46.5-w-304-h-402" eqx-id="7418056102">
+											<div class="element-box" style="width: 100%; height: 100%; top: 46.5px; left: 9px; z-index: 14; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7418056102" ctype="4" class="element comp_image editable-image" style="display: block; width: 304px; height: 402px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/xdky.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4479834425" num="13" ctype="4" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="4479834425">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; z-index: 13; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 0s infinite normal both running puffOut;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4479834425" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2029907647" num="12" ctype="4" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="2029907647">
+											<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; z-index: 12; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2029907647" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/backgroudscale.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5777690436" num="11" ctype="4" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 320px; height: 639px; top: -76.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--76.5-w-320-h-639" eqx-id="5777690436">
+											<div class="element-box" style="width: 100%; height: 100%; top: -76.5px; left: 0px; z-index: 11; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5777690436" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 639px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5VE1mbYrRGF3OiSG5RIQ8dr_Yh?imageMogr2/auto-orient/thumbnail/960x1917%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1701433206" num="10" ctype="4" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 289.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-289.49999999999994-t--75.5-w-34-h-637" eqx-id="1701433206">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 289.5px; z-index: 10; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1701433206" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6005548859" num="9" ctype="4" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 257.083px; transform: rotateZ(0deg); display: block;" abs-pos="l-257.0833333333333-t--75.5-w-34-h-637" eqx-id="6005548859">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 257.083px; z-index: 9; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6005548859" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_408660167" num="8" ctype="4" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 224.667px; transform: rotateZ(0deg); display: block;" abs-pos="l-224.6666666666666-t--75.5-w-34-h-637" eqx-id="408660167">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 224.667px; z-index: 8; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="408660167" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9132417181" num="7" ctype="4" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 192.25px; transform: rotateZ(0deg); display: block;" abs-pos="l-192.24999999999991-t--75.5-w-34-h-637" eqx-id="9132417181">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 192.25px; z-index: 7; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9132417181" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8553805910" num="6" ctype="4" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 159.833px; transform: rotateZ(0deg); display: block;" abs-pos="l-159.83333333333326-t--75.5-w-34-h-637" eqx-id="8553805910">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 159.833px; z-index: 6; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8553805910" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8976555801" num="5" ctype="4" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 127.417px; transform: rotateZ(0deg); display: block;" abs-pos="l-127.41666666666663-t--75.5-w-34-h-637" eqx-id="8976555801">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 127.417px; z-index: 5; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8976555801" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5055723959" num="4" ctype="4" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 95px; transform: rotateZ(0deg); display: block;" abs-pos="l-94.99999999999997-t--75.5-w-34-h-637" eqx-id="5055723959">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 95px; z-index: 4; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5055723959" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8199464978" num="3" ctype="4" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 62.5833px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.58333333333283-t--75.5-w-34.000000000000085-h-637" eqx-id="8199464978">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 62.5833px; z-index: 3; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8199464978" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-top: -7.95808e-13px; margin-left: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9503605668" num="2" ctype="4" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 30.1667px; transform: rotateZ(0deg); display: block;" abs-pos="l-30.166666666666657-t--75.5-w-34-h-637" eqx-id="9503605668">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 30.1667px; z-index: 2; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9503605668" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3969111144" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 34.5px; height: 637px; top: -75.5px; left: -2.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--2.5-t--75.5-w-34.5-h-637" eqx-id="3969111144">
+											<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: -2.5px; z-index: 1; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3969111144" ctype="4" class="element comp_image editable-image" style="display: block; width: 34.5px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FvRgfBGf42WT9C-T0wcMEU3t2Sbc?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+									</ul>
+								</div>
+							</section>
+						</div>
+					</div>
+				</section>
+			</div>
+
+		</div>
+	</div>
+</template>
+
+<script>
+	import methods from '../methods'
+	import anime from 'animejs/lib/anime.es.js'
+	import Scene from '@/framework/utils/sence'
+	export default {
+		name: 'eqixxdky',
+		props: ['schemaData', 'page', 'isEditMode', 'cancelEdit'],
+		mixins: [methods],
+		components: {},
+		created() {
+			console.log(this.schemaData)
+		},
+		methods: {
+
+			leave() {
+				console.log('leave')
+				// anime({
+				//   targets: "#cd-image-1 circle",
+				//   duration: 3000,
+				//   r: [2920, 0],
+				//   easing: "linear"
+				// });
+				var PromiseAll = [
+					anime({
+						targets: '#cd-image-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished,
+					anime({
+						targets: '#mask-img-1 circle',
+						duration: 2000,
+						r: [2920, 0],
+						easing: 'easeOutQuad'
+					}).finished
+				]
+				var enPromise = Promise.all(PromiseAll)
+				return enPromise
+			},
+			enter() {
+				console.log('enter anime')
+				var PromiseAll = [
+					anime({
+						targets: this.$refs['mlxg'],
+						translateX: 0,
+						opacity: 1,
+						duration: 2000
+					}).finished,
+					anime({
+						targets: this.$refs['title'],
+						translateX: 0,
+						opacity: 1,
+						delay: 1000,
+						duration: 500,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['decorate'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1200,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['surrounding'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 1800,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: this.$refs['feature-list'],
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+						delay: 2100,
+						easing: 'easeInOutQuad'
+					}).finished,
+					anime({
+						targets: '.high-light',
+						translateX: 0,
+						opacity: 1,
+						duration: 1000,
+
+						// delay: anime.stagger(1000),
+						delay: 1500,
+						easing: 'easeInOutQuad'
+					}).finished
+				]
+				Promise.all(PromiseAll).then(() => {
+					this.enterAfter()
+				})
+				return Promise.all(PromiseAll)
+			},
+			enterBefore() {
+				console.log('enterBefore')
+				anime({
+					targets: '#cd-image-1 circle',
+					duration: 0,
+					r: [0, 2920]
+				})
+				anime({
+					targets: this.$refs['mlxg'],
+					translateX: -1500,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['decorate'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['price'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['surrounding'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: this.$refs['feature-list'],
+					translateX: 2000,
+					opacity: 0,
+					duration: 0
+				})
+				anime({
+					targets: '.high-light',
+					translateX: 1000,
+					opacity: 0,
+					duration: 0
+				})
+				// setTimeout(() => {
+				//   this.enter();
+				// }, 1000);
+			},
+			enterAfter() {
+				this.timer = setTimeout(() => {
+					Scene.leaveBefore()
+					clearTimeout(this.timer)
+				}, 10000)
+			}
+		},
+		mounted() {
+			console.log('mounted')
+			this.enterBefore()
+		},
+		data() {
+			return {
+				currentIndex: ''
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.containerone {
+		width: 100%;
+		height: 100%;
+		position: relative;
+	}
+</style>
\ No newline at end of file

src/templates/eqixxdky/pages/index.js

+const req = require.context('', false, /\.vue$/)
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+const pages = requireAll(req)
+const re = /\.\/(.*)\.vue/
+// console.log(req.keys(), 'requireContext')
+const pagesObj = {}
+pages.map((item, index) => {
+//	console.log(req.keys()[index].match(re)[1])
+  pagesObj[req.keys()[index].match(re)[1]] = item.default
+  return item
+})
+export default pagesObj

src/templates/eqixxdky/sceneData.js

+export default {
+  schemaData: {},
+  itemList: []
+}

src/templates/eqixxdky/schema/noticeSchema.js

+export default {}

src/templates/eqixxdky/schema/scheduleSchema.js

+export default {}

src/templates/eqixxdky/schema/welcomSchema.js

+export default {}

src/templates/eqixxdky/schemaData.js

+
+import defaultData from './defaultData'
+import itemList from './itemList'
+import templateInfo from './templateInfo'
+export default {
+  templateInfo,
+  // defaultData,
+  pageList: [
+    {
+      name: '易企秀1',
+      thumb: 'https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqixxdky/bg.PNG',
+      component: 'eqixxdky',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixxdky,
+      itemList: itemList.eqixxdky
+    },
+    {
+      name: '易企秀2',
+      thumb: 'https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixxdkytwo',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixxdkytwo,
+      itemList: itemList.eqixxdkytwo
+    },
+    {
+      name: '易企秀3',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixxdkythree',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixxdkythree,
+      itemList: itemList.eqixxdkythree
+    },
+    {
+      name: '易企秀4',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixxdkyfour',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixxdkyfour,
+      itemList: itemList.eqixxdkyfour
+    },
+    {
+      name: '易企秀5',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixxdkyfive',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixxdkyfive,
+      itemList: itemList.eqixxdkyfive
+    },
+    {
+      name: '易企秀6',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixxdkysix',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixxdkysix,
+      itemList: itemList.eqixxdkysix
+    },
+    {
+      name: '易企秀10',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixxdkyten',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixxdkyten,
+      itemList: itemList.eqixxdkyten
+    }
+  ]
+}

src/templates/eqixxdky/templateInfo.js

+export default {
+  name: '企业文化模板'
+}