From 6b2ca339a28f303fe47e441189f8a35af193d514 Mon Sep 17 00:00:00 2001
From: zhangjianjun <zhangjianjun@batiao8.com>
Date: Mon, 13 Apr 2026 14:58:04 +0800
Subject: [PATCH] ud

---
 .../layout/TopTabsSection/index.module.css           | 12 ++++++++----
 src/components/layout/TopTabsSection/index.tsx       |  3 +--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/layout/TopTabsSection/index.module.css b/src/components/layout/TopTabsSection/index.module.css
index 3a95aeb..cf43825 100644
--- a/src/components/layout/TopTabsSection/index.module.css
+++ b/src/components/layout/TopTabsSection/index.module.css
@@ -1,4 +1,5 @@
 .topTabsSection {
+    padding: 6.25rem 0 0 0;
     padding: 6.25rem 16.25rem 0 16.25rem;
     width: 100%;
     height: calc(100vh / var(--zoom-compensation, 1));
@@ -182,16 +183,19 @@
     flex: 8;
 
     img {
-        width: 50rem;
-        height: 31.25rem;
+        /* width: 50rem;
+        height: 31.25rem; */
+        width: 41.667vw;
+        aspect-ratio: 800 / 500;
         object-fit: cover;
         display: block;
     }
 }
 
 .sideImageSwiper {
-    width: 50rem;
-    height: 31.25rem;
+    /* width: 50rem;
+    height: 31.25rem; */
+    width: 41.667vw;
     --swiper-pagination-color: #14355c;
     --swiper-pagination-bullet-inactive-color: #d5d8dc;
     --swiper-pagination-bullet-inactive-opacity: 1;
diff --git a/src/components/layout/TopTabsSection/index.tsx b/src/components/layout/TopTabsSection/index.tsx
index 23e4bda..478bf0f 100644
--- a/src/components/layout/TopTabsSection/index.tsx
+++ b/src/components/layout/TopTabsSection/index.tsx
@@ -94,7 +94,6 @@ export default function TopTabsSection({ data, className }: { data: Data, classN
 
                                             dangerouslySetInnerHTML={{ __html: data.tabItems[activeIndex].contentText ?? data.tabItems[activeIndex].content as any }}
                                         >
-                                            {/* {data.tabItems[activeIndex].contentText ?? data.tabItems[activeIndex].content} */}
                                         </p>
                                     </ScrollReveal>
                                 </div>
@@ -120,7 +119,7 @@ export default function TopTabsSection({ data, className }: { data: Data, classN
                                                     </SwiperSlide>
                                                 ))}
                                             </Swiper>
-                                        ) :  (
+                                        ) : (
                                             <img src={sideSlides[0] || sideSlides as any} alt="" />
                                         )}
                                     </ScrollReveal>