diff --git a/src/assets/images/device/1.png b/src/assets/images/device/1.png
deleted file mode 100644
index d617f42..0000000
Binary files a/src/assets/images/device/1.png and /dev/null differ
diff --git a/src/assets/images/device/10.png b/src/assets/images/device/10.png
deleted file mode 100644
index 88321e3..0000000
Binary files a/src/assets/images/device/10.png and /dev/null differ
diff --git a/src/assets/images/device/11.png b/src/assets/images/device/11.png
deleted file mode 100644
index 223c1f2..0000000
Binary files a/src/assets/images/device/11.png and /dev/null differ
diff --git a/src/assets/images/device/12.png b/src/assets/images/device/12.png
deleted file mode 100644
index a256536..0000000
Binary files a/src/assets/images/device/12.png and /dev/null differ
diff --git a/src/assets/images/device/13.png b/src/assets/images/device/13.png
deleted file mode 100644
index f3d5bc5..0000000
Binary files a/src/assets/images/device/13.png and /dev/null differ
diff --git a/src/assets/images/device/14.png b/src/assets/images/device/14.png
deleted file mode 100644
index 4754bad..0000000
Binary files a/src/assets/images/device/14.png and /dev/null differ
diff --git a/src/assets/images/device/15.png b/src/assets/images/device/15.png
deleted file mode 100644
index 2c88e28..0000000
Binary files a/src/assets/images/device/15.png and /dev/null differ
diff --git a/src/assets/images/device/16.png b/src/assets/images/device/16.png
deleted file mode 100644
index ac586db..0000000
Binary files a/src/assets/images/device/16.png and /dev/null differ
diff --git a/src/assets/images/device/2.png b/src/assets/images/device/2.png
deleted file mode 100644
index bd8cacf..0000000
Binary files a/src/assets/images/device/2.png and /dev/null differ
diff --git a/src/assets/images/device/3.png b/src/assets/images/device/3.png
deleted file mode 100644
index 69b4e2d..0000000
Binary files a/src/assets/images/device/3.png and /dev/null differ
diff --git a/src/assets/images/device/4.png b/src/assets/images/device/4.png
deleted file mode 100644
index 83220c8..0000000
Binary files a/src/assets/images/device/4.png and /dev/null differ
diff --git a/src/assets/images/device/5.png b/src/assets/images/device/5.png
deleted file mode 100644
index 6d3b819..0000000
Binary files a/src/assets/images/device/5.png and /dev/null differ
diff --git a/src/assets/images/device/6.png b/src/assets/images/device/6.png
deleted file mode 100644
index d8b737f..0000000
Binary files a/src/assets/images/device/6.png and /dev/null differ
diff --git a/src/assets/images/device/7.png b/src/assets/images/device/7.png
deleted file mode 100644
index 0af08f7..0000000
Binary files a/src/assets/images/device/7.png and /dev/null differ
diff --git a/src/assets/images/device/8.png b/src/assets/images/device/8.png
deleted file mode 100644
index 1de0d18..0000000
Binary files a/src/assets/images/device/8.png and /dev/null differ
diff --git a/src/assets/images/device/9.png b/src/assets/images/device/9.png
deleted file mode 100644
index 4626736..0000000
Binary files a/src/assets/images/device/9.png and /dev/null differ
diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index bc8d85f..fb10fab 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -12,7 +12,7 @@
     </a>
     <!-- pc端 -->
     <template v-if="$store.getters.getModelType">
-      <navbar ref="nav" :isHome.sync="isHome" :isEstate.sync="isEstate" @showMoreBtns="updateBtnsType"></navbar>
+      <navbar v-if="navShow" ref="nav" :isHome.sync="isHome" :isEstate.sync="isEstate" @showMoreBtns="updateBtnsType"></navbar>
       <div class="tools">
         <img class="search" :src="require('@/assets/images/search' + (isHome ? '-white' : '') + '.png')" alt="" @click.stop="toggleSearch">
         <template v-if="$i18n.locale == 'en'">
