diff --git a/src/views/page/offLineMap.vue b/src/views/page/offLineMap.vue
index de8c2baf..4c1ca1cd 100644
--- a/src/views/page/offLineMap.vue
+++ b/src/views/page/offLineMap.vue
@@ -235,104 +235,104 @@
 
       <ul>
         <li style="margin-bottom: 20px">
-          <span id="" style="color: #b3c2d0"> 事件类型: </span>
-          <span id="" style="color: #01d8e2; margin-left: 10px">
+          <span id="" class="c_b3c2d0"> 事件类型: </span>
+          <span id="" class="p10c">
             {{ infoData.alarmCode }}
           </span>
         </li>
         <li style="margin-bottom: 20px">
-          <span id="" style="color: #b3c2d0"> 上报时间: </span>
-          <span id="" style="color: #01d8e2; margin-left: 10px">
+          <span id="" class="c_b3c2d0"> 上报时间: </span>
+          <span id="" class="p10c">
             {{ infoData.timestamp }}
           </span>
         </li>
         <li style="margin-bottom: 20px">
-          <span id="" style="color: #b3c2d0"> 上报地点: </span>
-          <span id="" style="color: #01d8e2; margin-left: 10px">
+          <span id="" class="c_b3c2d0"> 上报地点: </span>
+          <span id="" class="p10c">
             {{ infoData.address }}
           </span>
         </li>
         <li style="margin-bottom: 20px">
-          <span id="" style="color: #b3c2d0"> 上报来源: </span>
-          <span id="" style="color: #01d8e2; margin-left: 10px">
+          <span id="" class="c_b3c2d0"> 上报来源: </span>
+          <span id="" class="p10c">
             {{ infoData.alarmSource }}
           </span>
         </li>
         <li style="margin-bottom: 20px">
-          <span id="" style="color: #b3c2d0"> 核验状态: </span>
-          <span id="" style="color: #01d8e2; margin-left: 10px">
+          <span id="" class="c_b3c2d0"> 核验状态: </span>
+          <span id="" class="p10c">
             {{ totypecn(infoData.fakeState) }}
           </span>
         </li>
         <li style="margin-bottom: 20px">
-          <span id="" style="color: #b3c2d0"> 转发模式: </span>
-          <span id="" style="color: #01d8e2; margin-left: 10px">
+          <span id="" class="c_b3c2d0"> 转发模式: </span>
+          <span id="" class="p10c">
             {{ infoData.reportMode == '1' ? '自动转发' : infoData.reportMode == '2' ? '核验转发' : '' }}
           </span>
         </li>
         <li style="margin-bottom: 20px">
-          <span id="" style="color: #b3c2d0"> 描述信息: </span>
-          <span id="" style="color: #01d8e2; margin-left: 10px">
+          <span id="" class="c_b3c2d0"> 描述信息: </span>
+          <span id="" class="p10c">
             {{ infoData.description }}
           </span>
         </li>
         <li style="margin-bottom: 20px">
-          <span id="" style="color: #b3c2d0"> 设备类型: </span>
-          <span id="" style="color: #01d8e2; margin-left: 10px">
+          <span id="" class="c_b3c2d0"> 设备类型: </span>
+          <span id="" class="p10c">
             {{ infoData.deviceType }}
           </span>
         </li>
         <li style="margin-bottom: 20px">
-          <span id="" style="color: #b3c2d0"> 警报类型: </span>
-          <span id="" style="color: #01d8e2; margin-left: 10px">
+          <span id="" class="c_b3c2d0"> 警报类型: </span>
+          <span id="" class="p10c">
             {{ infoData.alarmCode }}
           </span>
         </li>
         <li style="margin-bottom: 20px; display: flex">
           <div style="flex: 1">
-            <span id="" style="color: #b3c2d0"> 联系人1: </span>
-            <span id="" style="color: #01d8e2; margin-left: 10px">
+            <span id="" class="c_b3c2d0"> 联系人1: </span>
+            <span id="" class="p10c">
               {{ infoData.user1Name }}
             </span>
           </div>
           <div style="flex: 1">
             <span id="" style="color: #b3c2d0; margin-left: 20px"> 电话: </span>
-            <span id="" style="color: #01d8e2; margin-left: 10px">
+            <span id="" class="p10c">
               {{ infoData.user1Phone }}
             </span>
           </div>
         </li>
         <li style="margin-bottom: 20px; display: flex">
           <div style="flex: 1">
-            <span id="" style="color: #b3c2d0"> 联系人2: </span>
-            <span id="" style="color: #01d8e2; margin-left: 10px">
+            <span id="" class="c_b3c2d0"> 联系人2: </span>
+            <span id="" class="p10c">
               {{ infoData.user2Name }}
             </span>
           </div>
           <div style="flex: 1">
             <span id="" style="color: #b3c2d0; margin-left: 20px"> 电话: </span>
-            <span id="" style="color: #01d8e2; margin-left: 10px">
+            <span id="" class="p10c">
               {{ infoData.user2Phone }}
             </span>
           </div>
         </li>
         <li style="margin-bottom: 20px; display: flex">
           <div style="flex: 1">
-            <span id="" style="color: #b3c2d0"> 联系人3: </span>
-            <span id="" style="color: #01d8e2; margin-left: 10px">
+            <span id="" class="c_b3c2d0"> 联系人3: </span>
+            <span id="" class="p10c">
               {{ infoData.user3Name }}
             </span>
           </div>
           <div style="flex: 1">
             <span id="" style="color: #b3c2d0; margin-left: 20px"> 电话: </span>
-            <span id="" style="color: #01d8e2; margin-left: 10px">
+            <span id="" class="p10c">
               {{ infoData.user3Phone }}
             </span>
           </div>
         </li>
         <li style="margin-bottom: 20px">
-          <span id="" style="color: #b3c2d0"> 处置状态: </span>
-          <span id="" style="color: #01d8e2; margin-left: 10px">
+          <span id="" class="c_b3c2d0"> 处置状态: </span>
+          <span id="" class="p10c">
             {{ infoData.state == 'new' ? '新事件' : infoData.state == 'processing' ? '处置中' : infoData.state == 'processed' ? '处置完成' : infoData.state == 'close' ? '关闭' : '' }}
           </span>
         </li>
@@ -1381,6 +1381,13 @@ const initMap = () => {
 </script>
 
 <style scoped lang="scss">
+.c_b3c2d0 {
+  color: #b3c2d0;
+}
+.p10c {
+  color: #01d8e2;
+  margin-left: 10px;
+}
 .scrollContainer {
   margin: 10px 20px;
   height: 70%;