diff --git a/src/views/demo/bootstraps/auditinfo/MapList/index.vue b/src/views/demo/bootstraps/auditinfo/MapList/index.vue
index 24b703dc..90481636 100644
--- a/src/views/demo/bootstraps/auditinfo/MapList/index.vue
+++ b/src/views/demo/bootstraps/auditinfo/MapList/index.vue
@@ -290,7 +290,7 @@
             justify-content: space-between;
           }
           .item-info-address {
-            width: 100px;
+            width: 120px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
diff --git a/src/views/demo/bootstraps/auditinfo/index.vue b/src/views/demo/bootstraps/auditinfo/index.vue
index d9188d2d..8003eec2 100644
--- a/src/views/demo/bootstraps/auditinfo/index.vue
+++ b/src/views/demo/bootstraps/auditinfo/index.vue
@@ -20,13 +20,14 @@
         v-else
       />
     </div>
-    <!-- <div id="showMap" class="map"></div> -->
-    <MapboxMap
-      :mapConfig="mapConfig"
-      @handlerDrawComplete="handlerDrawComplete"
-      @mapOnLoad="onMapboxLoad"
-      ref="MapboxComponent"
-    />
+    <div class="map-box-div">
+      <MapboxMap
+        :mapConfig="mapConfig"
+        @handlerDrawComplete="handlerDrawComplete"
+        @mapOnLoad="onMapboxLoad"
+        ref="MapboxComponent"
+      />
+    </div>
   </div>
 </template>
 
@@ -81,7 +82,7 @@
     areaId.value = value;
   };
   function changeShowParent() {
-    console.log('dedededede')
+    console.log('dedededede');
     showParent.value = true;
   }
   async function getCountList() {
@@ -156,9 +157,8 @@
     .show-list {
       width: 35%;
     }
-    .map {
+    .map-box-div {
       width: 65%;
-      background: burlywood;
     }
   }
 </style>