@@ -67,9 +67,11 @@ export default {
       isHome: true,
       isEstate: false,
       showSearch: false,
+      height: 907,
       title: '',
       searchTimer: null,
       modelType: false,
+      navShow: true
     };
   },
   components: {
@@ -117,10 +119,15 @@ export default {
     // 获取页面滚动距离(home长页专用)
     handleScroll () {
       if (Util.isIndex()) {
+        const h = this.height
         let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
-        if (this.isHome == scrollTop > 907) {
-          this.isHome = !(scrollTop > 907)
-          this.isEstate = !(scrollTop > 907) && this.$route.path === '/estate/index'
+        if (this.isHome == scrollTop > h) {
+          if (this.isHome != !(scrollTop > h)) this.navShow = false
+          this.isHome = !(scrollTop > h)
+          this.isEstate = !(scrollTop > h) && this.$route.path === '/estate/index'
+          this.$nextTick(() => {
+            this.navShow = true
+          })
         }
       }
     },
diff --git a/src/mixins/estate/index.js b/src/mixins/estate/index.js
index 475d9f7..250afec 100644
--- a/src/mixins/estate/index.js
+++ b/src/mixins/estate/index.js
@@ -42,6 +42,7 @@ export default {
       for (const e of data) {
         if (e.id == this.id) {
           this.tabs = parent.children
+          break
         } else if (e.children.length) {
           this.getParent(e.children, e)
         }
diff --git a/src/mixins/overview/index.js b/src/mixins/overview/index.js
index 1c4cc84..81ec731 100644
--- a/src/mixins/overview/index.js
+++ b/src/mixins/overview/index.js
@@ -42,6 +42,7 @@ export default {
       for (const e of data) {
         if (e.id == this.id) {
           this.tabs = parent.children
+          break
         } else if (e.children.length) {
           this.getParent(e.children, e)
         }
diff --git a/src/pages/article/editor.css b/src/pages/article/editor.css
index ebe0613..b86d97c 100644
--- a/src/pages/article/editor.css
+++ b/src/pages/article/editor.css
@@ -3,6 +3,9 @@
   border-left: 0;
   background-color: #ededed;
 }
+.mce-content-body p {
+  margin: 0;
+}
 .tiny-wrap {
   /* width: 900px; */
   margin: 0 auto;
diff --git a/src/pages/deviceIntroBeam/index.vue b/src/pages/deviceIntroBeam/index.vue
index 767919c..1f5a056 100644
--- a/src/pages/deviceIntroBeam/index.vue
+++ b/src/pages/deviceIntroBeam/index.vue
@@ -1,30 +1,38 @@
 <template>
   <div class="wrap">
-    <div class="banner">装置介绍</div>
+    <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+      <template v-for="(item, i) in modules[0].list">
+        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+          <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
+            <img :src="item.pic" alt="">
+            <p class="banner-name">{{ item.title }}</p>
+          </div>
+        </el-carousel-item>
+      </template>
+    </el-carousel>
 
     <div class="block share">
       <div class="inner">
-        <h6>光束线</h6>
-        <p class="en">The beam line</p>
-        <div class="sum">S³FEL光束线覆盖的波段范围为1~30 nm，包含前端区、光学传输系统和诊断系统，是连接自由电子激光光源和后端科学实验站的桥梁。</div>
+        <h6>{{ modules[1].form.title }}</h6>
+        <p class="en" v-html="modules[1].form.des"></p>
+        <div class="sum">{{ modules[2].form.title }}</div>
         <div class="flex beamBox">
           <div class="left">
-            <div class="des">光束线的作用是将光源发出的超快、全相干、高亮度的激光高效地传输到实验站样品处，并在传输过程中对FEL脉冲进行频谱诊断、脉冲能量诊断、光斑位置诊断、光斑横向分布诊断、脉冲到达时间诊断、波前诊断、偏振诊断等。同时根据后端实验站的不同科学需求，可进一步对FEL脉冲进行单色化、脉冲能量衰减、横向光斑微聚焦等。</div>
+            <div class="des" v-html="modules[2].form.des"></div>
           </div>
-          <img class="pic" src="@/assets/images/device/1.png" alt="">
-          <div class="imgText"><div class="readio"></div>波荡器示意图</div>
+          <img class="pic" :src="modules[2].form.pic" alt="">
         </div>
       </div>
     </div>
 
     <div class="intro">
-      <img class="pic" src="@/assets/images/device/2.png" alt="">
-      <div class="des">波荡器是S³FEL光束线的关键部件，由一系列N极和S极交替排列的磁铁阵列构成，是一种能够产生空间周期性分布磁场的电磁装置。被超导直线加速器加速的高能电子束经过波荡器时，将扭摆状波荡前行。通过合理选择电子束和波荡器的参数，可使电子束在每个波动周期内与波荡器发出的同步辐射相互干涉，以获得超高亮度、强相干、高重频的X射线自由电子激光。</div>
+      <img class="pic" src="http://10.10.11.7/images/device/2.png" alt="">
+      <div class="des" v-html="modules[3].form.des"></div>
     </div>
 
     <div class="unit">
-      <h6>波荡器性能指标</h6>
-      <img class="pic" src="@/assets/images/device/3.png" alt="">
+      <h6>{{ modules[4].form.title }}</h6>
+      <img class="pic" :src="modules[4].form.pic" alt="">
     </div>
   </div>
 </template>
@@ -43,7 +51,22 @@ export default {
     new WOW().init()
   },
   methods: {
-    
+    // 获取文章详情
+    getInfo() {
+      // 预览/详情
+      this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`)
+        .then(({ data }) => {
+          if (data.length) {
+            // state：已发布（1）则取theEditedJson，草稿（0）则取jsonBeforeEditing
+            const json = JSON.parse(
+              this.preview ? data : data[data.length - 1][data[data.length - 1].state ? 'theEditedJson' : 'jsonBeforeEditing']
+            );
+            this.modules = json;
+            console.log('🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json', json);
+          }
+        })
+        .catch((err) => { });
+    }
   }
 };
 </script>
@@ -51,15 +74,24 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
-.wrap {
-  background: url(../../assets/images/device/4.png) (100% 1363px)/auto no-repeat;
+.wrap{
+  background: url(http://10.10.11.7/images/device/4.png) bottom right/auto no-repeat;
+  /deep/ .el-carousel {
+    height: 12.6rem;
+    .el-carousel__container{
+      height: 12.6rem;
+    }
+    img{
+      height: 12.6rem;
+    }
+  }
 }
-.banner {
-  background: url(../../assets/images/device/13.png) 0 0/100% 100% no-repeat;
-  font-weight: bold;
-  height: 17.5rem;
-  padding: 10.68rem 0 0 16.15rem;
-  font-size: 2.16rem;
+.banner-item {
+  .banner-name {
+    font-size: 2.16rem;
+    left: 17%;
+    bottom: 20%;
+  }
 }
 .block  {
   padding: 3.85rem 0;
diff --git a/src/pages/deviceIntroLayout/index.vue b/src/pages/deviceIntroLayout/index.vue
index 0b10e58..1943ad9 100644
--- a/src/pages/deviceIntroLayout/index.vue
+++ b/src/pages/deviceIntroLayout/index.vue
@@ -1,29 +1,38 @@
 <template>
   <div class="wrap">
-    <div class="banner">装置介绍</div>
+    <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+      <template v-for="(item, i) in modules[0].list">
+        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+          <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
+            <img :src="item.pic" alt="">
+            <p class="banner-name">{{ item.title }}</p>
+          </div>
+        </el-carousel-item>
+      </template>
+    </el-carousel>
 
     <div class="block share">
       <div class="inner">
-        <h6>整体布局</h6>
-        <p class="en">The overall layout</p>
-        <div class="card">S³FEL装置主要包括一台超导直线加速器（电子束能量为2.5 GeV、重复频率为1 MHz）、4条波荡器线及首批14个实验线站。根据具体的功能可以分为注入器、主加速器、自由电子激光放大器（波荡器线）、光束线和实验站，还有包括束流诊断、控制、激光、同步、数据采集与处理等在内的公共子系统，以及低温、公用设施等配套系统和设施。</div>
+        <h6>{{ modules[1].form.title }}</h6>
+        <p class="en">{{ modules[1].form.subTitle }}</p>
+        <div class="card" v-html="modules[1].form.des"></div>
         <div class="flex textBox" >
           <div class="left">
-            <div class="des">    S³FEL首批拟建设4条波荡器线，分别是2条外种子（EEHG）线和2条自放大自发辐射（SASE）线，以同时满足首批实验站的不同研究需求。按照能区划分，FEL-1、FEL-2工作在自放大自发辐射模式（SASE），并且为将来升级为self-seeding模式预留空间。FEL-1出光波段为1-3 nm（调整电子束能量时可覆盖1-6 nm），FEL-2输出光波长为2.3-15 nm，作为光刻研究专用光束线。FEL-3和4基于回声型谐波产生原理（EEHG），FEL-3输出波长为2.3-15 nm，涵盖水窗波段，FEL-4输出波长为5-30 nm的极紫外FEL脉冲。通过快速束流分配技术，波荡器束线可同时工作。各条波荡器线产生的FEL光，通过光束线系统实现FEL光学参数的实时诊断，包括光强、光谱、光斑位置，光斑尺寸以及相干性等，并通过传输与聚焦系统传输至后端的实验站，以满足各个实验站对光源的不同需求。首批建设实验站共涉及6个前沿科技领域，分别为极紫外光刻、量子材料、能源催化、生物医药、大气与星际科学以及原子分子科学。</div>
+            <div class="des" v-html="modules[2].form.des"></div>
           </div>
-          <img class="pic" src="@/assets/images/device/16.png" alt="">
+          <img class="pic" :src="modules[2].form.pic" alt="">
         </div>
       </div>
     </div>
 
     <div class="intro">
-      <img class="bg" src="@/assets/images/device/7.png" alt="">
-      <img class="pic" src="@/assets/images/device/8.png" alt="">
+      <img class="bg" src="http://10.10.11.7/images/device/7.png" alt="">
+      <img class="pic" :src="modules[3].form.pic" alt="">
     </div>
 
     <div class="unit">
-      <h6>S³FEL性能指标</h6>
-      <img class="pic" src="@/assets/images/device/9.png" alt="">
+      <h6>{{ modules[4].form.title }}</h6>
+      <img class="pic" :src="modules[4].form.pic" alt="">
     </div>
   </div>
 </template>
@@ -42,7 +51,22 @@ export default {
     new WOW().init()
   },
   methods: {
-    
+    // 获取文章详情
+    getInfo() {
+      // 预览/详情
+      this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`)
+        .then(({ data }) => {
+          if (data.length) {
+            // state：已发布（1）则取theEditedJson，草稿（0）则取jsonBeforeEditing
+            const json = JSON.parse(
+              this.preview ? data : data[data.length - 1][data[data.length - 1].state ? 'theEditedJson' : 'jsonBeforeEditing']
+            );
+            this.modules = json;
+            console.log('🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json', json);
+          }
+        })
+        .catch((err) => { });
+    }
   }
 };
 </script>
@@ -50,16 +74,24 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
-.wrap {
-  background: url(../../assets/images/device/4.png) bottom right/auto no-repeat;
+.wrap{
+  background: url(http://10.10.11.7/images/device/4.png) bottom right/auto no-repeat;
+  /deep/ .el-carousel {
+    height: 12.6rem;
+    .el-carousel__container{
+      height: 12.6rem;
+    }
+    img{
+      height: 12.6rem;
+    }
+  }
 }
-.banner {
-  background: url(../../assets/images/device/14.png)  no-repeat center;
-  background-size:  100% 100%;
-  font-weight: bold;
-  height: 17.5rem;
-  padding: 10.68rem 0 0 16.15rem;
-  font-size: 2.16rem;
+.banner-item {
+  .banner-name {
+    font-size: 2.16rem;
+    left: 17%;
+    bottom: 20%;
+  }
 }
 .block  {
   padding: 3.85rem 0;
@@ -122,7 +154,7 @@ export default {
     font-weight: 500;
     color: #FFFFFF;
     line-height: 2.375rem;
-    background: url(../../assets/images/device/5.png) 0 0/cover no-repeat;
+    background: url(http://10.10.11.7/images/device/5.png) 0 0/cover no-repeat;
   }
   .des {
     margin-top: 25px;
diff --git a/src/pages/deviceIntroLinear/index.vue b/src/pages/deviceIntroLinear/index.vue
index dfe7b12..488ad39 100644
--- a/src/pages/deviceIntroLinear/index.vue
+++ b/src/pages/deviceIntroLinear/index.vue
@@ -1,18 +1,27 @@
 <template>
   <div class="wrap">
-    <div class="banner">装置介绍</div>
+    <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+      <template v-for="(item, i) in modules[0].list">
+        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+          <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
+            <img :src="item.pic" alt="">
+            <p class="banner-name">{{ item.title }}</p>
+          </div>
+        </el-carousel-item>
+      </template>
+    </el-carousel>
 
     <div class="block history gray">
       <div class="inner">
-        <h2 class="wow fadeInLeft">超导直线加速器-1</h2>
-        <p class="en">Superconducting linac -1</p>
+        <h2 class="wow fadeInLeft">{{ modules[1].form.title }}</h2>
+        <p class="en" v-html="modules[1].form.des"></p>
         <div class="texts wow fadeInDown" data-wow-delay="0.5s">
           <div class="left">
-            <h6>{{ modules[0].form.title }}</h6>
+            <h6>{{ modules[2].form.title }}</h6>
             <div class="line"></div>
-            <div class="text">{{ modules[0].form.des }}</div>
+            <div class="text">{{ modules[2].form.des }}</div>
           </div>
-          <img class="bg" src="@/assets/images/device/10.png" alt="" />
+          <img class="bg" src="http://10.10.11.7/images/device/10.png" alt="" />
           <div class="imgText"><div class="readio"></div>S³FEL电子枪光电效应示意图</div>
         </div>
       </div>
@@ -21,12 +30,12 @@
     <div class="block intro">
       <div class="inner">
         <div class="left">
-          <h5>S³FEL超导直线加速器示意图</h5>
-          <img src="@/assets/images/device/11.png" alt="" />
+          <h5>{{ modules[3].form.title }}</h5>
+          <img :src="modules[3].form.pic" alt="" />
         </div>
         <div class="right">
-          <h6>S³FEL超导直线加速器性能指标</h6>
-          <img src="@/assets/images/device/12.png" alt="" />
+          <h6>{{ modules[4].form.title }}</h6>
+          <img :src="modules[4].form.pic" alt="" />
         </div>
       </div>
     </div>
@@ -68,13 +77,23 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
-
-.banner {
-  background: url(../../assets/images/device/15.png) 0 0/100% 100% no-repeat;
-  font-weight: bold;
-  height: 17.5rem;
-  padding: 10.68rem 0 0 16.15rem;
-  font-size: 2.16rem;
+.wrap{
+  /deep/ .el-carousel {
+    height: 12.6rem;
+    .el-carousel__container{
+      height: 12.6rem;
+    }
+    img{
+      height: 12.6rem;
+    }
+  }
+}
+.banner-item {
+  .banner-name {
+    font-size: 2.16rem;
+    left: 17%;
+    bottom: 20%;
+  }
 }
 .block  {
   padding: 3.85rem 0;
diff --git a/src/pages/overviewDevHistory/index.vue b/src/pages/overviewDevHistory/index.vue
index 2f7f2fc..4899a85 100644
--- a/src/pages/overviewDevHistory/index.vue
+++ b/src/pages/overviewDevHistory/index.vue
@@ -15,36 +15,15 @@
 
     <div class="block history">
       <div class="inner">
-        <h2 class="wow fadeInLeft" v-if="modules[1].form.title">{{ modules[1].form.title }}</h2>
-        <p class="en" v-if="modules[1].form.des">{{ modules[1].form.des }}</p>
-        <div v-if="modules[1]" class="event">
-          <ul class="time" v-if="modules[1].list >=1">
-            <template v-for="(item, i) in modules[1].list">
-              <li v-if="item.isEnable" :key="i" :class="{active: curYear == i}" @click="yearClick(i)">{{ item.title }}</li>
-            </template>
-          </ul>
-          <div class="right" v-if="modules[1].list.length >=1">
-            <h6 class="year">{{ modules[1].list[curYear].title }}</h6>
-            <ul class="list">
-              <template v-for="(e, j) in modules[1].list[curYear].list">
-                <li v-if="e.isEnable" :key="j" :class="{'cursor-pointer': isLink(e.link.linkName)}" @click="openLink(e)">
-                  <div class="texts">
-                    <p class="date">{{ e.title }}</p>
-                    <p class="text">{{ e.des }}</p>
-                  </div>
-                  <img v-if="e.pic" :src="e.pic" alt="" class="pic">
-                </li>
-              </template>
-            </ul>
-          </div>
-        </div>
-        <!-- <div v-if="modules[2]" class="event">
+        <h2 class="wow fadeInLeft">{{ modules[1].form.title }}</h2>
+        <p class="en">{{ modules[1].form.des }}</p>
+        <div v-if="modules[2].list.length" class="event">
           <ul class="time">
             <template v-for="(item, i) in modules[2].list">
               <li v-if="item.isEnable" :key="i" :class="{active: curYear == i}" @click="yearClick(i)">{{ item.title }}</li>
             </template>
           </ul>
-          <div class="right">
+          <div v-if="modules[2].list[curYear]" class="right">
             <h6 class="year">{{ modules[2].list[curYear].title }}</h6>
             <ul class="list">
               <template v-for="(e, j) in modules[2].list[curYear].list">
@@ -58,7 +37,7 @@
               </template>
             </ul>
           </div>
-        </div> -->
+        </div>
       </div>
     </div>
   </div>
diff --git a/src/pages/overviewIntro/index.vue b/src/pages/overviewIntro/index.vue
index 178c9c5..115b5d3 100644
--- a/src/pages/overviewIntro/index.vue
+++ b/src/pages/overviewIntro/index.vue
@@ -32,6 +32,15 @@
         </div>
       </div>
     </div>
+
+    <div class="ads">
+      <ul class="list">
+        <li>具有高亮度</li>
+        <li>超短脉冲</li>
+        <li>高相干</li>
+        <li>波长连续可调</li>
+      </ul>
+    </div>
   </div>
 </template>
 
@@ -151,6 +160,44 @@ export default {
     }
   }
 }
+.ads {
+  position: fixed;
+  top: 30%;
+  right: 1%;
+  padding: 20px;
+  animation: move 20s linear infinite alternate;
+  li {
+    display: flex;
+    align-items: center;
+    padding-left: 20px;
+    line-height: 26px;
+    font-weight: 600;
+    font-size: 16px;
+    color: #1583FF;
+    &:before {
+      content: '';
+      width: 4px;
+      height: 4px;
+      margin-right: 8px;
+      border-radius: 50%;
+      background-color: #1583FF;
+    }
+  }
+}
+@keyframes move {
+  0% {
+    top: 30%;
+    right: 1%;
+  }
+  50% {
+    top: 40%;
+    right: 40%;
+  }
+  100% {
+    top: 90%;
+    right: 90%;
+  }
+}
 @media (max-width: 1200px) {
   .tabs {
     overflow: hidden;;
diff --git a/src/pages/overviewTrailer/index.vue b/src/pages/overviewTrailer/index.vue
index 3ff3b02..3e5cbfe 100644
--- a/src/pages/overviewTrailer/index.vue
+++ b/src/pages/overviewTrailer/index.vue
@@ -14,13 +14,11 @@
     </ul>
 
     <div class="tab-content">
-      <template v-if="active === 2">
-        <video v-if="modules[1].form.video" class="video" ref="video" autoplay controls loop>
-          <source :src="modules[1].form.video" type="video/mp4">
-          您的浏览器不支持 video 标签。
-        </video>
-        <div v-html="modules[1].form.des"></div>
-      </template>
+      <video v-if="modules[1].form.video" class="video" ref="video" autoplay controls loop>
+        <source :src="modules[1].form.video" type="video/mp4">
+        您的浏览器不支持 video 标签。
+      </video>
+      <div v-html="modules[1].form.des"></div>
     </div>
   </div>
 </template>