ud

src/components/layout/TopTabsSection/TopTabs.tsx

@@ -111,7 +111,7 @@ export default function TopTabs({ data, activeIndex, setActiveIndex, className }
 
     return (
         <div className={className} style={{position: 'relative'}}>
-            {canScrollLeft && (
+            {/* {canScrollLeft && (
                 <button
                     type="button"
                     className={`${styles.topTabsNavBtn} ${styles.topTabsNavBtnLeft}`}
@@ -120,13 +120,13 @@ export default function TopTabs({ data, activeIndex, setActiveIndex, className }
                 >
                     <LeftOutlined />
                 </button>
-            )}
+            )} */}
             <div ref={containerRef} className={styles.topTabsTabs}
             >
 
                 <div
                     ref={scrollRef}
-                    className={`${styles.topTabsTabsScroll} ${shouldCenter ? styles.topTabsTabsScrollCenter : ''}`}
+                    className={`${styles.topTabsTabsScroll} ${data.tabItems.length < 4 ? styles.topTabsTabsScrollCenter : ''}`}
                 >
                     {data.tabItems.map((item, index) => (
                         <div
@@ -150,7 +150,7 @@ export default function TopTabs({ data, activeIndex, setActiveIndex, className }
                     className={styles.topTabsBottomLineWhite}
                 />
             </div>
-            {canScrollRight && (
+            {/* {canScrollRight && (
                 <button
                     type="button"
                     className={`${styles.topTabsNavBtn} ${styles.topTabsNavBtnRight}`}
@@ -159,7 +159,7 @@ export default function TopTabs({ data, activeIndex, setActiveIndex, className }
                 >
                     <RightOutlined />
                 </button>
-            )}
+            )} */}
         </div>
     );
 }

src/components/layout/TopTabsSection/index.module.css

@@ -54,11 +54,12 @@
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
-    padding: 0 20px;
+    /* padding: 0 20px; */
+    justify-content: center;
     gap: 70px;
     /* gap: 8.125rem; */
     height: 100%;
-    overflow-x: auto;
+    /* overflow-x: auto; */
     -webkit-overflow-scrolling: touch;
     /* 隐藏滚动条 */
     scrollbar-width: none;
@@ -77,7 +78,7 @@
 .topTabsBottomLine {
     position: absolute;
     bottom: 0px;
-    height: 1px;
+    height: 2px;
     background: #14355C;
     transition: left 0.25s ease, width 0.25s ease;
     z-index: 1;

src/pages/Business/RuijingGroup.module.css

@@ -1,9 +1,14 @@
-.RuijingGroup {
-    
-}
+.RuijingGroup {}
 
 .businessFeatureContent {
     color: #fff;
+    font-weight: 400;
+    font-size: 18px;
+    color: #FFFFFF;
+    line-height: 34px;
+    text-align: justify;
+    font-style: normal;
+    text-transform: none;
 }
 
 @media (max-width: 48rem) {