diff --git a/zfb-redPackets.css b/zfb-redPackets.css
index 51dc69a..64048c7 100644
--- a/zfb-redPackets.css
+++ b/zfb-redPackets.css
@@ -30,7 +30,7 @@ body {
     background: #f4f6f9;
   }
 
-  .modal {
+  .mask {
     height: 6rem;
   }
 }
@@ -48,6 +48,19 @@ body {
   background-color: rgb(250, 67, 59);
 }
 
+.mask {
+  background: rgba(0, 0, 0, 0.1);
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 9999;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .box {
   padding: 0.1rem 0.1rem 0.2rem;
   box-sizing: border-box;
diff --git a/zfb-redPackets.html b/zfb-redPackets.html
index e32840f..1ffa46a 100644
--- a/zfb-redPackets.html
+++ b/zfb-redPackets.html
@@ -13,6 +13,8 @@
     <script type="text/javascript" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/axios.js?v=1367936144322">
     </script>
     <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api2_0.js"></script>
+    <link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/loading.css">
+    <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/loading.js"></script>
 </head>
 
 <body>
@@ -29,7 +31,11 @@
             {{prompt_text}}
         </div>
 
-        <div class="box" :class="{disb:goodsInfo.available==9}">
+        <div class="mask" @touchmove.prevent @mousewheel.prevent v-if="loading" ref="load">
+            <preload-component />
+        </div>
+
+        <div class="box" :class="{disb:goodsInfo.available==9}" ref="app">
             <div class='top'>
                 <p class="title">{{goodsInfo.entity.batch_goods_name}}</p>
                 <p class='effect_date'>
@@ -194,6 +200,7 @@
                             this.goodsInfo.available = 9;
                             sessionStorage.setItem('goodsInfo', JSON.stringify(this.goodsInfo));
                             this.tip(message, 1, '关闭');
+                            this.$refs.app.scrollIntoView();
                         } else {
                             this.loading = false;
                             if (code == 403) {
