diff --git a/src/views/modules/visual/communityParty/elegant.vue b/src/views/modules/visual/communityParty/elegant.vue
index ac3073ac..8510173c 100644
--- a/src/views/modules/visual/communityParty/elegant.vue
+++ b/src/views/modules/visual/communityParty/elegant.vue
@@ -555,7 +555,7 @@ export default {
   flex-wrap: wrap;
   padding: 30px 0 20px;
   .elegant-item {
-    width: 19%;
+    width: calc((100% - 80px) / 5);
     margin-right: 20px;
     margin-bottom: 36px;
     box-sizing: border-box;
diff --git a/src/views/modules/visual/communityParty/elegantInfo.vue b/src/views/modules/visual/communityParty/elegantInfo.vue
index 809716b9..db63d69f 100644
--- a/src/views/modules/visual/communityParty/elegantInfo.vue
+++ b/src/views/modules/visual/communityParty/elegantInfo.vue
@@ -41,7 +41,8 @@
                   v-for="(item, index) in info.imageList" :key="index"
                   style="width: 200px; height: 200px;margin-right: 10px;"
                   :src="item" 
-                  :preview-src-list="info.imageList">
+                  :preview-src-list="info.imageList"
+                  :z-index="99999">
                 </el-image>
               </div>
               <!-- <span>{{ info.peopleCount }}</span> -->