政府机构-详情页面响应式开发

assets/scss/cus-client/cus-client-page.scss

@@ -1050,6 +1050,27 @@
         i{width: 17px;height: 17px;float:left;box-sizing: border-box;opacity: 0.8;display: inline-block;border: 1px solid #2B5CFD;transform: rotate(45deg);margin-right: 16px;}
         .government-advantage-content{margin-right: -100px;padding: 4px 0 0 4px;}
     }
+    @media (max-width: 768px) {
+      // 我们的系统为您改变了什么
+      .government-change-box{
+        background: rgb(238, 238, 238);padding: 0 15px;
+        .industrydetails-content{
+          height: auto;margin-top: 20px;background-image:unset;position: relative;
+          li{
+            margin-bottom: 16px;
+            p{margin-left: 20px}
+          }
+          img{width:80px;display:block;margin: -60px auto;position: absolute;left: 50%;margin-left: -40px;}
+        }
+        .change-content-left,.change-content-right{
+          width: 100%;box-sizing: border-box;margin-bottom: 20px;
+          p{@include setFontStyle(-6);color: rgba(255, 255, 255, 1);line-height: 24px;}
+          i{border-color: #fff;}
+        }
+        .change-content-left{background-color: rgb(0, 102, 204);padding: 20px 16px;}
+        .change-content-right{background-color: rgb(255, 186, 0);padding: 60px 16px 36px;}
+      }
+    }
   }
 
   /********  describe: 金融保险-详情页  author: TX  date:2020-09-01  ********/

pages/government.vue

@@ -55,7 +55,7 @@
     </div>
 
     <!-- 我们的优势 -->
-    <div class="government-advantage-box">
+    <div class="government-advantage-box mta-hidden-xs">
       <h4 class="client-title">我们的优势</h4>
       <div class="client-container fn-hidden fn-clear-gap">
         <div class="government-advantage-content">