diff --git a/src/components/PortalHeader.vue b/src/components/PortalHeader.vue
index 24d76a4e..94df2a76 100644
--- a/src/components/PortalHeader.vue
+++ b/src/components/PortalHeader.vue
@@ -362,7 +362,8 @@ text-align: center;
   // margin: 0 87px;
   height: 72px;
   display: flex;
-  background: rgba(255,255,255,0.12);
+  background: rgba(255,255,255,0.1);
+  border: 1px solid rgba(61,61,61,0.15);
   backdrop-filter: blur(10px);
 }
 .portal-top{
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 9771b970..e9a2ddb1 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -1298,24 +1298,26 @@
   ::v-deep .swiper-pagination{
      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%;
+     left:45%;
      padding: 0 20px;
      border-radius: 19px;
      .swiper-pagination-bullet{
-      background: #000;
       width: 24px;
       height: 2px;
-      background: rgba($color: #fff, $alpha: 0.5);
+       background: #fff;
+       opacity: 1 !important;
+      // background: rgba($color: #fff, $alpha: 0.5);
       border-radius: 2px;
     }
       .swiper-pagination-bullet-active{
         height: 2px;
+       opacity: 1 !important;
         width: 24px;
-        background: rgba($color: #fff, $alpha: 0.8);
+        background: #387DF7;
+        // background: rgba($color: #fff, $alpha: 0.8);
         border-radius: 2px;
       }
       .swiper-container{