易企秀护肤大作战

src/templates/eqix/defaultData/eqixone.js

+export default {
+	eqixonehead1: {
+		value: "补水"
+	},
+	eqixonehead2: {
+		value: "美白"
+	},
+	eqixonehead3: {
+		value: "淡斑"
+	},
+	eqixonehead4: {
+		value: "紧肤"
+	},
+	eqixonehead5: {
+		value: "抗衰"
+	},
+	eqixonehead6: {
+		value: "企秀美容院秋季护肤大作战"
+	},
+	eqixonehead7:{
+		value:"9月变美攻略 / 会员超值特惠"
+	},
+	eqixonehead8:{
+		value:"充1万元，护理项目5折起，产品6折起！"
+	},
+	eqixonehead9:{
+		value:"办理会员卡，即送价值600元礼盒！"
+	},
+	eqixonehead10:{
+		value:"美容护肤/"
+	},
+	eqixonehead11:{
+		value:"精致女王"
+	}
+}
\ No newline at end of file

src/templates/eqix/defaultData/eqixone11.js

+export default {
+	eqixone11head: {
+		value: "欢迎定制"
+	},
+
+	eqixone11head2: {
+		value: "模板中除主体文字图片外，其余的文字、图片和音乐均可修改，如有疑问，请联系15007321314"
+	},
+	eqixone11img: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/wqixone11left.jpg"
+	},
+	eqixone11img2: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone11right.jpg"
+	},
+	eqixone11head3: {
+		value: "关注H5小店"
+	},
+	eqixone11head4: {
+		value: "发现更多"
+	},
+	eqixone11head5: {
+		value: "优秀模板"
+	},
+	eqixone11head6: {
+		value: "关注设计师"
+	},
+	eqixone11head7: {
+		value: "欢迎定制"
+	},
+	eqixone11head8: {
+		value: "验证信息:易企秀定制"
+	},
+	eqixone11head9: {
+		value: "美容护肤"
+	},
+	eqixone11head10: {
+		value: "精致女王"
+	}
+}
\ No newline at end of file

src/templates/eqix/defaultData/eqixone2.js

+export default {
+	eqixone2head: {
+		value: "关于我们"
+	},
+	eqixone2head2: {
+		value: "企秀美容，是一家集销售、服务、教育、美容以及养生于一体的大型综合性化妆品企业，在华中地区设立了美容综合健身中心，面积均在1K平米以上，设有健身、美容、足疗、香薰、水疗SPA、保健、养生、形象设计、色彩诊断等多个项目。"
+	},
+	eqixone2head3: {
+		value: "企秀致力于传播美学生活理念，给每一位顾客提供尊贵、奢华的美容护理体验，以其神秘的配方、持续的功效、梦幻般的宫廷式服务，深得淑女名媛、豪门贵妇、名模影星的宠爱。"
+	},
+	eqixone2img: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone2room.jpg"
+	},
+	eqixone2head4: {
+		value: "美容护肤"
+	},
+	eqixone2head5: {
+		value: "精致女王"
+	}
+}
\ No newline at end of file

src/templates/eqix/defaultData/eqixone3.js

+export default {
+	eqixone3head: {
+		value: "九月特惠"
+	},
+	eqixone3head2: {
+		value: "活动时间：2019年9月1日-9月30日"
+	},
+	eqixone3head3: {
+		value: "会员5折！"
+	},
+	eqixone3head4: {
+		value: "护理项目6折"
+	},
+	eqixone3head5: {
+		value: "充1万送500元"
+	},
+	eqixone3head6: {
+		value: "满2万减1200元"
+	},
+	eqixone3text1:{
+		value:"活动期间，凡购任意两件商品，即可获赠价值60元的体验装。"
+	},
+	eqixone3text2:{
+		value:"活动期间，凡购买新品套装，即可获赠价值200元的体验装。"
+	},
+	eqixone3text3:{
+		value:"活动期间，凡消费满600元即可获赠价值248元的新品大礼品。"
+	},
+	eqixone3head7: {
+		value: "美容护肤"
+	},
+	eqixone3head8: {
+		value: "精致女王"
+	}
+}
\ No newline at end of file

src/templates/eqix/defaultData/eqixone4.js

+export default {
+	eqixone4head: {
+		value: "美容项目"
+	},
+	eqixone4head2: {
+		value: "面部美容"
+	},
+	eqixone4head3: {
+		value: "项目！"
+	},
+	eqixone4text1: {
+		value: "奢华净白美颜、水润焕颜活肤、白皙丽人淡斑、逆时空抗衰 、顶致雪凝焕肤、水印象滋养方程式，孔雀石健肤焕肤。"
+	},
+	eqixone4text2: {
+		value: "四维一体减肥、肾源经络调理、背部三焦舒穴、古法养生瑶浴、瓷肌通体雪肤疗程，360度全方位滋养方程式，艾畅排毒祛湿。"
+	},
+	eqixone4head4: {
+		value: "身体塑形"
+	},
+	eqixone4head5:{
+		value:"项目"
+	},
+	eqixone4head6:{
+		value:"中医足疗"
+	},
+	eqixone4head7:{
+		value:"保健"
+	},
+	eqixone4text3: {
+		value: "中药熏蒸、足部精油理疗、足部减压美容按摩、足部刮痧疗法、拔火罐。"
+	},
+	eqixone4head8: {
+		value: "美容护肤"
+	},
+	eqixone4head9: {
+		value: "精致女王"
+	}
+}
\ No newline at end of file

src/templates/eqix/defaultData/eqixone5.js

+export default {
+	eqixone5head: {
+		value: "环境展示"
+	},
+	eqixone5img: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone2room.jpg"
+	},
+	eqixone5img2: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone5leftroom.jpg"
+	},
+	eqixone5img3: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone5rightroom.jpg"
+	},
+	eqixone5img4: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone5bottomroom.jpg"
+	},
+	eqixone5head2: {
+		value: "美容护肤"
+	},
+	eqixone5head3: {
+		value: "精致女王"
+	}
+}
\ No newline at end of file

src/templates/eqix/defaultData/eqixone6.js

+export default {
+	eqixone6head: {
+		value: "专家团队"
+	},
+	eqixone6img: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/girldoc.jpg"
+	},
+	eqixone6img2: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/boydoc.jpg"
+	},
+	eqixone6head2: {
+		value: "苏医师"
+	},
+	eqixone6head3: {
+		value: "孙医师"
+	},
+	eqixone6text: {
+		value: "激光美肤中心资深美肤专家、资深光疗美肤专家、从事光疗美肤工作十余年，擅长综合性抗衰老治疗。"
+	},
+	eqixone6text2: {
+		value: "激光美肤中心资深美肤专家、资深光疗美肤专家、从事光疗美肤工作十余年，擅长综合性抗衰老治疗。"
+	},
+	eqixone6head4: {
+		value: "美容护肤"
+	},
+	eqixone6head5: {
+		value: "精致女王"
+	}
+}
\ No newline at end of file

src/templates/eqix/defaultData/eqixone7.js

+export default {
+	eqixone7head: {
+		value: "明星产品"
+	},
+	eqixone7img: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone7cos.jpg"
+	},
+	eqixone7img2: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone7left.jpg"
+	},
+	eqixone7img3: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone7right.jpg"
+	},
+	eqixone7head2: {
+		value: "逆时空雪钻高滋润抗衰系列"
+	},
+	eqixone7head3: {
+		value: "雪肌晶纯系列"
+	},
+	eqixone7head4: {
+		value: "柔肌舒缓系列"
+	},
+	eqixone7head5: {
+		value: "美容护肤"
+	},
+	eqixone7head6: {
+		value: "精致女王"
+	}
+}
\ No newline at end of file

src/templates/eqix/defaultData/eqixone8.js

+export default {
+	eqixone8head: {
+		value: "爆款推荐"
+	},
+	eqixone8img: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone8top.jpg"
+	},
+	eqixone8img2: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone8mid.jpg"
+	},
+	eqixone8img3: {
+		value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone8bot.jpg"
+	},
+	eqixone8head2: {
+		value: "XIU深邃星梦眼影"
+	},
+	eqixone8head3: {
+		value: "XIU柔雾润泽唇膏"
+	},
+	eqixone8head4: {
+		value: "XIU蜜吻彩趣唇膏"
+	},
+	eqixone8introduce: {
+		value: "柔缎粉质 柔滑舒适"
+	},
+	eqixone8introduce2: {
+		value: "水润亮泽 唇燃魅色"
+	},
+	eqixone8introduce3: {
+		value: "一抹雾色 惊艳改变"
+	},
+	eqixone8price: {
+		value: "柔缎粉质 柔滑舒适"
+	},
+	eqixone8price2: {
+		value: "水润亮泽 唇燃魅色"
+	},
+	eqixone8price3: {
+		value: "一抹雾色 惊艳改变"
+	},
+	eqixone8head5: {
+		value: "美容护肤"
+	},
+	eqixone8head6: {
+		value: "精致女王"
+	}
+}
\ No newline at end of file

src/templates/eqix/defaultData/index.js

+import eqixone from './eqixone'
+import eqixone2 from './eqixone2'
+import eqixone3 from './eqixone3'
+import eqixone4 from './eqixone4'
+import eqixone5 from './eqixone5'
+import eqixone6 from './eqixone6'
+import eqixone7 from './eqixone7'
+import eqixone8 from './eqixone8'
+import eqixone11 from './eqixone11'
+export default {
+  eqixone,
+  eqixone2,
+  eqixone3,
+  eqixone4,
+  eqixone5,
+  eqixone6,
+  eqixone7,
+  eqixone8,
+  eqixone11
+}

src/templates/eqix/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/eqix/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/eqixone.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/eqix/itemList/eqixone.js

+export default [{
+		type: 'text',
+		name: '类型1',
+		description: '类型1',
+		dataKey: 'eqixonehead1',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型2',
+		description: '类型2',
+		dataKey: 'eqixonehead2',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型3',
+		description: '类型3',
+		dataKey: 'eqixonehead3',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型4',
+		description: '类型4',
+		dataKey: 'eqixonehead4',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型5',
+		description: '类型5',
+		dataKey: 'eqixonehead5',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型6',
+		description: '标题一',
+		dataKey: 'eqixonehead6',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型7',
+		description: '标题二',
+		dataKey: 'eqixonehead7',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型8',
+		description: '内容一',
+		dataKey: 'eqixonehead8',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型9',
+		description: '内容二',
+		dataKey: 'eqixonehead9',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型10',
+		description: '标签一',
+		dataKey: 'eqixonehead10',
+		valueRule: ''
+	},
+	{
+		type: 'text',
+		name: '类型11',
+		description: '标签二',
+		dataKey: 'eqixonehead11',
+		valueRule: ''
+	}
+]
\ No newline at end of file

src/templates/eqix/itemList/eqixone11.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixone11head',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题一',
+    description: '标题一',
+    dataKey: 'eqixone11head2',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片一',
+    description: '图片一',
+    dataKey: 'eqixone11img',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片二',
+    description: '图片二',
+    dataKey: 'eqixone11img2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题二',
+    description: '标题二',
+    dataKey: 'eqixone11head3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题三',
+    description: '标题三',
+    dataKey: 'eqixone11head4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题四',
+    description: '标题四',
+    dataKey: 'eqixone11head5',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题五',
+    description: '标题五',
+    dataKey: 'eqixone11head6',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题六',
+    description: '标题六',
+    dataKey: 'eqixone11head7',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题七',
+    description: '标题七',
+    dataKey: 'eqixone11head8',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标签一',
+    description: '标签一',
+    dataKey: 'eqixone11head9',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标签二',
+    description: '标签二',
+    dataKey: 'eqixone11head10',
+    valueRule: ''
+
+  }
+]

src/templates/eqix/itemList/eqixone2.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixone2head',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '内容一',
+    description: '内容一',
+    dataKey: 'eqixone2head2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '内容二',
+    valueRule: '',
+    description: '内容二',
+    dataKey: 'eqixone2head3'
+
+  },
+  {
+    type: 'image',
+    name: '图片一',
+    description: '图片一',
+    dataKey: 'eqixone2img',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标签一',
+    valueRule: '',
+    description: '标签一',
+    dataKey: 'eqixone2head4'
+
+  },
+  {
+    type: 'text',
+    name: '标签二',
+    valueRule: '',
+    description: '标签二',
+    dataKey: 'eqixone2head5'
+
+  }
+]

src/templates/eqix/itemList/eqixone3.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixone3head',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题一',
+    description: '标题一',
+    dataKey: 'eqixone3head2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题二',
+    valueRule: '',
+    description: '标题二',
+    dataKey: 'eqixone3head3'
+
+  },
+  {
+    type: 'text',
+    name: '标题三',
+    description: '标题三',
+    dataKey: 'eqixone3head4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题四',
+    description: '标题四',
+    dataKey: 'eqixone3head5',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '标题五',
+    description: '标题五',
+    dataKey: 'eqixone3head6',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '内容一',
+    description: '内容一',
+    dataKey: 'eqixone3text1',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '内容二',
+    description: '内容二',
+    dataKey: 'eqixone3text2',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '内容三',
+    description: '内容三',
+    dataKey: 'eqixone3text3',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '标签一',
+    description: '标签一',
+    dataKey: 'eqixone3head7',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '标签一',
+    description: '内容三',
+    dataKey: 'eqixone3head8',
+    valueRule: ''
+
+  }
+]

src/templates/eqix/itemList/eqixone4.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixone4head',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题一',
+    description: '标题一',
+    dataKey: 'eqixone4head2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题二',
+    valueRule: '',
+    description: '标题二',
+    dataKey: 'eqixone4head3'
+  },
+  {
+    type: 'text',
+    name: '内容一',
+    description: '内容一',
+    dataKey: 'eqixone4text1',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '内容二',
+    description: '内容二',
+    dataKey: 'eqixone4text2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题三',
+    description: '标题三',
+    dataKey: 'eqixone4head4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题四',
+    description: '标题四',
+    dataKey: 'eqixone4head5',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题五',
+    description: '标题五',
+    dataKey: 'eqixone4head6',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题六',
+    description: '标题六',
+    dataKey: 'eqixone4head7',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '内容三',
+    description: '内容三',
+    dataKey: 'eqixone4text3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标签一',
+    description: '标签一',
+    dataKey: 'eqixone4head8',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标签二',
+    description: '标签二',
+    dataKey: 'eqixone4head9',
+    valueRule: ''
+
+  }
+]

src/templates/eqix/itemList/eqixone5.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixone5head',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片一',
+    description: '图片一',
+    dataKey: 'eqixone5img',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片二',
+    description: '图片二',
+    dataKey: 'eqixone5img2',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片三',
+    description: '图片三',
+    dataKey: 'eqixone5img3',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片四',
+    description: '图片四',
+    dataKey: 'eqixone5img4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标签一',
+    description: '标签一',
+    dataKey: 'eqixone5head2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标签二',
+    description: '标签二',
+    dataKey: 'eqixone5head3',
+    valueRule: ''
+
+  }
+]

src/templates/eqix/itemList/eqixone6.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixone6head',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片一',
+    description: '图片一',
+    dataKey: 'eqixone6img',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片二',
+    description: '图片二',
+    dataKey: 'eqixone6img2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题一',
+    description: '标题一',
+    dataKey: 'eqixone6head2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题二',
+    description: '标题二',
+    dataKey: 'eqixone6head3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '内容一',
+    description: '内容一',
+    dataKey: 'eqixone5text',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '内容二',
+    description: '内容二',
+    dataKey: 'eqixone5text2',
+    valueRule: ''
+
+  },
+  {
+    type: 'text',
+    name: '标签一',
+    description: '标签一',
+    dataKey: 'eqixone6head4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标签二',
+    description: '标签二',
+    dataKey: 'eqixone6head5',
+    valueRule: ''
+
+  }
+]

src/templates/eqix/itemList/eqixone7.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixone7head',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片一',
+    description: '图片一',
+    dataKey: 'eqixone7img',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片二',
+    description: '图片二',
+    dataKey: 'eqixone7img2',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片三',
+    description: '图片三',
+    dataKey: 'eqixone7img3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题一',
+    description: '标题一',
+    dataKey: 'eqixone7head2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题二',
+    description: '标题二',
+    dataKey: 'eqixone7head3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题三',
+    description: '标题三',
+    dataKey: 'eqixone7head4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标签一',
+    description: '标签一',
+    dataKey: 'eqixone7head5',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标签二',
+    description: '标签二',
+    dataKey: 'eqixone7head6',
+    valueRule: ''
+
+  }
+]

src/templates/eqix/itemList/eqixone8.js

+export default [
+  {
+    type: 'text',
+    name: '头部',
+    description: '大标题',
+    dataKey: 'eqixone8head',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片一',
+    description: '图片一',
+    dataKey: 'eqixone8img',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片二',
+    description: '图片二',
+    dataKey: 'eqixone8img2',
+    valueRule: ''
+  },
+  {
+    type: 'image',
+    name: '图片三',
+    description: '图片三',
+    dataKey: 'eqixone8img3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题一',
+    description: '标题一',
+    dataKey: 'eqixone8head2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题二',
+    description: '标题二',
+    dataKey: 'eqixone8head3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标题三',
+    description: '标题三',
+    dataKey: 'eqixone8head4',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '简介一',
+    description: '简介一',
+    dataKey: 'eqixone8introduce',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '简介二',
+    description: '简介二',
+    dataKey: 'eqixone8introduce2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '简介三',
+    description: '简介三',
+    dataKey: 'eqixone8introduce3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '价格一',
+    description: '价格一',
+    dataKey: 'eqixone8price',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '价格二',
+    description: '价格二',
+    dataKey: 'eqixone8price2',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '价格三',
+    description: '价格三',
+    dataKey: 'eqixone8price3',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标签一',
+    description: '标签一',
+    dataKey: 'eqixone8head5',
+    valueRule: ''
+  },
+  {
+    type: 'text',
+    name: '标签二',
+    description: '标签二',
+    dataKey: 'eqixone8head6',
+    valueRule: ''
+
+  }
+]

