style: 修改官网团队介绍区样式

website/css/style.css

@@ -110,8 +110,7 @@ p {
   padding-bottom: 52px;
 }
 .preview-container img {
-  width: 120px;
+  height: 370px;
-  height: 270px;
 }
 .section-padding {
   padding: 65px 0;
@@ -434,6 +433,9 @@ p {
   .mobile-hidden {
     display: none !important;
   }
+  .team-box .team-card{
+    width: 40%;
+  }
 }
 
 @media only screen and (min-width: 750px) {
@@ -1785,7 +1787,8 @@ p {
   margin-bottom: 40px;
 }
 .team-box {
-  width: 2600px;
+  text-align: center;
+  padding-top: 20px;
 }
 .team-box::after {
   clear: both;
@@ -1793,18 +1796,21 @@ p {
   display: block;
 }
 .team-card {
-  width: 485px;
+  width: 220px;
-  height: 232px;
+  font-size: 14px;
+  height: 130px;
   background: #ffffff;
-  box-shadow: 0px 0px 40px 0px rgba(110, 127, 193, 0.1);
+  box-shadow: 0px 0px 40px 0px rgb(110 127 193 / 10%);
   border-radius: 20px;
   margin-right: 32px;
-  padding: 32px;
+  padding: 30px 12px;
-  float: left;
+  display: inline-block;
+  margin-bottom: 20px;
+  text-align: inherit;
 }
 .team-card img {
-  width: 168px;
+  width: 60px;
-  height: 168px;
+  height: 60px;
   border-radius: 50%;
 }
 .team-card .team-info {
@@ -1814,14 +1820,14 @@ p {
   font-family: PingFangSC-Medium, PingFang SC;
 }
 .team-card .team-info p {
-  font-size: 32px;
+  font-size: 16px;
   font-weight: 500;
   color: #232323;
   line-height: 30px;
-  margin-bottom: 25px;
+  margin-bottom: 2px;
 }
 .team-card .team-info span {
-  font-size: 32px;
+  font-size: 16px;
   font-weight: 400;
   color: #7a7a7a;
   line-height: 30px;

website/index.html

@@ -496,13 +496,13 @@
         </div>
 
         <div class="big-adaptation-img-container row gx-5">
-    
+
         </div>
       </div>
       <!--// .container //-->
     </section>
 
-    <section class="contact-section section-padding" data-scroll-index="5">
+    <section class="contact-section section-padding mobile-hidden" data-scroll-index="5">
       <div class="container">
         <div class="row justify-content-center">
           <div class="col-lg-8">
@@ -520,42 +520,58 @@
       </div>
       <div class="team-container">
         <div class="team-box">
-        <div class="team-card">
+          <div class="team-card">
-          <img src="./img/徐小夕.jpg" alt="">
+            <img src="./img/徐小夕.jpg" alt="">
-          <div class="team-info">
+            <div class="team-info">
-            <p>产品/技术/运营</p>
+              <p>产品/技术/运营</p>
-            <span>徐小夕</span>
+              <span>徐小夕</span>
+            </div>
+          </div>
+          <div class="team-card">
+            <img src="./img/大风吹.jpg" alt="">
+            <div class="team-info">
+              <p>产品</p>
+              <span>大风吹</span>
+            </div>
+          </div>
+          <div class="team-card">
+            <img src="./img/背完单词看视频.jpg" alt="">
+            <div class="team-info">
+              <p>技术</p>
+              <span>背完单词看视频</span>
+            </div>
+          </div>
+          <div class="team-card">
+            <img src="./img/ralap.jpg" alt="">
+            <div class="team-info">
+              <p>技术</p>
+              <span>Ralap_C</span>
+            </div>
           </div>
         </div>
-        <div class="team-card">
+        <div class="team-box">
-          <img src="./img/背完单词看视频.jpg" alt="">
+          <div class="team-card">
-          <div class="team-info">
+            <img src="./img/朝霞.jpg" alt="">
-            <p>技术</p>
+            <div class="team-info">
-            <span>背完单词看视频</span>
+              <p>技术</p>
+              <span>朝霞</span>
+            </div>
+          </div>
+          <div class="team-card">
+            <img src="./img/47.jpg" alt="">
+            <div class="team-info">
+              <p>设计师</p>
+              <span>47</span>
+            </div>
+          </div>
+          <div class="team-card">
+            <img src="./img/黎光.jpg" alt="">
+            <div class="team-info">
+              <p>运营</p>
+              <span>黎光</span>
+            </div>
           </div>
         </div>
-        <div class="team-card">
-          <img src="./img/ralap.jpg" alt="">
-          <div class="team-info">
-            <p>技术</p>
-            <span>Ralap_C</span>
-          </div>
-        </div>
-        <div class="team-card">
-          <img src="./img/47.jpg" alt="">
-          <div class="team-info">
-            <p>设计师</p>
-            <span>47</span>
-          </div>
-        </div>
-        <div class="team-card">
-          <img src="./img/黎光.jpg" alt="">
-          <div class="team-info">
-            <p>运营</p>
-            <span>黎光</span>
-          </div>
-        </div>
-      </div>
       </div>
       <div class="row align-items-center justify-content-center">
         <div class="col-lg-8">