diff --git a/src/views/Index.vue b/src/views/Index.vue
index 2b076b12..dc44ea90 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -10,8 +10,7 @@
             <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>
+          <!-- <div class="swiper-button-prev" slot="button-prev"></div> -->
         </swiper>
       </div>
       <div class="personal-panel">
@@ -1195,10 +1194,9 @@
     // background: url('/images/course-banner.png');
     .swiper-button-prev{
       height: 38px;
-      // left: 44%;
-      top:auto;
+      // top:auto;
       padding: 0 16px;
-      background: rgba($color: #000000, $alpha: 0.1) url('../assets/images/icon/ban-left.png') no-repeat;
+      background: rgba($color: #000000, $alpha: 0.8) url('../assets/images/icon/ban-left.png') no-repeat;
       background-size: 12px 18px;
       background-position: 16px 10px;
       bottom: 66px;
@@ -1221,23 +1219,25 @@
         bottom: 66px;
       }
   ::v-deep .swiper-pagination{
-     height: 38px;
-     line-height: 34px;
-     background: rgba($color: #000000, $alpha: 0.1);
+     line-height: 25px;
+     height: 32px;
+      background: rgba(0,0,0,0.5);
+      border-radius: 19px;
+    //  background: rgba($color: #000000, $alpha: 0.1);
      width: auto;
      left:48%;
      padding: 0 20px;
      border-radius: 19px;
      .swiper-pagination-bullet{
       background: #000;
-      width: 16px;
+      width: 24px;
       height: 2px;
       background: rgba($color: #fff, $alpha: 0.5);
       border-radius: 2px;
     }
       .swiper-pagination-bullet-active{
         height: 2px;
-        width: 16px;
+        width: 24px;
         background: rgba($color: #fff, $alpha: 0.8);
         border-radius: 2px;
       }