diff --git a/src/views/Ranking/KingAndQueen/TopList.vue b/src/views/Ranking/KingAndQueen/TopList.vue
index a8571df..aa7b317 100644
--- a/src/views/Ranking/KingAndQueen/TopList.vue
+++ b/src/views/Ranking/KingAndQueen/TopList.vue
@@ -104,17 +104,17 @@
       <!-- 刷新倒计时 -->
       <div style="display: flex; justify-content: center; margin-top: 20px">
         <!-- 天数 -->
-        <itemCenter :imgUrl="imageUrl('dayBg')" style="width: 10%; margin-right: 10px">
+        <itemCenter :imgUrl="imageUrl('dayBg')" style="width: 12vw; margin-right: 10px">
           <div class="time">{{ Days }}D</div>
         </itemCenter>
 
         <!-- 当天时间倒计时 -->
-        <itemCenter :imgUrl="imageUrl('timeBg')" style="width: 23.75%">
+        <itemCenter :imgUrl="imageUrl('timeBg')" style="width: 28.5%">
           <div class="time">{{ Hours }} : {{ Minutes }} : {{ Second }}</div>
         </itemCenter>
       </div>
 
-      <!-- rewards -->
+      <!-- rewards按钮 -->
       <div style="display: flex; justify-content: flex-end; margin-top: -8%">
         <img
           v-smart-img
@@ -126,7 +126,9 @@
       </div>
 
       <!-- 每周礼物 -->
-      <div style="display: flex; justify-content: center">
+      <div
+        style="display: flex; justify-content: center; width: 108vw; position: relative; left: -4vw"
+      >
         <itemCenter :imgUrl="imageUrl('eventGifts')">
           <div style="width: 80%; display: flex; justify-content: space-around; margin-top: 10%">
             <div
@@ -187,7 +189,7 @@
         </div>
 
         <!-- 排行榜 -->
-        <div style="width: 100%">
+        <div style="width: 100%; width: 108vw; position: relative; left: -4vw">
           <borderImg title="Ranking">
             <itemCenter
               :imgUrl="imageUrl('border-item-user')"
@@ -228,7 +230,7 @@
                 <!-- 头像 -->
                 <div
                   style="
-                    width: 4em;
+                    width: 25%;
                     aspect-ratio: 1/1;
                     border-radius: 50%;
                     background: linear-gradient(
@@ -323,12 +325,17 @@
     <maskLayer :maskLayerShow="maskLayerShow" @click="closedPopup">
       <!-- help弹窗 -->
       <div v-show="helpInfoShow" style="margin: 20% 0" @click.stop>
-        <img v-smart-img :src="imageUrl('helpInfo')" alt="" style="width: 100%" />
+        <img
+          v-smart-img
+          :src="imageUrl('helpInfo')"
+          alt=""
+          style="width: 108vw; position: relative; left: -4vw"
+        />
       </div>
 
       <!-- history弹窗 -->
       <div v-show="historyShow" style="margin: 20% 0" @click.stop>
-        <div style="width: 100%">
+        <div style="width: 108vw; position: relative; left: -4vw">
           <borderImg title="History">
             <div
               style="
@@ -468,7 +475,7 @@
 
       <!-- rewards弹窗 -->
       <div v-show="rewardsShow" style="padding: 20% 0" @click.stop>
-        <div style="position: relative">
+        <div style="width: 108vw; position: relative; left: -4vw">
           <!-- 取消按钮 -->
           <img
             v-smart-img
@@ -642,7 +649,7 @@
           <!-- 头像 -->
           <div
             style="
-              width: 5em;
+              width: 22%;
               aspect-ratio: 1/1;
               border-radius: 50%;
               background: linear-gradient(to bottom, rgba(255, 224, 60, 1), rgba(255, 189, 19, 1));
@@ -1099,7 +1106,7 @@ onUnmounted(() => {
 }
 
 .time {
-  font-size: 0.9em;
+  font-size: 1.3em;
   position: absolute;
   inset: 0;
   display: flex;
diff --git a/src/views/Ranking/KingAndQueen/components/borderImg.vue b/src/views/Ranking/KingAndQueen/components/borderImg.vue
index 8b10007..1fac364 100644
--- a/src/views/Ranking/KingAndQueen/components/borderImg.vue
+++ b/src/views/Ranking/KingAndQueen/components/borderImg.vue
@@ -20,7 +20,7 @@
         <div
           style="
             color: #fff;
-
+            font-size: 1.3em;
             font-weight: 860;
             font-family: 'SF Pro';
             margin-bottom: 1%;