diff --git a/view/peko/activity/act-ocean/css/index.css b/view/peko/activity/act-ocean/css/index.css
index cc12cd9..4d415fb 100644
--- a/view/peko/activity/act-ocean/css/index.css
+++ b/view/peko/activity/act-ocean/css/index.css
@@ -855,7 +855,7 @@ body {
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap .active {
   background-color: white;
-  color: #F5A03A;
+  color: #F56801;
   border-radius: 0.4rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap {
@@ -934,7 +934,7 @@ body {
   width: 0.4rem;
   font-size: 0.4rem;
   font-weight: bold;
-  color: #fff;
+  color: #333;
   text-align: center;
 }
 .wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info {
@@ -952,12 +952,12 @@ body {
 .wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info .others-nick {
   font-size: 0.3733333333rem;
   font-weight: bold;
-  color: #fff;
+  color: #333333;
 }
 .wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num {
   font-size: 0.3466666667rem;
   font-weight: bold;
-  color: #fff;
+  color: #FF7700;
 }
 .wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num b {
   color: #FF5110;
@@ -981,11 +981,13 @@ body {
   font-size: 0.3466666667rem;
   font-weight: bold;
   color: white;
+  white-space: nowrap;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-info {
   flex: 1;
   display: flex;
   align-items: center;
+  white-space: nowrap;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-info img {
   width: 1.0666666667rem;
@@ -1007,6 +1009,7 @@ body {
   font-size: 0.3466666667rem;
   font-weight: bold;
   color: #fff;
+  white-space: nowrap;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num b {
   color: #FF5110;
diff --git a/view/peko/activity/act-ocean/css/index.scss b/view/peko/activity/act-ocean/css/index.scss
index ef54ff4..52ded78 100644
--- a/view/peko/activity/act-ocean/css/index.scss
+++ b/view/peko/activity/act-ocean/css/index.scss
@@ -1121,7 +1121,7 @@ body {
 
                     .active {
                         background-color: white;
-                        color: #F5A03A;
+                        color: #F56801;
                         border-radius: px2rem(30);
                     }
                 }
@@ -1221,7 +1221,7 @@ body {
                         width: px2rem(30);
                         font-size: px2rem(30);
                         font-weight: bold;
-                        color: #fff;
+                        color: #333;
                         text-align: center;
                     }
 
@@ -1241,14 +1241,14 @@ body {
                         .others-nick {
                             font-size: px2rem(28);
                             font-weight: bold;
-                            color: #fff;
+                            color: #333333;
                         }
                     }
 
                     .others-diamond-num {
                         font-size: px2rem(26);
                         font-weight: bold;
-                        color: #fff;
+                        color: #FF7700;
 
                         b {
                             color: #FF5110;
@@ -1277,12 +1277,14 @@ body {
                     font-size: px2rem(26);
                     font-weight: bold;
                     color: white;
+                    white-space:nowrap;
                 }
 
                 .mine-info {
                     flex: 1;
                     display: flex;
                     align-items: center;
+                    white-space:nowrap;
 
                     img {
                         width: px2rem(80);
@@ -1307,6 +1309,7 @@ body {
                     font-size: px2rem(26);
                     font-weight: bold;
                     color: #fff;
+                    white-space:nowrap;
 
                     b {
                         color: #FF5110;
diff --git a/view/peko/activity/act-ocean/images/mineBg.png b/view/peko/activity/act-ocean/images/mineBg.png
index d7e99f2..efcd57c 100644
Binary files a/view/peko/activity/act-ocean/images/mineBg.png and b/view/peko/activity/act-ocean/images/mineBg.png differ
diff --git a/view/peko/activity/act-ocean/images/myBoxBg.png b/view/peko/activity/act-ocean/images/myBoxBg.png
index 567e65a..e7dd006 100644
Binary files a/view/peko/activity/act-ocean/images/myBoxBg.png and b/view/peko/activity/act-ocean/images/myBoxBg.png differ
diff --git a/view/peko/activity/act-ocean/index.html b/view/peko/activity/act-ocean/index.html
index ca0b7aa..57e5e48 100644
--- a/view/peko/activity/act-ocean/index.html
+++ b/view/peko/activity/act-ocean/index.html
@@ -196,7 +196,7 @@
         </div>
 
         <!-- 今日排名弹窗 -->
-        <div class="shade-mask-rank">
+        <div class="shade-mask-rank" >
             <div class="shade-content-rank">
                 <div class="rank-top">