加入我们底部招聘布局

@@ -2454,7 +2454,11 @@ blockquote:before {
     color: #ADADAD;
 }
 .weFooterList{
-
+    display: grid;
+    grid-auto-columns: 15% 25% 25% 35%;
+    grid-auto-rows: 50% 50%;
+    grid-template-areas: "header header header header"
+                          "header header header header";
 }
 .mainContent h5{
     color: #686868;

@@ -102,21 +102,21 @@
 <!--        </div>-->
 <!--    </div>-->
 <!--</section>-->
-<section class="weFooter">
+<section class="weFooter sps-three">
     <div class="mainContent container">
         <div class="row">
-            <div class="col-8">
+            <div class="col-lg-8 col-md-12">
                 <h5>加入鸿果</h5>
                 <span class="mb-15 weFooterColor">鸿果科技依托"金税三期"、"互联网+智能化AI+行业应用"的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈</span>
                 <h5 class="mt-25 mb-15">热门职位</h5>
-                <ul class="weFooterList d-flex justify-content-between align-items-center flex-wrap">
-                    <li class="weFooterColor cursor-pointer" v-for="(item,index) in recruitHot.data" :key="index">
+                <ul class="weFooterList">
+                    <li class="weFooterColor cursor-pointer mb-15" v-for="(item,index) in recruitHot.data" :key="index">
                         <span @click="routerPath(item.url)" class="border-bottom">{{item.text}}</span>
                     </li>
                 </ul>
             </div>
-            <div class="col-2 ml-auto">
-                <span class="btn btn-danger ml-15 d-inline-block min-width-100">查看更多职位</span>
+            <div class="col-lg-2 col-sm-12 ml-auto">
+                <span @click="routerPath('sale')" class="btn btn-danger d-inline-block min-width-100">查看更多职位</span>
             </div>
         </div>
     </div>