ud

src/App.css

@@ -89,6 +89,10 @@ ul, li {
   .header-row {
     padding: 0 1rem;
   }
+  #root {
+    width: 100vw;
+    overflow: hidden;
+  }
 }
 
 body {
@@ -122,8 +126,8 @@ body {
   font-weight: 400;
   font-size: 1.125rem;
   color: #222222;
-  line-height: 34px;
+  line-height: 2.125rem;
-  margin-bottom: 20px;
+  margin-bottom: 1.25rem;
 }
 
 /* hover缩放 */

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

@@ -41,9 +41,9 @@
             }
             .honorGridsItemLargeTitle {
                 font-weight: 600;
-                font-size: 30px;
+                font-size: 1.875rem;
                 color: #222222;
-                line-height: 40px;
+                line-height: 2.5rem;
                 font-family: Source Han Sans, Source Han Sans;
             }
 
@@ -53,9 +53,9 @@
 
             .honorGridsItemLargeTitleContent {
                 font-weight: 400;
-                font-size: 16px;
+                font-size: 1rem;
                 color: #222222;
-                line-height: 22px;
+                line-height: 1.375rem;
             }
 
             .honorGridsItemBgleft,
@@ -77,4 +77,10 @@
             }
         }
     }
+}
+
+@media (max-width: 768px) {
+  .honorGridsItems {
+    width: 100% !important;
+  }
 }

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

@@ -114,7 +114,7 @@
             .contentItemContent {
                 font-size: 1rem;
                 /* margin-top: 2.5rem; */
-                line-height: 34px;
+                line-height: 2.125rem;
             }
 
             .contentItemLinks {

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

@@ -265,6 +265,7 @@
 @media (max-width: 30rem) {
     .topTabsSection {
         padding: 3rem 1.25rem 4rem 1.25rem;
+        height: auto;
     }
 
     .topTabsTabsScroll {
@@ -281,6 +282,10 @@
         line-height: 2.25rem;
     }
 
+    .topTabsContentLeft {
+        width: 100%;
+    }
+
     .topTabsContentItems {
         grid-template-columns: 1fr;
     }

src/index.css

@@ -40,7 +40,7 @@ html {
   }
 
   svg {
-    transform: scale(0.5);
+    /* transform: scale(0.5); */
   }
 }
 

src/layouts/Header.module.css

@@ -389,6 +389,7 @@
   list-style: none;
   margin: 0;
   padding: 1.5rem 1.25rem;
+  margin-top: 3rem;
 }
 
 .mobileNavItem {
@@ -461,6 +462,7 @@
 @media (max-width: 48rem) {
   .header {
     height: 8rem;
+    width: 100vw;
   }
 
   .headerInner::after {

src/pages/Business/RuijingGroup.module.css

@@ -3,9 +3,9 @@
 .businessFeatureContent {
     color: #fff;
     font-weight: 400;
-    font-size: 18px;
+    font-size: 1.125rem;
     color: #FFFFFF;
-    line-height: 34px;
+    line-height: 2.125rem;
     text-align: justify;
     font-style: normal;
     text-transform: none;

src/pages/Join/Campus.module.css

@@ -257,4 +257,8 @@
         align-items: flex-start;
         gap: 0.5rem;
     }
+
+    svg {
+        transform: scale(0.5);
+    }
 }

src/pages/Others/PrivacyPolicy.tsx

@@ -21,8 +21,8 @@ export default function PrivacyPolicy() {
             <Section background="" maskBackground="#fff">
                 <p className="w-72-inner"
                     style={{
-                        fontSize: "18px",
+                        fontSize: "1.125rem",
-                        lineHeight: "34px",
+                        lineHeight: "2.125rem",
                         color: "#333333",
                     }}
                     dangerouslySetInnerHTML={{ __html: content }}

src/pages/Social/Foundation.module.css

@@ -3,6 +3,7 @@
     height: calc(100vh - 50px);
 }
 
+
 .topTabsSectionP {
     padding-bottom: 0 !important;
 }
@@ -108,12 +109,16 @@
 @media (max-width: 30rem) {
     .informationPublicDataItems {
         padding: 0 1.25rem 3rem;
-        grid-template-columns: 1fr;
+        grid-template-columns: repeat(2, 1fr);
         font-size: 1.125rem;
         line-height: 1.75rem;
     }
 
     .partnerItems {
-        grid-template-columns: 1fr;
+        grid-template-columns: repeat(3, 1fr);
+    }
+
+    .topTabsSection {
+        height:auto;
     }
 }

src/pages/Social/Foundation.tsx

@@ -119,7 +119,7 @@ export default function Foundation() {
                                 ))
                                 .map((item: any, index: number) => (
                                     <div key={index} className={styles.informationPublicDataItem}>
-                                        <li onClick={() => window.open(item.path, '_blank')}>
+                                        <li onClick={() => item.path.includes("/upload") && window.open(item.path, '_blank')}>
                                             <span>{item.name}</span>
                                         </li>
                                     </div>