diff --git a/src/views/case/caseList.vue b/src/views/case/caseList.vue
index cdb971d..7ed5fac 100644
--- a/src/views/case/caseList.vue
+++ b/src/views/case/caseList.vue
@@ -51,9 +51,6 @@
           />
         </el-select>
       </search-item>
-<!--      <search-item>-->
-<!--        <el-input v-model.trim="listQuery.drawNo" size="small" placeholder="图纸编号" style="width: 150px" @change="fetchData(false)"/>-->
-<!--      </search-item>-->
       <search-item>
         <el-input v-model.trim="listQuery.description" size="small" placeholder="事件描述" @change="fetchData(false)"/>
       </search-item>

diff --git a/src/views/case/caseList.vue b/src/views/case/caseList.vue
index cdb971d..7ed5fac 100644
--- a/src/views/case/caseList.vue
+++ b/src/views/case/caseList.vue
@@ -51,9 +51,6 @@
           />
         </el-select>
       </search-item>
-<!--      <search-item>-->
-<!--        <el-input v-model.trim="listQuery.drawNo" size="small" placeholder="图纸编号" style="width: 150px" @change="fetchData(false)"/>-->
-<!--      </search-item>-->
       <search-item>
         <el-input v-model.trim="listQuery.description" size="small" placeholder="事件描述" @change="fetchData(false)"/>
       </search-item>
diff --git a/src/views/device/groupList.vue b/src/views/device/groupList.vue
index 6adcbbc..ddff96c 100644
--- a/src/views/device/groupList.vue
+++ b/src/views/device/groupList.vue
@@ -63,9 +63,9 @@
             <el-button type="text" size="small" @click.stop="edit(scope.row)">
               编辑
             </el-button>
-            <el-button type="text" size="small" @click.stop="del(scope.row)">
-              删除
-            </el-button>
+<!--            <el-button type="text" size="small" @click.stop="del(scope.row)">-->
+<!--              删除-->
+<!--            </el-button>-->
           </template>
         </el-table-column>
       </template>

diff --git a/src/views/case/caseList.vue b/src/views/case/caseList.vue
index cdb971d..7ed5fac 100644
--- a/src/views/case/caseList.vue
+++ b/src/views/case/caseList.vue
@@ -51,9 +51,6 @@
           />
         </el-select>
       </search-item>
-<!--      <search-item>-->
-<!--        <el-input v-model.trim="listQuery.drawNo" size="small" placeholder="图纸编号" style="width: 150px" @change="fetchData(false)"/>-->
-<!--      </search-item>-->
       <search-item>
         <el-input v-model.trim="listQuery.description" size="small" placeholder="事件描述" @change="fetchData(false)"/>
       </search-item>
diff --git a/src/views/device/groupList.vue b/src/views/device/groupList.vue
index 6adcbbc..ddff96c 100644
--- a/src/views/device/groupList.vue
+++ b/src/views/device/groupList.vue
@@ -63,9 +63,9 @@
             <el-button type="text" size="small" @click.stop="edit(scope.row)">
               编辑
             </el-button>
-            <el-button type="text" size="small" @click.stop="del(scope.row)">
-              删除
-            </el-button>
+<!--            <el-button type="text" size="small" @click.stop="del(scope.row)">-->
+<!--              删除-->
+<!--            </el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/person/staffList.vue b/src/views/person/staffList.vue
index ff8e241..ce8643e 100644
--- a/src/views/person/staffList.vue
+++ b/src/views/person/staffList.vue
@@ -63,7 +63,7 @@
       <template slot="columns">
         <el-table-column label="员工照片" align="center" width="120">
           <template slot-scope="scope">
-            <el-image :src="scope.row.picture ? `${scope.row.picture}`: defaultPhoto" :preview-src-list="srcList" width="50" height="50" style="width: 50px; height: 50px;margin-top: 10px" @error="errorImg"/>
+            <el-image :src="scope.row.picture ? `${ scope.row.picture}`: defaultPhoto" :preview-src-list="srcList" width="50" height="50" style="width: 50px; height: 50px;margin-top: 10px" @error="errorImg"/>
           </template>
         </el-table-column>
         <el-table-column label="操作" align="center" width="160">