src/templates/eqix/itemList/index.js

+import eqixone from './eqixone'
+import eqixone2 from './eqixone2'
+import eqixone3 from './eqixone3'
+import eqixone4 from './eqixone4'
+import eqixone5 from './eqixone5'
+import eqixone6 from './eqixone6'
+import eqixone7 from './eqixone7'
+import eqixone8 from './eqixone8'
+import eqixone11 from './eqixone11'
+import schedule from './schedule'
+
+export default {
+  eqixone,
+  eqixone2,
+  eqixone3,
+  eqixone4,
+  eqixone5,
+  eqixone6,
+  eqixone7,
+  eqixone8,
+  eqixone11,
+  schedule
+}

src/templates/eqix/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/eqix/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/eqix/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/eqix/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/eqix/pages/eqixone.vue

+<template>
+	<div class="containerone">
+		
+		<div class="p-index main" id="con" style="zoom:3.35">
+
+			<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
+				<section class="main-page z-current">
+					<div class="m-img" id="page1" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1537893070" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background1188492911" class="eqx-bg" style="width: 100%; height: 100%; background-color: rgb(14, 102, 69); animation: 2s ease 1s 1 normal both running scaleDown;"></div>
+							</div>
+							<section class="layer" id="layer:4050328160" 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: 42px;">
+										<li id="inside_8627993660" num="23" ctype="7" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 222px; height: 34px; top: 247px; left: 50px; transform: rotateZ(0deg); display: block;" abs-pos="l-49.999999999999986-t-247.0000000000001-w-222-h-34" eqx-id="8627993660">
+											<div class="element-box" style="width: 100%; height: 100%; top: 247px; left: 50px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 16px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(249, 233, 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; z-index: 23; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.2s 1 normal both running bounceInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8627993660" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 16px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixonehead6" 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('eqixonehead6')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5184455068" num="22" ctype="7" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 65px; height: 28px; top: 178px; left: 198px; transform: rotateZ(0deg); display: block;" abs-pos="l-197.99999999999997-t-178.00000000000009-w-65-h-28" eqx-id="5184455068">
+											<div class="element-box" style="width: 100%; height: 100%; top: 178px; left: 198px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(245, 220, 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; z-index: 22; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.2s 1 normal both running bounceIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="5184455068" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixonehead5" 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('eqixonehead5')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9912385336" num="21" ctype="7" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 65px; height: 28px; top: 178px; left: 164px; transform: rotateZ(0deg); display: block;" abs-pos="l-163.99999999999997-t-178.00000000000009-w-65-h-28" eqx-id="9912385336">
+											<div class="element-box" style="width: 100%; height: 100%; top: 178px; left: 164px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(245, 220, 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; z-index: 21; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running bounceIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="9912385336" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixonehead4" 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('eqixonehead4')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3733517033" num="20" ctype="7" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 65px; height: 28px; top: 178px; left: 129px; transform: rotateZ(0deg); display: block;" abs-pos="l-128.99999999999997-t-178.00000000000009-w-65-h-28" eqx-id="3733517033">
+											<div class="element-box" style="width: 100%; height: 100%; top: 178px; left: 129px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(245, 220, 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; z-index: 20; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running bounceIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3733517033" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixonehead3" 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('eqixonehead3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8887941703" num="19" ctype="7" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 65px; height: 28px; top: 178px; left: 94px; transform: rotateZ(0deg); display: block;" abs-pos="l-93.99999999999997-t-178.00000000000009-w-65-h-28" eqx-id="8887941703">
+											<div class="element-box" style="width: 100%; height: 100%; top: 178px; left: 94px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(245, 220, 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; z-index: 19; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running bounceIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8887941703" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixonehead2" 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('eqixonehead2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4064355070" num="18" ctype="7" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 65px; height: 28px; top: 178px; left: 59px; transform: rotateZ(0deg); display: block;" abs-pos="l-58.99999999999998-t-178.00000000000009-w-65-h-28" eqx-id="4064355070">
+											<div class="element-box" style="width: 100%; height: 100%; top: 178px; left: 59px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(245, 220, 23); z-index: 18; 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 0.4s 1 normal both running bounceIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4064355070" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixonehead1" 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('eqixonehead1')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9735573415" num="17" ctype="7" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 97px; height: 46px; top: 381px; left: 137px; transform: rotateZ(0deg); display: block;" abs-pos="l-136.99999999999994-t-381.0000000000002-w-97-h-46" eqx-id="9735573415">
+											<div class="element-box" style="width: 100%; height: 100%; top: 381px; left: 137px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); z-index: 17; 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 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="9735573415" 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 class="eqixonehead10" 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('eqixonehead10')}}<br>{{getValue('eqixonehead11')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8776970179" num="16" ctype="7" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 320px; height: 28px; top: 313px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-313-w-320-h-28" eqx-id="8776970179">
+											<div class="element-box" style="width: 100%; height: 100%; top: 313px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); 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: 16; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8776970179" 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 class="eqixonehead9" 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('eqixonehead9')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9854788833" num="15" ctype="7" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 320px; height: 31px; top: 277px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-277-w-320-h-31" eqx-id="9854788833">
+											<div class="element-box" style="width: 100%; height: 100%; top: 277px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 14px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 15; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running bounceIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="9854788833" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: hanyi_wh65; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixonehead7" 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('eqixonehead7')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9617040001" num="14" ctype="7" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 320px; height: 28px; top: 296px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-296-w-320-h-28" eqx-id="9617040001">
+											<div class="element-box" style="width: 100%; height: 100%; top: 296px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); z-index: 14; 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 fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="9617040001" 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 class="eqixonehead8" 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('eqixonehead8')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9871020055" num="13" ctype="4" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 212px; height: 5px; top: 276.6px; left: 54.0182px; transform: rotateZ(0deg); display: block;" abs-pos="l-54.018181818181816-t-276.60000000000014-w-212-h-5" eqx-id="9871020055">
+											<div class="element-box" style="width: 100%; height: 100%; top: 276.6px; left: 54.0182px; z-index: 13; 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.5s ease 1.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9871020055" ctype="4" class="element comp_image editable-image" style="display: block; width: 212px; height: 5.59233px; margin-top: -0.296163px; margin-left: 0px;" draggable="false" src="http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixoneline.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1232260204" num="12" ctype="4" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 476px; height: 212.5px; top: 322.9px; left: -149px; transform: rotateZ(0deg); display: block;" abs-pos="l--149-t-322.9000015258789-w-476-h-212.5" eqx-id="1232260204">
+											<div class="element-box" style="width: 100%; height: 100%; top: 322.9px; left: -149px; 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: 1.5s ease 1.2s 1 normal both running puffIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1232260204" ctype="4" class="element comp_image editable-image" style="display: block; width: 476px; height: 212.5px; margin-left: -2.84217e-14px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/leaf.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_843910448" num="11" ctype="4" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 96px; height: 86px; top: 433.5px; left: 33px; transform: rotateZ(0deg); display: block;" abs-pos="l-33-t-433.5-w-96-h-86" eqx-id="843910448">
+											<div class="element-box" style="width: 100%; height: 100%; top: 433.5px; left: 33px; 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.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="843910448" ctype="4" class="element comp_image editable-image" style="display: block; width: 96px; height: 86px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/leftbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7496262464" num="10" ctype="4" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 190px; height: 258.182px; top: 340.373px; left: 137px; transform: rotateZ(0deg); display: block;" abs-pos="l-136.99999999999943-t-340.3733005397286-w-189.99999999999994-h-258.18181818181824" eqx-id="7496262464">
+											<div class="element-box" style="width: 100%; height: 100%; top: 340.373px; left: 137px; 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 1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7496262464" ctype="4" class="element comp_image editable-image" style="display: block; width: 190.201px; height: 258.182px; margin-left: -0.100586px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/beauty.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7606770119" num="9" ctype="4" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 340.5px; height: 170px; top: 368px; left: -30px; transform: rotateZ(0deg); display: block;" abs-pos="l--30-t-368-w-340.5-h-170" eqx-id="7606770119">
+											<div class="element-box" style="width: 100%; height: 100%; top: 368px; left: -30px; 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; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7606770119" ctype="4" class="element comp_image editable-image" style="display: block; width: 340.5px; height: 170px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/cosmetics.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2903294074" num="8" ctype="4" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 135.5px; height: 143px; top: 345.5px; left: 80.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-80.5-t-345.5-w-135.5-h-143" eqx-id="2903294074">
+											<div class="element-box" style="width: 100%; height: 100%; top: 345.5px; left: 80.5px; 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.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2903294074" ctype="4" class="element comp_image editable-image" style="display: block; width: 135.5px; height: 143px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/rightbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2724651569" num="7" ctype="4" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 264px; height: 64.5px; top: 490.5px; left: 5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-5.5-t-490.5-w-264-h-64.5" eqx-id="2724651569">
+											<div class="element-box" style="width: 100%; height: 100%; top: 490.5px; left: 5.5px; 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; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2724651569" ctype="4" class="element comp_image editable-image" style="display: block; width: 264px; height: 64.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/base.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_961688619" num="6" ctype="4" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 249.5px; height: 111.5px; top: 239px; left: 35.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-35.5-t-239-w-249.5-h-111.5" eqx-id="961688619">
+											<div class="element-box" style="width: 100%; height: 100%; top: 239px; left: 35.5px; 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; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="961688619" ctype="4" class="element comp_image editable-image" style="display: block; width: 249.5px; height: 111.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/text.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9014615864" num="5" ctype="4" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 210.5px; height: 140.5px; top: 39px; left: 49.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-49.5-t-39-w-210.5-h-140.5" eqx-id="9014615864">
+											<div class="element-box" style="width: 100%; height: 100%; top: 39px; left: 49.5px; 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: 1.5s ease 0s infinite normal both running puffOut;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9014615864" ctype="4" class="element comp_image editable-image" style="display: block; width: 210.5px; height: 140.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src='https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/hfdzz.png' _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_328846549" num="4" ctype="4" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 430px; height: 295.5px; top: -13.5px; left: -49.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--49.5-t--13.5-w-430-h-295.5" eqx-id="328846549">
+											<div class="element-box" style="width: 100%; height: 100%; top: -13.5px; left: -49.5px; 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; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running bounceIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="328846549" ctype="4" class="element comp_image editable-image" style="display: block; width: 430px; height: 295.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/hfdzzbackground.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8286130714" num="3" ctype="h" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 346px; height: 171px; top: 468.8px; left: -13px; transform: rotateZ(0deg); display: block;" abs-pos="l--13.000000000000028-t-468.8000011444093-w-346-h-171" eqx-id="8286130714">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: -13px; top: 468.8px; z-index: 3; 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.2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8286130714" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(255, 255, 255);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8592862860" num="2" ctype="4" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 101px; height: 297px; top: 203.5px; left: -30px; transform: rotateZ(0deg); display: block;" abs-pos="l--30-t-203.5-w-101-h-297" eqx-id="8592862860">
+											<div class="element-box" style="width: 100%; height: 100%; top: 203.5px; left: -30px; 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; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8592862860" ctype="4" class="element comp_image editable-image" style="display: block; width: 101px; height: 297px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/umbrella.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6714702613" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 381px; height: 487px; top: -82px; left: -30px; transform: rotateZ(0deg); display: block;" abs-pos="l--30-t--82-w-381-h-487" eqx-id="6714702613">
+											<div class="element-box" style="width: 100%; height: 100%; top: -82px; left: -30px; 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 0s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6714702613" ctype="4" class="element comp_image editable-image" style="display: block; width: 381px; height: 487px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/background.png" _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/eqix/pages/eqixone11.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="page11" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1537893080" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background2298751675" class="eqx-bg" style="width: 100%; height: 100%; background-color: #0e6645"></div>
+							</div>
+							<section class="layer" id="layer:8457709993" 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: 41px;">
+										<li id="inside_1998982415" num="32" ctype="7" class="item item-comp" style="position: absolute; z-index: 32; opacity: 1; width: 120px; height: 70px; top: 288.75px; left: 50px; transform: rotateZ(0deg); display: block;" abs-pos="l-49.999999999999865-t-288.7500000000001-w-120-h-70" eqx-id="1998982415">
+											<div class="element-box" style="width: 100%; height: 100%; top: 288.75px; left: 50px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; color: rgb(242, 240, 213); 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: 1.5s ease 1.6s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="1998982415" 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('eqixone11head3')}}<br>{{getValue('eqixone11head4')}}<br>{{getValue('eqixone11head5')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6664397729" num="31" ctype="7" class="item item-comp" style="position: absolute; z-index: 31; opacity: 1; width: 180px; height: 64px; top: 288.75px; left: 87px; transform: rotateZ(0deg); display: block;" abs-pos="l-86.99999999999997-t-288.75000000000017-w-180-h-64" eqx-id="6664397729">
+											<div class="element-box" style="width: 100%; height: 100%; top: 288.75px; left: 87px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 12px; color: rgb(242, 240, 213); 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: 1.5s ease 1.6s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="6664397729" 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('eqixone11head6')}}<br>{{getValue('eqixone11head7')}}<br>{{getValue('eqixone11head8')}}<br></span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4467726318" num="30" ctype="4" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 98px; height: 98px; top: 186.409px; left: 166.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-166.5-t-186.40909278589828-w-98.00000000000003-h-98" eqx-id="4467726318">
+											<div class="element-box" style="width: 100%; height: 100%; top: 186.409px; left: 166.5px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(242, 240, 213); 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: 30; margin-top: 0px; margin-bottom: 0px; animation: 1.5s ease 1.4s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4467726318" ctype="4" class="element comp_image editable-image" style="display: block; width: 96px; height: 96px; margin-top: -1.42109e-14px; margin-left: 0px;" draggable="false" :src="getValue('eqixone11img2')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7870850107" num="29" ctype="4" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 98px; height: 98px; top: 186.409px; left: 53px; transform: rotateZ(0deg); display: block;" abs-pos="l-52.99999999999986-t-186.40909278589828-w-98.00000000000003-h-98" eqx-id="7870850107">
+											<div class="element-box" style="width: 100%; height: 100%; top: 186.409px; left: 53px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(242, 240, 213); 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: 29; margin-top: 0px; margin-bottom: 0px; animation: 1.5s ease 1.4s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7870850107" ctype="4" class="element comp_image editable-image" style="display: block; width: 96px; height: 96px; margin-top: -1.42109e-14px; margin-left: 0px;" draggable="false" :src="getValue('eqixone11img')" _ _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8080981612" num="28" ctype="7" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 213px; height: 64px; top: 105px; left: 53px; transform: rotateZ(0deg); display: block;" abs-pos="l-52.9999999999999-t-105.00000000000034-w-213-h-64" eqx-id="8080981612">
+											<div class="element-box" style="width: 100%; height: 100%; top: 105px; left: 53px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); 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: 1.5s ease 1.2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8080981612" 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('eqixone11head2')}}<br></span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2072714988" num="27" ctype="7" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 320px; height: 35px; top: 46px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-46-w-320-h-35" eqx-id="2072714988">
+											<div class="element-box" style="width: 100%; height: 100%; top: 46px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 17px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(26, 147, 86); z-index: 27; 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.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2072714988" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 17px; 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('eqixone11head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6867436651" num="26" ctype="7" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 97px; height: 45px; top: 435px; left: 122px; transform: rotateZ(0deg); display: block;" abs-pos="l-121.99999999999994-t-435.0000000000002-w-97-h-45" eqx-id="6867436651">
+											<div class="element-box" style="width: 100%; height: 100%; top: 435px; left: 122px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); 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 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="6867436651" 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('eqixone11head9')}}<br>{{getValue('eqixone11head10')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4018098122" num="25" ctype="4" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 126px; height: 171.215px; top: 373.34px; left: 194px; transform: rotateZ(0deg); display: block;" abs-pos="l-193.9999999999995-t-373.3398077167621-w-125.99999999999994-h-171.21531100478472" eqx-id="4018098122">
+											<div class="element-box" style="width: 100%; height: 100%; top: 373.34px; left: 194px; 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: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4018098122" ctype="4" class="element comp_image editable-image" style="display: block; width: 126.133px; height: 171.215px; margin-left: -0.0667042px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/beauty.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2683490413" num="24" ctype="4" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 96px; height: 86px; top: 439.5px; left: 39px; transform: rotateZ(0deg); display: block;" abs-pos="l-39-t-439.5-w-96-h-86" eqx-id="2683490413">
+											<div class="element-box" style="width: 100%; height: 100%; top: 439.5px; left: 39px; 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: 24; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2683490413" ctype="4" class="element comp_image editable-image" style="display: block; width: 96px; height: 86px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/leftbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8631443609" num="23" ctype="4" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 230.5px; height: 115.081px; top: 400.919px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-8.999999999999858-t-400.9192364170339-w-230.50000000000003-h-115.08076358296614" eqx-id="8631443609">
+											<div class="element-box" style="width: 100%; height: 100%; top: 400.919px; left: 9px; 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: 23; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8631443609" ctype="4" class="element comp_image editable-image" style="display: block; width: 230.5px; height: 115.081px; margin-top: -4.9738e-14px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/cosmetics.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_24423533" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 136px; height: 47px; top: 39.4px; left: 91.912px; transform: rotateZ(0deg); display: block;" abs-pos="l-91.91199999999998-t-39.40000000000012-w-136-h-47" eqx-id="24423533">
+											<div class="element-box" style="width: 100%; height: 100%; top: 39.4px; left: 91.912px; 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 1s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="24423533" ctype="4" class="element comp_image editable-image" style="display: block; width: 136px; height: 48.3412px; margin-top: -0.670616px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone2text.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4569510526" num="21" ctype="h" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="4569510526">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; z-index: 21; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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 zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4569510526" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3867863991" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 327px; height: 146.289px; top: 600.111px; left: -10px; transform: rotateZ(0deg);" abs-pos="l--10.000000000000284-t-600.1105273648317-w-327.0000000000003-h-146.2894736842103" eqx-id="3867863991">
+											<div class="element-box" style="width: 100%; height: 100%; top: 600.111px; left: -10px; 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: 20; margin-top: 0px; margin-bottom: 0px;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3867863991" ctype="4" class="element comp_image editable-image" style="display: block; width: 327.688px; height: 146.289px; margin-left: -0.344211px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5-INp98sKWJesfmXVnZGgs0uL0?imageMogr2/auto-orient/thumbnail/654x292%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1827122543" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 135.5px; height: 143px; top: 399.5px; left: 114.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-114.5-t-399.5-w-135.5-h-143" eqx-id="1827122543">
+											<div class="element-box" style="width: 100%; height: 100%; top: 399.5px; left: 114.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: 19; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1827122543" ctype="4" class="element comp_image editable-image" style="display: block; width: 135.5px; height: 143px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/rightbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3084792356" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 264px; height: 64.5px; top: 475.5px; left: 5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-5.5-t-475.5-w-264-h-64.5" eqx-id="3084792356">
+											<div class="element-box" style="width: 100%; height: 100%; top: 475.5px; 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: 18; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3084792356" ctype="4" class="element comp_image editable-image" style="display: block; width: 264px; height: 64.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/base.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6471470996" num="17" ctype="h" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="6471470996">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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: 17; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6471470996" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7360798871" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 81px; height: 238.188px; top: 262.312px; left: -25px; transform: rotateZ(0deg); display: block;" abs-pos="l--24.999999999999908-t-262.3118811881188-w-80.99999999999991-h-238.18811881188122" eqx-id="7360798871">
+											<div class="element-box" style="width: 100%; height: 100%; top: 262.312px; left: -25px; 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: 16; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7360798871" ctype="4" class="element comp_image editable-image" style="display: block; width: 81px; height: 238.188px; margin-left: -4.9738e-14px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/umbrella.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4224931906" num="15" ctype="h" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 21px; height: 453px; top: 17px; left: 160.385px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.38461538461536-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4224931906">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 160.385px; top: 17px; 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: 15; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4224931906" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8304400907" num="14" ctype="h" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 21px; height: 453px; top: 17px; left: 181.154px; transform: rotateZ(0deg); display: block;" abs-pos="l-181.1538461538462-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="8304400907">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 181.154px; top: 17px; 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: 14; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8304400907" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6912172547" num="13" ctype="h" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 21px; height: 453px; top: 17px; left: 201.923px; transform: rotateZ(0deg); display: block;" abs-pos="l-201.9230769230769-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="6912172547">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 201.923px; top: 17px; 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: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6912172547" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_115875080" num="12" ctype="h" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 21px; height: 453px; top: 17px; left: 222.692px; transform: rotateZ(0deg); display: block;" abs-pos="l-222.69230769230774-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="115875080">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 222.692px; top: 17px; 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: 12; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="115875080" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7787034817" num="11" ctype="h" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 21px; height: 453px; top: 17px; left: 243.462px; transform: rotateZ(0deg); display: block;" abs-pos="l-243.46153846153842-t-16.99999999999983-w-21-h-453.00000000000006" eqx-id="7787034817">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 243.462px; top: 17px; 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: 11; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7787034817" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6779751308" num="10" ctype="h" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 21px; height: 453px; top: 17px; left: 264.231px; transform: rotateZ(0deg); display: block;" abs-pos="l-264.23076923076917-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="6779751308">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 264.231px; top: 17px; 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: 10; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6779751308" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1301364624" num="9" ctype="h" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 21px; height: 453px; top: 17px; left: 285px; transform: rotateZ(0deg); display: block;" abs-pos="l-284.99999999999994-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="1301364624">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 285px; top: 17px; 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: 9; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1301364624" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8561727786" num="8" ctype="h" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 21px; height: 453px; top: 17px; left: 139.615px; transform: rotateZ(0deg); display: block;" abs-pos="l-139.61538461538458-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="8561727786">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 139.615px; top: 17px; 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: 8; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8561727786" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9881644473" num="7" ctype="h" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 21px; height: 453px; top: 17px; left: 118.846px; transform: rotateZ(0deg); display: block;" abs-pos="l-118.84615384615388-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="9881644473">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 118.846px; top: 17px; 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: 7; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="9881644473" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2053476554" num="6" ctype="h" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 21px; height: 453px; top: 17px; left: 98.0769px; transform: rotateZ(0deg); display: block;" abs-pos="l-98.07692307692312-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="2053476554">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 98.0769px; top: 17px; 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: 6; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2053476554" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4276840434" num="5" ctype="h" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 21px; height: 453px; top: 17px; left: 77.3077px; transform: rotateZ(0deg); display: block;" abs-pos="l-77.30769230769235-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4276840434">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 77.3077px; top: 17px; 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: 5; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4276840434" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2167469122" num="4" ctype="h" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 21px; height: 453px; top: 17px; left: 56.5385px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.53846153846158-t-16.9999999999998-w-20.999999999999964-h-453.0000000000001" eqx-id="2167469122">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 56.5385px; top: 17px; 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: 4; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2167469122" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5161964683" num="3" ctype="h" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 21px; height: 453px; top: 17px; left: 35.7692px; transform: rotateZ(0deg); display: block;" abs-pos="l-35.76923076923081-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="5161964683">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 35.7692px; top: 17px; 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: 3; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="5161964683" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4413854145" num="2" ctype="h" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 21px; height: 453px; top: 17px; left: 15px; transform: rotateZ(0deg); display: block;" abs-pos="l-15.000000000000036-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4413854145">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 15px; top: 17px; 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: 2; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4413854145" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2616985020" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 381px; height: 487px; top: -82px; left: -30px; transform: rotateZ(0deg); display: block;" abs-pos="l--30-t--82-w-381-h-487" eqx-id="2616985020">
+											<div class="element-box" style="width: 100%; height: 100%; top: -82px; left: -30px; 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: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2616985020" ctype="4" class="element comp_image editable-image" style="display: block; width: 381px; height: 487px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/background.png" _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/eqix/pages/eqixone2.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="page2" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1537893071" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background8766663799" class="eqx-bg" style="width: 100%; height: 100%; background-color: #0e6645"></div>
+							</div>
+							<section class="layer" id="layer:7039876919" 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: 41px;">
+										<li id="inside_2427861507" num="29" ctype="7" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 320px; height: 35px; top: 36px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-36-w-320-h-35" eqx-id="2427861507">
+											<div class="element-box" style="width: 100%; height: 100%; top: 36px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 17px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(26, 147, 86); z-index: 29; 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.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2427861507" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 17px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixone2head" 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('eqixone2head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5262996559" num="28" ctype="4" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 241px; height: 143px; top: 271px; left: 40px; transform: rotateZ(0deg); display: block;" abs-pos="l-40-t-271.0000000000001-w-241-h-143" eqx-id="5262996559">
+											<div class="element-box" style="width: 100%;height: 100%;top: 271px;left: 40px;z-index: 28;color: rgb(103, 103, 103);transform: none;text-align: left;border-width: 1px;border-style: solid;border-color: rgb(242, 240, 213);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.6s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5262996559" ctype="4" class="element comp_image editable-image" style="display: block; width: 239px; height: 141.807px; margin-top: -0.403333px; margin-left: 0px;" draggable="false" :src="getValue('eqixone2img')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2032444890" num="27" ctype="7" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 253px; height: 186px; top: 78px; left: 34px; transform: rotateZ(0deg); display: block;" abs-pos="l-33.99999999999996-t-78.00000000000045-w-253-h-186" eqx-id="2032444890">
+											<div class="element-box" style="width: 100%; height: 100%; top: 78px; left: 34px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); z-index: 27; 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: 1.2s ease 1.4s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2032444890" 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 class="eqixone2head2" 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('eqixone2head2')}}<br>{{getValue('eqixone2head3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9948745603" num="26" ctype="7" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 97px; height: 45px; top: 435px; left: 122px; transform: rotateZ(0deg); display: block;" abs-pos="l-121.99999999999994-t-435.0000000000002-w-97-h-45" eqx-id="9948745603">
+											<div class="element-box" style="width: 100%; height: 100%; top: 435px; left: 122px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); 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 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="9948745603" 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 class="eqixone2head24" 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('eqixone2head4')}}<br>{{getValue('eqixone2head5')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3614141163" num="25" ctype="4" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 126px; height: 171.215px; top: 373.34px; left: 194px; transform: rotateZ(0deg); display: block;" abs-pos="l-193.9999999999995-t-373.3398077167621-w-125.99999999999994-h-171.21531100478472" eqx-id="3614141163">
+											<div class="element-box" style="width: 100%; height: 100%; top: 373.34px; left: 194px; 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: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3614141163" ctype="4" class="element comp_image editable-image" style="display: block; width: 126.133px; height: 171.215px; margin-left: -0.0667042px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/beauty.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4061226303" num="24" ctype="4" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 96px; height: 86px; top: 439.5px; left: 39px; transform: rotateZ(0deg); display: block;" abs-pos="l-39-t-439.5-w-96-h-86" eqx-id="4061226303">
+											<div class="element-box" style="width: 100%; height: 100%; top: 439.5px; left: 39px; 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: 24; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4061226303" ctype="4" class="element comp_image editable-image" style="display: block; width: 96px; height: 86px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/leftbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6989138419" num="23" ctype="4" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 230.5px; height: 115.081px; top: 400.919px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-8.999999999999858-t-400.9192364170339-w-230.50000000000003-h-115.08076358296614" eqx-id="6989138419">
+											<div class="element-box" style="width: 100%; height: 100%; top: 400.919px; left: 9px; 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: 23; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6989138419" ctype="4" class="element comp_image editable-image" style="display: block; width: 230.5px; height: 115.081px; margin-top: -4.9738e-14px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/cosmetics.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3925172255" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 136px; height: 47px; top: 29.4px; left: 91.912px; transform: rotateZ(0deg); display: block;" abs-pos="l-91.91199999999998-t-29.40000000000012-w-136-h-47" eqx-id="3925172255">
+											<div class="element-box" style="width: 100%; height: 100%; top: 29.4px; left: 91.912px; 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 1s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3925172255" ctype="4" class="element comp_image editable-image" style="display: block; width: 136px; height: 48.3412px; margin-top: -0.670616px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone2text.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4568716111" num="21" ctype="h" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="4568716111">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; z-index: 21; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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 zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4568716111" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1415110928" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 327px; height: 146.289px; top: 600.111px; left: -10px; transform: rotateZ(0deg); display: none;" abs-pos="l--10.000000000000284-t-600.1105273648317-w-327.0000000000003-h-146.2894736842103" eqx-id="1415110928">
+											<div class="element-box" style="width: 100%; height: 100%; top: 600.111px; left: -10px; 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: 20; margin-top: 0px; margin-bottom: 0px;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1415110928" ctype="4" class="element comp_image editable-image" style="display: block; width: 327.688px; height: 146.289px; margin-left: -0.344211px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5-INp98sKWJesfmXVnZGgs0uL0?imageMogr2/auto-orient/thumbnail/654x292%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2170823561" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 135.5px; height: 143px; top: 399.5px; left: 114.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-114.5-t-399.5-w-135.5-h-143" eqx-id="2170823561">
+											<div class="element-box" style="width: 100%; height: 100%; top: 399.5px; left: 114.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: 19; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2170823561" ctype="4" class="element comp_image editable-image" style="display: block; width: 135.5px; height: 143px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/rightbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2728138670" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 264px; height: 64.5px; top: 475.5px; left: 5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-5.5-t-475.5-w-264-h-64.5" eqx-id="2728138670">
+											<div class="element-box" style="width: 100%; height: 100%; top: 475.5px; 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: 18; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2728138670" ctype="4" class="element comp_image editable-image" style="display: block; width: 264px; height: 64.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/base.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1518564155" num="17" ctype="h" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="1518564155">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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: 17; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1518564155" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8635524735" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 81px; height: 238.188px; top: 262.312px; left: -25px; transform: rotateZ(0deg); display: block;" abs-pos="l--24.999999999999908-t-262.3118811881188-w-80.99999999999991-h-238.18811881188122" eqx-id="8635524735">
+											<div class="element-box" style="width: 100%; height: 100%; top: 262.312px; left: -25px; 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: 16; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8635524735" ctype="4" class="element comp_image editable-image" style="display: block; width: 81px; height: 238.188px; margin-left: -4.9738e-14px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/umbrella.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1329691023" num="15" ctype="h" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 21px; height: 453px; top: 17px; left: 160.385px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.38461538461536-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="1329691023">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 160.385px; top: 17px; 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: 15; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1329691023" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5067473859" num="14" ctype="h" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 21px; height: 453px; top: 17px; left: 181.154px; transform: rotateZ(0deg); display: block;" abs-pos="l-181.1538461538462-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="5067473859">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 181.154px; top: 17px; 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: 14; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="5067473859" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_143570237" num="13" ctype="h" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 21px; height: 453px; top: 17px; left: 201.923px; transform: rotateZ(0deg); display: block;" abs-pos="l-201.9230769230769-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="143570237">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 201.923px; top: 17px; 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: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="143570237" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6371500508" num="12" ctype="h" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 21px; height: 453px; top: 17px; left: 222.692px; transform: rotateZ(0deg); display: block;" abs-pos="l-222.69230769230774-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="6371500508">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 222.692px; top: 17px; 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: 12; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6371500508" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_469274019" num="11" ctype="h" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 21px; height: 453px; top: 17px; left: 243.462px; transform: rotateZ(0deg); display: block;" abs-pos="l-243.46153846153842-t-16.99999999999983-w-21-h-453.00000000000006" eqx-id="469274019">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 243.462px; top: 17px; 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: 11; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="469274019" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3674584079" num="10" ctype="h" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 21px; height: 453px; top: 17px; left: 264.231px; transform: rotateZ(0deg); display: block;" abs-pos="l-264.23076923076917-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="3674584079">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 264.231px; top: 17px; 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: 10; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3674584079" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7173509462" num="9" ctype="h" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 21px; height: 453px; top: 17px; left: 285px; transform: rotateZ(0deg); display: block;" abs-pos="l-284.99999999999994-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="7173509462">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 285px; top: 17px; 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: 9; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7173509462" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2377426201" num="8" ctype="h" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 21px; height: 453px; top: 17px; left: 139.615px; transform: rotateZ(0deg); display: block;" abs-pos="l-139.61538461538458-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="2377426201">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 139.615px; top: 17px; 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: 8; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2377426201" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2057308619" num="7" ctype="h" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 21px; height: 453px; top: 17px; left: 118.846px; transform: rotateZ(0deg); display: block;" abs-pos="l-118.84615384615388-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="2057308619">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 118.846px; top: 17px; 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: 7; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2057308619" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8621846642" num="6" ctype="h" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 21px; height: 453px; top: 17px; left: 98.0769px; transform: rotateZ(0deg); display: block;" abs-pos="l-98.07692307692312-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="8621846642">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 98.0769px; top: 17px; 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: 6; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8621846642" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3490214858" num="5" ctype="h" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 21px; height: 453px; top: 17px; left: 77.3077px; transform: rotateZ(0deg); display: block;" abs-pos="l-77.30769230769235-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="3490214858">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 77.3077px; top: 17px; 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: 5; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3490214858" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6578307830" num="4" ctype="h" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 21px; height: 453px; top: 17px; left: 56.5385px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.53846153846158-t-16.9999999999998-w-20.999999999999964-h-453.0000000000001" eqx-id="6578307830">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 56.5385px; top: 17px; 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: 4; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6578307830" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8586676619" num="3" ctype="h" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 21px; height: 453px; top: 17px; left: 35.7692px; transform: rotateZ(0deg); display: block;" abs-pos="l-35.76923076923081-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="8586676619">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 35.7692px; top: 17px; 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: 3; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8586676619" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4089728509" num="2" ctype="h" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 21px; height: 453px; top: 17px; left: 15px; transform: rotateZ(0deg); display: block;" abs-pos="l-15.000000000000036-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4089728509">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 15px; top: 17px; 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: 2; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4089728509" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2188347127" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 381px; height: 487px; top: -82px; left: -30px; transform: rotateZ(0deg); display: block;" abs-pos="l--30-t--82-w-381-h-487" eqx-id="2188347127">
+											<div class="element-box" style="width: 100%; height: 100%; top: -82px; left: -30px; 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: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2188347127" ctype="4" class="element comp_image editable-image" style="display: block; width: 381px; height: 487px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/background.png" _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/eqix/pages/eqixone3.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="1537893072" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background8855527078" class="eqx-bg" style="width: 100%; height: 100%; background-color: #0e6645"></div>
+							</div>
+							<section class="layer" id="layer:2754937722" 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: 41px;">
+										<li id="inside_3210129452" num="40" ctype="7" class="item item-comp" style="position: absolute; z-index: 40; opacity: 1; width: 207px; height: 46px; top: 328px; left: 55px; transform: rotateZ(0deg); display: block;" abs-pos="l-54.99999999999996-t-328.0000000000001-w-207-h-46" eqx-id="3210129452">
+											<div class="element-box" style="width: 100%; height: 100%; top: 328px; left: 55px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); 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: 40; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 3.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3210129452" 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('eqixone3text3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3899508685" num="39" ctype="h" class="item item-comp" style="position: absolute; z-index: 39; opacity: 1; width: 230px; height: 50px; top: 326px; left: 45px; transform: rotateZ(0deg); display: block;" abs-pos="l-45.00000000000007-t-325.9999999999998-w-230-h-50" eqx-id="3899508685">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 45px; top: 326px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(245, 220, 23); 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: 39; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 3s 1 normal both running flipInX;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3899508685" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4317460180" num="38" ctype="7" class="item item-comp" style="position: absolute; z-index: 38; opacity: 1; width: 207px; height: 46px; top: 263px; left: 55px; transform: rotateZ(0deg); display: block;" abs-pos="l-54.99999999999996-t-263.0000000000001-w-207-h-46" eqx-id="4317460180">
+											<div class="element-box" style="width: 100%; height: 100%; top: 263px; left: 55px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); 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: 38; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4317460180" 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('eqixone3text2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_704948515" num="37" ctype="h" class="item item-comp" style="position: absolute; z-index: 37; opacity: 1; width: 230px; height: 50px; top: 261px; left: 45px; transform: rotateZ(0deg); display: block;" abs-pos="l-45.00000000000007-t-260.9999999999998-w-230-h-50" eqx-id="704948515">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 45px; top: 261px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(245, 220, 23); 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: 37; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.6s 1 normal both running flipInX;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="704948515" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4712849303" num="36" ctype="7" class="item item-comp" style="position: absolute; z-index: 36; opacity: 1; width: 101px; height: 29px; top: 154px; left: 45px; transform: rotateZ(0deg); display: block;" abs-pos="l-44.99999999999995-t-154-w-101-h-29" eqx-id="4712849303">
+											<div class="element-box" style="width: 100%; height: 100%; top: 154px; left: 45px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 36; 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="4712849303" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: hanyi_wh65; font-size: 13px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixone3head4" 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('eqixone3head4')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7495391617" num="35" ctype="7" class="item item-comp" style="position: absolute; z-index: 35; opacity: 1; width: 207px; height: 46px; top: 198px; left: 55px; transform: rotateZ(0deg); display: block;" abs-pos="l-54.99999999999996-t-198.0000000000001-w-207-h-46" eqx-id="7495391617">
+											<div class="element-box" style="width: 100%; height: 100%; top: 198px; left: 55px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); 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: 35; 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="7495391617" 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 class="eqixone3text1" 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('eqixone3text1')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2250205727" num="34" ctype="7" class="item item-comp" style="position: absolute; z-index: 34; opacity: 1; width: 108px; height: 45px; top: 133px; left: 168.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-168.50000000000003-t-132.99999999999986-w-108-h-45" eqx-id="2250205727">
+											<div class="element-box" style="width: 100%; height: 100%; top: 133px; left: 168.5px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 34; 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="2250205727" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: hanyi_wh65; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixone3head5" 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('eqixone3head5')}}<br>{{getValue('eqixone3head6')}}<br></span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1941796375" num="33" ctype="7" class="item item-comp" style="position: absolute; z-index: 33; opacity: 1; width: 101px; height: 34px; top: 133px; left: 47px; transform: rotateZ(0deg); display: block;" abs-pos="l-46.99999999999996-t-133-w-101-h-34" eqx-id="1941796375">
+											<div class="element-box" style="width: 100%; height: 100%; top: 133px; left: 47px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 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="1941796375" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: fangzheng_xbsjt; font-size: 16px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixone3head3" 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('eqixone3head3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8617973752" num="32" ctype="h" class="item item-comp" style="position: absolute; z-index: 32; opacity: 1; width: 105px; height: 61px; top: 125px; left: 170px; transform: rotateZ(0deg); display: block;" abs-pos="l-170-t-125.00000000000011-w-105-h-61" eqx-id="8617973752">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 170px; top: 125px; transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(194, 119, 208); 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: 32; 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%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8617973752" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6240756049" num="31" ctype="h" class="item item-comp" style="position: absolute; z-index: 31; opacity: 1; width: 105px; height: 61px; top: 125px; left: 45px; transform: rotateZ(0deg); display: block;" abs-pos="l-44.99999999999998-t-125.00000000000006-w-105-h-61" eqx-id="6240756049">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 45px; top: 125px; transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(194, 119, 208); 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: 31; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6240756049" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6866472086" num="30" ctype="7" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 248px; height: 29px; top: 88px; left: 36px; transform: rotateZ(0deg); display: block;" abs-pos="l-35.9999999999999-t-88.00000000000023-w-248-h-29" eqx-id="6866472086">
+											<div class="element-box" style="width: 100%; height: 100%; top: 88px; left: 36px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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 flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="6866472086" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: hanyi_wh65; font-size: 13px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixone3head2" 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('eqixone3head2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5974082111" num="29" ctype="h" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 230px; height: 50px; top: 196px; left: 45px; transform: rotateZ(0deg); display: block;" abs-pos="l-44.99999999999997-t-195.99999999999974-w-230-h-50" eqx-id="5974082111">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 45px; top: 196px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(245, 220, 23); 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: 29; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.2s 1 normal both running flipInX;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="5974082111" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6506680851" num="28" ctype="h" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 230px; height: 24px; top: 89px; left: 45px; transform: rotateZ(0deg); display: block;" abs-pos="l-44.99999999999997-t-89.00000000000009-w-230-h-24" eqx-id="6506680851">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 45px; top: 89px; 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.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6506680851" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6155523807" num="27" ctype="7" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 320px; height: 35px; top: 36px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-36-w-320-h-35" eqx-id="6155523807">
+											<div class="element-box" style="width: 100%; height: 100%; top: 36px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 17px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(26, 147, 86); z-index: 27; 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.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="6155523807" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 17px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="eqixone3head" 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('eqixone3head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3131520477" num="26" ctype="7" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 97px; height: 45px; top: 435px; left: 122px; transform: rotateZ(0deg); display: block;" abs-pos="l-121.99999999999994-t-435.0000000000002-w-97-h-45" eqx-id="3131520477">
+											<div class="element-box" style="width: 100%; height: 100%; top: 435px; left: 122px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); 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 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3131520477" 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('eqixone3head7')}}<br>{{getValue('eqixone3head8')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1892753819" num="25" ctype="4" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 126px; height: 171.215px; top: 373.34px; left: 194px; transform: rotateZ(0deg); display: block;" abs-pos="l-193.9999999999995-t-373.3398077167621-w-125.99999999999994-h-171.21531100478472" eqx-id="1892753819">
+											<div class="element-box" style="width: 100%; height: 100%; top: 373.34px; left: 194px; 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: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1892753819" ctype="4" class="element comp_image editable-image" style="display: block; width: 126.133px; height: 171.215px; margin-left: -0.0667042px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/beauty.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9765207976" num="24" ctype="4" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 96px; height: 86px; top: 439.5px; left: 39px; transform: rotateZ(0deg); display: block;" abs-pos="l-39-t-439.5-w-96-h-86" eqx-id="9765207976">
+											<div class="element-box" style="width: 100%; height: 100%; top: 439.5px; left: 39px; 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: 24; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9765207976" ctype="4" class="element comp_image editable-image" style="display: block; width: 96px; height: 86px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/leftbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7765508267" num="23" ctype="4" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 230.5px; height: 115.081px; top: 400.919px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-8.999999999999858-t-400.9192364170339-w-230.50000000000003-h-115.08076358296614" eqx-id="7765508267">
+											<div class="element-box" style="width: 100%; height: 100%; top: 400.919px; left: 9px; 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: 23; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7765508267" ctype="4" class="element comp_image editable-image" style="display: block; width: 230.5px; height: 115.081px; margin-top: -4.9738e-14px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/cosmetics.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6176816159" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 136px; height: 47px; top: 29.4px; left: 91.912px; transform: rotateZ(0deg); display: block;" abs-pos="l-91.91199999999998-t-29.40000000000012-w-136-h-47" eqx-id="6176816159">
+											<div class="element-box" style="width: 100%; height: 100%; top: 29.4px; left: 91.912px; 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 1s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6176816159" ctype="4" class="element comp_image editable-image" style="display: block; width: 136px; height: 48.3412px; margin-top: -0.670616px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone2text.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3839800258" num="21" ctype="h" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="3839800258">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; z-index: 21; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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 zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3839800258" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8164600984" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 327px; height: 146.289px; top: 600.111px; left: -10px; transform: rotateZ(0deg);" abs-pos="l--10.000000000000284-t-600.1105273648317-w-327.0000000000003-h-146.2894736842103" eqx-id="8164600984">
+											<div class="element-box" style="width: 100%; height: 100%; top: 600.111px; left: -10px; 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: 20; margin-top: 0px; margin-bottom: 0px;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8164600984" ctype="4" class="element comp_image editable-image" style="display: block; width: 327.688px; height: 146.289px; margin-left: -0.344211px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5-INp98sKWJesfmXVnZGgs0uL0?imageMogr2/auto-orient/thumbnail/654x292%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_207824137" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 135.5px; height: 143px; top: 399.5px; left: 114.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-114.5-t-399.5-w-135.5-h-143" eqx-id="207824137">
+											<div class="element-box" style="width: 100%; height: 100%; top: 399.5px; left: 114.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: 19; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="207824137" ctype="4" class="element comp_image editable-image" style="display: block; width: 135.5px; height: 143px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/rightbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6937914766" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 264px; height: 64.5px; top: 475.5px; left: 5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-5.5-t-475.5-w-264-h-64.5" eqx-id="6937914766">
+											<div class="element-box" style="width: 100%; height: 100%; top: 475.5px; 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: 18; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6937914766" ctype="4" class="element comp_image editable-image" style="display: block; width: 264px; height: 64.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/base.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1257294819" num="17" ctype="h" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="1257294819">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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: 17; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1257294819" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1969099467" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 81px; height: 238.188px; top: 262.312px; left: -25px; transform: rotateZ(0deg); display: block;" abs-pos="l--24.999999999999908-t-262.3118811881188-w-80.99999999999991-h-238.18811881188122" eqx-id="1969099467">
+											<div class="element-box" style="width: 100%; height: 100%; top: 262.312px; left: -25px; 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: 16; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1969099467" ctype="4" class="element comp_image editable-image" style="display: block; width: 81px; height: 238.188px; margin-left: -4.9738e-14px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/umbrella.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2969647374" num="15" ctype="h" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 21px; height: 453px; top: 17px; left: 160.385px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.38461538461536-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="2969647374">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 160.385px; top: 17px; 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: 15; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2969647374" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1182887444" num="14" ctype="h" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 21px; height: 453px; top: 17px; left: 181.154px; transform: rotateZ(0deg); display: block;" abs-pos="l-181.1538461538462-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="1182887444">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 181.154px; top: 17px; 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: 14; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1182887444" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4213775230" num="13" ctype="h" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 21px; height: 453px; top: 17px; left: 201.923px; transform: rotateZ(0deg); display: block;" abs-pos="l-201.9230769230769-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4213775230">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 201.923px; top: 17px; 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: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4213775230" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3846789498" num="12" ctype="h" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 21px; height: 453px; top: 17px; left: 222.692px; transform: rotateZ(0deg); display: block;" abs-pos="l-222.69230769230774-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="3846789498">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 222.692px; top: 17px; 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: 12; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3846789498" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_874559562" num="11" ctype="h" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 21px; height: 453px; top: 17px; left: 243.462px; transform: rotateZ(0deg); display: block;" abs-pos="l-243.46153846153842-t-16.99999999999983-w-21-h-453.00000000000006" eqx-id="874559562">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 243.462px; top: 17px; 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: 11; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="874559562" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4924691560" num="10" ctype="h" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 21px; height: 453px; top: 17px; left: 264.231px; transform: rotateZ(0deg); display: block;" abs-pos="l-264.23076923076917-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="4924691560">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 264.231px; top: 17px; 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: 10; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4924691560" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6371038890" num="9" ctype="h" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 21px; height: 453px; top: 17px; left: 285px; transform: rotateZ(0deg); display: block;" abs-pos="l-284.99999999999994-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="6371038890">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 285px; top: 17px; 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: 9; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6371038890" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3625519760" num="8" ctype="h" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 21px; height: 453px; top: 17px; left: 139.615px; transform: rotateZ(0deg); display: block;" abs-pos="l-139.61538461538458-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="3625519760">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 139.615px; top: 17px; 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: 8; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3625519760" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4290117124" num="7" ctype="h" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 21px; height: 453px; top: 17px; left: 118.846px; transform: rotateZ(0deg); display: block;" abs-pos="l-118.84615384615388-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4290117124">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 118.846px; top: 17px; 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: 7; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4290117124" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7820767923" num="6" ctype="h" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 21px; height: 453px; top: 17px; left: 98.0769px; transform: rotateZ(0deg); display: block;" abs-pos="l-98.07692307692312-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="7820767923">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 98.0769px; top: 17px; 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: 6; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7820767923" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6855286961" num="5" ctype="h" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 21px; height: 453px; top: 17px; left: 77.3077px; transform: rotateZ(0deg); display: block;" abs-pos="l-77.30769230769235-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="6855286961">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 77.3077px; top: 17px; 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: 5; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6855286961" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_382937908" num="4" ctype="h" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 21px; height: 453px; top: 17px; left: 56.5385px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.53846153846158-t-16.9999999999998-w-20.999999999999964-h-453.0000000000001" eqx-id="382937908">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 56.5385px; top: 17px; 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: 4; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="382937908" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8517646339" num="3" ctype="h" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 21px; height: 453px; top: 17px; left: 35.7692px; transform: rotateZ(0deg); display: block;" abs-pos="l-35.76923076923081-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="8517646339">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 35.7692px; top: 17px; 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: 3; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8517646339" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4448263627" num="2" ctype="h" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 21px; height: 453px; top: 17px; left: 15px; transform: rotateZ(0deg); display: block;" abs-pos="l-15.000000000000036-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4448263627">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 15px; top: 17px; 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: 2; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4448263627" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9820139157" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 381px; height: 487px; top: -82px; left: -30px; transform: rotateZ(0deg); display: block;" abs-pos="l--30-t--82-w-381-h-487" eqx-id="9820139157">
+											<div class="element-box" style="width: 100%; height: 100%; top: -82px; left: -30px; 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: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9820139157" ctype="4" class="element comp_image editable-image" style="display: block; width: 381px; height: 487px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/background.png" _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/eqix/pages/eqixone4.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="page4" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1537893073" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background1849345617" class="eqx-bg" style="width: 100%; height: 100%; background-color: #0e6645"></div>
+							</div>
+							<section class="layer" id="layer:1023083139" 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: 41px;">
+										<li id="inside_326117024" num="39" ctype="7" class="item item-comp" style="position: absolute; z-index: 39; opacity: 1; width: 178px; height: 60px; top: 279px; left: 112px; transform: rotateZ(0deg); display: block;" abs-pos="l-111.99999999999996-t-279.0000000000001-w-178-h-60" eqx-id="326117024">
+											<div class="element-box" style="width: 100%; height: 100%; top: 279px; left: 112px; writing-mode: horizontal-tb; text-align: left; line-height: 1.4; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 39; 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="326117024" 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('eqixone4text3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2761910501" num="38" ctype="7" class="item item-comp" style="position: absolute; z-index: 38; opacity: 1; width: 86px; height: 48px; top: 283px; left: 29px; transform: rotateZ(0deg); display: block;" abs-pos="l-28.999999999999922-t-283.0000000000001-w-86-h-48" eqx-id="2761910501">
+											<div class="element-box" style="width: 100%; height: 100%; top: 283px; left: 29px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 13px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 38; 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="2761910501" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: hanyi_wh65; font-size: 13px; 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('eqixone4head6')}}<br>{{getValue('eqixone4head7')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9353567327" num="37" ctype="h" class="item item-comp" style="position: absolute; z-index: 37; opacity: 1; width: 78px; height: 78px; top: 268px; left: 33px; transform: rotateZ(0deg); display: block;" abs-pos="l-32.99999999999996-t-268.00000000000006-w-78.00000000000001-h-78" eqx-id="9353567327">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 33px; top: 268px; 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: 37; 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%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="9353567327" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3502832723" num="36" ctype="h" class="item item-comp" style="position: absolute; z-index: 36; opacity: 1; width: 185px; height: 78px; top: 268px; left: 103px; transform: rotateZ(0deg); display: block;" abs-pos="l-102.99999999999989-t-268.0000000000003-w-185-h-78.00000000000006" eqx-id="3502832723">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 103px; top: 268px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(245, 220, 23); 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: 36; 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%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3502832723" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(255, 255, 255);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2890793284" num="35" ctype="7" class="item item-comp" style="position: absolute; z-index: 35; opacity: 1; width: 178px; height: 77px; top: 179px; left: 33px; transform: rotateZ(0deg); display: block;" abs-pos="l-32.99999999999996-t-179.0000000000001-w-178-h-77" eqx-id="2890793284">
+											<div class="element-box" style="width: 100%; height: 100%; top: 179px; left: 33px; writing-mode: horizontal-tb; text-align: left; line-height: 1.4; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 35; 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="2890793284" 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('eqixone4text2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9746328519" num="34" ctype="7" class="item item-comp" style="position: absolute; z-index: 34; opacity: 1; width: 86px; height: 68px; top: 193px; left: 202px; transform: rotateZ(0deg); display: block;" abs-pos="l-201.99999999999991-t-193.00000000000009-w-86-h-68" eqx-id="9746328519">
+											<div class="element-box" style="width: 100%; height: 100%; top: 193px; left: 202px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 13px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 34; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="9746328519" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: hanyi_wh65; font-size: 13px; 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('eqixone4head4')}}<br>{{getValue('eqixone4head5')}}<br><br></span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4629666773" num="33" ctype="h" class="item item-comp" style="position: absolute; z-index: 33; opacity: 1; width: 78px; height: 78px; top: 178px; left: 210px; transform: rotateZ(0deg); display: block;" abs-pos="l-209.9999999999999-t-178.00000000000006-w-78.00000000000001-h-78" eqx-id="4629666773">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 210px; top: 178px; 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: 33; 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%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4629666773" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5491938780" num="32" ctype="h" class="item item-comp" style="position: absolute; z-index: 32; opacity: 1; width: 185px; height: 78px; top: 178px; left: 33px; transform: rotateZ(0deg); display: block;" abs-pos="l-32.99999999999996-t-178.00000000000028-w-185-h-78.00000000000006" eqx-id="5491938780">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 33px; top: 178px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(245, 220, 23); 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: 32; 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%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="5491938780" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(255, 255, 255);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_523309713" num="31" ctype="7" class="item item-comp" style="position: absolute; z-index: 31; opacity: 1; width: 178px; height: 78px; top: 89px; left: 112px; transform: rotateZ(0deg); display: block;" abs-pos="l-111.99999999999996-t-89.00000000000011-w-178-h-78" eqx-id="523309713">
+											<div class="element-box" style="width: 100%; height: 100%; top: 89px; left: 112px; writing-mode: horizontal-tb; text-align: left; line-height: 1.4; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); z-index: 31; 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.4s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="523309713" 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('eqixone4text1')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2467571647" num="30" ctype="7" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 86px; height: 52px; top: 103px; left: 29px; transform: rotateZ(0deg); display: block;" abs-pos="l-28.999999999999922-t-103.00000000000009-w-86-h-52" eqx-id="2467571647">
+											<div class="element-box" style="width: 100%; height: 100%; top: 103px; left: 29px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 13px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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.6s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2467571647" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: hanyi_wh65; font-size: 13px; 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('eqixone4head2')}}<br>{{getValue('eqixone4head3')}}<br><br></span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8527067907" num="29" ctype="h" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 78px; height: 78px; top: 88px; left: 33px; transform: rotateZ(0deg); display: block;" abs-pos="l-32.99999999999996-t-88.00000000000006-w-78.00000000000001-h-78" eqx-id="8527067907">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 33px; top: 88px; z-index: 29; 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.4s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8527067907" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2113143611" num="28" ctype="h" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 185px; height: 78px; top: 88px; left: 103px; transform: rotateZ(0deg); display: block;" abs-pos="l-102.99999999999989-t-88.00000000000028-w-185-h-78.00000000000006" eqx-id="2113143611">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 103px; top: 88px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(245, 220, 23); 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.4s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2113143611" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(255, 255, 255);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1509154292" num="27" ctype="7" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 320px; height: 35px; top: 36px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-36-w-320-h-35" eqx-id="1509154292">
+											<div class="element-box" style="width: 100%; height: 100%; top: 36px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 17px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(26, 147, 86); z-index: 27; 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.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="1509154292" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 17px; 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('eqixone4head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4256623298" num="26" ctype="7" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 97px; height: 45px; top: 435px; left: 122px; transform: rotateZ(0deg); display: block;" abs-pos="l-121.99999999999994-t-435.0000000000002-w-97-h-45" eqx-id="4256623298">
+											<div class="element-box" style="width: 100%; height: 100%; top: 435px; left: 122px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); 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 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4256623298" 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('eqixone4head8')}}<br>{{getValue('eqixone4head9')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9101693639" num="25" ctype="4" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 126px; height: 171.215px; top: 373.34px; left: 194px; transform: rotateZ(0deg); display: block;" abs-pos="l-193.9999999999995-t-373.3398077167621-w-125.99999999999994-h-171.21531100478472" eqx-id="9101693639">
+											<div class="element-box" style="width: 100%; height: 100%; top: 373.34px; left: 194px; 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: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9101693639" ctype="4" class="element comp_image editable-image" style="display: block; width: 126.133px; height: 171.215px; margin-left: -0.0667042px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/beauty.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9450067087" num="24" ctype="4" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 96px; height: 86px; top: 439.5px; left: 39px; transform: rotateZ(0deg); display: block;" abs-pos="l-39-t-439.5-w-96-h-86" eqx-id="9450067087">
+											<div class="element-box" style="width: 100%; height: 100%; top: 439.5px; left: 39px; 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: 24; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9450067087" ctype="4" class="element comp_image editable-image" style="display: block; width: 96px; height: 86px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/leftbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_538101282" num="23" ctype="4" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 230.5px; height: 115.081px; top: 400.919px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-8.999999999999858-t-400.9192364170339-w-230.50000000000003-h-115.08076358296614" eqx-id="538101282">
+											<div class="element-box" style="width: 100%; height: 100%; top: 400.919px; left: 9px; 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: 23; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="538101282" ctype="4" class="element comp_image editable-image" style="display: block; width: 230.5px; height: 115.081px; margin-top: -4.9738e-14px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/cosmetics.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2927679198" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 136px; height: 47px; top: 29.4px; left: 91.912px; transform: rotateZ(0deg); display: block;" abs-pos="l-91.91199999999998-t-29.40000000000012-w-136-h-47" eqx-id="2927679198">
+											<div class="element-box" style="width: 100%; height: 100%; top: 29.4px; left: 91.912px; 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 1s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2927679198" ctype="4" class="element comp_image editable-image" style="display: block; width: 136px; height: 48.3412px; margin-top: -0.670616px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone2text.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1778710857" num="21" ctype="h" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="1778710857">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; z-index: 21; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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 zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1778710857" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2254267670" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 327px; height: 146.289px; top: 600.111px; left: -10px; transform: rotateZ(0deg);" abs-pos="l--10.000000000000284-t-600.1105273648317-w-327.0000000000003-h-146.2894736842103" eqx-id="2254267670">
+											<div class="element-box" style="width: 100%; height: 100%; top: 600.111px; left: -10px; 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: 20; margin-top: 0px; margin-bottom: 0px;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2254267670" ctype="4" class="element comp_image editable-image" style="display: block; width: 327.688px; height: 146.289px; margin-left: -0.344211px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5-INp98sKWJesfmXVnZGgs0uL0?imageMogr2/auto-orient/thumbnail/654x292%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7240436739" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 135.5px; height: 143px; top: 399.5px; left: 114.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-114.5-t-399.5-w-135.5-h-143" eqx-id="7240436739">
+											<div class="element-box" style="width: 100%; height: 100%; top: 399.5px; left: 114.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: 19; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7240436739" ctype="4" class="element comp_image editable-image" style="display: block; width: 135.5px; height: 143px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/rightbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1406772654" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 264px; height: 64.5px; top: 475.5px; left: 5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-5.5-t-475.5-w-264-h-64.5" eqx-id="1406772654">
+											<div class="element-box" style="width: 100%; height: 100%; top: 475.5px; 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: 18; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1406772654" ctype="4" class="element comp_image editable-image" style="display: block; width: 264px; height: 64.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/base.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9860536023" num="17" ctype="h" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="9860536023">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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: 17; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="9860536023" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3954634577" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 81px; height: 238.188px; top: 262.312px; left: -25px; transform: rotateZ(0deg); display: block;" abs-pos="l--24.999999999999908-t-262.3118811881188-w-80.99999999999991-h-238.18811881188122" eqx-id="3954634577">
+											<div class="element-box" style="width: 100%; height: 100%; top: 262.312px; left: -25px; 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: 16; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3954634577" ctype="4" class="element comp_image editable-image" style="display: block; width: 81px; height: 238.188px; margin-left: -4.9738e-14px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/umbrella.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5245410136" num="15" ctype="h" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 21px; height: 453px; top: 17px; left: 160.385px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.38461538461536-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="5245410136">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 160.385px; top: 17px; 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: 15; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="5245410136" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1851772381" num="14" ctype="h" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 21px; height: 453px; top: 17px; left: 181.154px; transform: rotateZ(0deg); display: block;" abs-pos="l-181.1538461538462-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="1851772381">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 181.154px; top: 17px; 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: 14; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1851772381" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6724285328" num="13" ctype="h" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 21px; height: 453px; top: 17px; left: 201.923px; transform: rotateZ(0deg); display: block;" abs-pos="l-201.9230769230769-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="6724285328">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 201.923px; top: 17px; 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: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6724285328" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3212209667" num="12" ctype="h" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 21px; height: 453px; top: 17px; left: 222.692px; transform: rotateZ(0deg); display: block;" abs-pos="l-222.69230769230774-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="3212209667">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 222.692px; top: 17px; 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: 12; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3212209667" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2671468171" num="11" ctype="h" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 21px; height: 453px; top: 17px; left: 243.462px; transform: rotateZ(0deg); display: block;" abs-pos="l-243.46153846153842-t-16.99999999999983-w-21-h-453.00000000000006" eqx-id="2671468171">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 243.462px; top: 17px; 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: 11; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2671468171" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7159511859" num="10" ctype="h" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 21px; height: 453px; top: 17px; left: 264.231px; transform: rotateZ(0deg); display: block;" abs-pos="l-264.23076923076917-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="7159511859">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 264.231px; top: 17px; 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: 10; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7159511859" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1232848291" num="9" ctype="h" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 21px; height: 453px; top: 17px; left: 285px; transform: rotateZ(0deg); display: block;" abs-pos="l-284.99999999999994-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="1232848291">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 285px; top: 17px; 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: 9; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1232848291" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2964250843" num="8" ctype="h" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 21px; height: 453px; top: 17px; left: 139.615px; transform: rotateZ(0deg); display: block;" abs-pos="l-139.61538461538458-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="2964250843">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 139.615px; top: 17px; 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: 8; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2964250843" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_773975187" num="7" ctype="h" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 21px; height: 453px; top: 17px; left: 118.846px; transform: rotateZ(0deg); display: block;" abs-pos="l-118.84615384615388-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="773975187">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 118.846px; top: 17px; 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: 7; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="773975187" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_744652501" num="6" ctype="h" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 21px; height: 453px; top: 17px; left: 98.0769px; transform: rotateZ(0deg); display: block;" abs-pos="l-98.07692307692312-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="744652501">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 98.0769px; top: 17px; 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: 6; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="744652501" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6626289848" num="5" ctype="h" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 21px; height: 453px; top: 17px; left: 77.3077px; transform: rotateZ(0deg); display: block;" abs-pos="l-77.30769230769235-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="6626289848">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 77.3077px; top: 17px; 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: 5; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6626289848" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9108191105" num="4" ctype="h" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 21px; height: 453px; top: 17px; left: 56.5385px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.53846153846158-t-16.9999999999998-w-20.999999999999964-h-453.0000000000001" eqx-id="9108191105">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 56.5385px; top: 17px; 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: 4; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="9108191105" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_819555132" num="3" ctype="h" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 21px; height: 453px; top: 17px; left: 35.7692px; transform: rotateZ(0deg); display: block;" abs-pos="l-35.76923076923081-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="819555132">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 35.7692px; top: 17px; 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: 3; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="819555132" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6300243375" num="2" ctype="h" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 21px; height: 453px; top: 17px; left: 15px; transform: rotateZ(0deg); display: block;" abs-pos="l-15.000000000000036-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="6300243375">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 15px; top: 17px; 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: 2; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6300243375" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3440477846" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 381px; height: 487px; top: -82px; left: -30px; transform: rotateZ(0deg); display: block;" abs-pos="l--30-t--82-w-381-h-487" eqx-id="3440477846">
+											<div class="element-box" style="width: 100%; height: 100%; top: -82px; left: -30px; 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: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3440477846" ctype="4" class="element comp_image editable-image" style="display: block; width: 381px; height: 487px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/background.png" _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/eqix/pages/eqixone5.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="page5" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1537893074" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background7388764261" class="eqx-bg" style="width: 100%; height: 100%; background-color: #0e6645"></div>
+							</div>
+							<section class="layer" id="layer:373576084" 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: 41px;">
+										<li id="inside_8188578256" num="31" ctype="4" class="item item-comp" style="position: absolute; z-index: 31; opacity: 1; width: 236px; height: 122px; top: 302px; left: 43px; transform: rotateZ(0deg); display: block;" abs-pos="l-42.9999999999999-t-301.99999999999983-w-236.00000000000006-h-122" eqx-id="8188578256">
+											<div class="element-box" style="width: 100%; height: 100%; top: 302px; left: 43px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(242, 240, 213); 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: 31; margin-top: 0px; margin-bottom: 0px; animation: 1.5s ease 1.4s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8188578256" ctype="4" class="element comp_image editable-image" style="display: block; width: 234px; height: 138.84px; margin-top: -9.42px; margin-left: 0px;" draggable="false" :src="getValue('eqixone5img4')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7037277962" num="30" ctype="4" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 117px; height: 91.3171px; top: 208.8px; left: 162px; transform: rotateZ(0deg); display: block;" abs-pos="l-161.99999999999997-t-208.80000000000032-w-117.00000000000003-h-91.31707317073162" eqx-id="7037277962">
+											<div class="element-box" style="width: 100%; height: 100%; top: 208.8px; left: 162px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(242, 240, 213); 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: 30; margin-top: 0px; margin-bottom: 0px; animation: 1.5s ease 1.4s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7037277962" ctype="4" class="element comp_image editable-image" style="display: block; width: 118.562px; height: 89.3171px; margin-left: -1.78124px; margin-top: 0px;" draggable="false" :src="getValue('eqixone5img3')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4585961198" num="29" ctype="4" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 236px; height: 122px; top: 85px; left: 43px; transform: rotateZ(0deg); display: block;" abs-pos="l-42.9999999999999-t-84.99999999999983-w-236.00000000000006-h-122" eqx-id="4585961198">
+											<div class="element-box" style="width: 100%; height: 100%; top: 85px; left: 43px; z-index: 29; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(242, 240, 213); 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.5s ease 1.4s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4585961198" ctype="4" class="element comp_image editable-image" style="display: block; width: 234px; height: 138.84px; margin-top: -9.42px; margin-left: 0px;" draggable="false" :src="getValue('eqixone5img')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1313679151" num="28" ctype="4" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 117px; height: 91.3171px; top: 208.841px; left: 43px; transform: rotateZ(0deg); display: block;" abs-pos="l-42.99999999999977-t-208.84146341463406-w-117.00000000000011-h-91.31707317073165" eqx-id="1313679151">
+											<div class="element-box" style="width: 100%; height: 100%; top: 208.841px; left: 43px; z-index: 28; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(242, 240, 213); 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.5s ease 1.4s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1313679151" ctype="4" class="element comp_image editable-image" style="display: block; width: 118.562px; height: 89.3171px; margin-left: -1.78124px; margin-top: 0px;" draggable="false" :src="getValue('eqixone5img2')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1231394150" num="27" ctype="7" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 320px; height: 35px; top: 36px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-36-w-320-h-35" eqx-id="1231394150">
+											<div class="element-box" style="width: 100%; height: 100%; top: 36px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 17px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(26, 147, 86); z-index: 27; 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.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="1231394150" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 17px; 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('eqixone5head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4909093390" num="26" ctype="7" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 97px; height: 45px; top: 435px; left: 122px; transform: rotateZ(0deg); display: block;" abs-pos="l-121.99999999999994-t-435.0000000000002-w-97-h-45" eqx-id="4909093390">
+											<div class="element-box" style="width: 100%; height: 100%; top: 435px; left: 122px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); 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 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4909093390" 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('eqixone5head2')}}<br>{{getValue('eqixone5head3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4236317577" num="25" ctype="4" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 126px; height: 171.215px; top: 373.34px; left: 194px; transform: rotateZ(0deg); display: block;" abs-pos="l-193.9999999999995-t-373.3398077167621-w-125.99999999999994-h-171.21531100478472" eqx-id="4236317577">
+											<div class="element-box" style="width: 100%; height: 100%; top: 373.34px; left: 194px; 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: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4236317577" ctype="4" class="element comp_image editable-image" style="display: block; width: 126.133px; height: 171.215px; margin-left: -0.0667042px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/beauty.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9835220247" num="24" ctype="4" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 96px; height: 86px; top: 439.5px; left: 39px; transform: rotateZ(0deg); display: block;" abs-pos="l-39-t-439.5-w-96-h-86" eqx-id="9835220247">
+											<div class="element-box" style="width: 100%; height: 100%; top: 439.5px; left: 39px; 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: 24; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9835220247" ctype="4" class="element comp_image editable-image" style="display: block; width: 96px; height: 86px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/leftbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8178390550" num="23" ctype="4" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 230.5px; height: 115.081px; top: 400.919px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-8.999999999999858-t-400.9192364170339-w-230.50000000000003-h-115.08076358296614" eqx-id="8178390550">
+											<div class="element-box" style="width: 100%; height: 100%; top: 400.919px; left: 9px; 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: 23; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8178390550" ctype="4" class="element comp_image editable-image" style="display: block; width: 230.5px; height: 115.081px; margin-top: -4.9738e-14px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/cosmetics.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2068100488" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 136px; height: 47px; top: 29.4px; left: 91.912px; transform: rotateZ(0deg); display: block;" abs-pos="l-91.91199999999998-t-29.40000000000012-w-136-h-47" eqx-id="2068100488">
+											<div class="element-box" style="width: 100%; height: 100%; top: 29.4px; left: 91.912px; 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 1s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2068100488" ctype="4" class="element comp_image editable-image" style="display: block; width: 136px; height: 48.3412px; margin-top: -0.670616px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone2text.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6789142644" num="21" ctype="h" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="6789142644">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; z-index: 21; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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 zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6789142644" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9082277115" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 327px; height: 146.289px; top: 600.111px; left: -10px; transform: rotateZ(0deg);" abs-pos="l--10.000000000000284-t-600.1105273648317-w-327.0000000000003-h-146.2894736842103" eqx-id="9082277115">
+											<div class="element-box" style="width: 100%; height: 100%; top: 600.111px; left: -10px; 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: 20; margin-top: 0px; margin-bottom: 0px;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9082277115" ctype="4" class="element comp_image editable-image" style="display: block; width: 327.688px; height: 146.289px; margin-left: -0.344211px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5-INp98sKWJesfmXVnZGgs0uL0?imageMogr2/auto-orient/thumbnail/654x292%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3528758896" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 135.5px; height: 143px; top: 399.5px; left: 114.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-114.5-t-399.5-w-135.5-h-143" eqx-id="3528758896">
+											<div class="element-box" style="width: 100%; height: 100%; top: 399.5px; left: 114.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: 19; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3528758896" ctype="4" class="element comp_image editable-image" style="display: block; width: 135.5px; height: 143px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/rightbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1961475404" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 264px; height: 64.5px; top: 475.5px; left: 5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-5.5-t-475.5-w-264-h-64.5" eqx-id="1961475404">
+											<div class="element-box" style="width: 100%; height: 100%; top: 475.5px; 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: 18; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1961475404" ctype="4" class="element comp_image editable-image" style="display: block; width: 264px; height: 64.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/base.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3285886236" num="17" ctype="h" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="3285886236">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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: 17; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3285886236" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9275392394" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 81px; height: 238.188px; top: 262.312px; left: -25px; transform: rotateZ(0deg); display: block;" abs-pos="l--24.999999999999908-t-262.3118811881188-w-80.99999999999991-h-238.18811881188122" eqx-id="9275392394">
+											<div class="element-box" style="width: 100%; height: 100%; top: 262.312px; left: -25px; 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: 16; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9275392394" ctype="4" class="element comp_image editable-image" style="display: block; width: 81px; height: 238.188px; margin-left: -4.9738e-14px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/umbrella.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4960773343" num="15" ctype="h" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 21px; height: 453px; top: 17px; left: 160.385px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.38461538461536-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4960773343">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 160.385px; top: 17px; 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: 15; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4960773343" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5158058543" num="14" ctype="h" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 21px; height: 453px; top: 17px; left: 181.154px; transform: rotateZ(0deg); display: block;" abs-pos="l-181.1538461538462-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="5158058543">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 181.154px; top: 17px; 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: 14; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="5158058543" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6871607582" num="13" ctype="h" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 21px; height: 453px; top: 17px; left: 201.923px; transform: rotateZ(0deg); display: block;" abs-pos="l-201.9230769230769-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="6871607582">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 201.923px; top: 17px; 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: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6871607582" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5473221009" num="12" ctype="h" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 21px; height: 453px; top: 17px; left: 222.692px; transform: rotateZ(0deg); display: block;" abs-pos="l-222.69230769230774-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="5473221009">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 222.692px; top: 17px; 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: 12; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="5473221009" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6061561990" num="11" ctype="h" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 21px; height: 453px; top: 17px; left: 243.462px; transform: rotateZ(0deg); display: block;" abs-pos="l-243.46153846153842-t-16.99999999999983-w-21-h-453.00000000000006" eqx-id="6061561990">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 243.462px; top: 17px; 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: 11; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6061561990" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4936250248" num="10" ctype="h" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 21px; height: 453px; top: 17px; left: 264.231px; transform: rotateZ(0deg); display: block;" abs-pos="l-264.23076923076917-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="4936250248">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 264.231px; top: 17px; 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: 10; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4936250248" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1641466461" num="9" ctype="h" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 21px; height: 453px; top: 17px; left: 285px; transform: rotateZ(0deg); display: block;" abs-pos="l-284.99999999999994-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="1641466461">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 285px; top: 17px; 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: 9; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1641466461" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5042655469" num="8" ctype="h" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 21px; height: 453px; top: 17px; left: 139.615px; transform: rotateZ(0deg); display: block;" abs-pos="l-139.61538461538458-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="5042655469">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 139.615px; top: 17px; 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: 8; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="5042655469" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4569548821" num="7" ctype="h" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 21px; height: 453px; top: 17px; left: 118.846px; transform: rotateZ(0deg); display: block;" abs-pos="l-118.84615384615388-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4569548821">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 118.846px; top: 17px; 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: 7; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4569548821" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9808886073" num="6" ctype="h" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 21px; height: 453px; top: 17px; left: 98.0769px; transform: rotateZ(0deg); display: block;" abs-pos="l-98.07692307692312-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="9808886073">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 98.0769px; top: 17px; 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: 6; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="9808886073" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1534250993" num="5" ctype="h" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 21px; height: 453px; top: 17px; left: 77.3077px; transform: rotateZ(0deg); display: block;" abs-pos="l-77.30769230769235-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="1534250993">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 77.3077px; top: 17px; 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: 5; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1534250993" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1500657356" num="4" ctype="h" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 21px; height: 453px; top: 17px; left: 56.5385px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.53846153846158-t-16.9999999999998-w-20.999999999999964-h-453.0000000000001" eqx-id="1500657356">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 56.5385px; top: 17px; 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: 4; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1500657356" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9885922685" num="3" ctype="h" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 21px; height: 453px; top: 17px; left: 35.7692px; transform: rotateZ(0deg); display: block;" abs-pos="l-35.76923076923081-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="9885922685">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 35.7692px; top: 17px; 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: 3; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="9885922685" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2322538050" num="2" ctype="h" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 21px; height: 453px; top: 17px; left: 15px; transform: rotateZ(0deg); display: block;" abs-pos="l-15.000000000000036-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="2322538050">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 15px; top: 17px; 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: 2; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2322538050" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2645170853" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 381px; height: 487px; top: -82px; left: -30px; transform: rotateZ(0deg); display: block;" abs-pos="l--30-t--82-w-381-h-487" eqx-id="2645170853">
+											<div class="element-box" style="width: 100%; height: 100%; top: -82px; left: -30px; 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: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2645170853" ctype="4" class="element comp_image editable-image" style="display: block; width: 381px; height: 487px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/background.png" _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/eqix/pages/eqixone6.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="1537893075" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background8634227940" class="eqx-bg" style="width: 100%; height: 100%; background-color: #0e6645"></div>
+							</div>
+							<section class="layer" id="layer:8939139454" 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: 41px;">
+										<li id="inside_925787460" num="37" ctype="7" class="item item-comp" style="position: absolute; z-index: 37; opacity: 1; width: 102px; height: 29px; top: 232px; left: 154px; transform: rotateZ(0deg); display: block;" abs-pos="l-154-t-232.0000000000001-w-102-h-29" eqx-id="925787460">
+											<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 154px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 13px; background-color: rgba(255, 255, 255, 0); font-weight: bold; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 37; 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="925787460" 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: 13px; 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('eqixone6head3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3688321019" num="36" ctype="h" class="item item-comp" style="position: absolute; z-index: 36; opacity: 1; width: 100px; height: 20px; top: 237px; left: 155px; transform: rotateZ(0deg); display: block;" abs-pos="l-155-t-237-w-100-h-20" eqx-id="3688321019">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 155px; top: 237px; transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; z-index: 36; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.4s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3688321019" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6928544840" num="35" ctype="4" class="item item-comp" style="position: absolute; z-index: 35; opacity: 1; width: 92.4869px; height: 121.546px; top: 234.6px; left: 37.2566px; transform: rotateZ(0deg); display: block;" abs-pos="l-37.256551724138006-t-234.59999999999994-w-92.48689655172407-h-121.54622356495477" eqx-id="6928544840">
+											<div class="element-box" style="width: 100%; height: 100%; top: 234.6px; left: 37.2566px; 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: 35; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.4s 1 normal both running rollInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6928544840" ctype="4" class="element comp_image editable-image" style="display: block; width: 92.4869px; height: 121.546px; margin-left: -6.39488e-14px; margin-top: 0px;" draggable="false" :src="getValue('eqixone6img2')"  _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3955510081" num="34" ctype="7" class="item item-comp" style="position: absolute; z-index: 34; opacity: 1; width: 141px; height: 98px; top: 258px; left: 140px; transform: rotateZ(0deg); display: block;" abs-pos="l-139.99999999999983-t-258.0000000000005-w-141-h-98" eqx-id="3955510081">
+											<div class="element-box" style="width: 100%; height: 100%; top: 258px; left: 140px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); 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: 34; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2.8s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3955510081" 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('eqixone6text2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3698451111" num="33" ctype="h" class="item item-comp" style="position: absolute; z-index: 33; opacity: 1; width: 235px; height: 111px; top: 249px; left: 48px; transform: rotateZ(0deg); display: block;" abs-pos="l-47.999999999999915-t-249.0000000000002-w-235.00000000000009-h-110.9999999999998" eqx-id="3698451111">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 48px; top: 249px; 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: 33; 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%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3698451111" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(14, 102, 69);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3326372807" num="32" ctype="7" class="item item-comp" style="position: absolute; z-index: 32; opacity: 1; width: 102px; height: 29px; top: 88px; left: 154px; transform: rotateZ(0deg); display: block;" abs-pos="l-154-t-88.00000000000011-w-102-h-29" eqx-id="3326372807">
+											<div class="element-box" style="width: 100%; height: 100%; top: 88px; left: 154px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 13px; background-color: rgba(255, 255, 255, 0); font-weight: bold; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); z-index: 32; 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 fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3326372807" 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: 13px; 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('eqixone6head2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6416666000" num="31" ctype="h" class="item item-comp" style="position: absolute; z-index: 31; opacity: 1; width: 100px; height: 20px; top: 92px; left: 155px; transform: rotateZ(0deg); display: block;" abs-pos="l-155-t-92-w-100-h-20" eqx-id="6416666000">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 155px; top: 92px; z-index: 31; transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; 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 fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6416666000" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7159093049" num="30" ctype="4" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 92.4869px; height: 121.546px; top: 89.6px; left: 37.2566px; transform: rotateZ(0deg); display: block;" abs-pos="l-37.256551724138006-t-89.59999999999994-w-92.48689655172407-h-121.54622356495477" eqx-id="7159093049">
+											<div class="element-box" style="width: 100%; height: 100%; top: 89.6px; left: 37.2566px; 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; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running rollInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7159093049" ctype="4" class="element comp_image editable-image" style="display: block; width: 92.4869px; height: 121.546px; margin-left: -6.39488e-14px; margin-top: 0px;" draggable="false" :src="getValue('eqixone6img')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3067317093" num="29" ctype="7" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 141px; height: 98px; top: 113px; left: 140px; transform: rotateZ(0deg); display: block;" abs-pos="l-139.99999999999983-t-113.0000000000005-w-141-h-98" eqx-id="3067317093">
+											<div class="element-box" style="width: 100%; height: 100%; top: 113px; left: 140px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); z-index: 29; 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 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="3067317093" 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('eqixone6text')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2795272014" num="28" ctype="h" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 235px; height: 111px; top: 104px; left: 48px; transform: rotateZ(0deg); display: block;" abs-pos="l-47.999999999999915-t-104.0000000000002-w-235.00000000000009-h-110.9999999999998" eqx-id="2795272014">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 48px; top: 104px; z-index: 28; 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.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2795272014" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(14, 102, 69);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8843758402" num="27" ctype="7" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 320px; height: 35px; top: 36px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-36-w-320-h-35" eqx-id="8843758402">
+											<div class="element-box" style="width: 100%; height: 100%; top: 36px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 17px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(26, 147, 86); z-index: 27; 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.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="8843758402" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 17px; 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('eqixone6head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4221978226" num="26" ctype="7" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 97px; height: 45px; top: 435px; left: 122px; transform: rotateZ(0deg); display: block;" abs-pos="l-121.99999999999994-t-435.0000000000002-w-97-h-45" eqx-id="4221978226">
+											<div class="element-box" style="width: 100%; height: 100%; top: 435px; left: 122px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); 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 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="4221978226" 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('eqixone6head4')}}<br>{{getValue('eqixone6head5')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7916853689" num="25" ctype="4" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 126px; height: 171.215px; top: 373.34px; left: 194px; transform: rotateZ(0deg); display: block;" abs-pos="l-193.9999999999995-t-373.3398077167621-w-125.99999999999994-h-171.21531100478472" eqx-id="7916853689">
+											<div class="element-box" style="width: 100%; height: 100%; top: 373.34px; left: 194px; 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: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7916853689" ctype="4" class="element comp_image editable-image" style="display: block; width: 126.133px; height: 171.215px; margin-left: -0.0667042px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/beauty.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4206159844" num="24" ctype="4" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 96px; height: 86px; top: 439.5px; left: 39px; transform: rotateZ(0deg); display: block;" abs-pos="l-39-t-439.5-w-96-h-86" eqx-id="4206159844">
+											<div class="element-box" style="width: 100%; height: 100%; top: 439.5px; left: 39px; 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: 24; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4206159844" ctype="4" class="element comp_image editable-image" style="display: block; width: 96px; height: 86px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/leftbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4921351500" num="23" ctype="4" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 230.5px; height: 115.081px; top: 400.919px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-8.999999999999858-t-400.9192364170339-w-230.50000000000003-h-115.08076358296614" eqx-id="4921351500">
+											<div class="element-box" style="width: 100%; height: 100%; top: 400.919px; left: 9px; 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: 23; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4921351500" ctype="4" class="element comp_image editable-image" style="display: block; width: 230.5px; height: 115.081px; margin-top: -4.9738e-14px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/cosmetics.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2122734255" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 136px; height: 47px; top: 29.4px; left: 91.912px; transform: rotateZ(0deg); display: block;" abs-pos="l-91.91199999999998-t-29.40000000000012-w-136-h-47" eqx-id="2122734255">
+											<div class="element-box" style="width: 100%; height: 100%; top: 29.4px; left: 91.912px; 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 1s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2122734255" ctype="4" class="element comp_image editable-image" style="display: block; width: 136px; height: 48.3412px; margin-top: -0.670616px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone2text.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6362878468" num="21" ctype="h" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="6362878468">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; z-index: 21; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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 zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6362878468" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5819984229" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 327px; height: 146.289px; top: 600.111px; left: -10px; transform: rotateZ(0deg); display: none;" abs-pos="l--10.000000000000284-t-600.1105273648317-w-327.0000000000003-h-146.2894736842103" eqx-id="5819984229">
+											<div class="element-box" style="width: 100%; height: 100%; top: 600.111px; left: -10px; 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: 20; margin-top: 0px; margin-bottom: 0px;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5819984229" ctype="4" class="element comp_image editable-image" style="display: block; width: 327.688px; height: 146.289px; margin-left: -0.344211px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5-INp98sKWJesfmXVnZGgs0uL0?imageMogr2/auto-orient/thumbnail/654x292%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7503782305" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 135.5px; height: 143px; top: 399.5px; left: 114.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-114.5-t-399.5-w-135.5-h-143" eqx-id="7503782305">
+											<div class="element-box" style="width: 100%; height: 100%; top: 399.5px; left: 114.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: 19; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7503782305" ctype="4" class="element comp_image editable-image" style="display: block; width: 135.5px; height: 143px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/rightbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_671446373" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 264px; height: 64.5px; top: 475.5px; left: 5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-5.5-t-475.5-w-264-h-64.5" eqx-id="671446373">
+											<div class="element-box" style="width: 100%; height: 100%; top: 475.5px; 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: 18; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="671446373" ctype="4" class="element comp_image editable-image" style="display: block; width: 264px; height: 64.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/base.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3673573440" num="17" ctype="h" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="3673573440">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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: 17; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3673573440" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3350437674" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 81px; height: 238.188px; top: 262.312px; left: -25px; transform: rotateZ(0deg); display: block;" abs-pos="l--24.999999999999908-t-262.3118811881188-w-80.99999999999991-h-238.18811881188122" eqx-id="3350437674">
+											<div class="element-box" style="width: 100%; height: 100%; top: 262.312px; left: -25px; 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: 16; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3350437674" ctype="4" class="element comp_image editable-image" style="display: block; width: 81px; height: 238.188px; margin-left: -4.9738e-14px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/umbrella.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7170994299" num="15" ctype="h" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 21px; height: 453px; top: 17px; left: 160.385px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.38461538461536-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="7170994299">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 160.385px; top: 17px; 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: 15; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7170994299" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4938922530" num="14" ctype="h" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 21px; height: 453px; top: 17px; left: 181.154px; transform: rotateZ(0deg); display: block;" abs-pos="l-181.1538461538462-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4938922530">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 181.154px; top: 17px; 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: 14; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4938922530" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7448016635" num="13" ctype="h" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 21px; height: 453px; top: 17px; left: 201.923px; transform: rotateZ(0deg); display: block;" abs-pos="l-201.9230769230769-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="7448016635">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 201.923px; top: 17px; 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: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7448016635" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7392875957" num="12" ctype="h" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 21px; height: 453px; top: 17px; left: 222.692px; transform: rotateZ(0deg); display: block;" abs-pos="l-222.69230769230774-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="7392875957">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 222.692px; top: 17px; 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: 12; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7392875957" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3118387657" num="11" ctype="h" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 21px; height: 453px; top: 17px; left: 243.462px; transform: rotateZ(0deg); display: block;" abs-pos="l-243.46153846153842-t-16.99999999999983-w-21-h-453.00000000000006" eqx-id="3118387657">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 243.462px; top: 17px; 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: 11; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3118387657" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2202056663" num="10" ctype="h" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 21px; height: 453px; top: 17px; left: 264.231px; transform: rotateZ(0deg); display: block;" abs-pos="l-264.23076923076917-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="2202056663">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 264.231px; top: 17px; 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: 10; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2202056663" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_744077209" num="9" ctype="h" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 21px; height: 453px; top: 17px; left: 285px; transform: rotateZ(0deg); display: block;" abs-pos="l-284.99999999999994-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="744077209">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 285px; top: 17px; 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: 9; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="744077209" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8385940522" num="8" ctype="h" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 21px; height: 453px; top: 17px; left: 139.615px; transform: rotateZ(0deg); display: block;" abs-pos="l-139.61538461538458-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="8385940522">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 139.615px; top: 17px; 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: 8; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8385940522" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_890636886" num="7" ctype="h" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 21px; height: 453px; top: 17px; left: 118.846px; transform: rotateZ(0deg); display: block;" abs-pos="l-118.84615384615388-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="890636886">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 118.846px; top: 17px; 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: 7; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="890636886" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6703677175" num="6" ctype="h" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 21px; height: 453px; top: 17px; left: 98.0769px; transform: rotateZ(0deg); display: block;" abs-pos="l-98.07692307692312-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="6703677175">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 98.0769px; top: 17px; 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: 6; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6703677175" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4397241751" num="5" ctype="h" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 21px; height: 453px; top: 17px; left: 77.3077px; transform: rotateZ(0deg); display: block;" abs-pos="l-77.30769230769235-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4397241751">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 77.3077px; top: 17px; 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: 5; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4397241751" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7886028796" num="4" ctype="h" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 21px; height: 453px; top: 17px; left: 56.5385px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.53846153846158-t-16.9999999999998-w-20.999999999999964-h-453.0000000000001" eqx-id="7886028796">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 56.5385px; top: 17px; 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: 4; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7886028796" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1059101810" num="3" ctype="h" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 21px; height: 453px; top: 17px; left: 35.7692px; transform: rotateZ(0deg); display: block;" abs-pos="l-35.76923076923081-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="1059101810">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 35.7692px; top: 17px; 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: 3; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1059101810" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7417629447" num="2" ctype="h" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 21px; height: 453px; top: 17px; left: 15px; transform: rotateZ(0deg); display: block;" abs-pos="l-15.000000000000036-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="7417629447">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 15px; top: 17px; 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: 2; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7417629447" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6341630192" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 381px; height: 487px; top: -82px; left: -30px; transform: rotateZ(0deg); display: block;" abs-pos="l--30-t--82-w-381-h-487" eqx-id="6341630192">
+											<div class="element-box" style="width: 100%; height: 100%; top: -82px; left: -30px; 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: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6341630192" ctype="4" class="element comp_image editable-image" style="display: block; width: 381px; height: 487px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/background.png" _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/eqix/pages/eqixone7.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="page7" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1537893076" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background6879193544" class="eqx-bg" style="width: 100%; height: 100%; background-color: #0e6645"></div>
+							</div>
+							<section class="layer" id="layer:4092056957" 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: 41px;">
+										<li id="inside_9429916266" num="36" ctype="7" class="item item-comp" style="position: absolute; z-index: 36; opacity: 1; width: 141px; height: 28px; top: 389px; left: 151px; transform: rotateZ(0deg); display: block;" abs-pos="l-151.00000000000003-t-388.99999999999994-w-141-h-28" eqx-id="9429916266">
+											<div class="element-box" style="width: 100%; height: 100%; top: 389px; left: 151px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 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="9429916266" 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('eqixone7head4')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8687162302" num="35" ctype="7" class="item item-comp" style="position: absolute; z-index: 35; opacity: 1; width: 141px; height: 28px; top: 389px; left: 29px; transform: rotateZ(0deg); display: block;" abs-pos="l-29.000000000000014-t-388.9999999999999-w-141-h-28" eqx-id="8687162302">
+											<div class="element-box" style="width: 100%; height: 100%; top: 389px; left: 29px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 35; 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="8687162302" 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('eqixone7head3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_823022292" num="34" ctype="7" class="item item-comp" style="position: absolute; z-index: 34; opacity: 1; width: 38px; height: 111px; top: 106px; left: 238px; transform: rotateZ(0deg); display: block;" abs-pos="l-237.99999999999972-t-106.00000000000009-w-38-h-111" eqx-id="823022292">
+											<div class="element-box" style="width: 100%; height: 100%; top: 106px; left: 238px; writing-mode: horizontal-tb; text-align: center; line-height: 1.4; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 34; 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="823022292" 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('eqixone7head2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6307748614" num="33" ctype="h" class="item item-comp" style="position: absolute; z-index: 33; opacity: 1; width: 116px; height: 23px; top: 391px; left: 162.981px; transform: rotateZ(0deg); display: block;" abs-pos="l-162.9810901408949-t-390.99999999999994-w-116-h-23" eqx-id="6307748614">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 162.981px; top: 391px; transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); 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: 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%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6307748614" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6567516169" num="32" ctype="4" class="item item-comp" style="position: absolute; z-index: 32; opacity: 1; width: 116px; height: 119px; top: 270.682px; left: 162.981px; transform: rotateZ(0deg); display: block;" abs-pos="l-162.98109014089493-t-270.68181914238903-w-116-h-119" eqx-id="6567516169">
+											<div class="element-box" style="width: 100%; height: 100%; top: 270.682px; left: 162.981px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); 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: 32; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6567516169" ctype="4" class="element comp_image editable-image" style="display: block; width: 119px; height: 119px; margin-left: -1.5px; margin-top: 0px;" draggable="false" :src="getValue('eqixone7img3')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_587255886" num="31" ctype="4" class="item item-comp" style="position: absolute; z-index: 31; opacity: 1; width: 116px; height: 119px; top: 270.682px; left: 41.9811px; transform: rotateZ(0deg); display: block;" abs-pos="l-41.98109014089494-t-270.6818191423889-w-115.99999999999997-h-119" eqx-id="587255886">
+											<div class="element-box" style="width: 100%; height: 100%; top: 270.682px; left: 41.9811px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); 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: 31; 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="587255886" ctype="4" class="element comp_image editable-image" style="display: block; width: 119px; height: 119px; margin-left: -1.5px; margin-top: 0px;" draggable="false" :src="getValue('eqixone7img2')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5506465992" num="30" ctype="h" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 116px; height: 23px; top: 391px; left: 41.9811px; transform: rotateZ(0deg); display: block;" abs-pos="l-41.98109014089493-t-390.99999999999994-w-116-h-23" eqx-id="5506465992">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 41.9811px; top: 391px; transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); 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: 30; 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%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="5506465992" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4644546106" num="29" ctype="4" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 194px; height: 180px; top: 85.2177px; left: 41.9811px; transform: rotateZ(0deg); display: block;" abs-pos="l-41.98109014089494-t-85.21768412129234-w-194-h-180" eqx-id="4644546106">
+											<div class="element-box" style="width: 100%; height: 100%; top: 85.2177px; left: 41.9811px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); 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: 29; 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="4644546106" ctype="4" class="element comp_image editable-image" style="display: block; width: 194px; height: 194px; margin-top: -7px; margin-left: 0px;" draggable="false" :src="getValue('eqixone7img')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4532974025" num="28" ctype="h" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 41px; height: 180px; top: 85.2177px; left: 237.981px; transform: rotateZ(0deg); display: block;" abs-pos="l-237.98109014089488-t-85.21768412129231-w-41-h-180" eqx-id="4532974025">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 237.981px; top: 85.2177px; transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); 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.4s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4532974025" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9334127333" num="27" ctype="7" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 320px; height: 35px; top: 36px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-36-w-320-h-35" eqx-id="9334127333">
+											<div class="element-box" style="width: 100%; height: 100%; top: 36px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 17px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(26, 147, 86); z-index: 27; 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.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="9334127333" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 17px; 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('eqixone7head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5269108076" num="26" ctype="7" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 97px; height: 45px; top: 435px; left: 122px; transform: rotateZ(0deg); display: block;" abs-pos="l-121.99999999999994-t-435.0000000000002-w-97-h-45" eqx-id="5269108076">
+											<div class="element-box" style="width: 100%; height: 100%; top: 435px; left: 122px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); 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 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="5269108076" 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('eqixone7head5')}}<br>{{getValue('eqixone7head6')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_998260405" num="25" ctype="4" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 126px; height: 171.215px; top: 373.34px; left: 194px; transform: rotateZ(0deg); display: block;" abs-pos="l-193.9999999999995-t-373.3398077167621-w-125.99999999999994-h-171.21531100478472" eqx-id="998260405">
+											<div class="element-box" style="width: 100%; height: 100%; top: 373.34px; left: 194px; 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: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="998260405" ctype="4" class="element comp_image editable-image" style="display: block; width: 126.133px; height: 171.215px; margin-left: -0.0667042px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/beauty.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3117259208" num="24" ctype="4" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 96px; height: 86px; top: 439.5px; left: 39px; transform: rotateZ(0deg); display: block;" abs-pos="l-39-t-439.5-w-96-h-86" eqx-id="3117259208">
+											<div class="element-box" style="width: 100%; height: 100%; top: 439.5px; left: 39px; 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: 24; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3117259208" ctype="4" class="element comp_image editable-image" style="display: block; width: 96px; height: 86px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/leftbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8125010575" num="23" ctype="4" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 230.5px; height: 115.081px; top: 400.919px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-8.999999999999858-t-400.9192364170339-w-230.50000000000003-h-115.08076358296614" eqx-id="8125010575">
+											<div class="element-box" style="width: 100%; height: 100%; top: 400.919px; left: 9px; 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: 23; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8125010575" ctype="4" class="element comp_image editable-image" style="display: block; width: 230.5px; height: 115.081px; margin-top: -4.9738e-14px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/cosmetics.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_425032259" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 136px; height: 47px; top: 29.4px; left: 91.912px; transform: rotateZ(0deg); display: block;" abs-pos="l-91.91199999999998-t-29.40000000000012-w-136-h-47" eqx-id="425032259">
+											<div class="element-box" style="width: 100%; height: 100%; top: 29.4px; left: 91.912px; 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 1s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="425032259" ctype="4" class="element comp_image editable-image" style="display: block; width: 136px; height: 48.3412px; margin-top: -0.670616px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone2text.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3473089113" num="21" ctype="h" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="3473089113">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; z-index: 21; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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 zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3473089113" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4069158053" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 327px; height: 146.289px; top: 600.111px; left: -10px; transform: rotateZ(0deg);" abs-pos="l--10.000000000000284-t-600.1105273648317-w-327.0000000000003-h-146.2894736842103" eqx-id="4069158053">
+											<div class="element-box" style="width: 100%; height: 100%; top: 600.111px; left: -10px; 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: 20; margin-top: 0px; margin-bottom: 0px;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4069158053" ctype="4" class="element comp_image editable-image" style="display: block; width: 327.688px; height: 146.289px; margin-left: -0.344211px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5-INp98sKWJesfmXVnZGgs0uL0?imageMogr2/auto-orient/thumbnail/654x292%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_4721104564" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 135.5px; height: 143px; top: 399.5px; left: 114.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-114.5-t-399.5-w-135.5-h-143" eqx-id="4721104564">
+											<div class="element-box" style="width: 100%; height: 100%; top: 399.5px; left: 114.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: 19; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4721104564" ctype="4" class="element comp_image editable-image" style="display: block; width: 135.5px; height: 143px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/rightbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7165196977" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 264px; height: 64.5px; top: 475.5px; left: 5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-5.5-t-475.5-w-264-h-64.5" eqx-id="7165196977">
+											<div class="element-box" style="width: 100%; height: 100%; top: 475.5px; 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: 18; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7165196977" ctype="4" class="element comp_image editable-image" style="display: block; width: 264px; height: 64.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/base.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7853042237" num="17" ctype="h" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="7853042237">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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: 17; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7853042237" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6778040216" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 81px; height: 238.188px; top: 262.312px; left: -25px; transform: rotateZ(0deg); display: block;" abs-pos="l--24.999999999999908-t-262.3118811881188-w-80.99999999999991-h-238.18811881188122" eqx-id="6778040216">
+											<div class="element-box" style="width: 100%; height: 100%; top: 262.312px; left: -25px; 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: 16; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6778040216" ctype="4" class="element comp_image editable-image" style="display: block; width: 81px; height: 238.188px; margin-left: -4.9738e-14px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/umbrella.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_1980119652" num="15" ctype="h" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 21px; height: 453px; top: 17px; left: 160.385px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.38461538461536-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="1980119652">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 160.385px; top: 17px; 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: 15; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1980119652" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7588980282" num="14" ctype="h" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 21px; height: 453px; top: 17px; left: 181.154px; transform: rotateZ(0deg); display: block;" abs-pos="l-181.1538461538462-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="7588980282">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 181.154px; top: 17px; 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: 14; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7588980282" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3148702506" num="13" ctype="h" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 21px; height: 453px; top: 17px; left: 201.923px; transform: rotateZ(0deg); display: block;" abs-pos="l-201.9230769230769-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="3148702506">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 201.923px; top: 17px; 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: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3148702506" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5954228944" num="12" ctype="h" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 21px; height: 453px; top: 17px; left: 222.692px; transform: rotateZ(0deg); display: block;" abs-pos="l-222.69230769230774-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="5954228944">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 222.692px; top: 17px; 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: 12; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="5954228944" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1182574454" num="11" ctype="h" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 21px; height: 453px; top: 17px; left: 243.462px; transform: rotateZ(0deg); display: block;" abs-pos="l-243.46153846153842-t-16.99999999999983-w-21-h-453.00000000000006" eqx-id="1182574454">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 243.462px; top: 17px; 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: 11; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1182574454" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7761187094" num="10" ctype="h" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 21px; height: 453px; top: 17px; left: 264.231px; transform: rotateZ(0deg); display: block;" abs-pos="l-264.23076923076917-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="7761187094">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 264.231px; top: 17px; 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: 10; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7761187094" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5025787533" num="9" ctype="h" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 21px; height: 453px; top: 17px; left: 285px; transform: rotateZ(0deg); display: block;" abs-pos="l-284.99999999999994-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="5025787533">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 285px; top: 17px; 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: 9; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="5025787533" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1213639035" num="8" ctype="h" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 21px; height: 453px; top: 17px; left: 139.615px; transform: rotateZ(0deg); display: block;" abs-pos="l-139.61538461538458-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="1213639035">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 139.615px; top: 17px; 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: 8; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1213639035" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2039775916" num="7" ctype="h" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 21px; height: 453px; top: 17px; left: 118.846px; transform: rotateZ(0deg); display: block;" abs-pos="l-118.84615384615388-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="2039775916">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 118.846px; top: 17px; 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: 7; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2039775916" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4503172152" num="6" ctype="h" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 21px; height: 453px; top: 17px; left: 98.0769px; transform: rotateZ(0deg); display: block;" abs-pos="l-98.07692307692312-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4503172152">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 98.0769px; top: 17px; 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: 6; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4503172152" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3022511965" num="5" ctype="h" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 21px; height: 453px; top: 17px; left: 77.3077px; transform: rotateZ(0deg); display: block;" abs-pos="l-77.30769230769235-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="3022511965">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 77.3077px; top: 17px; 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: 5; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3022511965" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1948295668" num="4" ctype="h" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 21px; height: 453px; top: 17px; left: 56.5385px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.53846153846158-t-16.9999999999998-w-20.999999999999964-h-453.0000000000001" eqx-id="1948295668">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 56.5385px; top: 17px; 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: 4; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="1948295668" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7405687750" num="3" ctype="h" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 21px; height: 453px; top: 17px; left: 35.7692px; transform: rotateZ(0deg); display: block;" abs-pos="l-35.76923076923081-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="7405687750">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 35.7692px; top: 17px; 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: 3; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7405687750" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6939408985" num="2" ctype="h" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 21px; height: 453px; top: 17px; left: 15px; transform: rotateZ(0deg); display: block;" abs-pos="l-15.000000000000036-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="6939408985">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 15px; top: 17px; 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: 2; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6939408985" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6083366131" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 381px; height: 487px; top: -82px; left: -30px; transform: rotateZ(0deg); display: block;" abs-pos="l--30-t--82-w-381-h-487" eqx-id="6083366131">
+											<div class="element-box" style="width: 100%; height: 100%; top: -82px; left: -30px; 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: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6083366131" ctype="4" class="element comp_image editable-image" style="display: block; width: 381px; height: 487px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/background.png" _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/eqix/pages/eqixone8.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="page8" _tracker_view_="_tracker_view_">
+						<div class="edit_wrapper" data-scene-id="1537893077" style="position: relative; z-index: 1">
+							<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
+								<div id="wrapper-background4334078990" class="eqx-bg" style="width: 100%; height: 100%; background-color: #0e6645"></div>
+							</div>
+							<section class="layer" id="layer:3055045761" 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: 41px;">
+										<li id="inside_4677729374" num="45" ctype="4" class="item item-comp" style="position: absolute; z-index: 45; opacity: 1; width: 128px; height: 83px; top: 281px; left: 36.9781px; transform: rotateZ(0deg); display: block;" abs-pos="l-36.978132246354136-t-281-w-128-h-83" eqx-id="4677729374">
+											<div class="element-box" style="width: 100%; height: 100%; top: 281px; left: 36.9781px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); 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: 45; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4677729374" ctype="4" class="element comp_image editable-image" style="display: block; width: 128px; height: 83.6015px; margin-top: -0.300738px; margin-left: 0px;" draggable="false" :src="getValue('eqixone8img3')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_6954047184" num="44" ctype="4" class="item item-comp" style="position: absolute; z-index: 44; opacity: 1; width: 129px; height: 83.2258px; top: 186px; left: 154px; transform: rotateZ(0deg); display: block;" abs-pos="l-154.00000000000009-t-186.00000000000006-w-128.99999999999997-h-83.22580645161298" eqx-id="6954047184">
+											<div class="element-box" style="width: 100%; height: 100%; top: 186px; left: 154px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); 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: 44; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6954047184" ctype="4" class="element comp_image editable-image" style="display: block; width: 129px; height: 83.8896px; margin-top: -0.331882px; margin-left: 0px;" draggable="false" :src="getValue('eqixone8img2')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_7708300695" num="43" ctype="7" class="item item-comp" style="position: absolute; z-index: 43; opacity: 1; width: 139px; height: 25px; top: 330px; left: 172px; transform: rotateZ(0deg); display: block;" abs-pos="l-172-t-330-w-139-h-25" eqx-id="7708300695">
+											<div class="element-box" style="width: 100%; height: 100%; top: 330px; left: 172px; writing-mode: horizontal-tb; text-align: left; line-height: 1.3; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); 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: 43; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="7708300695" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: fangzheng_xbsjt; 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('eqixone8price3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3958519645" num="42" ctype="7" class="item item-comp" style="position: absolute; z-index: 42; opacity: 1; width: 139px; height: 25px; top: 308px; left: 168px; transform: rotateZ(0deg); display: block;" abs-pos="l-168-t-308-w-139-h-25" eqx-id="3958519645">
+											<div class="element-box" style="width: 100%; height: 100%; top: 308px; left: 168px; writing-mode: horizontal-tb; text-align: left; line-height: 1.3; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 42; 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="3958519645" 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('eqixone8introduce3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_913382306" num="41" ctype="7" class="item item-comp" style="position: absolute; z-index: 41; opacity: 1; width: 139px; height: 26px; top: 288px; left: 167px; transform: rotateZ(0deg); display: block;" abs-pos="l-167-t-288-w-139-h-26" eqx-id="913382306">
+											<div class="element-box" style="width: 100%; height: 100%; top: 288px; left: 167px; writing-mode: horizontal-tb; text-align: left; line-height: 1.3; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); 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: 41; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.2s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="913382306" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: fangzheng_xbsjt; font-size: 13px; 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('eqixone8head4')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6509985207" num="40" ctype="h" class="item item-comp" style="position: absolute; z-index: 40; opacity: 1; width: 123px; height: 20px; top: 311px; left: 159px; transform: rotateZ(0deg); display: block;" abs-pos="l-159-t-311.0000000000001-w-123-h-19.999999999999943" eqx-id="6509985207">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 159px; top: 311px; transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(255, 121, 162); 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: 40; 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%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6509985207" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7649800030" num="39" ctype="7" class="item item-comp" style="position: absolute; z-index: 39; opacity: 1; width: 139px; height: 25px; top: 238px; left: 47px; transform: rotateZ(0deg); display: block;" abs-pos="l-47-t-238-w-139-h-25" eqx-id="7649800030">
+											<div class="element-box" style="width: 100%; height: 100%; top: 238px; left: 47px; writing-mode: horizontal-tb; text-align: left; line-height: 1.3; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); 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: 39; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="7649800030" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: fangzheng_xbsjt; 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('eqixone8price2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_1948811301" num="38" ctype="7" class="item item-comp" style="position: absolute; z-index: 38; opacity: 1; width: 139px; height: 25px; top: 213px; left: 39px; transform: rotateZ(0deg); display: block;" abs-pos="l-39-t-213-w-139-h-25" eqx-id="1948811301">
+											<div class="element-box" style="width: 100%; height: 100%; top: 213px; left: 39px; writing-mode: horizontal-tb; text-align: left; line-height: 1.3; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 38; 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%">
+													<div id="1948811301" 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('eqixone8introduce2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_426110762" num="37" ctype="7" class="item item-comp" style="position: absolute; z-index: 37; opacity: 1; width: 139px; height: 26px; top: 193px; left: 40px; transform: rotateZ(0deg); display: block;" abs-pos="l-40-t-193-w-139-h-26" eqx-id="426110762">
+											<div class="element-box" style="width: 100%; height: 100%; top: 193px; left: 40px; writing-mode: horizontal-tb; text-align: left; line-height: 1.3; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); 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: 37; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.2s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="426110762" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: fangzheng_xbsjt; font-size: 13px; 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('eqixone8head3')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2416810563" num="36" ctype="h" class="item item-comp" style="position: absolute; z-index: 36; opacity: 1; width: 121px; height: 20px; top: 216px; left: 36.9781px; transform: rotateZ(0deg); display: block;" abs-pos="l-36.97813224635403-t-216-w-121-h-20.000000000000057" eqx-id="2416810563">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 36.9781px; top: 216px; transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(255, 121, 162); 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: 36; 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%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2416810563" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6105985198" num="35" ctype="h" class="item item-comp" style="position: absolute; z-index: 35; opacity: 1; width: 140px; height: 83px; top: 186px; left: 36px; transform: rotateZ(0deg); display: block;" abs-pos="l-35.99999999999994-t-186.0000000000001-w-140-h-83" eqx-id="6105985198">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 36px; top: 186px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(245, 220, 23); 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: 35; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6105985198" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_54951903" num="34" ctype="7" class="item item-comp" style="position: absolute; z-index: 34; opacity: 1; width: 109px; height: 25px; top: 143px; left: 172px; transform: rotateZ(0deg); display: block;" abs-pos="l-172-t-143.00000000000003-w-109-h-25" eqx-id="54951903">
+											<div class="element-box" style="width: 100%; height: 100%; top: 143px; left: 172px; writing-mode: horizontal-tb; text-align: left; line-height: 1.3; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); 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: 34; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="54951903" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: fangzheng_xbsjt; 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('eqixone8price')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7545270671" num="33" ctype="7" class="item item-comp" style="position: absolute; z-index: 33; opacity: 1; width: 139px; height: 25px; top: 118px; left: 168px; transform: rotateZ(0deg); display: block;" abs-pos="l-168-t-118-w-139-h-25" eqx-id="7545270671">
+											<div class="element-box" style="width: 100%; height: 100%; top: 118px; left: 168px; writing-mode: horizontal-tb; text-align: left; line-height: 1.3; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(14, 102, 69); 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: 33; 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="7545270671" 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('eqixone8introduce')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7286225871" num="32" ctype="7" class="item item-comp" style="position: absolute; z-index: 32; opacity: 1; width: 139px; height: 26px; top: 98px; left: 167px; transform: rotateZ(0deg); display: block;" abs-pos="l-167-t-98-w-139-h-26" eqx-id="7286225871">
+											<div class="element-box" style="width: 100%; height: 100%; top: 98px; left: 167px; writing-mode: horizontal-tb; text-align: left; line-height: 1.3; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: rgb(242, 240, 213); 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: 32; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.2s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="7286225871" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: fangzheng_xbsjt; font-size: 13px; 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('eqixone8head2')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2209235788" num="31" ctype="4" class="item item-comp" style="position: absolute; z-index: 31; opacity: 1; width: 130px; height: 83px; top: 91px; left: 36px; transform: rotateZ(0deg); display: block;" abs-pos="l-35.99999999999997-t-91.00000000000017-w-130-h-83" eqx-id="2209235788">
+											<div class="element-box" style="width: 100%; height: 100%; top: 91px; left: 36px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); 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: 31; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2209235788" ctype="4" class="element comp_image editable-image" style="display: block; width: 130px; height: 84.5399px; margin-top: -0.769939px; margin-left: 0px;" draggable="false" :src="getValue('eqixone8img')" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2462466114" num="30" ctype="h" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 123px; height: 20px; top: 121px; left: 159px; transform: rotateZ(0deg); display: block;" abs-pos="l-159-t-121.00000000000011-w-123-h-19.999999999999943" eqx-id="2462466114">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 159px; top: 121px; transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(255, 121, 162); 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: 30; 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%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2462466114" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(245, 220, 23);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8344568859" num="29" ctype="h" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 140px; height: 83px; top: 91px; left: 143px; transform: rotateZ(0deg); display: block;" abs-pos="l-142.99999999999997-t-91.0000000000002-w-140-h-83" eqx-id="8344568859">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 143px; top: 91px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(245, 220, 23); 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: 29; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8344568859" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7076445282" num="28" ctype="7" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 320px; height: 35px; top: 36px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-36-w-320-h-35" eqx-id="7076445282">
+											<div class="element-box" style="width: 100%; height: 100%; top: 36px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1.5; font-size: 17px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(26, 147, 86); 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 1.2s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="7076445282" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: TTChaoCuYuanJ; font-size: 17px; 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('eqixone8head')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2218316019" num="27" ctype="7" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 97px; height: 45px; top: 435px; left: 122px; transform: rotateZ(0deg); display: block;" abs-pos="l-121.99999999999994-t-435.0000000000002-w-97-h-45" eqx-id="2218316019">
+											<div class="element-box" style="width: 100%; height: 100%; top: 435px; left: 122px; writing-mode: horizontal-tb; text-align: left; line-height: 1.5; font-size: 12px; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); 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 2s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%">
+													<div id="2218316019" 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('eqixone8head5')}}<br>{{getValue('eqixone8head6')}}</span></div>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4716240494" num="26" ctype="4" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 126px; height: 171.215px; top: 373.34px; left: 194px; transform: rotateZ(0deg); display: block;" abs-pos="l-193.9999999999995-t-373.3398077167621-w-125.99999999999994-h-171.21531100478472" eqx-id="4716240494">
+											<div class="element-box" style="width: 100%; height: 100%; top: 373.34px; left: 194px; 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: 26; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInRight;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4716240494" ctype="4" class="element comp_image editable-image" style="display: block; width: 126.133px; height: 171.215px; margin-left: -0.0667042px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/beauty.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9065644996" num="25" ctype="4" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 96px; height: 86px; top: 439.5px; left: 39px; transform: rotateZ(0deg); display: block;" abs-pos="l-39-t-439.5-w-96-h-86" eqx-id="9065644996">
+											<div class="element-box" style="width: 100%; height: 100%; top: 439.5px; left: 39px; 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: 25; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9065644996" ctype="4" class="element comp_image editable-image" style="display: block; width: 96px; height: 86px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/leftbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_5876531474" num="24" ctype="4" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 230.5px; height: 115.081px; top: 400.919px; left: 9px; transform: rotateZ(0deg); display: block;" abs-pos="l-8.999999999999858-t-400.9192364170339-w-230.50000000000003-h-115.08076358296614" eqx-id="5876531474">
+											<div class="element-box" style="width: 100%; height: 100%; top: 400.919px; left: 9px; 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: 24; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5876531474" ctype="4" class="element comp_image editable-image" style="display: block; width: 230.5px; height: 115.081px; margin-top: -4.9738e-14px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/cosmetics.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_2748853928" num="23" ctype="h" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 140px; height: 83px; top: 281px; left: 143px; transform: rotateZ(0deg); display: block;" abs-pos="l-142.99999999999997-t-281-w-140-h-83" eqx-id="2748853928">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 143px; top: 281px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(245, 220, 23); 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: 23; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running fadeInLeft;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2748853928" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4411362411" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 136px; height: 47px; top: 29.4px; left: 91.912px; transform: rotateZ(0deg); display: block;" abs-pos="l-91.91199999999998-t-29.40000000000012-w-136-h-47" eqx-id="4411362411">
+											<div class="element-box" style="width: 100%; height: 100%; top: 29.4px; left: 91.912px; 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 1s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4411362411" ctype="4" class="element comp_image editable-image" style="display: block; width: 136px; height: 48.3412px; margin-top: -0.670616px; margin-left: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone2text.jpg" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8264208388" num="21" ctype="h" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="8264208388">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; z-index: 21; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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 zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8264208388" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_3819874423" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 327px; height: 146.289px; top: 600.111px; left: -10px; transform: rotateZ(0deg);" abs-pos="l--10.000000000000284-t-600.1105273648317-w-327.0000000000003-h-146.2894736842103" eqx-id="3819874423">
+											<div class="element-box" style="width: 100%; height: 100%; top: 600.111px; left: -10px; 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: 20; margin-top: 0px; margin-bottom: 0px;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3819874423" ctype="4" class="element comp_image editable-image" style="display: block; width: 327.688px; height: 146.289px; margin-left: -0.344211px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5-INp98sKWJesfmXVnZGgs0uL0?imageMogr2/auto-orient/thumbnail/654x292%3E/format/webp" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_8770840716" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 135.5px; height: 143px; top: 399.5px; left: 114.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-114.5-t-399.5-w-135.5-h-143" eqx-id="8770840716">
+											<div class="element-box" style="width: 100%; height: 100%; top: 399.5px; left: 114.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: 19; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8770840716" ctype="4" class="element comp_image editable-image" style="display: block; width: 135.5px; height: 143px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/rightbranch.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3122319770" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 264px; height: 64.5px; top: 475.5px; left: 5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-5.5-t-475.5-w-264-h-64.5" eqx-id="3122319770">
+											<div class="element-box" style="width: 100%; height: 100%; top: 475.5px; 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: 18; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3122319770" ctype="4" class="element comp_image editable-image" style="display: block; width: 264px; height: 64.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/base.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_9439312748" num="17" ctype="h" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 283px; height: 444px; top: 21px; left: 19px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.000000000000227-t-21.00000000000003-w-282.9999999999998-h-444.0000000000002" eqx-id="9439312748">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 19px; top: 21px; transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(244, 236, 117); 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: 17; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running zoomIn;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="9439312748" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgba(0, 0, 0, 0);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8166147613" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 81px; height: 238.188px; top: 262.312px; left: -25px; transform: rotateZ(0deg); display: block;" abs-pos="l--24.999999999999908-t-262.3118811881188-w-80.99999999999991-h-238.18811881188122" eqx-id="8166147613">
+											<div class="element-box" style="width: 100%; height: 100%; top: 262.312px; left: -25px; 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: 16; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInUp;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8166147613" ctype="4" class="element comp_image editable-image" style="display: block; width: 81px; height: 238.188px; margin-left: -4.9738e-14px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/umbrella.png" _tracker_click_="_tracker_click_"></div>
+											</div>
+										</li>
+										<li id="inside_3027516093" num="15" ctype="h" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 21px; height: 453px; top: 17px; left: 160.385px; transform: rotateZ(0deg); display: block;" abs-pos="l-160.38461538461536-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="3027516093">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 160.385px; top: 17px; 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: 15; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="3027516093" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_5896536368" num="14" ctype="h" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 21px; height: 453px; top: 17px; left: 181.154px; transform: rotateZ(0deg); display: block;" abs-pos="l-181.1538461538462-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="5896536368">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 181.154px; top: 17px; 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: 14; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="5896536368" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7531798205" num="13" ctype="h" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 21px; height: 453px; top: 17px; left: 201.923px; transform: rotateZ(0deg); display: block;" abs-pos="l-201.9230769230769-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="7531798205">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 201.923px; top: 17px; 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: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7531798205" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4984731036" num="12" ctype="h" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 21px; height: 453px; top: 17px; left: 222.692px; transform: rotateZ(0deg); display: block;" abs-pos="l-222.69230769230774-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4984731036">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 222.692px; top: 17px; 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: 12; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4984731036" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4941519651" num="11" ctype="h" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 21px; height: 453px; top: 17px; left: 243.462px; transform: rotateZ(0deg); display: block;" abs-pos="l-243.46153846153842-t-16.99999999999983-w-21-h-453.00000000000006" eqx-id="4941519651">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 243.462px; top: 17px; 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: 11; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4941519651" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4652616829" num="10" ctype="h" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 21px; height: 453px; top: 17px; left: 264.231px; transform: rotateZ(0deg); display: block;" abs-pos="l-264.23076923076917-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="4652616829">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 264.231px; top: 17px; 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: 10; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4652616829" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8705214603" num="9" ctype="h" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 21px; height: 453px; top: 17px; left: 285px; transform: rotateZ(0deg); display: block;" abs-pos="l-284.99999999999994-t-16.9999999999998-w-21-h-453.0000000000001" eqx-id="8705214603">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 285px; top: 17px; 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: 9; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8705214603" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_2837205465" num="8" ctype="h" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 21px; height: 453px; top: 17px; left: 139.615px; transform: rotateZ(0deg); display: block;" abs-pos="l-139.61538461538458-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="2837205465">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 139.615px; top: 17px; 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: 8; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.9s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="2837205465" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_6661315290" num="7" ctype="h" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 21px; height: 453px; top: 17px; left: 118.846px; transform: rotateZ(0deg); display: block;" abs-pos="l-118.84615384615388-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="6661315290">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 118.846px; top: 17px; 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: 7; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.7s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="6661315290" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_8155429525" num="6" ctype="h" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 21px; height: 453px; top: 17px; left: 98.0769px; transform: rotateZ(0deg); display: block;" abs-pos="l-98.07692307692312-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="8155429525">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 98.0769px; top: 17px; 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: 6; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="8155429525" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4119922888" num="5" ctype="h" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 21px; height: 453px; top: 17px; left: 77.3077px; transform: rotateZ(0deg); display: block;" abs-pos="l-77.30769230769235-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4119922888">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 77.3077px; top: 17px; 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: 5; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.5s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4119922888" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_7118954825" num="4" ctype="h" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 21px; height: 453px; top: 17px; left: 56.5385px; transform: rotateZ(0deg); display: block;" abs-pos="l-56.53846153846158-t-16.9999999999998-w-20.999999999999964-h-453.0000000000001" eqx-id="7118954825">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 56.5385px; top: 17px; 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: 4; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="7118954825" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_797362932" num="3" ctype="h" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 21px; height: 453px; top: 17px; left: 35.7692px; transform: rotateZ(0deg); display: block;" abs-pos="l-35.76923076923081-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="797362932">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 35.7692px; top: 17px; 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: 3; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="797362932" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_4955384693" num="2" ctype="h" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 21px; height: 453px; top: 17px; left: 15px; transform: rotateZ(0deg); display: block;" abs-pos="l-15.000000000000036-t-16.9999999999998-w-20.99999999999997-h-453.0000000000001" eqx-id="4955384693">
+											<div class="element-box" style="width: 100%; height: 100%; color: rgb(85, 85, 85); left: 15px; top: 17px; 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: 2; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running flipInY;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; position: relative;">
+													<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4955384693" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
+														<rect fill="#08A1EF" width="64" height="64" style="fill: rgb(49, 174, 127);"></rect>
+													</svg>
+												</div>
+											</div>
+										</li>
+										<li id="inside_9249612302" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 381px; height: 487px; top: -82px; left: -30px; transform: rotateZ(0deg); display: block;" abs-pos="l--30-t--82-w-381-h-487" eqx-id="9249612302">
+											<div class="element-box" style="width: 100%; height: 100%; top: -82px; left: -30px; 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: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeInDown;">
+												<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9249612302" ctype="4" class="element comp_image editable-image" style="display: block; width: 381px; height: 487px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/background.png" _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/eqix/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/eqix/sceneData.js

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

src/templates/eqix/schema/noticeSchema.js

+export default {}

src/templates/eqix/schema/scheduleSchema.js

+export default {}

src/templates/eqix/schema/welcomSchema.js

+export default {}

src/templates/eqix/schemaData.js

+
+import defaultData from './defaultData'
+import itemList from './itemList'
+import templateInfo from './templateInfo'
+export default {
+  templateInfo,
+  // defaultData,
+  pageList: [
+    {
+      name: '易企秀1',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailone.jpg',
+      component: 'eqixone',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixone,
+      itemList: itemList.eqixone
+    },
+    {
+      name: '易企秀2',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixone2',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixone2,
+      itemList: itemList.eqixone2
+    },
+    {
+      name: '易企秀3',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixone3',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixone3,
+      itemList: itemList.eqixone3
+    },
+    {
+      name: '易企秀4',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixone4',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixone4,
+      itemList: itemList.eqixone4
+    },
+    {
+      name: '易企秀5',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixone5',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixone5,
+      itemList: itemList.eqixone5
+    },
+    {
+      name: '易企秀6',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixone6',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixone6,
+      itemList: itemList.eqixone6
+    },
+    {
+      name: '易企秀7',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixone7',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixone7,
+      itemList: itemList.eqixone7
+    },
+    {
+      name: '易企秀8',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixone8',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixone8,
+      itemList: itemList.eqixone8
+    },
+    {
+      name: '易企秀11',
+      thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
+      component: 'eqixone11',
+      defaultData: defaultData.retail,
+      schemaData: defaultData.eqixone11,
+      itemList: itemList.eqixone11
+    }
+  ]
+}

src/templates/eqix/templateInfo.js

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