ud

src/pages/Business/CommercialGroup.module.css

@@ -65,18 +65,30 @@
 .twoColSectionContent {
   display: grid;
   grid-template-columns: 1fr 1fr;
+  align-items: stretch;
   margin-top: 3.75rem;
+  min-height: 50rem;
+}
+
+.twoColImageWrap {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  height: 100%;
+  align-self: stretch;
 }
 
 .twoColImage {
   min-width: 0;
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
   background: transparent;
   display: flex;
   align-items: center;
   justify-content: center;
   background-size: cover;
   width: 100%;
-  aspect-ratio: 962 / 800;
   background-position: center;
   background-repeat: no-repeat;
 }
@@ -89,8 +101,24 @@
 }
 
 .twoColText {
-  padding: 6.25rem 16.25rem 0 5rem;
+  /* padding: 6.25rem 16.25rem 0 5rem; */
   background: #F0F2F4;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  align-self: stretch;
+}
+
+.twoColTextContent {
+  width: 80%;
+  margin: 0 auto;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 2rem 0;
 }
 
 .twoColTitle {
@@ -104,7 +132,9 @@
   font-size: 1.125rem;
   line-height: 1.8;
   color: #222;
-  margin: 0 0 1rem;
+  /* width: 100%; */
+  /* aspect-ratio: 962 / 800; */
+  overflow: hidden;
 }
 
 .twoColDesc+.twoColDesc {
@@ -112,7 +142,7 @@
 }
 
 .btnPrimary {
-  margin-top: 6.25rem;
+  /* margin-top: 6.25rem; */
   display: inline-block;
   width: 6.5rem;
   height: 2.375rem;
@@ -291,10 +321,6 @@
     gap: 2rem;
   }
 
-  .twoColText {
-    padding: 2rem;
-  }
-
   .featuresGrid {
     grid-template-columns: 1fr;
   }
@@ -326,13 +352,25 @@
     flex-direction: column;
   }
 
+  .twoColImageWrap {
+    height: auto;
+  }
+
   .twoColImage {
+    flex: none;
+    height: auto;
     aspect-ratio: 16/9;
     min-height: 12rem;
   }
 
   .twoColText {
-    padding: 1.5rem 1rem;
+    height: auto;
+    /* padding: 1.5rem 1rem; */
+  }
+
+  .twoColTextContent {
+    flex: none;
+    padding: 1.5rem 0;
   }
 
   .twoColTitle {

src/pages/Business/CommercialGroup.tsx

@@ -103,7 +103,11 @@ export default function BusinessCommercialGroup() {
             >
                 <TopTabs className={styles.twoColSectionTabs} data={section2Data} activeIndex={activeTabIndex} setActiveIndex={setActiveTabIndex} />
                 <div className={styles.twoColSectionContent}>
-                    <ScrollReveal preset="slideRight" duration={1}>
+                    <ScrollReveal
+                        preset="slideRight"
+                        duration={1}
+                        className={styles.twoColImageWrap}
+                    >
                         <div className={styles.twoColImage} style={{
                             backgroundImage: `url(${section2Data.tabItems[activeTabIndex]?.sideImage as string})`,
                         }}>
@@ -111,6 +115,7 @@ export default function BusinessCommercialGroup() {
                     </ScrollReveal>
 
                     <div className={styles.twoColText}>
+                        <div className={styles.twoColTextContent}>
                             <ScrollReveal preset="slideUp" delay={0.5} >
                                 <p className={styles.twoColDesc} dangerouslySetInnerHTML={{ __html: section2Data.tabItems[activeTabIndex]?.content ?? "" }}></p>
                             </ScrollReveal>
@@ -122,6 +127,7 @@ export default function BusinessCommercialGroup() {
                             </Link>
                         </div>
                     </div>
+                </div>
             </Section>
 
 

src/pages/Others/AuditReport.tsx

@@ -22,7 +22,7 @@ export default function AuditReport() {
             />
 
             <Section background="" maskBackground="#fff">
-                <div className={styles.auditReport}>
+                <div className={`${styles.auditReport} w-72-inner`}>
                     <p
                         className={styles.auditReportP}
                         dangerouslySetInnerHTML={{ __html: content }}

src/pages/Others/PrivacyPolicy.tsx

@@ -19,7 +19,7 @@ export default function PrivacyPolicy() {
             />
 
             <Section background="" maskBackground="#fff">
-                <p
+                <p className="w-72-inner"
                     style={{
                         fontSize: "18px",
                         lineHeight: "34px",

src/pages/Others/Search.tsx

@@ -31,7 +31,7 @@ export default function Search() {
         result: "个结果",
     }
     const [page, setPage] = useState(1);
-    const [size] = useState(2 * supportLocales.length);
+    const [size] = useState(5 * supportLocales.length);
     const [total, setTotal] = useState(0);
     const categoryId = String(categoryList?.find((item: any) => item.name.includes('集团发布'))?.id ?? '');
 
@@ -112,13 +112,13 @@ export default function Search() {
                         className={styles.searchBtn}
                         onClick={handleSearch}
                     >
-                        {searchTips.search}:
+                        {searchTips.search}
                     </button>
                 </div>
             </section>
 
             <Section background="" maskBackground="#fff">
-                <div className={styles.searchItemList}>
+                <div className={`${styles.searchItemList} w-72-inner`}>
                     {localSearchData.map((item) => (
                         <Link to={item.path ?? ''} key={item.id} className={styles.searchItem}>
                             <div className={styles.searchItemTitleRow}>

src/pages/Others/SiteMap.tsx

@@ -25,7 +25,7 @@ export default function SiteMap() {
             />
 
             <Section background="" maskBackground="#fff">
-                <div className={styles.siteMap}>
+                <div className={`${styles.siteMap} w-72-inner`}>
                     <div className={styles.siteMapTitle}>{title}</div>
 
                     <div className={styles.siteMapItems}>

src/pages/Others/TermsOfUse.tsx

@@ -19,7 +19,8 @@ export default function TermsOfUse() {
             />
 
             <Section background="" maskBackground="#fff">
-                <p
+                
+                <p className="w-72-inner"
                     style={{
                         fontSize: "1.125rem",
                         lineHeight: "2.125rem",