diff --git a/src/views/case/caseList.vue b/src/views/case/caseList.vue
index cdb971d..7ed5fac 100644
--- a/src/views/case/caseList.vue
+++ b/src/views/case/caseList.vue
@@ -51,9 +51,6 @@
           />
         </el-select>
       </search-item>
-<!--      <search-item>-->
-<!--        <el-input v-model.trim="listQuery.drawNo" size="small" placeholder="图纸编号" style="width: 150px" @change="fetchData(false)"/>-->
-<!--      </search-item>-->
       <search-item>
         <el-input v-model.trim="listQuery.description" size="small" placeholder="事件描述" @change="fetchData(false)"/>
       </search-item>
diff --git a/src/views/device/groupList.vue b/src/views/device/groupList.vue
index 6adcbbc..ddff96c 100644
--- a/src/views/device/groupList.vue
+++ b/src/views/device/groupList.vue
@@ -63,9 +63,9 @@
             <el-button type="text" size="small" @click.stop="edit(scope.row)">
               编辑
             </el-button>
-            <el-button type="text" size="small" @click.stop="del(scope.row)">
-              删除
-            </el-button>
+<!--            <el-button type="text" size="small" @click.stop="del(scope.row)">-->
+<!--              删除-->
+<!--            </el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/person/staffList.vue b/src/views/person/staffList.vue
index ff8e241..ce8643e 100644
--- a/src/views/person/staffList.vue
+++ b/src/views/person/staffList.vue
@@ -63,7 +63,7 @@
       <template slot="columns">
         <el-table-column label="员工照片" align="center" width="120">
           <template slot-scope="scope">
-            <el-image :src="scope.row.picture ? `${scope.row.picture}`: defaultPhoto" :preview-src-list="srcList" width="50" height="50" style="width: 50px; height: 50px;margin-top: 10px" @error="errorImg"/>
+            <el-image :src="scope.row.picture ? `${ scope.row.picture}`: defaultPhoto" :preview-src-list="srcList" width="50" height="50" style="width: 50px; height: 50px;margin-top: 10px" @error="errorImg"/>
           </template>
         </el-table-column>
         <el-table-column label="操作" align="center" width="160">
diff --git a/src/views/popup/case.vue b/src/views/popup/case.vue
index 156fbe3..20ad52a 100644
--- a/src/views/popup/case.vue
+++ b/src/views/popup/case.vue
@@ -1,30 +1,37 @@
 <template>
   <div class="case">
     <svg-icon icon-class="pop-cross" class="close" @click="changePage"/>
+    <el-image :src="alarm.eventPicture ? `${alarm.eventPicture}`: defaultPhoto" v-if="isbig" class="bigpic" @error="errorImg" @click="isbig=false"/>
     <div style="height: 58%;display: flex;flex-wrap: wrap">
       <div :style="{backgroundImage:'url('+titleAll+')'}" class="title" style="padding-left: 50px;">事件详情</div>
       <div :style="{backgroundImage:'url('+titleImg+')'}" class="title">基本信息</div>
-      <img v-if="alarm.eventPicture!==''" :src="alarm.eventPicture ? `${alarm.eventPicture}`: defaultPhoto" width="120px" height="120px" style="margin-left: 37%" @error="errorImg">
-      <div class="name" style="width: 100%">事件描述：<span class="value">{{alarm.description}}</span></div>
-      <div class="name" >事件类别：<span class="value">{{alarm.typeName}}</span></div>
-      <div class="name" >识别设备：<span class="value">{{alarm.devName}}</span></div>
-      <div class="name" >危险级别：
-        <span v-if="alarm.levelName==='较大'" class="value" style="margin-left:-2px;color: #ff9933">{{alarm.levelName}}</span>
-        <span v-else-if="alarm.levelName==='一般'" class="value" style="margin-left:-2px;color: #9b9b9b">{{alarm.levelName}}</span>
-        <span v-else class="value" style="margin-left:-2px;color: red">{{alarm.levelName}}</span>
+<!--      v-if="alarm.eventPicture!==''" -->
+      <div class="pic">
+        <el-image :src="alarm.eventPicture ? `${alarm.eventPicture}`: defaultPhoto" width="210px" height="210px" style="width: 210px; height: 210px;margin-left: 20px" @error="errorImg" @click="isbig=true"/>
       </div>
