Commit ce5cef2c by zhangmeng

新店开业优化

parent 0494ef74
<template>
<div class="containerone">
<div class="p-index main" id="con" style="transform: scale(3.385);transform-origin: left top;">
<div class="p-index main" id="con">
<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
<section class="main-page z-current" style="transform-origin: 0% 0% 0px; transform: rotate(0deg);">
<div class="nr" id="nr">
<section class="main-page z-current">
<div class="m-img" id="page1" _tracker_view_="_tracker_view_">
<div class="edit_wrapper" data-scene-id="1542398664" style="position: relative; z-index: 1">
<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
<div id="wrapper-background2448890843" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
<div class="edit_wrapper" data-scene-id="1542398664">
<div class="whopazo">
<div id="wrapper-background2448890843" class="eqx-bg"></div>
</div>
<section class="layer" id="layer:3765156484" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
<section class="layer" id="layer:3765156484">
<div class="layer-box">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
<li id="inside_8999320114" num="30" ctype="7" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 320px; height: 24px; top: 456px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-456-w-320-h-24" eqx-id="8999320114">
<div class="element-box" style="width: 100%; height: 100%; top: 456px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 14px; background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); font-style: normal; font-weight: normal; text-decoration: none; z-index: 30; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;">
<div class="element-box-contents" style="width: 100%; height: 100%">
<div id="8999320114" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('place')}}</span></div>
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active">
<li id="inside_8999320114" num="30" ctype="7" class="item item-comp" abs-pos="l-0-t-456-w-320-h-24" eqx-id="8999320114">
<div class="element-box1">
<div class="element-box-contents1">
<div id="8999320114" ctype="7" class="element1"><span class="dmmcb">{{getValue('place')}}</span></div>
</div>
</div>
</li>
<li id="inside_3010810776" num="29" ctype="7" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 320px; height: 32px; top: 357px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-357.00000000000006-w-320-h-32" eqx-id="3010810776">
<div class="element-box" style="width: 100%; height: 100%; top: 357px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 22px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: bold; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 29; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running puffIn;">
<div class="element-box-contents" style="width: 100%; height: 100%">
<div id="3010810776" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 22px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('businessHours')}}</span></div>
<li id="inside_3010810776" num="29" ctype="7" class="item item-comp" abs-pos="l-0-t-357.00000000000006-w-320-h-32" eqx-id="3010810776">
<div class="element-box2">
<div class="element-box-contents1">
<div id="3010810776" ctype="7" class="element2"><span class="dmmcb">{{getValue('businessHours')}}</span></div>
</div>
</div>
</li>
<li id="inside_780853524" num="28" ctype="7" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 320px; height: 24px; top: 340px; left: 2px; transform: rotateZ(0deg); display: block;" abs-pos="l-2-t-340.00000000000006-w-320-h-24" eqx-id="780853524">
<div class="element-box" style="width: 100%; height: 100%; top: 340px; left: 2px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 14px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 28; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;">
<div class="element-box-contents" style="width: 100%; height: 100%">
<div id="780853524" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">-&nbsp;营业时间&nbsp;-</span></div>
<li id="inside_780853524" num="28" ctype="7" class="item item-comp" abs-pos="l-2-t-340.00000000000006-w-320-h-24" eqx-id="780853524">
<div class="element-box3">
<div class="element-box-contents1">
<div id="780853524" ctype="7" class="element3"><span class="dmmcb">-&nbsp;营业时间&nbsp;-</span></div>
</div>
</div>
</li>
<li id="inside_5146766369" num="27" ctype="7" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 71px; height: 22px; top: 232px; left: 206px; transform: rotateZ(0deg); display: block;" abs-pos="l-206-t-232.00000000000048-w-71-h-22" eqx-id="5146766369">
<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 206px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 12px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 27; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running zoomIn;">
<div class="element-box-contents" style="width: 100%; height: 100%">
<div id="5146766369" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkytxt3')}}</span></div>
<li id="inside_5146766369" num="27" ctype="7" class="item item-comp" abs-pos="l-206-t-232.00000000000048-w-71-h-22" eqx-id="5146766369">
<div class="element-box4">
<div class="element-box-contents1">
<div id="5146766369" ctype="7" class="element4"><span class="dmmcb">{{getValue('eqixxdkytxt3')}}</span></div>
</div>
</div>
</li>
<li id="inside_1791620992" num="26" ctype="7" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 71px; height: 22px; top: 232px; left: 125px; transform: rotateZ(0deg); display: block;" abs-pos="l-125-t-232.00000000000048-w-71-h-22" eqx-id="1791620992">
<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 125px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 12px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 26; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.2s 1 normal both running zoomIn;">
<div class="element-box-contents" style="width: 100%; height: 100%">
<div id="1791620992" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkytxt2')}}</span></div>
<li id="inside_1791620992" num="26" ctype="7" class="item item-comp" abs-pos="l-125-t-232.00000000000048-w-71-h-22" eqx-id="1791620992">
<div class="element-box5">
<div class="element-box-contents1">
<div id="1791620992" ctype="7" class="element5"><span class="dmmcb">{{getValue('eqixxdkytxt2')}}</span></div>
</div>
</div>
</li>
<li id="inside_8126459404" num="25" ctype="7" class="item item-comp" style="position: absolute; z-index: 25; opacity: 1; width: 71px; height: 22px; top: 232px; left: 44px; transform: rotateZ(0deg); display: block;" abs-pos="l-43.99999999999999-t-232.00000000000048-w-71-h-22" eqx-id="8126459404">
<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 44px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 12px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running zoomIn;">
<div class="element-box-contents" style="width: 100%; height: 100%">
<div id="8126459404" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkytxt1')}}</span></div>
<li id="inside_8126459404" num="25" ctype="7" class="item item-comp" abs-pos="l-43.99999999999999-t-232.00000000000048-w-71-h-22" eqx-id="8126459404">
<div class="element-box6">
<div class="element-box-contents1">
<div id="8126459404" ctype="7" class="element6"><span class="dmmcb">{{getValue('eqixxdkytxt1')}}</span></div>
</div>
</div>
</li>
<li id="inside_2932004473" num="24" ctype="7" class="item item-comp" style="position: absolute; z-index: 24; opacity: 1; width: 320px; height: 70px; top: 157px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t-157.00000000000006-w-320-h-70" eqx-id="2932004473">
<div class="element-box" style="width: 100%; height: 100%; top: 157px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 60px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 24; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running fadeInUp;">
<div class="element-box-contents" style="width: 100%; height: 100%">
<div id="2932004473" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: fangzheng_zyjt; font-size: 60px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">新店开业</span></div>
<li id="inside_2932004473" num="24" ctype="7" class="item item-comp" abs-pos="l-0-t-157.00000000000006-w-320-h-70" eqx-id="2932004473">
<div class="element-box7">
<div class="element-box-contents1">
<div id="2932004473" ctype="7" class="element7"><span class="dmmcb">新店开业</span></div>
</div>
</div>
</li>
<li id="inside_2346568986" num="23" ctype="7" class="item item-comp" style="position: absolute; z-index: 23; opacity: 1; width: 320px; height: 70px; top: 159px; left: 2px; transform: rotateZ(0deg); display: block;" abs-pos="l-2-t-159.00000000000006-w-320-h-70" eqx-id="2346568986">
<div class="element-box" style="width: 100%; height: 100%; top: 159px; left: 2px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 60px; background-color: rgba(255, 255, 255, 0); color: rgb(227, 197, 132); font-style: normal; font-weight: normal; text-decoration: none; z-index: 23; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running fadeIn;">
<div class="element-box-contents" style="width: 100%; height: 100%">
<div id="2346568986" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: fangzheng_zyjt; font-size: 60px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">新店开业</span></div>
<li id="inside_2346568986" num="23" ctype="7" class="item item-comp" abs-pos="l-2-t-159.00000000000006-w-320-h-70" eqx-id="2346568986">
<div class="element-box8">
<div class="element-box-contents1">
<div id="2346568986" ctype="7" class="element8"><span class="dmmcb">新店开业</span></div>
</div>
</div>
</li>
<li id="inside_2769347964" num="22" ctype="4" class="item item-comp" style="position: absolute; z-index: 22; opacity: 1; width: 71.5px; height: 33px; top: 113.5px; left: 124.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-124.5-t-113.5-w-71.5-h-33" eqx-id="2769347964">
<div class="element-box" style="width: 100%; height: 100%; top: 113.5px; left: 124.5px; z-index: 22; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running rollInDown;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2769347964" ctype="4" class="element comp_image editable-image" style="display: block; width: 71.5px; height: 33px; margin-left: 0px; margin-top: 0px;" draggable="false" :src="getValue('logo')" _tracker_click_="_tracker_click_"></div>
<li id="inside_2769347964" num="22" ctype="4" class="item item-comp" abs-pos="l-124.5-t-113.5-w-71.5-h-33" eqx-id="2769347964">
<div class="element-box9">
<div class="element-box-contents"><img id="2769347964" ctype="4" class="element9 comp_image editable-image" draggable="false" :src="getValue('logo')" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_3280430767" num="21" ctype="4" class="item item-comp" style="position: absolute; z-index: 21; opacity: 1; width: 143px; height: 63.5px; top: 279px; left: 88.5px; transform: rotateZ(0deg); display: block; animation: 4s linear 0s infinite normal both running tempKeyframesForMotion1;" abs-pos="l-88.5-t-279-w-143-h-63.5" eqx-id="3280430767">
<div class="element-box" style="width: 100%; height: 100%; top: 279px; left: 88.5px; z-index: 21; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3280430767" ctype="4" class="element comp_image editable-image" style="display: block; width: 143px; height: 63.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/car.png" _tracker_click_="_tracker_click_"></div>
<li id="inside_3280430767" num="21" ctype="4" class="item item-comp" abs-pos="l-88.5-t-279-w-143-h-63.5" eqx-id="3280430767">
<div class="element-box10">
<div class="element-box-contents"><img id="3280430767" ctype="4" class="element10 comp_image editable-image" draggable="false" src=" static/eqixxdky/car.png" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_5584826686" num="20" ctype="4" class="item item-comp" style="position: absolute; z-index: 20; opacity: 1; width: 36px; height: 22px; top: 268px; left: 216px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion0;" abs-pos="l-216-t-268-w-36-h-22" eqx-id="5584826686">
<div class="element-box" style="width: 100%; height: 100%; top: 268px; left: 216px; z-index: 20; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5584826686" ctype="4" class="element comp_image editable-image" style="display: block; width: 36px; height: 22px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/smallcar.png" _tracker_click_="_tracker_click_"></div>
<li id="inside_5584826686" num="20" ctype="4" class="item item-comp" abs-pos="l-216-t-268-w-36-h-22" eqx-id="5584826686">
<div class="element-box11">
<div class="element-box-contents"><img id="5584826686" ctype="4" class="element11 comp_image editable-image" draggable="false" src=" static/eqixxdky/smallcar.png" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_7930488904" num="19" ctype="4" class="item item-comp" style="position: absolute; z-index: 19; opacity: 1; width: 70px; height: 22px; top: 232px; left: 206px; transform: rotateZ(0deg); display: block;" abs-pos="l-206-t-232-w-70-h-22" eqx-id="7930488904">
<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 206px; z-index: 19; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running zoomIn;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7930488904" ctype="4" class="element comp_image editable-image" style="display: block; width: 70px; height: 22px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/bcircle.png" _tracker_click_="_tracker_click_"></div>
<li id="inside_7930488904" num="19" ctype="4" class="item item-comp" abs-pos="l-206-t-232-w-70-h-22" eqx-id="7930488904">
<div class="element-box12">
<div class="element-box-contents"><img id="7930488904" ctype="4" class="element12 comp_image editable-image" draggable="false" src=" static/eqixxdky/bcircle.png" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_1514994958" num="18" ctype="4" class="item item-comp" style="position: absolute; z-index: 18; opacity: 1; width: 70px; height: 22px; top: 232px; left: 125px; transform: rotateZ(0deg); display: block;" abs-pos="l-125-t-232-w-70-h-22" eqx-id="1514994958">
<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 125px; z-index: 18; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.2s 1 normal both running zoomIn;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1514994958" ctype="4" class="element comp_image editable-image" style="display: block; width: 70px; height: 22px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/bcircle.png" _tracker_click_="_tracker_click_"></div>
<li id="inside_1514994958" num="18" ctype="4" class="item item-comp" abs-pos="l-125-t-232-w-70-h-22" eqx-id="1514994958">
<div class="element-box13">
<div class="element-box-contents"><img id="1514994958" ctype="4" class="element13 comp_image editable-image" draggable="false" src=" static/eqixxdky/bcircle.png" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_5784993069" num="17" ctype="4" class="item item-comp" style="position: absolute; z-index: 17; opacity: 1; width: 70px; height: 22px; top: 232px; left: 44px; transform: rotateZ(0deg); display: block;" abs-pos="l-44-t-232-w-70-h-22" eqx-id="5784993069">
<div class="element-box" style="width: 100%; height: 100%; top: 232px; left: 44px; z-index: 17; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running zoomIn;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5784993069" ctype="4" class="element comp_image editable-image" style="display: block; width: 70px; height: 22px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/bcircle.png" _tracker_click_="_tracker_click_"></div>
<li id="inside_5784993069" num="17" ctype="4" class="item item-comp" abs-pos="l-44-t-232-w-70-h-22" eqx-id="5784993069">
<div class="element-box14">
<div class="element-box-contents"><img id="5784993069" ctype="4" class="element14 comp_image editable-image" draggable="false" src=" static/eqixxdky/bcircle.png" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_1745666382" num="16" ctype="4" class="item item-comp" style="position: absolute; z-index: 16; opacity: 1; width: 279.5px; height: 301.5px; top: 94.5px; left: 21.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-21.5-t-94.5-w-279.5-h-301.5" eqx-id="1745666382">
<div class="element-box" style="width: 100%; height: 100%; top: 94.5px; left: 21.5px; z-index: 16; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running zoomIn;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1745666382" ctype="4" class="element comp_image editable-image" style="display: block; width: 279.5px; height: 301.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/xdky.png" _tracker_click_="_tracker_click_"></div>
<li id="inside_1745666382" num="16" ctype="4" class="item item-comp" abs-pos="l-21.5-t-94.5-w-279.5-h-301.5" eqx-id="1745666382">
<div class="element-box15">
<div class="element-box-contents"><img id="1745666382" ctype="4" class="element15 comp_image editable-image" draggable="false" src=" static/eqixxdky/xdky.png" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_2109618132" num="15" ctype="4" class="item item-comp" style="position: absolute; z-index: 15; opacity: 1; width: 328px; height: 103px; top: 452.5px; left: -3.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--3.5-t-452.5-w-328-h-103" eqx-id="2109618132">
<div class="element-box" style="width: 100%; height: 100%; top: 452.5px; left: -3.5px; z-index: 15; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running fadeInUp;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2109618132" ctype="4" class="element comp_image editable-image" style="display: block; width: 328px; height: 103px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/colorbottom.png" _tracker_click_="_tracker_click_"></div>
<li id="inside_2109618132" num="15" ctype="4" class="item item-comp" abs-pos="l--3.5-t-452.5-w-328-h-103" eqx-id="2109618132">
<div class="element-box16">
<div class="element-box-contents"><img id="2109618132" ctype="4" class="element16 comp_image editable-image" draggable="false" src=" static/eqixxdky/colorbottom.png" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_9261020574" num="14" ctype="4" class="item item-comp" style="position: absolute; z-index: 14; opacity: 1; width: 320px; height: 63.5px; top: -23.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--23.5-w-320-h-63.5" eqx-id="9261020574">
<div class="element-box" style="width: 100%; height: 100%; top: -23.5px; left: 0px; z-index: 14; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInDown;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="9261020574" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 63.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/fence.png" _tracker_click_="_tracker_click_"></div>
<li id="inside_9261020574" num="14" ctype="4" class="item item-comp" abs-pos="l-0-t--23.5-w-320-h-63.5" eqx-id="9261020574">
<div class="element-box17">
<div class="element-box-contents"><img id="9261020574" ctype="4" class="element17 comp_image editable-image" draggable="false" src=" static/eqixxdky/fence.png" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_1630548479" num="13" ctype="4" class="item item-comp" style="position: absolute; z-index: 13; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="1630548479">
<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 13; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 0s infinite normal both running puffOut;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1630548479" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/backgroudscale.png" _tracker_click_="_tracker_click_"></div>
<li id="inside_1630548479" num="13" ctype="4" class="item item-comp" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="1630548479">
<div class="element-box18">
<div class="element-box-contents"><img id="1630548479" ctype="4" class="element18 comp_image editable-image" draggable="false" src=" static/eqixxdky/backgroudscale.png" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_8859283365" num="12" ctype="4" class="item item-comp" style="position: absolute; z-index: 12; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="8859283365">
<div class="element-box" style="width: 100%; height: 100%; top: 47px; left: -5.5px; z-index: 12; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running puffIn;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8859283365" ctype="4" class="element comp_image editable-image" style="display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/backgroudscale.png" _tracker_click_="_tracker_click_"></div>
<li id="inside_8859283365" num="12" ctype="4" class="item item-comp" abs-pos="l--5.5-t-47-w-331-h-393" eqx-id="8859283365">
<div class="element-box19">
<div class="element-box-contents"><img id="8859283365" ctype="4" class="element19 comp_image editable-image" draggable="false" src=" static/eqixxdky/backgroudscale.png" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_920607203" num="11" ctype="4" class="item item-comp" style="position: absolute; z-index: 11; opacity: 1; width: 320px; height: 639px; top: -76.5px; left: 0px; transform: rotateZ(0deg); display: block;" abs-pos="l-0-t--76.5-w-320-h-639" eqx-id="920607203">
<div class="element-box" style="width: 100%; height: 100%; top: -76.5px; left: 0px; z-index: 11; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeIn;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="920607203" ctype="4" class="element comp_image editable-image" style="display: block; width: 320px; height: 639px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fu5VE1mbYrRGF3OiSG5RIQ8dr_Yh?imageMogr2/auto-orient/thumbnail/960x1917%3E/format/webp" _tracker_click_="_tracker_click_"></div>
<li id="inside_920607203" num="11" ctype="4" class="item item-comp" abs-pos="l-0-t--76.5-w-320-h-639" eqx-id="920607203">
<div class="element-box20">
<div class="element-box-contents"><img id="920607203" ctype="4" class="element20 comp_image editable-image" draggable="false" src="https://res1.eqh5.com/Fu5VE1mbYrRGF3OiSG5RIQ8dr_Yh?imageMogr2/auto-orient/thumbnail/960x1917%3E/format/webp" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_1012238049" num="10" ctype="4" class="item item-comp" style="position: absolute; z-index: 10; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 289.5px; transform: rotateZ(0deg); display: block;" abs-pos="l-289.49999999999994-t--75.5-w-34-h-637" eqx-id="1012238049">
<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 289.5px; z-index: 10; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutLeft;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1012238049" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
<li id="inside_1012238049" num="10" ctype="4" class="item item-comp" abs-pos="l-289.49999999999994-t--75.5-w-34-h-637" eqx-id="1012238049">
<div class="element-box21">
<div class="element-box-contents"><img id="1012238049" ctype="4" class="element21 comp_image editable-image" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_7644118123" num="9" ctype="4" class="item item-comp" style="position: absolute; z-index: 9; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 257.083px; transform: rotateZ(0deg); display: block;" abs-pos="l-257.0833333333333-t--75.5-w-34-h-637" eqx-id="7644118123">
<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 257.083px; z-index: 9; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutLeft;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="7644118123" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
<li id="inside_7644118123" num="9" ctype="4" class="item item-comp" abs-pos="l-257.0833333333333-t--75.5-w-34-h-637" eqx-id="7644118123">
<div class="element-box22">
<div class="element-box-contents"><img id="7644118123" ctype="4" class="element22 comp_image editable-image" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_6960806425" num="8" ctype="4" class="item item-comp" style="position: absolute; z-index: 8; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 224.667px; transform: rotateZ(0deg); display: block;" abs-pos="l-224.6666666666666-t--75.5-w-34-h-637" eqx-id="6960806425">
<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 224.667px; z-index: 8; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutLeft;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="6960806425" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
<li id="inside_6960806425" num="8" ctype="4" class="item item-comp" abs-pos="l-224.6666666666666-t--75.5-w-34-h-637" eqx-id="6960806425">
<div class="element-box23">
<div class="element-box-contents"><img id="6960806425" ctype="4" class="element23 comp_image editable-image" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_3659582626" num="7" ctype="4" class="item item-comp" style="position: absolute; z-index: 7; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 192.25px; transform: rotateZ(0deg); display: block;" abs-pos="l-192.24999999999991-t--75.5-w-34-h-637" eqx-id="3659582626">
<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 192.25px; z-index: 7; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutLeft;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3659582626" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
<li id="inside_3659582626" num="7" ctype="4" class="item item-comp" abs-pos="l-192.24999999999991-t--75.5-w-34-h-637" eqx-id="3659582626">
<div class="element-box24">
<div class="element-box-contents"><img id="3659582626" ctype="4" class="element24 comp_image editable-image" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_2602629981" num="6" ctype="4" class="item item-comp" style="position: absolute; z-index: 6; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 159.833px; transform: rotateZ(0deg); display: block;" abs-pos="l-159.83333333333326-t--75.5-w-34-h-637" eqx-id="2602629981">
<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 159.833px; z-index: 6; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutLeft;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2602629981" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
<li id="inside_2602629981" num="6" ctype="4" class="item item-comp" abs-pos="l-159.83333333333326-t--75.5-w-34-h-637" eqx-id="2602629981">
<div class="element-box25">
<div class="element-box-contents"><img id="2602629981" ctype="4" class="element25 comp_image editable-image" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_4727268714" num="5" ctype="4" class="item item-comp" style="position: absolute; z-index: 5; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 127.417px; transform: rotateZ(0deg); display: block;" abs-pos="l-127.41666666666663-t--75.5-w-34-h-637" eqx-id="4727268714">
<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 127.417px; z-index: 5; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutRight;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4727268714" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
<li id="inside_4727268714" num="5" ctype="4" class="item item-comp" abs-pos="l-127.41666666666663-t--75.5-w-34-h-637" eqx-id="4727268714">
<div class="element-box26">
<div class="element-box-contents"><img id="4727268714" ctype="4" class="element26 comp_image editable-image" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_60594126" num="4" ctype="4" class="item item-comp" style="position: absolute; z-index: 4; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 95px; transform: rotateZ(0deg); display: block;" abs-pos="l-94.99999999999997-t--75.5-w-34-h-637" eqx-id="60594126">
<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 95px; z-index: 4; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutRight;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="60594126" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
<li id="inside_60594126" num="4" ctype="4" class="item item-comp" abs-pos="l-94.99999999999997-t--75.5-w-34-h-637" eqx-id="60594126">
<div class="element-box27">
<div class="element-box-contents"><img id="60594126" ctype="4" class="element27 comp_image editable-image" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_988505773" num="3" ctype="4" class="item item-comp" style="position: absolute; z-index: 3; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 62.5833px; transform: rotateZ(0deg); display: block;" abs-pos="l-62.58333333333283-t--75.5-w-34.000000000000085-h-637" eqx-id="988505773">
<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 62.5833px; z-index: 3; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutRight;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="988505773" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-top: -7.95808e-13px; margin-left: 0px;" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
<li id="inside_988505773" num="3" ctype="4" class="item item-comp" abs-pos="l-62.58333333333283-t--75.5-w-34.000000000000085-h-637" eqx-id="988505773">
<div class="element-box28">
<div class="element-box-contents"><img id="988505773" ctype="4" class="element28 comp_image editable-image" draggable="false" src="https://res1.eqh5.com/FiVEuLqgED4Av67FS0Lxme_E12_r?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_1562735193" num="2" ctype="4" class="item item-comp" style="position: absolute; z-index: 2; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 30.1667px; transform: rotateZ(0deg); display: block;" abs-pos="l-30.166666666666657-t--75.5-w-34-h-637" eqx-id="1562735193">
<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: 30.1667px; z-index: 2; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutRight;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="1562735193" ctype="4" class="element comp_image editable-image" style="display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
<li id="inside_1562735193" num="2" ctype="4" class="item item-comp" abs-pos="l-30.166666666666657-t--75.5-w-34-h-637" eqx-id="1562735193">
<div class="element-box29">
<div class="element-box-contents"><img id="1562735193" ctype="4" class="element29 comp_image editable-image" draggable="false" src="https://res1.eqh5.com/Fp1j0dN3hwgs6DD7N_klTRrju2SE?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_8285160358" num="1" ctype="4" class="item item-comp" style="position: absolute; z-index: 1; opacity: 1; width: 34.5px; height: 637px; top: -75.5px; left: -2.5px; transform: rotateZ(0deg); display: block;" abs-pos="l--2.5-t--75.5-w-34.5-h-637" eqx-id="8285160358">
<div class="element-box" style="width: 100%; height: 100%; top: -75.5px; left: -2.5px; z-index: 1; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutRight;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="8285160358" ctype="4" class="element comp_image editable-image" style="display: block; width: 34.5px; height: 637px; margin-left: 0px; margin-top: 0px;" draggable="false" src="https://res1.eqh5.com/FvRgfBGf42WT9C-T0wcMEU3t2Sbc?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
<li id="inside_8285160358" num="1" ctype="4" class="item item-comp" abs-pos="l--2.5-t--75.5-w-34.5-h-637" eqx-id="8285160358">
<div class="element-box30">
<div class="element-box-contents"><img id="8285160358" ctype="4" class="element30 comp_image editable-image" draggable="false" src="https://res1.eqh5.com/FvRgfBGf42WT9C-T0wcMEU3t2Sbc?imageMogr2/auto-orient/thumbnail/102x1911%3E/format/webp" _tracker_click_="_tracker_click_"></div>
</div>
</li>
</ul>
......@@ -359,4 +359,288 @@
height: 100%;
position: relative;
}
.z-current{
transform-origin: 0% 0% 0px;
transform: rotate(0deg);
}
.element1{
padding: 5px; width: 100%; height: 100%;font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;
}
.element2{
padding: 5px; width: 100%; height: 100%;font-size: 22px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;
}
.element3{
padding: 5px; width: 100%; height: 100%;font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;
}
.element4{
padding: 5px; width: 100%; height: 100%;font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;
}
.element5{
padding: 5px; width: 100%; height: 100%;font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;
}
.element6{
padding: 5px; width: 100%; height: 100%;font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;
}
.element7{
padding: 5px; width: 100%; height: 100%;font-size: 60px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;
}
.element8{
padding: 5px; width: 100%; height: 100%;font-size: 60px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;
}
.element9{
display: block; width: 71.5px; height: 33px; margin-left: 0px; margin-top: 0px;
}
.element10{
display: block; width: 143px; height: 63.5px; margin-left: 0px; margin-top: 0px;
}
.element11{
display: block; width: 36px; height: 22px; margin-left: 0px; margin-top: 0px;
}
.element12{
display: block; width: 70px; height: 22px; margin-left: 0px; margin-top: 0px;
}
.element13{
display: block; width: 70px; height: 22px; margin-left: 0px; margin-top: 0px;
}
.element14{
display: block; width: 70px; height: 22px; margin-left: 0px; margin-top: 0px;
}
.element15{
display: block; width: 279.5px; height: 301.5px; margin-left: 0px; margin-top: 0px;
}
.element16{
display: block; width: 328px; height: 103px; margin-left: 0px; margin-top: 0px;
}
.element17{
display: block; width: 320px; height: 63.5px; margin-left: 0px; margin-top: 0px;
}
.element18{
display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;
}
.element19{
display: block; width: 331px; height: 393px; margin-left: 0px; margin-top: 0px;
}
.element20{
display: block; width: 320px; height: 639px; margin-left: 0px; margin-top: 0px;
}
.element21{
display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;
}
.element22{
display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;
}
.element23{
display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;
}
.element24{
display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;
}
.element25{
display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;
}
.element26{
display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;
}
.element27{
display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;
}
.element28{
display: block; width: 34px; height: 637px; margin-top: -7.95808e-13px; margin-left: 0px;
}
.element29{
display: block; width: 34px; height: 637px; margin-left: 0px; margin-top: 0px;
}
.element30{
display: block; width: 34.5px; height: 637px; margin-left: 0px; margin-top: 0px;
}
.element-box-contents1{
width: 100%; height: 100%
}
.element-box-contents{
width: 100%; height: 100%; overflow: hidden;
}
#inside_8999320114{
position: absolute;z-index: 30; opacity: 1; width: 320px; height: 24px; top: 456px; left: 0px; transform: rotateZ(0deg); display: block;
}
#inside_3010810776{
position: absolute; z-index: 29; opacity: 1; width: 320px; height: 32px; top: 357px; left: 0px; transform: rotateZ(0deg); display: block;
}
#inside_780853524{
position: absolute; z-index: 28; opacity: 1; width: 320px; height: 24px; top: 340px; left: 2px; transform: rotateZ(0deg); display: block;
}
#inside_5146766369{
position: absolute; z-index: 27; opacity: 1; width: 71px; height: 22px; top: 232px; left: 206px; transform: rotateZ(0deg); display: block;
}
#inside_1791620992{
position: absolute; z-index: 26; opacity: 1; width: 71px; height: 22px; top: 232px; left: 125px; transform: rotateZ(0deg); display: block;
}
#inside_8126459404{
position: absolute; z-index: 25; opacity: 1; width: 71px; height: 22px; top: 232px; left: 44px; transform: rotateZ(0deg); display: block;
}
#inside_2932004473{
position: absolute; z-index: 24; opacity: 1; width: 320px; height: 70px; top: 157px; left: 0px; transform: rotateZ(0deg); display: block;
}
#inside_2346568986{
position: absolute; z-index: 23; opacity: 1; width: 320px; height: 70px; top: 159px; left: 2px; transform: rotateZ(0deg); display: block;
}
#inside_2769347964{
position: absolute; z-index: 22; opacity: 1; width: 71.5px; height: 33px; top: 113.5px; left: 124.5px; transform: rotateZ(0deg); display: block;
}
#inside_3280430767{
position: absolute; z-index: 21; opacity: 1; width: 143px; height: 63.5px; top: 279px; left: 88.5px; transform: rotateZ(0deg); display: block; animation: 4s linear 0s infinite normal both running tempKeyframesForMotion1;
}
#inside_5584826686{
position: absolute; z-index: 20; opacity: 1; width: 36px; height: 22px; top: 268px; left: 216px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion0;
}
#inside_7930488904{
position: absolute; z-index: 19; opacity: 1; width: 70px; height: 22px; top: 232px; left: 206px; transform: rotateZ(0deg); display: block;
}
#inside_1514994958{
position: absolute; z-index: 18; opacity: 1; width: 70px; height: 22px; top: 232px; left: 125px; transform: rotateZ(0deg); display: block;
}
#inside_5784993069{
position: absolute; z-index: 17; opacity: 1; width: 70px; height: 22px; top: 232px; left: 44px; transform: rotateZ(0deg); display: block;
}
#inside_1745666382{
position: absolute; z-index: 16; opacity: 1; width: 279.5px; height: 301.5px; top: 94.5px; left: 21.5px; transform: rotateZ(0deg); display: block;
}
#inside_2109618132{
position: absolute; z-index: 15; opacity: 1; width: 328px; height: 103px; top: 452.5px; left: -3.5px; transform: rotateZ(0deg); display: block;
}
#inside_9261020574{
position: absolute; z-index: 14; opacity: 1; width: 320px; height: 63.5px; top: -23.5px; left: 0px; transform: rotateZ(0deg); display: block;
}
#inside_1630548479{
position: absolute; z-index: 13; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;
}
#inside_8859283365{
position: absolute; z-index: 12; opacity: 1; width: 331px; height: 393px; top: 47px; left: -5.5px; transform: rotateZ(0deg); display: block;
}
#inside_920607203{
position: absolute; z-index: 11; opacity: 1; width: 320px; height: 639px; top: -76.5px; left: 0px; transform: rotateZ(0deg); display: block;
}
#inside_1012238049{
position: absolute; z-index: 10; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 289.5px; transform: rotateZ(0deg); display: block;
}
#inside_7644118123{
position: absolute; z-index: 9; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 257.083px; transform: rotateZ(0deg); display: block;
}
#inside_6960806425{
position: absolute; z-index: 8; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 224.667px; transform: rotateZ(0deg); display: block;
}
#inside_3659582626{
position: absolute; z-index: 7; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 192.25px; transform: rotateZ(0deg); display: block;
}
#inside_2602629981{
position: absolute; z-index: 6; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 159.833px; transform: rotateZ(0deg); display: block;
}
#inside_4727268714{
position: absolute; z-index: 5; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 127.417px; transform: rotateZ(0deg); display: block;
}
#inside_60594126{
position: absolute; z-index: 4; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 95px; transform: rotateZ(0deg); display: block;
}
#inside_988505773{
position: absolute; z-index: 3; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 62.5833px; transform: rotateZ(0deg); display: block;
}
#inside_1562735193{
position: absolute; z-index: 2; opacity: 1; width: 34px; height: 637px; top: -75.5px; left: 30.1667px; transform: rotateZ(0deg); display: block;
}
#inside_8285160358{
position: absolute; z-index: 1; opacity: 1; width: 34.5px; height: 637px; top: -75.5px; left: -2.5px; transform: rotateZ(0deg); display: block;
}
.element-box1{width: 100%; height: 100%; top: 456px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 14px; background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); font-style: normal; font-weight: normal; text-decoration: none; z-index: 30; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;
}
.element-box2{
width: 100%; height: 100%; top: 357px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 22px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: bold; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 29; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running puffIn;
}
.element-box3{
width: 100%; height: 100%; top: 340px; left: 2px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 14px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 28; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.8s 1 normal both running zoomIn;
}
.element-box4{
width: 100%; height: 100%; top: 232px; left: 206px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 12px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 27; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running zoomIn;
}
.element-box5{
width: 100%; height: 100%; top: 232px; left: 125px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 12px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 26; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.2s 1 normal both running zoomIn;
}
.element-box6{
width: 100%; height: 100%; top: 232px; left: 44px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 12px; background-color: rgba(255, 255, 255, 0); color: rgb(145, 96, 52); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 25; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running zoomIn;
}
.element-box7{
width: 100%; height: 100%; top: 157px; left: 0px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 60px; background-color: rgba(255, 255, 255, 0); color: rgb(74, 58, 48); font-style: normal; font-weight: normal; text-decoration: none; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 24; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running fadeInUp;
}
.element-box8{
width: 100%; height: 100%; top: 159px; left: 2px; writing-mode: horizontal-tb; text-align: center; line-height: 1; font-size: 60px; background-color: rgba(255, 255, 255, 0); color: rgb(227, 197, 132); font-style: normal; font-weight: normal; text-decoration: none; z-index: 23; transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running fadeIn;
}
.element-box9{
width: 100%; height: 100%; top: 113.5px; left: 124.5px; z-index: 22; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running rollInDown;
}
.element-box10{
width: 100%; height: 100%; top: 279px; left: 88.5px; z-index: 21; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;
}
.element-box11{
width: 100%; height: 100%; top: 268px; left: 216px; z-index: 20; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;
}
.element-box12{
width: 100%; height: 100%; top: 232px; left: 206px; z-index: 19; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running zoomIn;
}
.element-box13{
width: 100%; height: 100%; top: 232px; left: 125px; z-index: 18; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.2s 1 normal both running zoomIn;
}
.element-box14{
width: 100%; height: 100%; top: 232px; left: 44px; z-index: 17; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1s 1 normal both running zoomIn;
}
.element-box15{
width: 100%; height: 100%; top: 94.5px; left: 21.5px; z-index: 16; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running zoomIn;
}
.element-box16{
width: 100%; height: 100%; top: 452.5px; left: -3.5px; z-index: 15; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running fadeInUp;
}
.element-box17{
width: 100%; height: 100%; top: -23.5px; left: 0px; z-index: 14; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeInDown;
}
.element-box18{
width: 100%; height: 100%; top: 47px; left: -5.5px; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 13; margin-top: 0px; margin-bottom: 0px; animation: 1.2s ease 0s infinite normal both running puffOut;
}
.element-box19{
width: 100%; height: 100%; top: 47px; left: -5.5px; z-index: 12; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.8s 1 normal both running puffIn;
}
.element-box20{
width: 100%; height: 100%; top: -76.5px; left: 0px; z-index: 11; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.6s 1 normal both running fadeIn;
}
.element-box21{
width: 100%; height: 100%; top: -75.5px; left: 289.5px; z-index: 10; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutLeft;
}
.element-box22{
width: 100%; height: 100%; top: -75.5px; left: 257.083px; z-index: 9; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutLeft;
}
.element-box23{
width: 100%; height: 100%; top: -75.5px; left: 224.667px; z-index: 8; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutLeft;
}
.element-box24{
width: 100%; height: 100%; top: -75.5px; left: 192.25px; z-index: 7; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutLeft;
}
.element-box25{
width: 100%; height: 100%; top: -75.5px; left: 159.833px; z-index: 6; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutLeft;
}
.element-box26{
width: 100%; height: 100%; top: -75.5px; left: 127.417px; z-index: 5; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0s 1 normal both running fadeOutRight;
}
.element-box27{
width: 100%; height: 100%; top: -75.5px; left: 95px; z-index: 4; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.1s 1 normal both running fadeOutRight;
}
.element-box28{
width: 100%; height: 100%; top: -75.5px; left: 62.5833px; z-index: 3; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.2s 1 normal both running fadeOutRight;
}
.element-box29{
width: 100%; height: 100%; top: -75.5px; left: 30.1667px; z-index: 2; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.3s 1 normal both running fadeOutRight;
}
.element-box30{
width: 100%; height: 100%; top: -75.5px; left: -2.5px; z-index: 1; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 0.4s 1 normal both running fadeOutRight;
}
</style>
\ No newline at end of file
<template>
<div class="containerone">
<div class="p-index main" id="con" style="transform: scale(3.385);transform-origin: left top;">
<div class="p-index main" id="con">
<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
<section class="main-page z-current" style="transform-origin: 0% 0% 0px;">
<div class="nr" id="nr">
<section class="main-page z-current">
<div class="m-img" id="page5" _tracker_view_="_tracker_view_">
<div class="edit_wrapper" data-scene-id="1542398668" style="position: relative; z-index: 1">
<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
<div id="wrapper-background8994115524" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
<div class="edit_wrapper" data-scene-id="1542398668">
<div class="whopazo">
<div id="wrapper-background8994115524" class="eqx-bg"></div>
</div>
<section class="layer" id="layer:479630931" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
<section class="layer" id="layer:479630931">
<div class="layer-box">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
<li id="inside_5932654499" num="51" ctype="7" class="item item-comp" style="position: absolute; z-index: 51; opacity: 1; width: 74px; height: 31px; top: 323.5px; left: 221px; transform: rotateZ(0deg); display: block;" abs-pos="l-221-t-323.50000000000006-w-74-h-31" eqx-id="5932654499">
<div class="element-box" style="width: 100%; height: 100%; top: 323.5px; left: 221px; writing-mode: horizontal-tb; text-align: right; line-height: 1.5; font-size: 14px; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; text-decoration: none; z-index: 51; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 3s 1 normal both running fadeInLeft;">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active">
<li id="inside_5932654499" num="51" ctype="7" class="item item-comp" style="position: absolute;
z-index: 51;
opacity: 1;
width: 74px;
height: 31px;
top: 323.5px;
left: 221px;
transform: rotateZ(0deg);
display: block;" abs-pos="l-221-t-323.50000000000006-w-74-h-31" eqx-id="5932654499">
<div class="element-box" style="
width: 100%;
height: 100%;
top: 323.5px;
left: 221px;
writing-mode: horizontal-tb;
text-align: right;
line-height: 1.5;
font-size: 14px;
color: rgb(145, 96, 52);
transform: none;
border-width: 0px;
border-style: solid;
border-color: rgb(0, 0, 0);
border-radius: 0px;
padding-bottom: 0px;
padding-top: 0px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px;
text-decoration: none;
z-index: 51;
margin-top: 0px;
margin-bottom: 0px;
animation: 1s ease 3s 1 normal both running fadeInLeft;">
<div class="element-box-contents" style="width: 100%; height: 100%">
<div id="5932654499" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">{{getValue('eqixxdkyjuicenameprice5')}}</span></div>
<div id="5932654499" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-size: 14px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="dmmcb">{{getValue('eqixxdkyjuicenameprice5')}}</span></div>
</div>
</div>
</li>
......@@ -160,7 +190,7 @@
</li>
<li id="inside_4940589076" num="30" ctype="4" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 61px; height: 61px; top: 118px; left: 227px; transform: rotateZ(0deg); display: block;" abs-pos="l-227-t-118-w-61-h-61" eqx-id="4940589076">
<div class="element-box" style="width: 100%; height: 100%; top: 118px; left: 227px; z-index: 30; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 30.5px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.7s 1 normal both running zoomIn;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4940589076" ctype="4" class="element comp_image editable-image" style="display: block; width: 59px; height: 59px; margin-left: 0px; margin-top: 0px;" draggable="false" :src="getValue('eqixxdky5img4')"_tracker_click_="_tracker_click_"></div>
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4940589076" ctype="4" class="element comp_image editable-image" style="display: block; width: 59px; height: 59px; margin-left: 0px; margin-top: 0px;" draggable="false" :src="getValue('eqixxdky5img4')" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_5699113974" num="29" ctype="4" class="item item-comp" style="position: absolute; z-index: 29; opacity: 1; width: 61px; height: 61px; top: 118px; left: 162px; transform: rotateZ(0deg); display: block;" abs-pos="l-162-t-118-w-61-h-61" eqx-id="5699113974">
......@@ -175,7 +205,7 @@
</li>
<li id="inside_4581193169" num="27" ctype="4" class="item item-comp" style="position: absolute; z-index: 27; opacity: 1; width: 61px; height: 61px; top: 118px; left: 32px; transform: rotateZ(0deg); display: block;" abs-pos="l-32-t-118-w-61-h-61" eqx-id="4581193169">
<div class="element-box" style="width: 100%; height: 100%; top: 118px; left: 32px; z-index: 27; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 30.5px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.4s 1 normal both running zoomIn;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4581193169" ctype="4" class="element comp_image editable-image" style="display: block; width: 59px; height: 59px; margin-left: 0px; margin-top: 0px;" draggable="false" :src="getValue('eqixxdky5img')" _tracker_click_="_tracker_click_"></div>
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="4581193169" ctype="4" class="element comp_image editable-image" style="display: block; width: 59px; height: 59px; margin-left: 0px; margin-top: 0px;" draggable="false" :src="getValue('eqixxdky5img')" _tracker_click_="_tracker_click_"></div>
</div>
</li>
<li id="inside_8738872414" num="26" ctype="4" class="item item-comp" style="position: absolute; z-index: 26; opacity: 1; width: 22px; height: 13.5px; top: 368.5px; left: 227px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion47;" abs-pos="l-227-t-368.5-w-22-h-13.5" eqx-id="8738872414">
......@@ -318,7 +348,7 @@
</div>
</section>
</div>
</div>
</div>
</section>
</div>
......@@ -335,7 +365,7 @@
export default {
name: 'eqixxdky',
props: ['schemaData', 'page', 'isEditMode', 'cancelEdit'],
mixins: [methods,pageMixin],
mixins: [methods, pageMixin],
components: {},
created() {
console.log(this.schemaData)
......@@ -496,4 +526,8 @@
height: 100%;
position: relative;
}
.z-current {
transform-origin: 0% 0% 0px;
}
</style>
\ No newline at end of file
<template>
<div class="containerone">
<div class="p-index main" id="con" style="transform: scale(3.385);transform-origin: left top;">
<div class="p-index main" id="con">
<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
<section class="main-page z-current" style="transform-origin: 0% 0% 0px;">
<div class="nr" id="nr">
<section class="main-page z-current">
<div class="m-img" id="page4" _tracker_view_="_tracker_view_">
<div class="edit_wrapper" data-scene-id="1542398667" style="position: relative; z-index: 1">
<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
<div id="wrapper-background1150122352" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
<div class="edit_wrapper" data-scene-id="1542398667">
<div class="whopazo">
<div id="wrapper-background1150122352" class="eqx-bg"></div>
</div>
<section class="layer" id="layer:8494262488" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
<section class="layer" id="layer:8494262488">
<div class="layer-box">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
<li id="inside_2799736351" num="34" ctype="4" class="item item-comp" style="position: absolute; z-index: 34; opacity: 1; width: 22px; height: 13.5px; top: 368.5px; left: 227px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion26;" abs-pos="l-227-t-368.5-w-22-h-13.5" eqx-id="2799736351">
<div class="element-box" style="width: 100%; height: 100%; top: 368.5px; left: 227px; z-index: 34; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active">
<li id="inside_2799736351" num="34" ctype="4" class="item item-comp" style="
position: absolute;
z-index: 34;
opacity: 1;
width: 22px;
height: 13.5px;
top: 368.5px;
left: 227px;
transform: rotateZ(0deg);
display: block;
animation: 6s linear 0s infinite normal both running tempKeyframesForMotion26;" abs-pos="l-227-t-368.5-w-22-h-13.5" eqx-id="2799736351">
<div class="element-box" style="
width: 100%;
height: 100%;
top: 368.5px;
left: 227px;
z-index: 34;
color: rgb(103, 103, 103);
transform: none;
text-align: left;
border-width: 0px;
border-style: solid;
border-color: rgb(0, 0, 0);
border-radius: 0px;
padding-bottom: 0px;
padding-top: 0px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
animation-direction: normal;
animation-fill-mode: both; animation-play-state: running;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="2799736351" ctype="4" class="element comp_image editable-image" style="display: block; width: 22px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/smallcar.png" _tracker_click_="_tracker_click_"></div>
</div>
</li>
......@@ -383,4 +412,7 @@
height: 100%;
position: relative;
}
.z-current{
transform-origin: 0% 0% 0px;
}
</style>
\ No newline at end of file
<template>
<div class="containerone">
<div class="p-index main" id="con" style="transform: scale(3.385);transform-origin: left top;">
<div class="p-index main" id="con">
<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
<div class="nr" id="nr" >
<section class="main-page z-current" style="">
<div class="m-img" id="page6" _tracker_view_="_tracker_view_">
<div class="edit_wrapper" data-scene-id="1542398669" style="position: relative; z-index: 1">
<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
<div id="wrapper-background8482563063" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
<div class="edit_wrapper" data-scene-id="1542398669">
<div class="whopazo">
<div id="wrapper-background8482563063" class="eqx-bg"></div>
</div>
<section class="layer" id="layer:5459444966" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
<section class="layer" id="layer:5459444966">
<div class="layer-box">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
<li id="inside_3807860655" num="44" ctype="4" class="item item-comp" style="position: absolute; z-index: 44; opacity: 1; width: 125.5px; height: 59.5px; top: 308px; left: 33px; transform: rotateZ(0deg); display: block;" abs-pos="l-33-t-308-w-125.5-h-59.5" eqx-id="3807860655">
<div class="element-box" style="width: 100%; height: 100%; top: 308px; left: 33px; z-index: 44; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 1px; border-style: solid; border-color: rgb(145, 96, 52); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; line-height: 1; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 2s 1 normal both running fadeInLeft;">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active">
<li id="inside_3807860655" num="44" ctype="4" class="item item-comp" style="
position: absolute;
z-index: 44;
opacity: 1;
width: 125.5px;
height: 59.5px;
top: 308px;
left: 33px;
transform: rotateZ(0deg);
display: block;" abs-pos="l-33-t-308-w-125.5-h-59.5" eqx-id="3807860655">
<div class="element-box" style="
width: 100%;
height: 100%;
top: 308px;
left: 33px;
z-index: 44;
color: rgb(103, 103, 103);
transform: none;
text-align: left;
border-width: 1px;
border-style: solid;
border-color: rgb(145, 96, 52);
border-radius: 0px;
padding-bottom: 0px;
padding-top: 0px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px;
line-height: 1;
margin-top: 0px;
margin-bottom: 0px;
animation: 1s ease 2s 1 normal both running fadeInLeft;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="3807860655" ctype="4" class="element comp_image editable-image" style="display: block; width: 123.5px; height: 58.5518px; margin-top: -0.525896px; margin-left: 0px;" draggable="false" :src="getValue('eqixxdky6img4')" _tracker_click_="_tracker_click_"></div>
</div>
</li>
......
<template>
<div class="containerone">
<div class="p-index main" id="con" style="transform: scale(3.385);transform-origin: left top;">
<div class="p-index main" id="con">
<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
<section class="main-page z-current" style="transform-origin: 0% 0% 0px;">
<div class="nr" id="nr">
<section class="main-page z-current">
<div class="m-img" id="page9" _tracker_view_="_tracker_view_">
<div class="edit_wrapper" data-scene-id="1542398673" style="position: relative; z-index: 1">
<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
<div id="wrapper-background8096889094" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
<div class="edit_wrapper" data-scene-id="1542398673">
<div class="whopazo">
<div id="wrapper-background8096889094" class="eqx-bg"></div>
</div>
<section class="layer" id="layer:2118840354" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
<section class="layer" id="layer:2118840354">
<div class="layer-box">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
<li id="inside_926637365" num="30" ctype="7" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 282px; height: 22px; top: 223px; left: 20px; transform: rotateZ(0deg); display: block;" abs-pos="l-19.999999999999943-t-223.00000000000074-w-282-h-22" eqx-id="926637365">
<div class="element-box" style="width: 100%; height: 100%; top: 223px; left: 20px; writing-mode: horizontal-tb; text-align: center; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: underline; color: rgb(145, 96, 52); transform: none; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; z-index: 30; margin-top: 0px; margin-bottom: 0px; animation: 1s ease 1.6s 1 normal both running zoomIn;">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active">
<li id="inside_926637365" num="30" ctype="7" class="item item-comp" style="
position: absolute;
z-index: 30;
opacity: 1;
width: 282px;
height: 22px;
top: 223px;
left: 20px;
transform: rotateZ(0deg);
display: block;" abs-pos="l-19.999999999999943-t-223.00000000000074-w-282-h-22" eqx-id="926637365">
<div class="element-box" style="
width: 100%;
height: 100%;
top: 223px;
left: 20px;
writing-mode: horizontal-tb;
text-align: center;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-decoration: underline;
color: rgb(145, 96, 52);
transform: none;
border-width: 0px;
border-style: solid;
border-color: rgb(0, 0, 0);
border-radius: 0px;
padding-bottom: 0px;
padding-top: 0px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px;
z-index: 30;
margin-top: 0px;
margin-bottom: 0px;
animation: 1s ease 1.6s 1 normal both running zoomIn;">
<div class="element-box-contents" style="width: 100%; height: 100%">
<div id="926637365" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span style="display: block;margin-top: 0px;margin-bottom: 0px;color: inherit;-ms-word-wrap: break-word;word-wrap: break-word; -webkit-user-select: auto">&gt;{{getValue('eqixxdky10head3')}}&lt;</span></div>
<div id="926637365" ctype="7" class="element" style="padding: 5px; width: 100%; height: 100%; font-family: &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; writing-mode: horizontal-tb; cursor: default; min-height: inherit; letter-spacing: 0em;"><span class="dmmcb">&gt;{{getValue('eqixxdky10head3')}}&lt;</span></div>
</div>
</div>
</li>
......@@ -357,4 +389,7 @@
height: 100%;
position: relative;
}
.z-current{
transform-origin: 0% 0% 0px;
}
</style>
\ No newline at end of file
<template>
<div class="containerone">
<div class="p-index main" id="con" style="transform: scale(3.385);transform-origin: left top;">
<div class="p-index main" id="con">
<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
<div class="nr" id="nr">
<section class="main-page z-current" style="">
<div class="m-img" id="page3" _tracker_view_="_tracker_view_">
<div class="edit_wrapper" data-scene-id="1542398666" style="position: relative; z-index: 1">
<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
<div id="wrapper-background2018466701" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
<div class="edit_wrapper" data-scene-id="1542398666">
<div class="whopazo">
<div id="wrapper-background2018466701" class="eqx-bg"></div>
</div>
<section class="layer" id="layer:2625808858" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
<section class="layer" id="layer:2625808858">
<div class="layer-box">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active">
<li id="inside_5555885305" num="30" ctype="4" class="item item-comp" style="position: absolute; z-index: 30; opacity: 1; width: 22px; height: 13.5px; top: 368.5px; left: 227px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion6;" abs-pos="l-227-t-368.5-w-22-h-13.5" eqx-id="5555885305">
<div class="element-box" style="width: 100%; height: 100%; top: 368.5px; left: 227px; z-index: 30; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="5555885305" ctype="4" class="element comp_image editable-image" style="display: block; width: 22px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/smallcar.png" _tracker_click_="_tracker_click_"></div>
......
<template>
<div class="containerone">
<div class="p-index main" id="con" style="transform: scale(3.385);transform-origin: left top;">
<div class="p-index main" id="con">
<div class="nr" id="nr" style="position: relative; width: 100%; height: 100%;">
<div class="nr" id="nr">
<div id="loading" class="loading" style="display: none;">
<div class="noCustomLogo">
<div class="loading-tip">欢迎制作易企秀</div>
</div>
</div>
<div class="eqx-progress-bar" style="display: none;"><span style="width: 32px;"></span><em class="page-tip">1/10</em></div>
<section class="main-page z-current" style="transform-origin: 0% 0% 0px;">
<section class="main-page z-current">
<div class="m-img" id="page2" _tracker_view_="_tracker_view_">
<div class="edit_wrapper" data-scene-id="1542398665" style="position: relative; z-index: 1">
<div style="width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: -1; opacity: 1;">
<div id="wrapper-background2261845523" class="eqx-bg" style="width: 100%; height: 100%; background-color: #ffffff"></div>
<div class="edit_wrapper" data-scene-id="1542398665">
<div class="whopazo">
<div id="wrapper-background2261845523" class="eqx-bg"></div>
</div>
<section class="layer" id="layer:302231150" style="position: absolute; width: 100%; height: 100%; z-index: 1; display: block;">
<section class="layer" id="layer:302231150">
<div class="layer-box">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active" style="margin-top: 41.5px;">
<li id="inside_548793201" num="28" ctype="4" class="item item-comp" style="position: absolute; z-index: 28; opacity: 1; width: 22px; height: 13.5px; top: 368.5px; left: 227px; transform: rotateZ(0deg); display: block; animation: 6s linear 0s infinite normal both running tempKeyframesForMotion67;" abs-pos="l-227-t-368.5-w-22-h-13.5" eqx-id="548793201">
<div class="element-box" style="width: 100%; height: 100%; top: 368.5px; left: 227px; z-index: 28; color: rgb(103, 103, 103); transform: none; text-align: left; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
<ul id="edit_area" class="layer-items edit_area weebly-content-area weebly-area-active">
<li id="inside_548793201" num="28" ctype="4" class="item item-comp" style="
position: absolute;
z-index: 28;
opacity: 1;
width: 22px;
height: 13.5px;
top: 368.5px;
left: 227px;
transform: rotateZ(0deg);
display: block;
animation: 6s linear 0s infinite normal both running tempKeyframesForMotion67;" abs-pos="l-227-t-368.5-w-22-h-13.5" eqx-id="548793201">
<div class="element-box" style="
width: 100%;
height: 100%;
top: 368.5px;
left: 227px;
z-index: 28;
color: rgb(103, 103, 103);
transform: none;
text-align: left;
border-width: 0px;
border-style: solid;
border-color: rgb(0, 0, 0);
border-radius: 0px;
padding-bottom: 0px;
padding-top: 0px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
animation-direction: normal; animation-fill-mode: both; animation-play-state: running;">
<div class="element-box-contents" style="width: 100%; height: 100%; overflow: hidden;"><img id="548793201" ctype="4" class="element comp_image editable-image" style="display: block; width: 22px; height: 13.5px; margin-left: 0px; margin-top: 0px;" draggable="false" src=" static/eqixxdky/smallcar.png" _tracker_click_="_tracker_click_"></div>
</div>
</li>
......@@ -347,4 +375,7 @@
height: 100%;
position: relative;
}
.z-current{
transform-origin: 0% 0% 0px;
}
</style>
\ No newline at end of file
......@@ -3297,6 +3297,10 @@ img {
display: inline-block!important
}
#nr{
position: relative; width: 100%; height: 100%;
}
@font-face {
font-family: iconfonts;
src: url(//as.eqh5.com/h5_view_2/fonts/iconfonts-915acd.woff);
......@@ -3581,7 +3585,9 @@ a:visited {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
overflow: hidden
overflow: hidden;
transform: scale(3.385);
transform-origin: left top;
}
.temp-app-use {
......@@ -4787,7 +4793,31 @@ body.pc {
height: 100%;
width: 100%;
background-position: 50% 50%;
background-size: cover
background-size: cover;
position: relative; z-index: 1
}
.whopazo{
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
z-index: -1;
opacity: 1;
}
.eqx-bg{
width: 100%;
height: 100%;
background-color: #ffffff
}
.layer{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
display: block;
}
.edit_wrapper section.layer {
......@@ -4805,6 +4835,20 @@ body.pc {
background-size: 100% 100%
}
#edit_area{
margin-top: 41.5px;
}
.dmmcb{
display: block;
margin-top: 0px;
margin-bottom: 0px;
color: inherit;
-ms-word-wrap: break-word;
word-wrap: break-word;
-webkit-user-select: auto
}
.edit_area .element {
min-width: 1px;
min-height: 1px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment