调整兼容

src/components/AboutUs.vue

@@ -27,6 +27,7 @@ import FourCard from '@/components/FourCard'
   .more_btn {
     width: 173px;
     height: 43px;
+    cursor: pointer;
     background: linear-gradient(90deg, #facc22, #f83600);
     border-radius: 22px;
     display: flex;

src/components/FourCard.vue

@@ -58,8 +58,7 @@ import Temp from '@/static/img/6.png'
     display: flex;
     align-items: center;
     flex-direction: column;
-    padding: 40px 45px 30px 45px;
-    box-sizing: border-box;
+    padding: 40px 0;
     .icon {
       width: 60px;
       height: 60px;
@@ -76,7 +75,7 @@ import Temp from '@/static/img/6.png'
       font-weight: 300;
       color: #7e7e7e;
       text-align: center;
-      white-space: nowrap;
+      // white-space: nowrap;
       margin-bottom: 99px;
       .line {
         margin-bottom: 10px;

src/pages/index.vue

@@ -16,7 +16,4 @@ import Contact from '@/components/Contact'
 import Bottom from '@/components/Bottom'
 </script>
 
-<style scoped lang="scss">
-.main_container {
-}
-</style>
+<style scoped lang="scss"></style>