-      <div class="name" style="display: flex;justify-content: space-between;">
-        <span>事件操作：</span>
-        <el-select v-model="alarm.status" size="small" style="flex: 1;margin-top: -2px;" placeholder="事件状态" clearable @change="edit()">
-          <el-option label="未解决" value="1"/>
-          <el-option label="解决中" value="2"/>
-          <el-option label="已解决" value="3"/>
-        </el-select>
+      <div class="pic">
+        <div class="name" style="width: 100%">事件描述：<span class="value">{{alarm.description}}</span></div>
+        <div class="name" style="width: 100%">发生时间：<span class="value">{{alarm.updateTime}}</span></div>
+        <div class="name" style="width: 100%">事件类别：<span class="value">{{alarm.typeName}}</span></div>
+        <div class="name" style="width: 100%">危险级别：
+          <span v-if="alarm.levelName==='较大'" class="value" style="margin-left:-2px;color: #ff9933">{{alarm.levelName}}</span>
+          <span v-else-if="alarm.levelName==='一般'" class="value" style="margin-left:-2px;color: #9b9b9b">{{alarm.levelName}}</span>
+          <span v-else class="value" style="margin-left:-2px;color: red">{{alarm.levelName}}</span>
+        </div>
+        <div class="name" style="width: 100%;display: flex;justify-content: space-between;">
+          <span>事件操作：</span>
+          <el-select v-model="alarm.status" size="small" style="flex: 1;margin-top: -2px;" placeholder="事件状态" @change="edit()">
+            <el-option label="未解决" value="1"/>
+            <el-option label="解决中" value="2"/>
+            <el-option label="已解决" value="3"/>
+          </el-select>
+        </div>
       </div>
+      <div class="name" style="width: 100%">识别设备：<span class="value">{{alarm.devName}}</span></div>
+
       <div class="name" >所在楼栋：<span class="value">{{alarm.positionName}}</span></div>
       <div class="name" >所在楼层：<span class="value">{{alarm.areaName}}</span></div>
       <div class="name" :style="{width:'100%'}">事件位置：<span class="value">{{alarm.detailLocation}}</span></div>
-      <div class="name" :style="{width:'100%'}">发生时间：<span class="value">{{alarm.updateTime}}</span></div>
     </div>
     <div class="block" id="case-video">
       <div :style="{backgroundImage:'url('+titleImg+')'}" class="title">监控视频</div>
@@ -48,6 +55,7 @@
       errorImg: require('@/assets/global_images/photo_error.png'),
       item: require('@/assets/popup/item.png'), // 背景图片
       statusList: [],
