diff --git a/src/assets/images/icon/ban-left.png b/src/assets/images/icon/ban-left.png
new file mode 100644
index 00000000..6b68cbb2
Binary files /dev/null and b/src/assets/images/icon/ban-left.png differ
diff --git a/src/assets/images/icon/ban-right.png b/src/assets/images/icon/ban-right.png
new file mode 100644
index 00000000..8b329c20
Binary files /dev/null and b/src/assets/images/icon/ban-right.png differ
diff --git a/src/assets/styles/portal-index.scss b/src/assets/styles/portal-index.scss
index f49e0c9e..3fa4b8eb 100644
--- a/src/assets/styles/portal-index.scss
+++ b/src/assets/styles/portal-index.scss
@@ -740,7 +740,7 @@
   }
   .case-inter{
       left: 20px;
-      bottom:20px;
+      bottom:30px;
       // .interact-bar-index{
       //     display: none !important;
       //    }
@@ -968,7 +968,7 @@
   }
   .case-inter{
       left: 20px;
-      bottom:20px;
+      bottom:30px;
       // .interact-bar-index{
       //     display: none !important;
       //    }
diff --git a/src/components/PortalHeader.vue b/src/components/PortalHeader.vue
index fd6998eb..f5bab7bc 100644
--- a/src/components/PortalHeader.vue
+++ b/src/components/PortalHeader.vue
@@ -67,7 +67,7 @@
              <el-button class="sear-but"  @click="searchJump()" type="primary" size="mini">搜索</el-button>
           </div>
 
-          <div class="person-action" >
+          <div class="person-action">
             <!-- 消息 -->
             <!-- <el-link v-if="current == 'qa'" class="person-action-index" type="primary" style="margin-right:10px; color:#333;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link>
             <el-link v-else class="person-action-index" type="primary" style="margin-right:10px; color:#fff;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link> -->
@@ -76,7 +76,7 @@
               <el-badge class="person-action-index"  :value="userMsg" :hidden="userMsg == 0">
                 <el-tooltip   content="消息" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip">
                    <el-link  type="primary" :href="`${webBaseUrl}/message/center/index`" :underline="false">
-                    <svg-icon :style="{color:textColor}" style="margin-right: 0;font-size:22px;" icon-class="messfff"></svg-icon>
+                    <svg-icon :style="{color:textColor}" style="margin-right: 0;font-size:26px;" icon-class="messfff"></svg-icon>
                    </el-link>
                 </el-tooltip>
               </el-badge>
diff --git a/src/icons/svg/messfff.svg b/src/icons/svg/messfff.svg
index c4b2e0fa..93fd2404 100644
--- a/src/icons/svg/messfff.svg
+++ b/src/icons/svg/messfff.svg
@@ -1 +1,23 @@
-<svg t="1665718817453" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19903" width="64" height="64"><path d="M609.578667 806.826667a36.693333 36.693333 0 0 0-36.181334 37.12c0 34.816-27.434667 63.061333-61.269333 63.061333-33.834667 0-61.312-28.245333-61.312-63.018667a36.693333 36.693333 0 0 0-36.181333-37.162666 36.693333 36.693333 0 0 0-36.181334 37.12c0 75.776 59.946667 137.386667 133.674667 137.386666 73.685333 0 133.632-61.610667 133.632-137.386666a36.693333 36.693333 0 0 0-36.181333-37.12z m242.901333-125.013334c-53.034667-40.917333-84.736-105.984-84.736-174.08V371.285333c-2.858667-122.624-82.944-227.157333-194.986667-254.421333-3.797333-0.853333-7.594667-1.749333-11.434666-2.389333 1.92-5.546667 3.2-11.562667 3.2-17.92C564.48 66.901333 541.013333 42.666667 512 42.666667c-29.013333 0-52.522667 24.106667-52.522667 53.973333 0 6.314667 1.28 12.288 3.157334 17.962667a251.306667 251.306667 0 0 0-108.928 51.584 264.192 264.192 0 0 0-97.365334 205.781333v135.509333c0 68.138667-31.701333 133.205333-84.736 174.08-19.2 14.848-27.050667 40.533333-19.413333 64s28.842667 39.125333 52.821333 39.125334H285.44c0.853333 0.128 1.706667 0.128 2.432 0.128h530.773333c24.064 0 45.269333-15.701333 52.906667-39.168a57.258667 57.258667 0 0 0-19.072-63.872z" p-id="19904"></path></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 2</title>
+    <defs>
+        <polygon id="path-1" points="5.0748738e-17 0 16 0 16 16 5.0748738e-17 16"></polygon>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.首页备份" transform="translate(-1501.000000, -23.000000)">
+            <g id="编组-17" transform="translate(1501.000000, 23.000000)">
+                <g id="编组-2" opacity="0.222153437" fill="#4B4C51">
+                    <rect id="矩形备份" opacity="0.554573422" x="0" y="0" width="26" height="26" rx="13"></rect>
+                </g>
+                <g id="编组-12" transform="translate(5.000000, 5.000000)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="Clip-2"></g>
+                    <path d="M12.8940698,6.91998844 C12.8940698,4.7096267 11.2903046,2.85915676 9.12938721,2.36963668 L9.12938721,1.88001156 C9.12938721,1.28239788 8.62492049,0.8 7.99996704,0.8 C7.37507951,0.8 6.87061279,1.28239788 6.87061279,1.88001156 L6.87061279,2.36963668 C4.7096075,2.85915676 3.10593017,4.7096267 3.10593017,6.91998844 L3.10593017,10.8800168 L1.6,12.3199832 L1.6,13.0399559 L14.4,13.0399559 L14.4,12.3199832 L12.8940698,10.8800168 L12.8940698,6.91998844 Z M7.99996704,15.2 C8.10542588,15.2 8.20326092,15.1927728 8.30120581,15.1711961 C8.79055677,15.077557 9.19718845,14.7536333 9.38538853,14.3216161 C9.46074765,14.1487924 9.50589722,13.9615982 9.50589722,13.7599496 L6.49412476,13.7599496 C6.49412476,14.5519847 7.17176367,15.2 7.99996704,15.2 Z" id="Fill-1" fill="#333333" mask="url(#mask-2)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 24bd2e64..2344b592 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -10,6 +10,8 @@
             <img class="banner-img" style=" margin: 0 auto;" :src=" fileBaseUrl + item.image" alt="">
           </swiper-slide>
           <div class="swiper-pagination" slot="pagination"></div>
+          <div class="swiper-button-prev" slot="button-prev"></div>
+          <div class="swiper-button-next" slot="button-next"></div>
         </swiper>
       </div>
       <div class="personal-panel">
@@ -205,7 +207,7 @@
           </div>
         </div>
         <div class="xcontent2-minor">
-          <div class="portal-ranking ranking-bg" style="margin-top:60px">
+          <div class="portal-ranking ranking-bg" style="margin-top:60px;padding-right:17px">
             <p class="ranking-title">案例排行榜</p>
             <ul class="xindex-ranking-case">
               <li @click="jumcasedet(item)"  class="xindex-ranking-li title-line-ellipsis" v-for="(item, index) in Popularity" :key="index" style="line-height: 22px;">
@@ -308,7 +310,7 @@
         </div>
         <!--内容块-->
         <div class="xcontent2-minor">
-          <div style="margin-top:80px" class="portal-ranking ranking-bg">
+          <div style="margin-top:80px;padding-right:17px" class="portal-ranking ranking-bg">
           <!-- 排行榜位置 -->
             <p class="ranking-title">文章排行榜</p>
             <ul class="xindex-ranking-article">
@@ -365,7 +367,7 @@
         </div>
         <div  class="xcontent2-minor">
           <!-- 排行榜 -->
-          <div class="portal-ranking ranking-bg" style="margin-top:80px">
+          <div class="portal-ranking ranking-bg" style="margin-top:80px;padding-right:17px">
             <p class="ranking-title">问答排行榜</p>
             <ul class="xindex-ranking-qa">
               <li @click="jumpRouter(item)" class="xindex-ranking-li" v-for="(item, index) in answersList" :key="index" style="line-height: 22px;">
@@ -1183,6 +1185,51 @@
   .course-banner {
     height: 520px;
     // background: url('/images/course-banner.png');
+    .swiper-button-prev{
+      height: 38px;
+      left: 44%;
+      top:auto;
+      background: url('../assets/images/icon/ban-left.png') no-repeat;
+      bottom: 66px;
+    }
+    .swiper-button-next{
+      height: 38px;
+      right: 53%;
+      bottom: 66px;
+      top:auto;
+      background: url('../assets/images/icon/ban-right.png') no-repeat;
+    }
+    .swiper-pagination-bullets{
+      // background: #000;
+        left: 60px;
+        bottom: 66px;
+      }
+  ::v-deep .swiper-pagination{
+     height: 38px;
+     line-height: 34px;
+     background: rgba($color: #000000, $alpha: 0.1);
+     width: auto;
+     left:48%;
+     padding: 0 20px;
+     border-radius: 19px;
+     .swiper-pagination-bullet{
+      background: #000;
+      width: 16px;
+      height: 2px;
+      background: rgba($color: #fff, $alpha: 0.5);
+      border-radius: 2px;
+    }
+      .swiper-pagination-bullet-active{
+        height: 2px;
+        width: 16px;
+        background: rgba($color: #fff, $alpha: 0.8);
+        border-radius: 2px;
+      }
+      .swiper-container{
+        // background-color: rgba($color: #000000, $alpha: 0.2);
+      }
+     
+    }
   }
 
   .case-orginfo {