css

src/assets/css/about/contact.min.css

-.contact{padding-top:.27rem;padding-bottom:.3rem;color:#333;font-size:12px;font-weight:bold}.contact .a4a4{color:#a4a4a4;position:relative;left:-0.12rem}.contact .groupp{width:9.6rem;height:1.87rem;background:#FFFFFF;box-shadow:0 0 .09rem 0 rgba(180,202,211,0.38);border-radius:.08rem;margin:0 auto;margin-bottom:.27rem;padding-left:.57rem;padding-top:.39rem}.contact .groupp .wh{width:2.7rem}.contact .groupp .rbps{margin-bottom:.1rem}.contact .groupp i{font-size:26px;margin-right:.36rem}.contact .groupp i.iconaa5{color:#ffc423}.contact .groupp i.iconaa6{color:#1768e4}.contact .groupp i.iconaa3{color:#7dbd47}.contact .groupp i.iconaa4{color:#905ae6}.contact .groupp .rpcon{margin-left:1.4rem}.contact .address-info{margin:0 auto;width:9.6rem;margin-top:.48rem}.contact .address-info ul li{width:2rem;line-height:.93rem;text-align:center;height:.93rem;background:#FFFFFF;box-shadow:0 0 .09rem 0 rgba(180,202,211,0.38);border-radius:3px 3px 0rem 0rem;margin-right:.13rem}.contact .address-info ul li.act{background:#1969F9;color:#fff}.contact .address-info .add-info-box{background:#FFFFFF;box-shadow:0 0 .09rem 0 rgba(180,202,211,0.38);border-radius:3px;padding-bottom:.2rem}.contact .address-info .add-info-box .address-con-group{width:9.6rem;padding-top:.45rem;padding-left:.17rem}.contact .address-info .add-info-box .address-con-group .a4a4{color:#a4a4a4}.contact .address-info .add-info-box .address-con-group .mt2{margin-top:.2rem}.contact .address-info .add-info-box .address-con-group .mt4{margin-top:.5rem}.contact .address-info .add-info-box .address-con-group i{font-size:14px;color:#6f6f6f;margin-right:.19rem}.contact .address-info .add-info-box .dtbox{height:5.07rem;margin-top:.4rem}
\ No newline at end of file

src/assets/css/base.scss

+@charset "utf-8";
+
 html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;

src/assets/css/global.css

@@ -9,7 +9,7 @@ html * {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
 
 html, body {
-  font-family: sans-serif;
+  font-family: PingFangSC-Regular, PingFang SC， "Microsoft Yahei", sans-serif;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -173,19 +173,19 @@ body {
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }
 
-/* 涓や晶瀵归綈 */
+/* 两侧对齐 */
 .bothSide {
   justify-content: space-between; }
 
-/* 骞冲潎鍒嗗竷 */
+/* 平均分布 */
 .avarage {
   justify-content: space-around; }
 
-/* 姘村钩灞呬腑 */
+/* 水平居中 */
 .rowCenter {
   justify-content: center; }
 
-/* 鍨傜洿灞呬腑 */
+/* 垂直居中 */
 .verCenter {
   align-items: center; }
 
@@ -325,12 +325,10 @@ body {
   position: fixed;
   right: 0;
   bottom: 23%;
-  z-index: 3000; }
+  z-index: 3; }
   .slide-bar .customer-service {
     margin-top: 5px;
-   
     border-radius: 4px;
-   
     display: flex;
     align-items: center;
     justify-content: center; }
@@ -339,9 +337,7 @@ body {
       font-size: 25px; }
   .slide-bar .backtop {
     margin-top: 5px;
-    
     border-radius: 4px;
-  
     display: flex;
     align-items: center;
     justify-content: center;

src/views/aboutUs/contact.vue

@@ -49,7 +49,7 @@
         </li>
       </ul>
       <div class="add-info-box" v-show="act==0">
-       <div class="mapbg"></div>
+        <div class="mapbg"></div>
       </div>
       <div class="add-info-box" v-show="act==1">
         <div class="address-con-group boxsiz">
@@ -119,7 +119,7 @@
             <i class="icon iconfont iconaa1"></i>
             <div class="a4a4">Address</div>
           </div>
-          <div class="mt2">1209,No.4 Building,Hong Leong City Center,No 788 Zhongyuan Road,SIP Suzhou,China</div>
+          <div class="mt2">1209,No.4 Block,Hong Leong City Center,No 788 Zhongyuan Road,SIP Suzhou,China</div>
         </div>
         <div class="dtbox">
           <baidu-map :center="{lng: 120.715835, lat: 31.325864} " :zoom="num" style="height:100%">