+      isbig: false,
       alarm: {
         area: '',
         areaName: '',
@@ -91,21 +99,22 @@
   methods: {
     async reload() {
       await this.$nextTick()
-      document.getElementById('playHK').contentWindow.initPlugin('real', window.screen.availWidth - 500, window.screen.availHeight / 2 - 40)
+      document.getElementById('playHK').contentWindow.initPlugin('real', window.screen.availWidth - 500, window.screen.availHeight / 2 + 30)
     },
     async initData() {
       if (this.$route.query && this.$route.query.message) {
+        this.isbig = false
         getDrawNoCase(this.$route.query.message.slice(7)).then(async response => {
           if (response.code === 200) {
             this.alarm = response.data
             await this.$nextTick()
             setTimeout(() => {
               try {
-                document.getElementById('playHK').contentWindow.initPlugin('real', window.screen.availWidth - 500, window.screen.availHeight / 2 - 40)
+                document.getElementById('playHK').contentWindow.initPlugin('real', window.screen.availWidth - 500, window.screen.availHeight / 2 + 30)
               } catch (e) {
               } finally {
                 setTimeout(() => {
-                  document.getElementById('playHK').contentWindow.play(this.device.indexCode)
+                  document.getElementById('playHK').contentWindow.play(this.alarm.indexCode)
                 }, 1000)
               }
             }, 1000)
@@ -149,6 +158,16 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
+.bigpic{
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  width: 480px;
+  z-index: 999999999;
+}
+.pic{
+  width: 48%;
+}
 .iframe-body{
   height: 90%;
   width: 100%;

diff --git a/src/views/case/caseList.vue b/src/views/case/caseList.vue
index cdb971d..7ed5fac 100644
--- a/src/views/case/caseList.vue
+++ b/src/views/case/caseList.vue
@@ -51,9 +51,6 @@
           />
         </el-select>
       </search-item>
-<!--      <search-item>-->
-<!--        <el-input v-model.trim="listQuery.drawNo" size="small" placeholder="图纸编号" style="width: 150px" @change="fetchData(false)"/>-->
-<!--      </search-item>-->
       <search-item>
         <el-input v-model.trim="listQuery.description" size="small" placeholder="事件描述" @change="fetchData(false)"/>
       </search-item>
diff --git a/src/views/device/groupList.vue b/src/views/device/groupList.vue
index 6adcbbc..ddff96c 100644
--- a/src/views/device/groupList.vue
+++ b/src/views/device/groupList.vue
@@ -63,9 +63,9 @@
             <el-button type="text" size="small" @click.stop="edit(scope.row)">
               编辑
             </el-button>
-            <el-button type="text" size="small" @click.stop="del(scope.row)">
-              删除
-            </el-button>
+<!--            <el-button type="text" size="small" @click.stop="del(scope.row)">-->
+<!--              删除-->
+<!--            </el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/person/staffList.vue b/src/views/person/staffList.vue
index ff8e241..ce8643e 100644
--- a/src/views/person/staffList.vue
+++ b/src/views/person/staffList.vue
@@ -63,7 +63,7 @@
       <template slot="columns">
         <el-table-column label="员工照片" align="center" width="120">
           <template slot-scope="scope">
-            <el-image :src="scope.row.picture ? `${scope.row.picture}`: defaultPhoto" :preview-src-list="srcList" width="50" height="50" style="width: 50px; height: 50px;margin-top: 10px" @error="errorImg"/>
+            <el-image :src="scope.row.picture ? `${ scope.row.picture}`: defaultPhoto" :preview-src-list="srcList" width="50" height="50" style="width: 50px; height: 50px;margin-top: 10px" @error="errorImg"/>
           </template>
         </el-table-column>
         <el-table-column label="操作" align="center" width="160">
diff --git a/src/views/popup/case.vue b/src/views/popup/case.vue
index 156fbe3..20ad52a 100644
--- a/src/views/popup/case.vue
+++ b/src/views/popup/case.vue
@@ -1,30 +1,37 @@
 <template>
   <div class="case">
     <svg-icon icon-class="pop-cross" class="close" @click="changePage"/>
+    <el-image :src="alarm.eventPicture ? `${alarm.eventPicture}`: defaultPhoto" v-if="isbig" class="bigpic" @error="errorImg" @click="isbig=false"/>
     <div style="height: 58%;display: flex;flex-wrap: wrap">
       <div :style="{backgroundImage:'url('+titleAll+')'}" class="title" style="padding-left: 50px;">事件详情</div>
       <div :style="{backgroundImage:'url('+titleImg+')'}" class="title">基本信息</div>
-      <img v-if="alarm.eventPicture!==''" :src="alarm.eventPicture ? `${alarm.eventPicture}`: defaultPhoto" width="120px" height="120px" style="margin-left: 37%" @error="errorImg">
-      <div class="name" style="width: 100%">事件描述：<span class="value">{{alarm.description}}</span></div>
-      <div class="name" >事件类别：<span class="value">{{alarm.typeName}}</span></div>
-      <div class="name" >识别设备：<span class="value">{{alarm.devName}}</span></div>
-      <div class="name" >危险级别：
-        <span v-if="alarm.levelName==='较大'" class="value" style="margin-left:-2px;color: #ff9933">{{alarm.levelName}}</span>
-        <span v-else-if="alarm.levelName==='一般'" class="value" style="margin-left:-2px;color: #9b9b9b">{{alarm.levelName}}</span>
-        <span v-else class="value" style="margin-left:-2px;color: red">{{alarm.levelName}}</span>
+<!--      v-if="alarm.eventPicture!==''" -->
+      <div class="pic">
+        <el-image :src="alarm.eventPicture ? `${alarm.eventPicture}`: defaultPhoto" width="210px" height="210px" style="width: 210px; height: 210px;margin-left: 20px" @error="errorImg" @click="isbig=true"/>
       </div>
-      <div class="name" style="display: flex;justify-content: space-between;">
-        <span>事件操作：</span>
-        <el-select v-model="alarm.status" size="small" style="flex: 1;margin-top: -2px;" placeholder="事件状态" clearable @change="edit()">
-          <el-option label="未解决" value="1"/>
-          <el-option label="解决中" value="2"/>
-          <el-option label="已解决" value="3"/>
-        </el-select>
+      <div class="pic">
+        <div class="name" style="width: 100%">事件描述：<span class="value">{{alarm.description}}</span></div>
+        <div class="name" style="width: 100%">发生时间：<span class="value">{{alarm.updateTime}}</span></div>
+        <div class="name" style="width: 100%">事件类别：<span class="value">{{alarm.typeName}}</span></div>
+        <div class="name" style="width: 100%">危险级别：
+          <span v-if="alarm.levelName==='较大'" class="value" style="margin-left:-2px;color: #ff9933">{{alarm.levelName}}</span>
+          <span v-else-if="alarm.levelName==='一般'" class="value" style="margin-left:-2px;color: #9b9b9b">{{alarm.levelName}}</span>
+          <span v-else class="value" style="margin-left:-2px;color: red">{{alarm.levelName}}</span>
+        </div>
+        <div class="name" style="width: 100%;display: flex;justify-content: space-between;">
+          <span>事件操作：</span>
+          <el-select v-model="alarm.status" size="small" style="flex: 1;margin-top: -2px;" placeholder="事件状态" @change="edit()">
+            <el-option label="未解决" value="1"/>
+            <el-option label="解决中" value="2"/>
+            <el-option label="已解决" value="3"/>
+          </el-select>
+        </div>
       </div>
+      <div class="name" style="width: 100%">识别设备：<span class="value">{{alarm.devName}}</span></div>
+
       <div class="name" >所在楼栋：<span class="value">{{alarm.positionName}}</span></div>
       <div class="name" >所在楼层：<span class="value">{{alarm.areaName}}</span></div>
       <div class="name" :style="{width:'100%'}">事件位置：<span class="value">{{alarm.detailLocation}}</span></div>
-      <div class="name" :style="{width:'100%'}">发生时间：<span class="value">{{alarm.updateTime}}</span></div>
     </div>
     <div class="block" id="case-video">
       <div :style="{backgroundImage:'url('+titleImg+')'}" class="title">监控视频</div>
@@ -48,6 +55,7 @@
       errorImg: require('@/assets/global_images/photo_error.png'),
       item: require('@/assets/popup/item.png'), // 背景图片
       statusList: [],
+      isbig: false,
       alarm: {
         area: '',
         areaName: '',
@@ -91,21 +99,22 @@
   methods: {
     async reload() {
       await this.$nextTick()
-      document.getElementById('playHK').contentWindow.initPlugin('real', window.screen.availWidth - 500, window.screen.availHeight / 2 - 40)
+      document.getElementById('playHK').contentWindow.initPlugin('real', window.screen.availWidth - 500, window.screen.availHeight / 2 + 30)
     },
     async initData() {
       if (this.$route.query && this.$route.query.message) {
+        this.isbig = false
         getDrawNoCase(this.$route.query.message.slice(7)).then(async response => {
           if (response.code === 200) {
             this.alarm = response.data
             await this.$nextTick()
             setTimeout(() => {
               try {
-                document.getElementById('playHK').contentWindow.initPlugin('real', window.screen.availWidth - 500, window.screen.availHeight / 2 - 40)
+                document.getElementById('playHK').contentWindow.initPlugin('real', window.screen.availWidth - 500, window.screen.availHeight / 2 + 30)
               } catch (e) {
               } finally {
                 setTimeout(() => {
-                  document.getElementById('playHK').contentWindow.play(this.device.indexCode)
+                  document.getElementById('playHK').contentWindow.play(this.alarm.indexCode)
                 }, 1000)
               }
             }, 1000)
@@ -149,6 +158,16 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
+.bigpic{
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  width: 480px;
+  z-index: 999999999;
+}
+.pic{
+  width: 48%;
+}
 .iframe-body{
   height: 90%;
   width: 100%;
diff --git a/src/views/popup/components/caseTable.vue b/src/views/popup/components/caseTable.vue
index 01cc1ac..4fa6791 100644
--- a/src/views/popup/components/caseTable.vue
+++ b/src/views/popup/components/caseTable.vue
@@ -13,20 +13,21 @@
         </div>
         <div class="table_main_body">
           <div class="table_inner_body" :style="{top: tableTop + 'px'}">
-            <div v-for="(item,index) in tableList" :class="index%2==1?'table_tr':'table_tr1'" :key="index" @click="JumpDevice(item)">
+            <div v-for="(item,index) in tableList" :class="index%2==1?'table_tr && ' + checkCell(item):'table_tr1 && ' + checkCell(item)" :key="index" @click="JumpDevice(item)">
               <div class="tr1 tr">{{item.levelName}}</div>
               <div class="tr2 tr">{{item.description}}</div>
               <div class="tr1 tr">{{item.statusName}}</div>
               <div class="tr2 tr">{{item.typeName}}</div>
               <div class="tr4 tr">{{item.happenTime}}</div>
               <div class="tr5 tr">
-                <img :src="item.eventPicture ? `${item.eventPicture}`: defaultPhoto" width="40px" height="40px" style="margin-left: 5px" @error="errorImg">
+                <img :src="item.eventPicture ? `${item.eventPicture}`: defaultPhoto" width="40px" height="40px" style="margin-left: 5px" @error="errorImg" @click="isbig=true;picurl=item.eventPicture ? `${item.eventPicture}`: defaultPhoto">
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
+    <el-image class="bottom-big-pic" :src="picurl" v-if="isbig" @error="errorImg" @click="isbig=false"/>
   </div>
 </template>
 <script>
@@ -39,11 +40,13 @@
   components: {},
   data() {
     return {
+      picurl: '',
       defaultPhoto: require('@/assets/global_images/photo_error.png'),
       errorImg: require('@/assets/global_images/photo_error.png'),
       showFlag: true,
       tableTimer: null,
       tableTop: 0,
+      isbig: false,
       tableList: [],
       tableListSize: 0,
       componentTimer: null,
@@ -72,6 +75,19 @@
     clearInterval(this.tableTimer)
   },
   methods: {
+    checkCell(val) {
+      if (val.statusName === '未解决' || val.statusName === '解决中') {
+        switch (val.levelName) {
+          case '重大':
+            return 'hard-state'
+          case '较大':
+            return 'medium-state'
+          default:
+            return 'low-state'
+        }
+      }
+      return ''
+    },
     JumpDevice(item) {
       const params = {
         type: 'force',
@@ -83,7 +99,12 @@
       })
     },
     fetchData() {
-      getCaseListPage({}).then(response => {
+      this.picurl = ''
+      this.isbig = false
+      getCaseListPage({
+        offset: 1,
+        limit: 50
+      }).then(response => {
         if (response.code === 200) {
           this.tableList = response.data.rows
           this.tableActionFun()
@@ -151,6 +172,18 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
+.hard-state{
+  color:red;
+  font-weight: bold;
+}
+.medium-state{
+  color: #ea9700;
+  font-weight: bold;
+}
+.low-state{
+  color: #646464;
+  font-weight: bold;
+}
 .flowTable {
   width: 100%;
   height: 150px;
@@ -214,12 +247,12 @@
   width: 100%;
   position: absolute;
   left: 0;
+  color: #cce9ff;
 }
 .table_tr {
   display: flex;
   height: 40px;
   line-height: 40px;
-  color: #cce9ff;
   font-size: 13px;
   background: rgba(3, 145, 167, 0.1);
   border: 1px solid rgb(71, 160, 199);
@@ -233,7 +266,6 @@
   display: flex;
   height: 44px;
   line-height: 44px;
-  color: #cce9ff;
   font-size: 13px;
   background: rgb(64, 87, 120);
   border: 1px solid rgb(71, 160, 199);
@@ -243,4 +275,11 @@
     background: rgba(255, 153, 51, 0.6);
   }
 }
+.bottom-big-pic{
+  position: fixed;
+  bottom: 10px;
+  left: calc( 50% - 380px);
+  height: 220px;
+  z-index: 999999999;
+}
 </style>