style(国王皇后榜): 修复页面左右滑动的问题

src/views/Ranking/KingAndQueen/TopList.vue

@@ -338,17 +338,21 @@
       <!-- 弹窗遮罩层 -->
       <maskLayer :maskLayerShow="maskLayerShow" @click="closedPopup">
         <!-- help弹窗 -->
-        <div v-show="helpInfoShow" style="margin: 20% 0" @click.stop>
+        <div
+          v-show="helpInfoShow"
+          style="width: 100vw; margin: 20% 0; overflow: hidden"
+          @click.stop
+        >
           <img
             v-smart-img
             :src="imageUrl('helpInfo')"
             alt=""
-            style="width: 108vw; position: relative; left: -4vw"
+            style="width: 108vw; position: relative; left: -4vw; display: block"
           />
         </div>
 
         <!-- history弹窗 -->
-        <div v-show="historyShow" style="margin: 20% 0" @click.stop>
+        <div v-show="historyShow" style="width: 100vw; margin: 20% 0; overflow: hidden" @click.stop>
           <div style="width: 108vw; position: relative; left: -4vw">
             <borderImg title="History">
               <div
@@ -493,7 +497,11 @@
         </div>
 
         <!-- rewards弹窗 -->
-        <div v-show="rewardsShow" style="padding: 20% 0" @click.stop>
+        <div
+          v-show="rewardsShow"
+          style="width: 100vw; padding: 20% 0; overflow: hidden"
+          @click.stop
+        >
           <div style="width: 108vw; position: relative; left: -4vw">
             <!-- 取消按钮 -->
             <img