diff --git a/src/views/Index.vue b/src/views/Index.vue
index 5a662c52..7e06553b 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -1329,6 +1329,7 @@
      padding: 0 20px;
      border-radius: 19px;
      .swiper-pagination-bullet{
+      position: relative;
       width: 25px;
       height: 5px;
        margin-top: 10px;
@@ -1336,6 +1337,14 @@
        opacity: 1 !important;
       // background: rgba($color: #fff, $alpha: 0.5);
       border-radius: 2px;
+    }
+    .swiper-pagination-bullet::before {
+       content: '';
+       position: absolute;
+       top:-20px;
+       bottom:-20px;
+       left:-2px;
+       right:-2px;
     }
       .swiper-pagination-bullet-active{
         height: 5px;