diff --git a/src/pages/Business/CommercialGroup.module.css b/src/pages/Business/CommercialGroup.module.css
index dacb674..fda9c6f 100644
--- a/src/pages/Business/CommercialGroup.module.css
+++ b/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 {
diff --git a/src/pages/Business/CommercialGroup.tsx b/src/pages/Business/CommercialGroup.tsx
index 275007e..2f2fcb6 100644
--- a/src/pages/Business/CommercialGroup.tsx
+++ b/src/pages/Business/CommercialGroup.tsx
@@ -103,7 +103,11 @@ export default function BusinessCommercialGroup() {
>
item.name.includes('集团发布'))?.id ?? ''); @@ -112,13 +112,13 @@ export default function Search() { className={styles.searchBtn} onClick={handleSearch} > - {searchTips.search}: + {searchTips.search}