修复样式

修复榜单溢出问题
修改万单位判断条件
2023-08-18 22:30:41 +08:00 · 2023-08-18 18:53:35 +08:00 · 2023-08-18 18:22:04 +08:00 · 2023-08-18 16:49:36 +08:00 · 2023-08-18 10:50:59 +08:00 · 2023-08-18 10:16:07 +08:00
337 changed files with 10447 additions and 9762 deletions
--- a/view/support/support/js/index.js
+++ b/view/support/support/js/index.js
@@ -5,18 +5,18 @@ let urlData = getQueryString()
 let channelData = urlData.channel
 //定义官方渠道包
 const channelDict = {
-  'yinyou0': 'https://image.lecheng163.com/yinyou_yinyou0.apk',
-  'yinyou1': 'https://image.lecheng163.com/yinyou_yinyou1.apk',
-  'yinyou2': 'https://image.lecheng163.com/yinyou_yinyou2.apk',
-  'yinyou3': 'https://image.lecheng163.com/yinyou_yinyou3.apk',
-  'yinyou4': 'https://image.lecheng163.com/yinyou_yinyou4.apk',
-  'yinyou5': 'https://image.lecheng163.com/yinyou_yinyou5.apk',
-  'yinyou6': 'https://image.lecheng163.com/yinyou_yinyou6.apk',
-  'yinyou7': 'https://image.lecheng163.com/yinyou_yinyou7.apk',
-  'yinyou8': 'https://image.lecheng163.com/yinyou_yinyou8.apk',
-  'yinyou9': 'https://image.lecheng163.com/yinyou_yinyou9.apk',
-  'yinyou10': 'https://image.lecheng163.com/yinyou_yinyou10.apk',
-  'gongzhonghao': 'https://image.lecheng163.com/yinyou_gongzhonghao.apk',
+  'yinmeng0': 'https://image.lecheng163.com/yinmeng_yinmeng0.apk',
+  'yinmeng1': 'https://image.lecheng163.com/yinmeng_yinmeng1.apk',
+  'yinmeng2': 'https://image.lecheng163.com/yinmeng_yinmeng2.apk',
+  'yinmeng3': 'https://image.lecheng163.com/yinmeng_yinmeng3.apk',
+  'yinmeng4': 'https://image.lecheng163.com/yinmeng_yinmeng4.apk',
+  'yinmeng5': 'https://image.lecheng163.com/yinmeng_yinmeng5.apk',
+  'yinmeng6': 'https://image.lecheng163.com/yinmeng_yinmeng6.apk',
+  'yinmeng7': 'https://image.lecheng163.com/yinmeng_yinmeng7.apk',
+  'yinmeng8': 'https://image.lecheng163.com/yinmeng_yinmeng8.apk',
+  'yinmeng9': 'https://image.lecheng163.com/yinmeng_yinmeng9.apk',
+  'yinmeng10': 'https://image.lecheng163.com/yinmeng_yinmeng10.apk',
+  'gongzhonghao': 'https://image.lecheng163.com/yinmeng_gongzhonghao.apk',
  'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
  
  // 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
@@ -25,7 +25,7 @@ $(function () {
  let version = checkVersion()
  //判断url参数是否是与渠道包名一致
  let androidUrl = null;
-  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://image.lecheng163.com/yinyou_official.apk';
+  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://image.lecheng163.com/yinmeng_official.apk';
  let iosUrl = 'http://doudouyue.com/8axv'   //ios企业包
 //   let iosUrl = 'https://apps.apple.com/cn/app/id1571083482'   //ios商店包
  
--- a/view/yinmeng/activity/2022-newYear/js/index.js
+++ b/view/yinmeng/activity/2022-newYear/js/index.js
@@ -88,7 +88,7 @@ $(function () {
                toastMsg('请在APP内打开')
            }
        })
-        shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/yinyou/activity/2022-newYear/share.html?uid=${pubInfo.uid}`;
+        shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/yinmeng/activity/2022-newYear/share.html?uid=${pubInfo.uid}`;
        getInFo();
        dateList();
        getRoomUid();
--- a/view/yinmeng/activity/act-2023-qx/css/index.css
+++ b/view/yinmeng/activity/act-2023-qx/css/index.css
--- a/view/yinmeng/activity/act-2023-qx/css/index.scss
+++ b/view/yinmeng/activity/act-2023-qx/css/index.scss
--- a/view/yinmeng/activity/act-2023-qx/css/swiper-bundle.min.css
+++ b/view/yinmeng/activity/act-2023-qx/css/swiper-bundle.min.css
--- a/view/yinmeng/activity/act-2023-qx/images/1.png
+++ b/view/yinmeng/activity/act-2023-qx/images/1.png
--- a/view/yinmeng/activity/act-2023-qx/images/10.png
+++ b/view/yinmeng/activity/act-2023-qx/images/10.png
--- a/view/yinmeng/activity/act-2023-qx/images/11.png
+++ b/view/yinmeng/activity/act-2023-qx/images/11.png
--- a/view/yinmeng/activity/act-2023-qx/images/2.png
+++ b/view/yinmeng/activity/act-2023-qx/images/2.png
--- a/view/yinmeng/activity/act-2023-qx/images/3.png
+++ b/view/yinmeng/activity/act-2023-qx/images/3.png
--- a/view/yinmeng/activity/act-2023-qx/images/4.png
+++ b/view/yinmeng/activity/act-2023-qx/images/4.png
--- a/view/yinmeng/activity/act-2023-qx/images/5.png
+++ b/view/yinmeng/activity/act-2023-qx/images/5.png
--- a/view/yinmeng/activity/act-2023-qx/images/6.png
+++ b/view/yinmeng/activity/act-2023-qx/images/6.png
--- a/view/yinmeng/activity/act-2023-qx/images/betrothal.png
+++ b/view/yinmeng/activity/act-2023-qx/images/betrothal.png
--- a/view/yinmeng/activity/act-2023-qx/images/betrothalbg1.png
+++ b/view/yinmeng/activity/act-2023-qx/images/betrothalbg1.png
--- a/view/yinmeng/activity/act-2023-qx/images/betrothalbg2.png
+++ b/view/yinmeng/activity/act-2023-qx/images/betrothalbg2.png
--- a/view/yinmeng/activity/act-2023-qx/images/bird.png
+++ b/view/yinmeng/activity/act-2023-qx/images/bird.png
--- a/view/yinmeng/activity/act-2023-qx/images/blessingBag.png
+++ b/view/yinmeng/activity/act-2023-qx/images/blessingBag.png
--- a/view/yinmeng/activity/act-2023-qx/images/blessingBagLiBg.png
+++ b/view/yinmeng/activity/act-2023-qx/images/blessingBagLiBg.png
--- a/view/yinmeng/activity/act-2023-qx/images/blessingTree.png
+++ b/view/yinmeng/activity/act-2023-qx/images/blessingTree.png
--- a/view/yinmeng/activity/act-2023-qx/images/blessingTree1.svga
+++ b/view/yinmeng/activity/act-2023-qx/images/blessingTree1.svga
--- a/view/yinmeng/activity/act-2023-qx/images/blessingTreeBoomt.png
+++ b/view/yinmeng/activity/act-2023-qx/images/blessingTreeBoomt.png
--- a/view/yinmeng/activity/act-2023-qx/images/blessingTreeBoomt2.png
+++ b/view/yinmeng/activity/act-2023-qx/images/blessingTreeBoomt2.png
--- a/view/yinmeng/activity/act-2023-qx/images/blessingTreeBut.png
+++ b/view/yinmeng/activity/act-2023-qx/images/blessingTreeBut.png
--- a/view/yinmeng/activity/act-2023-qx/images/butOut.png
+++ b/view/yinmeng/activity/act-2023-qx/images/butOut.png
--- a/view/yinmeng/activity/act-2023-qx/images/center.png
+++ b/view/yinmeng/activity/act-2023-qx/images/center.png
--- a/view/yinmeng/activity/act-2023-qx/images/drop.png
+++ b/view/yinmeng/activity/act-2023-qx/images/drop.png
--- a/view/yinmeng/activity/act-2023-qx/images/endActivity.png
+++ b/view/yinmeng/activity/act-2023-qx/images/endActivity.png
--- a/view/yinmeng/activity/act-2023-qx/images/endActivitybut.png
+++ b/view/yinmeng/activity/act-2023-qx/images/endActivitybut.png
--- a/view/yinmeng/activity/act-2023-qx/images/go.png
+++ b/view/yinmeng/activity/act-2023-qx/images/go.png
--- a/view/yinmeng/activity/act-2023-qx/images/header.png
+++ b/view/yinmeng/activity/act-2023-qx/images/header.png
--- a/view/yinmeng/activity/act-2023-qx/images/lantern.png
+++ b/view/yinmeng/activity/act-2023-qx/images/lantern.png
--- a/view/yinmeng/activity/act-2023-qx/images/left.png
+++ b/view/yinmeng/activity/act-2023-qx/images/left.png
--- a/view/yinmeng/activity/act-2023-qx/images/leftRen.png
+++ b/view/yinmeng/activity/act-2023-qx/images/leftRen.png
--- a/view/yinmeng/activity/act-2023-qx/images/lineBg.png
+++ b/view/yinmeng/activity/act-2023-qx/images/lineBg.png
--- a/view/yinmeng/activity/act-2023-qx/images/lineTx.png
+++ b/view/yinmeng/activity/act-2023-qx/images/lineTx.png
--- a/view/yinmeng/activity/act-2023-qx/images/logo.png
+++ b/view/yinmeng/activity/act-2023-qx/images/logo.png
--- a/view/yinmeng/activity/act-2023-qx/images/loveIcon.png
+++ b/view/yinmeng/activity/act-2023-qx/images/loveIcon.png
--- a/view/yinmeng/activity/act-2023-qx/images/loveListTimeBg.png
+++ b/view/yinmeng/activity/act-2023-qx/images/loveListTimeBg.png
--- a/view/yinmeng/activity/act-2023-qx/images/magpieBridge.png
+++ b/view/yinmeng/activity/act-2023-qx/images/magpieBridge.png
--- a/view/yinmeng/activity/act-2023-qx/images/magpieBridgeBg.png
+++ b/view/yinmeng/activity/act-2023-qx/images/magpieBridgeBg.png
--- a/view/yinmeng/activity/act-2023-qx/images/magpieBridgeBg2.png
+++ b/view/yinmeng/activity/act-2023-qx/images/magpieBridgeBg2.png
--- a/view/yinmeng/activity/act-2023-qx/images/myBg.png
+++ b/view/yinmeng/activity/act-2023-qx/images/myBg.png
--- a/view/yinmeng/activity/act-2023-qx/images/no1.png
+++ b/view/yinmeng/activity/act-2023-qx/images/no1.png
--- a/view/yinmeng/activity/act-2023-qx/images/no1Bg.png
+++ b/view/yinmeng/activity/act-2023-qx/images/no1Bg.png
--- a/view/yinmeng/activity/act-2023-qx/images/no2.png
+++ b/view/yinmeng/activity/act-2023-qx/images/no2.png
--- a/view/yinmeng/activity/act-2023-qx/images/no23Bg.png
+++ b/view/yinmeng/activity/act-2023-qx/images/no23Bg.png
--- a/view/yinmeng/activity/act-2023-qx/images/no3.png
+++ b/view/yinmeng/activity/act-2023-qx/images/no3.png
--- a/view/yinmeng/activity/act-2023-qx/images/openLantern.png
+++ b/view/yinmeng/activity/act-2023-qx/images/openLantern.png
--- a/view/yinmeng/activity/act-2023-qx/images/out.png
+++ b/view/yinmeng/activity/act-2023-qx/images/out.png
--- a/view/yinmeng/activity/act-2023-qx/images/page3Libg.png
+++ b/view/yinmeng/activity/act-2023-qx/images/page3Libg.png
--- a/view/yinmeng/activity/act-2023-qx/images/page4Tab1.png
+++ b/view/yinmeng/activity/act-2023-qx/images/page4Tab1.png
--- a/view/yinmeng/activity/act-2023-qx/images/page4Tab2.png
+++ b/view/yinmeng/activity/act-2023-qx/images/page4Tab2.png
--- a/view/yinmeng/activity/act-2023-qx/images/pagesTab1.png
+++ b/view/yinmeng/activity/act-2023-qx/images/pagesTab1.png
--- a/view/yinmeng/activity/act-2023-qx/images/pagesTab2.png
+++ b/view/yinmeng/activity/act-2023-qx/images/pagesTab2.png
--- a/view/yinmeng/activity/act-2023-qx/images/redRopeIcon.png
+++ b/view/yinmeng/activity/act-2023-qx/images/redRopeIcon.png
--- a/view/yinmeng/activity/act-2023-qx/images/refresh.png
+++ b/view/yinmeng/activity/act-2023-qx/images/refresh.png
--- a/view/yinmeng/activity/act-2023-qx/images/right.png
+++ b/view/yinmeng/activity/act-2023-qx/images/right.png
--- a/view/yinmeng/activity/act-2023-qx/images/rightRen.png
+++ b/view/yinmeng/activity/act-2023-qx/images/rightRen.png
--- a/view/yinmeng/activity/act-2023-qx/images/roomRule.png
+++ b/view/yinmeng/activity/act-2023-qx/images/roomRule.png
--- a/view/yinmeng/activity/act-2023-qx/images/rule_bg.png
+++ b/view/yinmeng/activity/act-2023-qx/images/rule_bg.png
--- a/view/yinmeng/activity/act-2023-qx/images/rule_pub.png
+++ b/view/yinmeng/activity/act-2023-qx/images/rule_pub.png
--- a/view/yinmeng/activity/act-2023-qx/images/rule_pub_in.png
+++ b/view/yinmeng/activity/act-2023-qx/images/rule_pub_in.png
--- a/view/yinmeng/activity/act-2023-qx/images/sts.png
+++ b/view/yinmeng/activity/act-2023-qx/images/sts.png
--- a/view/yinmeng/activity/act-2023-qx/images/sweet.png
+++ b/view/yinmeng/activity/act-2023-qx/images/sweet.png
--- a/view/yinmeng/activity/act-2023-qx/images/sweet2.png
+++ b/view/yinmeng/activity/act-2023-qx/images/sweet2.png
--- a/view/yinmeng/activity/act-2023-qx/images/sweet_in1.png
+++ b/view/yinmeng/activity/act-2023-qx/images/sweet_in1.png
--- a/view/yinmeng/activity/act-2023-qx/images/sweet_in2.png
+++ b/view/yinmeng/activity/act-2023-qx/images/sweet_in2.png
--- a/view/yinmeng/activity/act-2023-qx/images/tab1.png
+++ b/view/yinmeng/activity/act-2023-qx/images/tab1.png
--- a/view/yinmeng/activity/act-2023-qx/images/tab2.png
+++ b/view/yinmeng/activity/act-2023-qx/images/tab2.png
--- a/view/yinmeng/activity/act-2023-qx/images/tab3.png
+++ b/view/yinmeng/activity/act-2023-qx/images/tab3.png
--- a/view/yinmeng/activity/act-2023-qx/images/tab4.png
+++ b/view/yinmeng/activity/act-2023-qx/images/tab4.png
--- a/view/yinmeng/activity/act-2023-qx/images/task.png
+++ b/view/yinmeng/activity/act-2023-qx/images/task.png
--- a/view/yinmeng/activity/act-2023-qx/images/task2.png
+++ b/view/yinmeng/activity/act-2023-qx/images/task2.png
--- a/view/yinmeng/activity/act-2023-qx/images/task2But.png
+++ b/view/yinmeng/activity/act-2023-qx/images/task2But.png
--- a/view/yinmeng/activity/act-2023-qx/images/taskIcon.png
+++ b/view/yinmeng/activity/act-2023-qx/images/taskIcon.png
--- a/view/yinmeng/activity/act-2023-qx/images/title.png
+++ b/view/yinmeng/activity/act-2023-qx/images/title.png
--- a/view/yinmeng/activity/act-2023-qx/images/titleHeader.png
+++ b/view/yinmeng/activity/act-2023-qx/images/titleHeader.png
--- a/view/yinmeng/activity/act-2023-qx/images/tree.svga
+++ b/view/yinmeng/activity/act-2023-qx/images/tree.svga
--- a/view/yinmeng/activity/act-2023-qx/images/xique.svga
+++ b/view/yinmeng/activity/act-2023-qx/images/xique.svga
--- a/view/yinmeng/activity/act-2023-qx/index.html
+++ b/view/yinmeng/activity/act-2023-qx/index.html
@@ -5,503 +5,464 @@
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>心动信号</title>
+    <title>心动七夕游园会</title>
    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="../../common/css/swiper.min.css">
+    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/index.css">
 </head>

 <body>
    <!-- 顶部返回 -->
-    <div class="back"><img src="./images/travel/back.png" alt=""></div>
-    <!-- 头部 -->
-    <div class="header">
-        <img src="./images/header_rule.png" alt="" class="header_rule">
+    <div class="back">
+        <img src="./images/travel/back.png" alt="">
    </div>
-    <!-- 情人节限定礼物 -->
-    <div class="limitGift">
+    <!-- header -->
+    <div class="header">
+        <div class="rule">活动规则</div>
+        <!-- 时间 -->
+        <div class="titleHeader"></div>
+    </div>
+    <!-- 定情信物 -->
+    <div class="betrothal">
        <div class="swiper">
            <div class="swiper-wrapper">
-                <div class="swiper-slide"><img src="./images/limitGift1.png" alt=""></div>
-                <div class="swiper-slide"><img src="./images/limitGift2.png" alt=""></div>
+                <div class="swiper-slide">
+                    <img src="./images/betrothalbg1.png" alt="">
+                </div>
+                <div class="swiper-slide">
+                    <img src="./images/betrothalbg2.png" alt="">
+                </div>
            </div>
        </div>
    </div>
-    <!-- tab -->
-    <div class="tab tabs">
-        <div class="tab1 tab_act1"></div>
-        <div class="tab2"></div>
-        <div class="tab3"></div>
-        <div class="tab4"></div>
-    </div>
-    <!-- 规则 -->
-    <div class="rules">
-        <img src="./images/rule.png" alt="">
+    <!-- tab切换 -->
+    <div class="tab tabs tab1">
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
    </div>
    <!-- page1 -->
    <div class="page1">
-        <!-- 获奖记录 -->
-        <div class="awardRecord_pub">
-            <div class="awardRecord_pub_in">
-                <div class="title">
-                    <b>获奖时间</b>
-                    <b>获得奖励</b>
-                </div>
+        <!-- 福袋展示 -->
+        <div class="blessingBag">
+            <div class="blessingBag_in">
                <ul>
-                    <!-- <li>
-                        <p>2022/08/31 12:13:13</p>
-                        <span>xxx座驾*1天</span>
+                    <li>
+                        <img src="./images/11.png" alt="">
+                        <p>飞上云霄</p>
+                        <b>17 钻</b>
                    </li>
                    <li>
-                        <p>2022/08/31 12:13:13</p>
-                        <span>xxx座驾*1天</span>
-                    </li> -->
+                        <img src="./images/2.png" alt="">
+                        <p>情意卷轴</p>
+                        <b>27 钻</b>
+                    </li>
+                    <li>
+                        <img src="./images/3.png" alt="">
+                        <p>桃花灼灼</p>
+                        <b>127 钻</b>
+                    </li>
+                    <li>
+                        <img src="./images/4.png" alt="">
+                        <p>花色漫漫</p>
+                        <b>277 钻</b>
+                    </li>
+                    <li>
+                        <img src="./images/5.png" alt="">
+                        <p>相思鸟</p>
+                        <b>1314 钻</b>
+                    </li>
+                    <li>
+                        <img src="./images/6.png" alt="">
+                        <p>烟火爱恋</p>
+                        <b>7777 钻</b>
+                    </li>
+
+
+                    <li>
+                        <img src="./images/11.png" alt="">
+                        <p>飞上云霄</p>
+                        <b>17 钻</b>
+                    </li>
+                    <li>
+                        <img src="./images/2.png" alt="">
+                        <p>情意卷轴</p>
+                        <b>27 钻</b>
+                    </li>
+                    <li>
+                        <img src="./images/3.png" alt="">
+                        <p>桃花灼灼</p>
+                        <b>127 钻</b>
+                    </li>
+                    <li>
+                        <img src="./images/4.png" alt="">
+                        <p>花色漫漫</p>
+                        <b>277 钻</b>
+                    </li>
                </ul>
            </div>
        </div>
-        <!-- 送礼任务 -->
-        <div class="giveToast">
-            <!-- 获奖记录 -->
-            <img src="./images/awardRecord.png" alt="" class="awardRecord">
-            <!-- 浪漫值 -->
-            <p>浪漫值: <b>00</b></p>
-            <!-- 已获得图标 -->
-            <img src="./images/obtained.png" alt="" class="obtained obtained1">
-            <img src="./images/obtained.png" alt="" class="obtained obtained2">
-            <img src="./images/obtained.png" alt="" class="obtained obtained3">
-            <img src="./images/obtained.png" alt="" class="obtained obtained4">
-            <img src="./images/obtained.png" alt="" class="obtained obtained5">
-            <img src="./images/obtained.png" alt="" class="obtained obtained6">
-            <img src="./images/obtained.png" alt="" class="obtained obtained7">
-            <img src="./images/obtained.png" alt="" class="obtained obtained8">
-            <!-- 待领取图标 -->
-            <div class="kelingqv kelingqv1">待领取</div>
-            <div class="kelingqv kelingqv2">待领取</div>
-            <div class="kelingqv kelingqv3">待领取</div>
-            <div class="kelingqv kelingqv4">待领取</div>
-            <div class="kelingqv kelingqv5">待领取</div>
-            <div class="kelingqv kelingqv6">待领取</div>
-            <div class="kelingqv kelingqv7">待领取</div>
-            <div class="kelingqv kelingqv8">待领取</div>
+        <!-- 鹊桥 -->
+        <div class="magpieBridge">
+            <!-- 左边人物 -->
+            <img src="./images/leftRen.png" alt="" class="leftRen">
+            <!-- 右边人物 -->
+            <img src="./images/rightRen.png" alt="" class="rightRen">
+            <!-- 背景鹊桥图 -->
+            <img src="./images/magpieBridgeBg2.png" alt="" class="magpieBridgeBg">
+            <!-- 喜鹊动效 -->
+            <div class="xiques">
+                <div class="xique"></div>
+            </div>
+            <!-- 我的喜鹊 -->
+            <p class="birdNum">
+                <img src="./images/bird.png" alt="" class="bird">
+                <b>我的喜鹊: 0</b>
+            </p>
+            <!-- 投放喜鹊*1 -->
+            <div class="but1">投放喜鹊*1</div>
+            <!-- 投放喜鹊*10 -->
+            <div class="but10">投放喜鹊*10</div>
+            <!-- 领取奖励 -->
+            <div class="buting">领取奖励</div>
+            <!-- 领取失败 -->
+            <div class="buterr">领取奖励</div>
            <!-- 已领取 -->
-            <div class="yilingqv yilingqv1">云中梦头饰</div>
-            <div class="yilingqv yilingqv2">风花雪月铭牌</div>
-            <div class="yilingqv yilingqv3">彼岸花气泡</div>
-            <div class="yilingqv yilingqv4">许愿星</div>
-            <div class="yilingqv yilingqv5">许愿星</div>
-            <div class="yilingqv yilingqv6">许愿星</div>
-            <div class="yilingqv yilingqv7">许愿星</div>
-            <div class="yilingqv yilingqv8">许愿星</div>
-            <!-- 原来展示 -->
-            <div class="none none1">云中梦头饰</div>
-            <div class="none none2">风花雪月铭牌</div>
-            <div class="none none3">彼岸花气泡</div>
-            <div class="none none4">许愿星</div>
-            <div class="none none5">许愿星</div>
-            <div class="none none6">许愿星</div>
-            <div class="none none7">许愿星</div>
-            <div class="none none8">许愿星</div>
-            <!-- 线段 -->
-            <div class="line line1"><span></span></div>
-            <div class="line line2"><span></span></div>
-            <div class="line line3"><span></span></div>
-            <div class="line line4"><span></span></div>
-            <div class="line line5"><span></span></div>
-            <div class="line line6"><span></span></div>
-            <div class="line line7"><span></span></div>
-            <!-- 白色圆点 -->
-            <span class="spot spot1"></span>
-            <span class="spot spot2"></span>
-            <span class="spot spot3"></span>
-            <span class="spot spot4"></span>
-            <span class="spot spot5"></span>
-            <span class="spot spot6"></span>
-            <span class="spot spot7"></span>
-            <span class="spot spot8"></span>
-            <!-- 爱心 -->
-            <img src="./images/love.png" alt="" class="love love1">
-            <img src="./images/love.png" alt="" class="love love2">
-            <img src="./images/love.png" alt="" class="love love3">
-            <img src="./images/love.png" alt="" class="love love4">
-            <img src="./images/love.png" alt="" class="love love5">
-            <img src="./images/love.png" alt="" class="love love6">
-            <img src="./images/love.png" alt="" class="love love7">
-            <img src="./images/love.png" alt="" class="love love8">
-            <!-- 奖励领取按钮 -->
-            <div class="butmc butmc1"></div>
-            <div class="butmc butmc2"></div>
-            <div class="butmc butmc3"></div>
-            <div class="butmc butmc4"></div>
-            <div class="butmc butmc5"></div>
-            <div class="butmc butmc6"></div>
-            <div class="butmc butmc7"></div>
-            <div class="butmc butmc8"></div>
-            <img src="./images/but1.png" class="but but1" taskOrder=1>
-            <img src="./images/but2.png" class="but but2" taskOrder=2>
-            <img src="./images/but3.png" class="but but3" taskOrder=3>
-            <img src="./images/but4.png" class="but but4" taskOrder=4>
-            <img src="./images/but5.png" class="but but5" taskOrder=5>
-            <img src="./images/but6.png" class="but but6" taskOrder=6>
-            <img src="./images/but7.png" class="but but7" taskOrder=7>
-            <img src="./images/but8.png" class="but but8" taskOrder=8>
-            <!-- 数值 -->
-            <span class="num num1">1000</span>
-            <span class="num num2">2000</span>
-            <span class="num num3">3000</span>
-            <span class="num num4">3400</span>
-            <span class="num num5">4600</span>
-            <span class="num num6">6600</span>
-            <span class="num num7">9800</span>
-            <span class="num num8">13800</span>
+            <div class="butout">已领取</div>
+            <!-- 文桉展示 -->
+            <p class="text">将喜鹊投入鹊桥，拉近牛郎和织女的距离<br>
+                鹊桥相会后，参与搭建鹊桥的用户可领取活动奖励</p>
+            <!-- 进度条 -->
+            <div class="line">
+                <div class="line_in"></div>
+            </div>
+            <!-- 头饰框 -->
+            <div class="ts">
+                <img src="./images/sts.png" alt="" class="">
+                <b>鹊仙桥头饰*3天</b>
+            </div>
        </div>
-        <!-- 收礼任务 -->
-        <div class="acceptGiftToast">
-            <!-- 获奖记录 -->
-            <img src="./images/awardRecord.png" alt="" class="awardRecord">
-            <!-- 浪漫值 -->
-            <p>甜蜜值: <b>00</b></p>
-            <!-- 已获得图标 -->
-            <img src="./images/obtained.png" alt="" class="obtained obtained1">
-            <img src="./images/obtained.png" alt="" class="obtained obtained2">
-            <img src="./images/obtained.png" alt="" class="obtained obtained3">
-            <img src="./images/obtained.png" alt="" class="obtained obtained4">
-            <img src="./images/obtained.png" alt="" class="obtained obtained5">
-            <img src="./images/obtained.png" alt="" class="obtained obtained6">
-            <img src="./images/obtained.png" alt="" class="obtained obtained7">
-            <img src="./images/obtained.png" alt="" class="obtained obtained8">
-            <!-- 待领取图标 -->
-            <div class="kelingqv kelingqv1">待领取</div>
-            <div class="kelingqv kelingqv2">待领取</div>
-            <div class="kelingqv kelingqv3">待领取</div>
-            <div class="kelingqv kelingqv4">待领取</div>
-            <div class="kelingqv kelingqv5">待领取</div>
-            <div class="kelingqv kelingqv6">待领取</div>
-            <div class="kelingqv kelingqv7">待领取</div>
-            <div class="kelingqv kelingqv8">待领取</div>
-            <!-- 已领取 -->
-            <div class="yilingqv yilingqv1">云中梦头饰</div>
-            <div class="yilingqv yilingqv2">风花雪月铭牌</div>
-            <div class="yilingqv yilingqv3">彼岸花气泡</div>
-            <div class="yilingqv yilingqv4">许愿星</div>
-            <div class="yilingqv yilingqv5">许愿星</div>
-            <div class="yilingqv yilingqv6">许愿星</div>
-            <div class="yilingqv yilingqv7">许愿星</div>
-            <div class="yilingqv yilingqv8">许愿星</div>
-            <!-- 原来展示 -->
-            <div class="none none1">云中梦头饰</div>
-            <div class="none none2">风花雪月铭牌</div>
-            <div class="none none3">彼岸花气泡</div>
-            <div class="none none4">许愿星</div>
-            <div class="none none5">许愿星</div>
-            <div class="none none6">许愿星</div>
-            <div class="none none7">许愿星</div>
-            <div class="none none8">许愿星</div>
-            <!-- 线段 -->
-            <div class="line line1"><span></span></div>
-            <div class="line line2"><span></span></div>
-            <div class="line line3"><span></span></div>
-            <div class="line line4"><span></span></div>
-            <div class="line line5"><span></span></div>
-            <div class="line line6"><span></span></div>
-            <div class="line line7"><span></span></div>
-            <!-- 白色圆点 -->
-            <span class="spot spot1"></span>
-            <span class="spot spot2"></span>
-            <span class="spot spot3"></span>
-            <span class="spot spot4"></span>
-            <span class="spot spot5"></span>
-            <span class="spot spot6"></span>
-            <span class="spot spot7"></span>
-            <span class="spot spot8"></span>
-            <!-- 爱心 -->
-            <img src="./images/love.png" alt="" class="love love1">
-            <img src="./images/love.png" alt="" class="love love2">
-            <img src="./images/love.png" alt="" class="love love3">
-            <img src="./images/love.png" alt="" class="love love4">
-            <img src="./images/love.png" alt="" class="love love5">
-            <img src="./images/love.png" alt="" class="love love6">
-            <img src="./images/love.png" alt="" class="love love7">
-            <img src="./images/love.png" alt="" class="love love8">
-            <!-- 奖励领取蒙层 -->
-            <div class="butmc butmc1"></div>
-            <div class="butmc butmc2"></div>
-            <div class="butmc butmc3"></div>
-            <div class="butmc butmc4"></div>
-            <div class="butmc butmc5"></div>
-            <div class="butmc butmc6"></div>
-            <div class="butmc butmc7"></div>
-            <div class="butmc butmc8"></div>
-            <!-- 奖励领取按钮 -->
-            <img src="./images/acceptGiftToastbut1.png" class="but but1" taskOrder=1>
-            <img src="./images/acceptGiftToastbut2.png" class="but but2" taskOrder=2>
-            <img src="./images/acceptGiftToastbut3.png" class="but but3" taskOrder=3>
-            <img src="./images/acceptGiftToastbut4.png" class="but but4" taskOrder=4>
-            <img src="./images/acceptGiftToastbut5.png" class="but but5" taskOrder=5>
-            <img src="./images/acceptGiftToastbut6.png" class="but but6" taskOrder=6>
-            <img src="./images/acceptGiftToastbut7.png" class="but but7" taskOrder=7>
-            <img src="./images/acceptGiftToastbut8.png" class="but but8" taskOrder=8>
-            <!-- 数值 -->
-            <span class="num num1">1000</span>
-            <span class="num num2">2000</span>
-            <span class="num num3">3000</span>
-            <span class="num num4">3900</span>
-            <span class="num num5">6600</span>
-            <span class="num num6">11100</span>
-            <span class="num num7">18300</span>
-            <span class="num num8">27300</span>
+        <!-- 每日任务 tasks2-->
+        <div class="task ">
+            <div class="tab">
+                <div></div>
+                <div></div>
+            </div>
+            <div class="box1">
+                <p class="title">完成每日任务可获得喜鹊，任务每日0点刷新<br>
+                    任务奖励自动发放</p>
+                <div class="task1">
+                    <img src="./images/taskIcon.png" alt="">
+                    <div class="but">去完成</div>
+                    <b class="p1">访问活动页</b>
+                    <b class="p2">奖励：喜鹊*5</b>
+                </div>
+                <div class="task2">
+                    <img src="./images/taskIcon.png" alt="">
+                    <div class="but">去完成</div>
+                    <b class="p1">任意房间发送弹幕（0/3)</b>
+                    <b class="p2">奖励：喜鹊*5</b>
+                </div>
+                <div class="task3">
+                    <img src="./images/taskIcon.png" alt="">
+                    <div class="but">去完成</div>
+                    <b class="p1">在任意直播间停留</b>
+                    <div class="line">
+                        <div class="line_in"></div>
+                        <img src="./images/drop.png" alt="" class="drop1">
+                        <img src="./images/drop.png" alt="" class="drop2">
+                        <span class="sp1">+2喜鹊</span>
+                        <span class="sp2">+3喜鹊</span>
+                        <span class="sp3">+5喜鹊</span>
+                        <span class="sp4">10分钟</span>
+                        <span class="sp5">20分钟</span>
+                        <span class="sp6">30分钟</span>
+                    </div>
+                </div>
+            </div>
+            <div class="box2">
+                <img src="./images/task2But.png" alt="" class="task2But">
+            </div>
        </div>
    </div>
    <!-- page2 -->
    <div class="page2">
-        <!-- 奖池/记录 -->
-        <div class="record">
-            <div class="record_in">
-                <div class="tab">
-                    <div class="active">占卜阵奖池</div>
-                    <div>获奖记录</div>
+        <!-- 祈愿树 -->
+        <div class="blessingTree">
+            <!-- 剩余红绳 -->
+            <div class="redRope">
+                <img src="./images/redRopeIcon.png" alt="" class="redRopeIcon">
+                我的祈愿红绳：<b>0</b>
+            </div>
+            <!-- 祈愿按钮 -->
+            <div class="but"></div>
+            <p class="introduction">每获得10只喜鹊即可自动获得祈愿红绳*1</p>
+            <!-- 刷新 -->
+            <div class="refresh">
+                <img src="./images/refresh.png" alt="" class="refreshIcon">
+                换一批
+            </div>
+            <!-- 打开灯笼 openLantern-->
+            <div class="lantern lantern1">
+                <div class="box">
+                    <img src="" alt="">
+                    <p></p>
+                    <b></b>
                </div>
-                <div class="tab2">
-                    <div class="title">
-                        <b>获奖时间</b>
-                        <b>获得奖励</b>
-                    </div>
-                    <ul>
-                        <!-- <li>
-                            <p>2022/08/31 12:13:13</p>
-                            <span>xxx座驾*1天</span>
-                        </li>
-                        <li>
-                            <p>2022/08/31 12:13:13</p>
-                            <span>xxx座驾*1天</span>
-                        </li> -->
-                    </ul>
+
+            </div>
+            <div class="lantern lantern2">
+                <div class="box">
+                    <img src="" alt="">
+                    <p></p>
+                    <b></b>
                </div>
-                <div class="tab1">
-                    <img src="./images/record_in_rule.png" alt="">
+
+            </div>
+            <div class="lantern lantern3">
+                <div class="box">
+                    <img src="" alt="">
+                    <p></p>
+                    <b></b>
+                </div>
+
+            </div>
+            <div class="lantern lantern4">
+                <div class="box">
+                    <img src="" alt="">
+                    <p></p>
+                    <b></b>
                </div>
            </div>
+            <!-- 动效 -->
+            <div class="blessingTreeSvga blessingTreeSvga1">
+                <div class="blessingTreeSvgaActive blessingTreeSvgaActive1"></div>
+            </div>
+            <div class="blessingTreeSvga blessingTreeSvga2">
+                <div class="blessingTreeSvgaActive blessingTreeSvgaActive2"></div>
+            </div>
+            <div class="blessingTreeSvga blessingTreeSvga3">
+                <div class="blessingTreeSvgaActive blessingTreeSvgaActive3"></div>
+            </div>
+            <div class="blessingTreeSvga blessingTreeSvga4">
+                <div class="blessingTreeSvgaActive blessingTreeSvgaActive4"></div>
+            </div>
        </div>
-        <div class="cardBg">
-            <!-- 记录 -->
-            <!-- <div class="card_record">奖池/记录</div> -->
-            <div class="card_record"></div>
-            <!-- 五角星 -->
-            <p>我的许愿星: <img src="./images/card_icon.png" alt="" class="card_icon"> <b>00</b></p>
-            <!-- 洗牌按钮 -->
-            <img src="./images/card_but.png" alt="" class="card_but">
-            <!-- 卡片 -->
-            <div class="cardBox">
-                <div class="card_f card_f1" card='1'>
-                    <div class="card_z card_z1">
-                        <img src="" alt="" class="gift">
-                        <p></p>
-                        <b></b>
-                    </div>
-                </div>
-                <div class="card_f card_f2" card='2'>
-                    <div class="card_z card_z2">
-                        <img src="" alt="" class="gift">
-                        <p></p>
-                        <b></b>
-                    </div>
-                </div>
-                <div class="card_f card_f3" card='3'>
-                    <div class="card_z card_z3">
-                        <img src="" alt="" class="gift">
-                        <p></p>
-                        <b></b>
-                    </div>
-                </div>
-                <div class="card_f card_f4" card='4'>
-                    <div class="card_z card_z4">
-                        <img src="" alt="" class="gift">
-                        <p></p>
-                        <b></b>
-                    </div>
-                </div>
-                <div class="card_f card_f5" card='5'>
-                    <div class="card_z card_z5">
-                        <img src="" alt="" class="gift">
-                        <p></p>
-                        <b></b>
-                    </div>
-                </div>
-                <div class="card_f card_f6" card='6'>
-                    <div class="card_z card_z6">
-                        <img src="" alt="" class="gift">
-                        <p></p>
-                        <b></b>
-                    </div>
-                </div>
-                <div class="card_f card_f7" card='7'>
-                    <div class="card_z card_z7">
-                        <img src="" alt="" class="gift">
-                        <p></p>
-                        <b></b>
-                    </div>
-                </div>
-                <div class="card_f card_f8" card='8'>
-                    <div class="card_z card_z8">
-                        <img src="" alt="" class="gift">
-                        <p></p>
-                        <b></b>
-                    </div>
-                </div>
-                <div class="card_f card_f9" card='9'>
-                    <div class="card_z card_z9">
-                        <img src="" alt="" class="gift">
-                        <p></p>
-                        <b></b>
-                    </div>
+        <!-- 奖池&记录 blessingTreeBoomt2-->
+        <div class="blessingTreeBoomt">
+            <div class="tab">
+                <div></div>
+                <div></div>
+            </div>
+            <div class="box2">
+                <div class="title">
+                    <div>获取时间</div>
+                    <div>获得奖励</div>
                </div>
+                <ul>
+                    <li>
+                        <div>
+                            <p>2023/01/18</p>
+                            <i>23:45:234</i>
+                        </div>
+                        <div class="b">
+                            莲花灯777钻
+                        </div>
+                    </li>
+                    <li class="active">
+                        <div>
+                            <p>2023/01/18</p>
+                            <i>23:45:234</i>
+                        </div>
+                        <div>
+                            <p>莲花灯</p>
+                            <b>777钻</b>
+                        </div>
+                    </li>
+                </ul>
            </div>
        </div>
    </div>
    <!-- page3 -->
    <div class="page3">
-        <!-- 奖励规则 -->
-        <div class="page3_rule">
-            <div class="page3_rule_in">
-                <div class="box"><img src="./images/page3_rule_in.png" alt=""></div>
+        <!-- 活动规则 -->
+        <div class="rule">活动规则</div>
+        <!-- 标题 -->
+        <img src="./images/title.png" alt="" class="title">
+        <p class="titleText">赠送普通礼物1钻石=1情缘值，七夕限定礼物1钻石=3情缘值</p>
+        <!-- 前叁 -->
+        <div class="no no1">
+            <img src="./images/no1.png" alt="" class="txBg">
+            <img src="./images/logo.png" alt="" class="tx">
+            <p>用户昵称</p>
+            <div>
+                <img src="./images/loveIcon.png" alt="" class="loveIcon">
+                <b>情缘值：XXX</b>
            </div>
        </div>
-        <!-- 榜单3 -->
-        <div class="page3Bg">
-            <!-- 规则 -->
-            <div class="page3_rule_icon"></div>
-            <!-- 标题 -->
-            <div class="title">赠送普通礼物1钻石＝10恋人值，情人节限定礼物1钻石＝15恋人值</div>
-            <!-- tab -->
-            <div class="tab_page3">
-                <div>日榜</div>
-                <div>总榜</div>
+        <div class="no no2">
+            <img src="./images/no2.png" alt="" class="txBg">
+            <img src="./images/logo.png" alt="" class="tx">
+            <p>用户昵称</p>
+            <div>
+                <img src="./images/loveIcon.png" alt="" class="loveIcon">
+                <b>情缘值：XXX</b>
            </div>
-            <!-- 时间线 -->
-            <div class="time">
-                <div class="time1 active"></div>
-                <div class="time2"></div>
-                <div class="time3"></div>
-                <div class="time4"></div>
-                <div class="time5"></div>
-                <div class="time6"></div>
-                <div class="time7"></div>
-                <div class="time8"></div>
-            </div>
-            <!-- 前三 -->
-            <div class="no1">
-                <img src="./images/logo.png" alt="" class="ltx">
-                <img src="./images/logo.png" alt="" class="rtx">
-                <p class="nick">一二三四...&一二三四...</p>
-                <b class="score">XXxxxx恋人值</b>
-            </div>
-            <div class="no2">
-                <img src="./images/logo.png" alt="" class="ltx">
-                <img src="./images/logo.png" alt="" class="rtx">
-                <p class="nick">一二三四...&一二三四...</p>
-                <b class="score">XXxxxx恋人值</b>
-            </div>
-            <div class="no3">
-                <img src="./images/logo.png" alt="" class="ltx">
-                <img src="./images/logo.png" alt="" class="rtx">
-                <p class="nick">一二三四...&一二三四...</p>
-                <b class="score">XXxxxx恋人值</b>
-            </div>
-            <!-- 非前三 -->
-            <ul>
-                <li>
-                    <div class="num">4</div>
-                    <div class="txBox">
-                        <img src="./images/logo.png" alt="" class="ltx">
-                        <img src="./images/logo.png" alt="" class="rtx">
-                        <span>四个字哦... & 四儿子哦...</span>
-                    </div>
-                    <p>XXXX W恋人值</p>
-                </li>
-            </ul>
        </div>
+        <div class="no no3">
+            <img src="./images/no3.png" alt="" class="txBg">
+            <img src="./images/logo.png" alt="" class="tx">
+            <p>用户昵称</p>
+            <div>
+                <img src="./images/loveIcon.png" alt="" class="loveIcon">
+                <b>情缘值：XXX</b>
+            </div>
+        </div>
+        <!-- 非前叁 -->
+        <ul>
+            <li>
+                <div class="num">4</div>
+                <img src="./images/logo.png" alt="" class="tx">
+                <div class="name"></div>
+                <div class="score">
+                    <img src="./images/loveIcon.png" alt="" class="loveIcon">
+                    <b>情缘值：XXX</b>
+                </div>
+            </li>
+        </ul>
        <!-- 自己榜单 -->
-        <div class="mylist">
-            <img src="./images/meor.png" alt="" class="more">
-            <div class="lis">
-                <div class="txBox">
-                    <img src="./images/logo.png" alt="" class="ltx">
-                    <img src="./images/logo.png" alt="" class="rtx">
-                    <span>四个字哦... & 四儿子哦...</span>
-                </div>
-                <div class="right">
-                    <p>XXXX W恋人值</p>
-                    <div class="ored">当前排名XXX</div>
-                </div>
-            </div>
-            <div class="lis">
-                <div class="txBox">
-                    <img src="./images/logo.png" alt="" class="ltx">
-                    <img src="./images/logo.png" alt="" class="rtx">
-                    <span>四个字哦... & 四儿子哦...</span>
-                </div>
-                <div class="right">
-                    <p>XXXX W恋人值</p>
-                    <div class="ored">当前排名XXX</div>
-                </div>
+        <div class="my">
+            <div class="num">4</div>
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="name">虚位以待</div>
+            <div class="score">
+                <img src="./images/loveIcon.png" alt="" class="loveIcon">
+                <b>情缘值：XXX</b>
            </div>
        </div>
+        <!-- 规则弹窗 -->
+        <div class="roomRule">
+            <img src="./images/roomRule.png" alt="" class="roomRule_in">
+        </div>
    </div>
    <!-- page4 -->
    <div class="page4">
-        <!-- 奖励规则 -->
-        <div class="page4_rule">
-            <div class="page4_rule_in">
-                <!-- <div class="box"><img src="./images/page4_rule_in.png" alt=""></div> -->
+        <!-- 活动规则 -->
+        <div class="rule">榜单奖励</div>
+        <!-- 相会鹊桥 -->
+        <div class="loveList">
+            <img src="./images/left.png" alt="" class="left">
+            <img src="./images/center.png" alt="" class="center">
+            <img src="./images/right.png" alt="" class="right">
+            <img src="./images/logo.png" alt="" class="txL">
+            <img src="./images/logo.png" alt="" class="txR">
+            <div class="leftName">虚位以待</div>
+            <div class="rightName">虚位以待</div>
+            <p>活动期间每小时甜蜜值第一的主播和最佳助力的用户</p>
+            <div class="times">距下一小时一起上榜结果<span>00</span>:<span>00</span></div>
+        </div>
+        <!-- tab切换 -->
+        <div class="page4Tab">
+            <div></div>
+            <div></div>
+        </div>
+        <!-- 日榜总榜 -->
+        <div class="dayAll">
+            <div></div>
+            <div></div>
+        </div>
+        <!-- 礼物值说明 -->
+        <div class="giftVal">收到普通礼物1钻石=1甜蜜值，七夕限定礼物1钻石=3甜蜜值</div>
+        <!-- 日榜时间选择 -->
+        <div class="timeList">
+            <div class=""></div>
+            <div></div>
+            <div></div>
+            <div></div>
+            <div></div>
+        </div>
+        <!-- 前叁 -->
+        <div class="no no1">
+            <img src="./images/no1.png" alt="" class="txBg">
+            <img src="./images/logo.png" alt="" class="tx">
+            <p>用户昵称</p>
+            <div>
+                <img src="./images/loveIcon.png" alt="" class="loveIcon">
+                <b>情缘值：XXX</b>
            </div>
        </div>
-        <!-- 榜单4 -->
-        <div class="listBox">
-            <div class="page4_rule_icon"></div>
-            <div class="title">收到普通礼物1钻石＝10魅力值，情人节限定礼物1钻石＝15魅力值</div>
-            <div class="no1">
-                <img src="./images/page4no1.png" alt="" class="txBg">
-                <img src="./images/logo.png" alt="" class="tx">
-                <span class="name">我是名字六</span>
-                <p>魅力值:123456</p>
+        <div class="no no2">
+            <img src="./images/no2.png" alt="" class="txBg">
+            <img src="./images/logo.png" alt="" class="tx">
+            <p>用户昵称</p>
+            <div>
+                <img src="./images/loveIcon.png" alt="" class="loveIcon">
+                <b>情缘值：XXX</b>
            </div>
-            <div class="no2">
-                <img src="./images/page4no2.png" alt="" class="txBg">
-                <img src="./images/logo.png" alt="" class="tx">
-                <span class="name">我是名字六</span>
-                <p>魅力值:123456</p>
-            </div>
-            <div class="no3">
-                <img src="./images/page4no3.png" alt="" class="txBg">
-                <img src="./images/logo.png" alt="" class="tx">
-                <span class="name">我是名字六</span>
-                <p>魅力值:123456</p>
-            </div>
-            <ul>
-                <!-- <li>
-                    <div class="num">4</div>
-                    <img src="./images/logo.png" alt="">
-                    <div class="name">我是名称迪迦啊啊</div>
-                    <div class="score">魅力值:1234567</div>
-                </li> -->
-            </ul>
        </div>
+        <div class="no no3">
+            <img src="./images/no3.png" alt="" class="txBg">
+            <img src="./images/logo.png" alt="" class="tx">
+            <p>用户昵称</p>
+            <div>
+                <img src="./images/loveIcon.png" alt="" class="loveIcon">
+                <b>情缘值：XXX</b>
+            </div>
+        </div>
+        <!-- 非前叁 -->
+        <ul>
+            <li>
+                <div class="num">4</div>
+                <img src="./images/logo.png" alt="" class="tx">
+                <div class="name"></div>
+                <div class="score">
+                    <img src="./images/loveIcon.png" alt="" class="loveIcon">
+                    <b>情缘值：XXX</b>
+                </div>
+            </li>
+        </ul>
        <!-- 自己榜单 -->
-        <div class="myList">
+        <div class="my">
            <div class="num">4</div>
-            <img src="./images/logo.png" alt="">
-            <div class="name">我是名称迪迦啊啊</div>
-            <div class="score">魅力值:1234567</div>
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="name">虚位以待</div>
+            <div class="score">
+                <img src="./images/loveIcon.png" alt="" class="loveIcon">
+                <b>情缘值：XXX</b>
+            </div>
+        </div>
+        <!-- 甜蜜榜单 -->
+        <div class="sweet">
+            <div class="sweet_in">
+                <div class="box">
+                    <img src="./images/sweet_in1.png" alt="">
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- 活动规则弹窗 -->
+    <div class="rule_pub">
+        <div class="rule_pub_in">
+            <div class="box">
+                <img src="./images/rule_pub_in.png" alt="">
+            </div>
+        </div>
+    </div>
+    <!-- 活动结束弹窗 -->
+    <div class="endActivity">
+        <div class="endActivity_in">
+            <img src="./images/endActivitybut.png" alt="" class="but">
        </div>
    </div>
 </body>

 </html>
-<script src="../../common/js/jquery-3.2.1.min.js"></script>
 <script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
 <script src="../../common/js/common2.js"></script>
 <script src="../../common/js/layer.js"></script>
 <script src="../../common/js/vconsole.min.js"></script>
-<script src="../../common/js/route-constant.js"></script>
 <script src="../../common/js/svga.min.js"></script>
-<script src="../../common/js/swiper.min.js"></script>
+<script src="./js/swiper-bundle.min.js"></script>
 <script src="./js/index.js"></script>
--- a/view/yinmeng/activity/act-2023-qx/js/index.js
+++ b/view/yinmeng/activity/act-2023-qx/js/index.js
--- a/view/yinmeng/activity/act-2023-qx/js/swiper-bundle.min.js
+++ b/view/yinmeng/activity/act-2023-qx/js/swiper-bundle.min.js
--- a/view/yinmeng/activity/act-61/js/index.js
+++ b/view/yinmeng/activity/act-61/js/index.js
@@ -2,13 +2,13 @@
 var api = locateJudge();
 var browser = checkVersion();
 var info = {};
-var betaUrl = 'http://api.uat.lecheng163.com/yinyou/activity/act-61/index.html';
-var realUrl = tranUrl + '/yinyou/activity/act-61/index.html';
+var betaUrl = 'http://beta.api.nnbc123.cn/yinmeng/activity/act-61/index.html';
+var realUrl = tranUrl + '/yinmeng/activity/act-61/index.html';
 var share = {
  title: '纯真年代',
-  link: tranUrl + '/yinyou/activity/act-61/index.html',
+  link: tranUrl + '/yinmeng/activity/act-61/index.html',
  // imgUrl: 'https://img.letusmix.com/new_logo.png',
-  imgUrl: 'https://api.lecheng163.com/yinyou/modules/wxPubPay/images/logo.png',
+  imgUrl: 'https://api.nnbc123.cn/yinmeng/modules/wxPubPay/images/logo.png',
  desc: '限定铭牌萌趣降临',// 分享描述
 };
 if (EnvCheck() == 'test') {
--- a/view/yinmeng/activity/act-car/js/index.js
+++ b/view/yinmeng/activity/act-car/js/index.js
@@ -28,7 +28,7 @@ $(function () {

    $.ajax({
      type: 'get',
-      // url: 'http://api.uat.lecheng163.com/carActivity/user',
+      // url: 'http://beta.api.nnbc123.cn/carActivity/user',
      url: '/carActivity/user',
      headers: {
        pub_uid: info.uid,
--- a/view/yinmeng/activity/act-constellation/images/listRewardRule10.png
+++ b/view/yinmeng/activity/act-constellation/images/listRewardRule10.png
--- a/view/yinmeng/activity/act-constellation/images/listRewardRule6.png
+++ b/view/yinmeng/activity/act-constellation/images/listRewardRule6.png
--- a/view/yinmeng/activity/act-constellation/images/listRewardRule7.png
+++ b/view/yinmeng/activity/act-constellation/images/listRewardRule7.png
--- a/view/yinmeng/activity/act-constellation/images/listRewardRule8.png
+++ b/view/yinmeng/activity/act-constellation/images/listRewardRule8.png
--- a/view/yinmeng/activity/act-constellation/images/listRewardRule9.png
+++ b/view/yinmeng/activity/act-constellation/images/listRewardRule9.png
--- a/view/yinmeng/activity/act-festival_2022/js/annualReport.js
+++ b/view/yinmeng/activity/act-festival_2022/js/annualReport.js
@@ -159,7 +159,7 @@ function report () {
                    // 第六章
                    $('.bopkBox .book6 .book_in .p1').text(res.data.word);
                    $('.bopkBox .book6 .book_in .p2').text(res.data.desc);
-                    shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/yinyou/activity/act-festival_2022/share.html?avatar=${res.data.avatar}&nick=${res.data.nick}&word=${res.data.word}&desc=${res.data.desc}`
+                    shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/yinmeng/activity/act-festival_2022/share.html?avatar=${res.data.avatar}&nick=${res.data.nick}&word=${res.data.word}&desc=${res.data.desc}`
                    hideLoading(layerIndex)
                    animatedImplementFun(0);
                } else {
--- a/view/yinmeng/activity/act-festival_2022/js/feedback.js
+++ b/view/yinmeng/activity/act-festival_2022/js/feedback.js
@@ -264,7 +264,7 @@ function userInfoFun () {
                } else {
                    discountVal = res.data.giftBagDiscount;
                    shareObj.data.title = `我在年度回馈礼包中抽中了${discountVal}折`
-                    shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/yinyou/activity/act-festival_2022/share2.html`
+                    shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/yinmeng/activity/act-festival_2022/share2.html`
                    $('.feedbackBox .discount_tex p').text(`当前折扣：${discountVal}折`);
                    discountBagArr.forEach((val, i) => {
                        // $(`.feedbackBox .discountBigBut${i + 1} b`).text(`${discountVal * 0.1 * val}钻`);
--- a/view/yinmeng/activity/act-festival_2022/share2.html
+++ b/view/yinmeng/activity/act-festival_2022/share2.html
@@ -103,7 +103,7 @@
    $(function () {
        setTimeout(function () {
            // 创建深度链接
-            let linkedKey = '6ba9e9d9760b8acc50b2b499cfd557da'
+            let linkedKey = '4e75ead0ff84424339dc8b0616e7094c'
            // let linkedKey = '4f5ec8302c8a0a385c2e5dd196af9aff'66
            let paramsObj = {
                // inviteCode: inviteCode
--- a/view/yinmeng/activity/act-ocean/css/index.css
+++ b/view/yinmeng/activity/act-ocean/css/index.css
@@ -1,129 +1,123 @@
@font-face {
-  font-family: 'pingfang-bold';
+  font-family: "pingfang-bold";
  src: url("../../../common/fonts/PingFang Bold.ttf");
  src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
 }
-
@font-face {
-  font-family: 'din-medium';
+  font-family: "din-medium";
  src: url("../../../common/fonts/DINCond-Medium.ttf");
  src: url("../../../common/fonts/DINCond-Medium.ttf") format("woff"), url("../../../common/fonts/DINCond-Medium.ttf") format("truetype"), url("../../../common/fonts/DINCond-Medium.ttf") format("svg");
 }
-
-html, body {
-  font-family: 'din-medium';
+html,
+body {
+  font-family: "din-medium";
  overflow-x: hidden;
+  background: #0077EC;
 }

 .wrap {
  width: 100%;
  height: 100vh;
-  background: url("../images/index-bg.png") no-repeat center/cover;
+  background: url("../images/index-bg.png") no-repeat;
+  background-size: 100% 17.7866666667rem;
  position: relative;
 }
-
-.wrap .rule, .wrap .record, .wrap .rank {
+.wrap .rule,
+.wrap .record,
+.wrap .rank {
  position: fixed;
-  bottom: 12.8rem;
+  bottom: 14.8rem;
  left: 0;
  width: 1.6rem;
-  height: 0.53333rem;
+  height: 0.5333333333rem;
 }
-
-.wrap .rule img, .wrap .record img, .wrap .rank img {
+.wrap .rule img,
+.wrap .record img,
+.wrap .rank img {
  width: 100%;
 }
-
 .wrap .record {
-  bottom: 12.05333rem;
+  bottom: 14.053333rem;
 }
-
 .wrap .rank {
-  bottom: 11.36rem;
+  bottom: 13.36rem;
 }
-
 .wrap .previous-result {
  position: absolute;
-  bottom: 10.72rem;
+  bottom: 12.5rem;
  left: 0.24rem;
-  font-family: 'pingfang-bold';
+  font-family: "pingfang-bold";
  font-size: 0.4rem;
  color: white;
  display: flex;
  align-items: center;
 }
-
 .wrap .previous-result span {
  font-weight: bold;
 }
-
 .wrap .previous-result .result-list {
  display: flex;
 }
-
 .wrap .previous-result .result-list p {
-  width: 0.53333rem;
-  height: 0.53333rem;
-  margin-left: 0.10667rem;
+  width: 0.5333333333rem;
+  height: 0.5333333333rem;
+  margin-left: 0.1066666667rem;
  background: url("../images/little-bubble.png") 0 0/100% 100%;
 }
-
 .wrap .previous-result .result-list p:last-child {
  background: url("../images/last-little-bubble.png") 0 0/100% 100%, url("../images/little-bubble.png") 0 0/100% 100%;
 }
-
 .wrap .previous-result .result-list p img {
  width: 100%;
 }
-
+.wrap .previous-result .more {
+  width: 0.5333333333rem;
+  height: 0.5333333333rem;
+  display: inline-block;
+  margin-left: 0.12rem;
+}
 .wrap .mall {
  position: absolute;
-  bottom: 10.50667rem;
+  bottom: 12.506667rem;
  right: 0.48rem;
-  width: 2.13333rem;
+  width: 2.1333333333rem;
  height: 2rem;
 }
-
 .wrap .mall img {
  width: 100%;
 }
-
 .wrap .game-area {
  position: absolute;
-  bottom: 0;
+  bottom: 1.7rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
-  width: 9.46667rem;
+  width: 9.4666666667rem;
  height: 10.32rem;
  background: url("../images/game-area.png") no-repeat 0 0/100% 100%;
 }
-
 .wrap .game-area .select-time {
  display: none;
 }
-
 .wrap .game-area .select-time .count-down {
-  font-family: 'pingfang-bold';
+  font-family: "pingfang-bold";
  position: absolute;
-  top: -0.26667rem;
+  top: -0.2666666667rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.68rem;
-  height: 1.01333rem;
-  line-height: 1.01333rem;
+  height: 1.0133333333rem;
+  line-height: 1.0133333333rem;
  text-align: center;
  background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
  font-size: 0.48rem;
  color: white;
  font-weight: bold;
 }
-
 .wrap .game-area .select-time .count-down span {
  font-weight: bold;
  color: #FEEF60;
 }
-
 .wrap .game-area .select-time ul {
  display: flex;
  flex-wrap: wrap;
@@ -131,33 +125,30 @@ html, body {
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
+  margin-top: 0.6rem;
 }
-
 .wrap .game-area .select-time ul li {
  position: relative;
-  width: 1.73333rem;
+  width: 1.7333333333rem;
  height: 2rem;
-  margin-top: 0.98667rem;
-  margin-right: 0.34667rem;
+  margin-top: 0.9866666667rem;
+  margin-right: 0.3466666667rem;
  background: url("../images/bubble-bg.png") no-repeat 0 0/100% 100%;
 }
-
 .wrap .game-area .select-time ul li img {
  width: 100%;
 }
-
 .wrap .game-area .select-time ul li .multiple {
  position: absolute;
-  top: 0.13333rem;
-  left: 0.13333rem;
+  top: 0.1333333333rem;
+  left: 0.1333333333rem;
  font-size: 0.32rem;
  color: white;
  text-shadow: 1px 1px 0px #ED7B50, -1px -1px 0px #ED7B50, 1px 1px 0px #ED7B50, -1px -1px 0px #ED7B50, 1px 1px 0px #ED7B50, -1px -1px 0px #ED7B50;
 }
-
 .wrap .game-area .select-time ul li .name {
  position: absolute;
-  bottom: 0.13333rem;
+  bottom: 0.1333333333rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.6rem;
@@ -165,53 +156,47 @@ html, body {
  font-size: 0.32rem;
  color: white;
 }
-
 .wrap .game-area .select-time ul li .bubble-2s {
  display: none;
-  width: 1.22667rem;
-  height: 0.74667rem;
+  width: 1.2266666667rem;
+  height: 0.7466666667rem;
  position: absolute;
  top: -0.8rem;
-  left: -0.37333rem;
+  left: -0.3733333333rem;
  background: url("../images/qipao-2s.png") no-repeat 0 0/100% 100%;
  transform: rotate(-15deg);
-  text-indent: 0.21333rem;
+  text-indent: 0.2133333333rem;
 }
-
 .wrap .game-area .select-time ul li .bubble-2s p {
-  font-size: 0.21333rem;
+  font-size: 0.2133333333rem;
  color: white;
  font-weight: bold;
  padding-top: 0.24rem;
  text-align: center;
-  margin-left: -0.26667rem;
+  margin-left: -0.2666666667rem;
 }
-
 .wrap .game-area .select-time ul li .select-num {
  position: absolute;
-  top: 0.26667rem;
-  right: 0.21333rem;
+  top: 0.2666666667rem;
+  right: 0.2133333333rem;
  font-size: 0.32rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 0px #FF5C7F, -1px -1px 0px #FF5C7F, 1px 1px 0px #FF5C7F, -1px -1px 0px #FF5C7F, 1px 1px 0px #FF5C7F, -1px -1px 0px #FF5C7F;
 }
-
 .wrap .game-area .select-time .btn-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
-  width: 8.26667rem;
+  width: 8.2666666667rem;
  height: 1.12rem;
-  margin: 0.21333rem auto 0;
-  margin-top: 1.06667rem;
+  margin: 0.4rem auto 0;
 }
-
 .wrap .game-area .select-time .btn-wrap div {
  display: flex;
  justify-content: center;
  align-items: center;
-  width: 2.45333rem;
+  width: 2.4533333333rem;
  height: 1.12rem;
  background: url("../images/fragment-btn.png") no-repeat 0 0/100% 100%;
  text-align: center;
@@ -219,88 +204,78 @@ html, body {
  font-size: 0.48rem;
  color: #1C5484;
 }
-
 .wrap .game-area .select-time .btn-wrap div.active {
  background-image: url("../images/fragment-btn-active.png");
  color: #B33E17;
 }
-
-.wrap .game-area .select-time .btn-wrap div.active img, .wrap .game-area .select-time .btn-wrap div.active span {
+.wrap .game-area .select-time .btn-wrap div.active img,
+.wrap .game-area .select-time .btn-wrap div.active span {
  margin-bottom: 0;
 }
-
 .wrap .game-area .select-time .btn-wrap div img {
  width: 0.48rem;
  height: 0.48rem;
-  margin-bottom: 0.21333rem;
+  margin-bottom: 0.2133333333rem;
 }
-
 .wrap .game-area .select-time .btn-wrap div span {
  display: block;
-  margin-bottom: 0.21333rem;
+  margin-bottom: 0.2133333333rem;
  font-weight: 600;
-  margin-right: 0.13333rem;
+  margin-right: 0.1333333333rem;
 }
-
 .wrap .game-area .wait-time {
  display: none;
-  width: 9.06667rem;
-  height: 6.66667rem;
+  width: 9.0666666667rem;
+  height: 6.6666666667rem;
  margin: auto;
-  margin-top: 1.06667rem;
+  margin-top: 1.0666666667rem;
  position: relative;
 }
-
 .wrap .game-area .wait-time .count-down {
-  font-family: 'pingfang-bold';
+  font-family: "pingfang-bold";
  position: absolute;
-  top: -1.33333rem;
+  top: -1.3333333333rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.68rem;
-  height: 1.01333rem;
-  line-height: 1.01333rem;
+  height: 1.0133333333rem;
+  line-height: 1.0133333333rem;
  text-align: center;
  background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
  font-size: 0.48rem;
  color: white;
  font-weight: bold;
 }
-
 .wrap .game-area .wait-time .count-down span {
  font-weight: bold;
  color: #FEEF60;
 }
-
 .wrap .game-area .draw-time {
  display: none;
-  width: 9.06667rem;
-  height: 6.66667rem;
+  width: 9.0666666667rem;
+  height: 6.6666666667rem;
  margin: auto;
-  margin-top: 1.06667rem;
+  margin-top: 1.0666666667rem;
 }
-
 .wrap .game-area .draw-time .count-down {
-  font-family: 'pingfang-bold';
+  font-family: "pingfang-bold";
  position: absolute;
-  top: -0.26667rem;
+  top: -0.2666666667rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.68rem;
-  height: 1.01333rem;
-  line-height: 1.01333rem;
+  height: 1.0133333333rem;
+  line-height: 1.0133333333rem;
  text-align: center;
  background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
  font-size: 0.48rem;
  color: white;
  font-weight: bold;
 }
-
 .wrap .game-area .draw-time .count-down span {
  font-weight: bold;
  color: #FEEF60;
 }
-
 .wrap .game-area .draw-time .top-three {
  position: absolute;
  left: 0.4rem;
@@ -309,93 +284,81 @@ html, body {
  display: flex;
  align-items: center;
 }
-
 .wrap .game-area .draw-time .top-three.no-one {
  margin-left: 0;
-  margin-bottom: 0.53333rem;
+  margin-bottom: 0.5333333333rem;
  left: 50%;
  transform: translateX(-50%);
 }
-
 .wrap .game-area .draw-time .top-three span {
-  font-family: 'pingfang-bold';
+  font-family: "pingfang-bold";
  font-size: 0.4rem;
  font-weight: bold;
  color: white;
 }
-
 .wrap .game-area .draw-time .top-three .top-three-list {
  display: flex;
 }
-
 .wrap .game-area .draw-time .top-three .top-three-list p {
  width: 1.12rem;
  height: 1.12rem;
  margin-left: 0.32rem;
  box-sizing: border-box;
 }
-
 .wrap .game-area .draw-time .top-three .top-three-list p img {
  width: 100%;
  border-radius: 50%;
-  border: 0.02667rem solid #FEEF60;
-  margin-right: 0.21333rem;
+  border: 0.0266666667rem solid #FEEF60;
+  margin-right: 0.2133333333rem;
 }
-
 .wrap .game-area .draw-time .draw-pic {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.92rem;
  z-index: 1;
-  width: 3.73333rem;
-  height: 3.73333rem;
+  width: 3.7333333333rem;
+  height: 3.7333333333rem;
 }
-
 .wrap .game-area .draw-time .draw-pic img {
  width: 100%;
  height: 100%;
 }
-
 .wrap .info-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
-  height: 1.61333rem;
+  height: 1.6133333333rem;
  background: url("../images/index-bottom.png") no-repeat 0 0/100% 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
 }
-
-.wrap .info-bottom .fragment, .wrap .info-bottom .award {
-  width: 3.06667rem;
-  height: 1.01333rem;
+.wrap .info-bottom .fragment,
+.wrap .info-bottom .award {
+  width: 3.0666666667rem;
+  height: 1.0133333333rem;
  line-height: 0.88rem;
  background: url("../images/fragment-mine.png") no-repeat 0 0/100% 100%;
  font-size: 0.4rem;
  color: white;
-  text-indent: 1.06667rem;
+  text-indent: 1.0666666667rem;
 }
-
 .wrap .info-bottom .award {
  background-image: url("../images/award-today.png");
 }
-
 .wrap .info-bottom .avatar {
-  width: 1.86667rem;
-  height: 1.86667rem;
+  width: 1.8666666667rem;
+  height: 1.8666666667rem;
  margin-bottom: 0.8rem;
 }
-
 .wrap .info-bottom .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
 }
-
 .wrap .shade-mask {
  display: none;
  position: fixed;
@@ -406,7 +369,6 @@ html, body {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
 }
-
 .wrap .shade-mask .shade-content {
  position: absolute;
  top: 50%;
@@ -415,14 +377,13 @@ html, body {
  width: 7.68rem;
  height: 8.88rem;
  background: url("../images/rule-bg.png") no-repeat 0 0/100% 100%;
-  padding: 2.13333rem 0.86667rem 0 0.53333rem;
+  padding: 2.1333333333rem 0.8666666667rem 0 0.5333333333rem;
 }
-
 .wrap .shade-mask .shade-content p {
-  font-size: 0.42667rem;
+  font-size: 0.3466666667rem;
  color: #ED7B50;
-  font-weight: bold;
-  margin-bottom: 0.53333rem;
+  margin-bottom: 0.5333333333rem;
+  line-height: 0.45rem;
 }

 .no-in-app {
@@ -435,3 +396,5 @@ html, body {
  z-index: 99999;
  background-color: white;
 }
+
+/*# sourceMappingURL=index.css.map */
--- a/view/yinmeng/activity/act-ocean/css/index.scss
+++ b/view/yinmeng/activity/act-ocean/css/index.scss
@@ -2,7 +2,7 @@
    @return $px / $rem+rem;
 }

-@font-face{
+@font-face {
    font-family: 'pingfang-bold';
    src: url('../../../common/fonts/PingFang\ Bold.ttf');
    src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
@@ -10,7 +10,7 @@
        url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
 }

-@font-face{
+@font-face {
    font-family: 'din-medium';
    src: url('../../../common/fonts/DINCond-Medium.ttf');
    src: url('../../../common/fonts/DINCond-Medium.ttf') format('woff'),
@@ -18,90 +18,116 @@
        url('../../../common/fonts/DINCond-Medium.ttf') format('svg');
 }

-html, body{
+html,
+body {
    font-family: 'din-medium';
    // 海浪svga过长
    overflow-x: hidden;
+    background: #0077EC;
 }

-.wrap{
+.wrap {
    width: 100%;
    height: 100vh;
-    background: url('../images/index-bg.png') no-repeat center/cover;
+    background: url('../images/index-bg.png') no-repeat; //center/cover
+    background-size: 100% px2rem(1334, );
    position: relative;
-    .rule, .record, .rank{
+
+    .rule,
+    .record,
+    .rank {
        position: fixed;
        // top: px2rem(336);
-        bottom: px2rem(960);
+        bottom: 14.8rem;
        left: 0;
        width: px2rem(120);
        height: px2rem(40);
-        img{
+
+        img {
            width: 100%;
        }
    }
-    .record{
+
+    .record {
        // top: px2rem(390);
-        bottom: px2rem(904);
+        bottom: 14.053333rem;
    }
-    .rank{
+
+    .rank {
        // top: px2rem(440);
-        bottom: px2rem(852);
+        bottom: 13.36rem;
    }
-    .previous-result{
+
+    .previous-result {
        position: absolute;
-        bottom: px2rem(804);
+        bottom: 12.5rem;
        left: px2rem(18);
        font-family: 'pingfang-bold';
        font-size: px2rem(30);
        color: white;
        display: flex;
        align-items: center;
-        span{
+
+        span {
            font-weight: bold;
        }
-        .result-list{
+
+        .result-list {
            display: flex;
-            p{
+
+            p {
                width: px2rem(40);
                height: px2rem(40);
                margin-left: px2rem(8);
                background: url('../images/little-bubble.png') 0 0/100% 100%;
-                &:last-child{
-                    background: url('../images/last-little-bubble.png') 0 0/100% 100%,url('../images/little-bubble.png') 0 0/100% 100%;
+
+                &:last-child {
+                    background: url('../images/last-little-bubble.png') 0 0/100% 100%, url('../images/little-bubble.png') 0 0/100% 100%;
                }
-                img{
+
+                img {
                    width: 100%;
                }
            }
        }
+
+        .more {
+            width: px2rem(40, );
+            height: px2rem(40, );
+            display: inline-block;
+            margin-left: px2rem(9, );
+        }
    }
-    
-    .mall{
+
+    .mall {
        position: absolute;
        // top: px2rem(400);
-        bottom: px2rem(788);
+        bottom: 12.506667rem;
        right: px2rem(36);
        width: px2rem(160);
        height: px2rem(150);
-        img{
+
+        img {
            width: 100%;
        }
    }
-    .game-area{
+
+    .game-area {
        position: absolute;
        // top: px2rem(560);
-        bottom: 0;
+        bottom: 1.7rem;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9;
        width: px2rem(710);
        height: px2rem(774);
        background: url('../images/game-area.png') no-repeat 0 0/100% 100%;
+
        // 等待倒计时30s
-        .select-time{
+        .select-time {
            display: none;
-            .count-down{
+
+            .count-down {
                font-family: 'pingfang-bold';
                position: absolute;
                top: px2rem(-20);
@@ -111,17 +137,19 @@ html, body{
                height: px2rem(76);
                line-height: px2rem(76);
                text-align: center;
-                background: url('../images/count-down.png') no-repeat 0 0/100% 100% ;
+                background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
                font-size: px2rem(36);
                color: white;
                font-weight: bold;
-                span{
+
+                span {
                    font-weight: bold;
                    color: #FEEF60;
                }
            }
+
            // 海鲜列表
-            ul{
+            ul {
                display: flex;
                flex-wrap: wrap;
                // justify-content: space-between;
@@ -129,30 +157,35 @@ html, body{
                padding-bottom: 0;
                padding-right: 0;
                padding-top: 0;
-                li{
+                margin-top: 0.6rem;
+
+                li {
                    position: relative;
                    width: px2rem(130);
                    height: px2rem(150);
                    margin-top: px2rem(74);
                    margin-right: px2rem(26);
                    background: url('../images/bubble-bg.png') no-repeat 0 0/100% 100%;
-                    img{
+
+                    img {
                        width: 100%;
                    }
-                    .multiple{
+
+                    .multiple {
                        position: absolute;
                        top: px2rem(10);
                        left: px2rem(10);
                        font-size: px2rem(24);
                        color: white;
                        text-shadow: 1px 1px 0px#ED7B50,
-                        -1px -1px 0px#ED7B50,
-                        1px 1px 0px#ED7B50,
-                        -1px -1px 0px#ED7B50,
-                        1px 1px 0px#ED7B50,
-                        -1px -1px 0px#ED7B50;
+                            -1px -1px 0px#ED7B50,
+                            1px 1px 0px#ED7B50,
+                            -1px -1px 0px#ED7B50,
+                            1px 1px 0px#ED7B50,
+                            -1px -1px 0px#ED7B50;
                    }
-                    .name{
+
+                    .name {
                        position: absolute;
                        bottom: px2rem(10);
                        left: 50%;
@@ -162,7 +195,8 @@ html, body{
                        font-size: px2rem(24);
                        color: white;
                    }
-                    .bubble-2s{
+
+                    .bubble-2s {
                        display: none;
                        width: px2rem(92);
                        height: px2rem(56);
@@ -172,7 +206,8 @@ html, body{
                        background: url('../images/qipao-2s.png') no-repeat 0 0/100% 100%;
                        transform: rotate(-15deg);
                        text-indent: px2rem(16);
-                        p{
+
+                        p {
                            font-size: px2rem(16);
                            color: white;
                            font-weight: bold;
@@ -181,7 +216,8 @@ html, body{
                            margin-left: px2rem(-20);
                        }
                    }
-                    .select-num{
+
+                    .select-num {
                        // display: none;
                        position: absolute;
                        top: px2rem(20);
@@ -194,24 +230,25 @@ html, body{
                        color: #fff;
                        // text-shadow: 1px 1px #FF5C7F, -1px -1px #FF5C7F ;
                        text-shadow: 1px 1px 0px#FF5C7F,
-                        -1px -1px 0px#FF5C7F,
-                        1px 1px 0px#FF5C7F,
-                        -1px -1px 0px#FF5C7F,
-                        1px 1px 0px#FF5C7F,
-                        -1px -1px 0px#FF5C7F;    
+                            -1px -1px 0px#FF5C7F,
+                            1px 1px 0px#FF5C7F,
+                            -1px -1px 0px#FF5C7F,
+                            1px 1px 0px#FF5C7F,
+                            -1px -1px 0px#FF5C7F;
                    }
                }
            }
+
            // 碎片按钮
-            .btn-wrap{
+            .btn-wrap {
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: px2rem(620);
                height: px2rem(84);
-                margin: px2rem(16) auto 0;
-                margin-top: px2rem(80);
-                div{
+                margin: 0.4rem auto 0;
+
+                div {
                    display: flex;
                    justify-content: center;
                    align-items: center;
@@ -222,19 +259,24 @@ html, body{
                    line-height: px2rem(60);
                    font-size: px2rem(36);
                    color: #1C5484;
-                    &.active{
+
+                    &.active {
                        background-image: url('../images/fragment-btn-active.png');
                        color: #B33E17;
-                        img, span{
+
+                        img,
+                        span {
                            margin-bottom: 0;
                        }
                    }
-                    img{
+
+                    img {
                        width: px2rem(36);
                        height: px2rem(36);
                        margin-bottom: px2rem(16);
                    }
-                    span{
+
+                    span {
                        display: block;
                        margin-bottom: px2rem(16);
                        font-weight: 600;
@@ -243,15 +285,17 @@ html, body{
                }
            }
        }
+
        // 等待结果5s
-        .wait-time{
+        .wait-time {
            display: none;
            width: px2rem(680);
            height: px2rem(500);
            margin: auto;
            margin-top: px2rem(80);
            position: relative;
-            .count-down{
+
+            .count-down {
                font-family: 'pingfang-bold';
                position: absolute;
                top: px2rem(-100);
@@ -261,25 +305,28 @@ html, body{
                height: px2rem(76);
                line-height: px2rem(76);
                text-align: center;
-                background: url('../images/count-down.png') no-repeat 0 0/100% 100% ;
+                background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
                font-size: px2rem(36);
                color: white;
                font-weight: bold;
-                span{
+
+                span {
                    font-weight: bold;
                    color: #FEEF60;
                }
            }
-            
+
        }
+
        // 开奖时间
-        .draw-time{
+        .draw-time {
            display: none;
            width: px2rem(680);
            height: px2rem(500);
            margin: auto;
            margin-top: px2rem(80);
-            .count-down{
+
+            .count-down {
                font-family: 'pingfang-bold';
                position: absolute;
                top: px2rem(-20);
@@ -289,42 +336,49 @@ html, body{
                height: px2rem(76);
                line-height: px2rem(76);
                text-align: center;
-                background: url('../images/count-down.png') no-repeat 0 0/100% 100% ;
+                background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
                font-size: px2rem(36);
                color: white;
                font-weight: bold;
-                span{
+
+                span {
                    font-weight: bold;
                    color: #FEEF60;
                }
            }
-            .top-three{
+
+            .top-three {
                position: absolute;
                left: px2rem(30);
                bottom: px2rem(180);
                margin-left: px2rem(30);
                display: flex;
                align-items: center;
-                &.no-one{
+
+                &.no-one {
                    margin-left: 0;
                    margin-bottom: px2rem(40);
                    left: 50%;
                    transform: translateX(-50%);
                }
-                span{
+
+                span {
                    font-family: 'pingfang-bold';
                    font-size: px2rem(30);
                    font-weight: bold;
                    color: white;
                }
-                .top-three-list{
+
+                .top-three-list {
                    display: flex;
-                    p{
+
+                    p {
                        width: px2rem(84);
                        height: px2rem(84);
                        margin-left: px2rem(24);
                        box-sizing: border-box;
-                        img{
+
+                        img {
                            width: 100%;
                            border-radius: 50%;
                            border: px2rem(2) solid #FEEF60;
@@ -333,7 +387,8 @@ html, body{
                    }
                }
            }
-            .draw-pic{
+
+            .draw-pic {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
@@ -341,15 +396,17 @@ html, body{
                z-index: 1;
                width: px2rem(280);
                height: px2rem(280);
-                img{
+
+                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
+
    // 底部信息
-    .info-bottom{
+    .info-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
@@ -360,7 +417,9 @@ html, body{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
-        .fragment, .award{
+
+        .fragment,
+        .award {
            width: px2rem(230);
            height: px2rem(76);
            line-height: px2rem(66);
@@ -369,22 +428,26 @@ html, body{
            color: white;
            text-indent: px2rem(80);
        }
-        .award{
+
+        .award {
            background-image: url('../images/award-today.png');
        }
-        .avatar{
+
+        .avatar {
            width: px2rem(140);
            height: px2rem(140);
            margin-bottom: px2rem(60);
-            img{
+
+            img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }
        }
    }
+
    // 规则弹窗
-    .shade-mask{
+    .shade-mask {
        display: none;
        position: fixed;
        top: 0;
@@ -393,7 +456,8 @@ html, body{
        width: 100vw;
        height: 100vh;
        background-color: rgba($color: #000000, $alpha: 0.4);
-        .shade-content{
+
+        .shade-content {
            position: absolute;
            top: 50%;
            left: 50%;
@@ -402,17 +466,19 @@ html, body{
            height: px2rem(666);
            background: url('../images/rule-bg.png') no-repeat 0 0/100% 100%;
            padding: px2rem(160) px2rem(65) 0 px2rem(40);
-            p{
-                font-size: px2rem(32);
+
+            p {
+                font-size: px2rem(26);
                color: #ED7B50;
-                font-weight: bold;
+                // font-weight: bold;
                margin-bottom: px2rem(40);
+                line-height: 0.45rem;
            }
        }
    }
 }

-.no-in-app{
+.no-in-app {
    display: none;
    position: fixed;
    top: 0;
@@ -421,4 +487,4 @@ html, body{
    height: 100vh;
    z-index: 99999;
    background-color: white;
-}
+}
--- a/view/yinmeng/activity/act-ocean/css/mall.css
+++ b/view/yinmeng/activity/act-ocean/css/mall.css
@@ -1,50 +1,52 @@
@font-face {
-  font-family: 'pingfang-medium';
+  font-family: "pingfang-medium";
  src: url("../../../common/fonts/PingFang-Medium.ttf");
  src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
 }
-
@font-face {
-  font-family: 'pingfang-bold';
+  font-family: "pingfang-bold";
  src: url("../../../common/fonts/PingFang Bold.ttf");
  src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
 }
-
 body {
-  font-family: 'pingfang-medium';
+  font-family: "pingfang-medium";
  background: linear-gradient(#3491F5, #60C7FC) no-repeat 0 0/100% 100%;
 }

 .banner {
  width: 10rem;
-  height: 6.66667rem;
+  height: 6.6666666667rem;
  background: url("../images/mall/banner.png") no-repeat 0 0/100% 100%;
+  overflow: hidden;
+}
+.banner .newDate {
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-size: 0.2666666667rem;
+  margin-top: 2rem;
 }

 .buy-area {
-  width: 9.46667rem;
+  width: 9.4666666667rem;
  height: 14.4rem;
  margin: auto;
  box-sizing: border-box;
-  padding: 1.06667rem 0.56rem 0 0.8rem;
+  padding: 1.0666666667rem 0.56rem 0 0.8rem;
  background: url("../images/mall/buy-area.png") no-repeat 0 0/100% 100%;
  margin-top: -0.88rem;
 }
-
 .buy-area.bg-long {
  background-image: url("../images/mall/buy-area-long.png");
 }
-
 .buy-area li {
  display: flex;
  align-items: center;
-  margin-bottom: 0.53333rem;
+  margin-bottom: 0.5333333333rem;
 }
-
 .buy-area li.li-bg-long {
  margin-bottom: 1.2rem;
 }
-
 .buy-area li .headwear-pic {
  width: 2.4rem;
  height: 2.4rem;
@@ -55,12 +57,10 @@ body {
  justify-content: center;
  align-items: center;
 }
-
 .buy-area li .headwear-pic img {
  width: 2rem;
  height: 2rem;
 }
-
 .buy-area li .headwear-info {
  flex: 1;
  height: 1.6rem;
@@ -68,27 +68,22 @@ body {
  flex-direction: column;
  justify-content: space-between;
  color: white;
-  font-size: 0.34667rem;
+  font-size: 0.3466666667rem;
 }
-
 .buy-area li .headwear-info .headwear-name {
  font-size: 0.48rem;
  font-weight: bold;
 }
-
 .buy-area li .headwear-info .headwear-price {
  margin-bottom: -0.16rem;
 }
-
 .buy-area li .headwear-info .headwear-award {
  color: #FEEF60;
 }
-
 .buy-area li .buy-btn {
-  width: 1.78667rem;
-  height: 0.82667rem;
+  width: 1.7866666667rem;
+  height: 0.8266666667rem;
 }
-
 .buy-area li .buy-btn img {
  width: 100%;
 }
@@ -99,48 +94,41 @@ body {
  left: 0;
  z-index: 99;
  width: 100%;
-  height: 1.62667rem;
+  height: 1.6266666667rem;
  background: url("../images/mall/bottom.png") no-repeat 0 0/100% 100%;
  display: flex;
  align-items: center;
 }
-
 .bottom.mb-long {
-  margin-bottom: 0.90667rem;
+  margin-bottom: 0.9066666667rem;
 }
-
 .bottom .avatar {
-  width: 1.33333rem;
-  height: 1.33333rem;
-  margin: 0 0.26667rem 0 0.53333rem;
+  width: 1.3333333333rem;
+  height: 1.3333333333rem;
+  margin: 0 0.2666666667rem 0 0.5333333333rem;
 }
-
 .bottom .avatar img {
  width: 100%;
  border-radius: 50%;
 }
-
 .bottom .info-wrap {
  flex: 1;
-  height: 1.17333rem;
+  height: 1.1733333333rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
-  font-size: 0.26667rem;
+  font-size: 0.2666666667rem;
  color: white;
 }
-
 .bottom .info-wrap .nick {
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
  font-weight: bold;
 }
-
 .bottom .recharge {
  width: 2rem;
-  height: 0.85333rem;
+  height: 0.8533333333rem;
  margin-right: 0.8rem;
 }
-
 .bottom .recharge img {
  width: 100%;
 }
@@ -152,7 +140,7 @@ body {
  left: 0;
  z-index: 99;
  width: 100%;
-  height: 0.93333rem;
+  height: 0.9333333333rem;
  background-color: #60acfb;
 }

@@ -166,7 +154,6 @@ body {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
 }
-
 .shade-mask-buy .shade-content-buy {
  position: absolute;
  top: 50%;
@@ -177,83 +164,71 @@ body {
  border-radius: 0.32rem;
  background-color: white;
 }
-
 .shade-mask-buy .shade-content-buy .title {
-  font-family: 'pingfang-bold';
+  font-family: "pingfang-bold";
  font-size: 0.48rem;
  font-weight: bold;
  color: #333333;
  text-align: center;
-  margin: 0.48rem 0 0.58667rem;
+  margin: 0.48rem 0 0.5866666667rem;
 }
-
 .shade-mask-buy .shade-content-buy .title span {
  font-weight: bold;
 }
-
 .shade-mask-buy .shade-content-buy .buy-num, .shade-mask-buy .shade-content-buy .buy-day, .shade-mask-buy .shade-content-buy .buy-price {
  font-size: 0.4rem;
  color: #333333;
-  margin-bottom: 0.85333rem;
+  margin-bottom: 0.8533333333rem;
  margin-left: 0.64rem;
 }
-
 .shade-mask-buy .shade-content-buy .buy-num p, .shade-mask-buy .shade-content-buy .buy-day p, .shade-mask-buy .shade-content-buy .buy-price p {
  font-weight: 550;
 }
-
 .shade-mask-buy .shade-content-buy .buy-num {
  display: flex;
  align-items: center;
  height: 0.8rem;
 }
-
 .shade-mask-buy .shade-content-buy .buy-num .decrease, .shade-mask-buy .shade-content-buy .buy-num .increase {
  width: 0.8rem;
  height: 0.8rem;
-  margin-right: 0.26667rem;
+  margin-right: 0.2666666667rem;
 }
-
 .shade-mask-buy .shade-content-buy .buy-num .decrease img, .shade-mask-buy .shade-content-buy .buy-num .increase img {
  width: 100%;
 }
-
 .shade-mask-buy .shade-content-buy .buy-num input {
-  width: 2.13333rem;
+  width: 2.1333333333rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  background-color: #EAE5FC;
  color: #7154EE;
  text-align: center;
-  margin-right: 0.26667rem;
+  margin-right: 0.2666666667rem;
  outline: none;
  caret-color: #7154EE;
 }
-
 .shade-mask-buy .shade-content-buy .buy-day, .shade-mask-buy .shade-content-buy .buy-price {
  display: flex;
  align-items: center;
 }
-
 .shade-mask-buy .shade-content-buy .buy-confirm-btn {
  display: flex;
  justify-content: space-between;
-  width: 6.82667rem;
-  height: 1.01333rem;
+  width: 6.8266666667rem;
+  height: 1.0133333333rem;
  margin: 1.2rem auto 0;
 }
-
 .shade-mask-buy .shade-content-buy .buy-confirm-btn .cancel, .shade-mask-buy .shade-content-buy .buy-confirm-btn .confirm {
  width: 3.2rem;
-  height: 1.01333rem;
-  line-height: 1.01333rem;
+  height: 1.0133333333rem;
+  line-height: 1.0133333333rem;
  background-color: #EAE5FC;
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
  color: #7154EE;
  text-align: center;
-  border-radius: 0.50667rem;
+  border-radius: 0.5066666667rem;
 }
-
 .shade-mask-buy .shade-content-buy .buy-confirm-btn .confirm {
  background-image: linear-gradient(#735FFE, #8776FF);
  color: white;
@@ -269,7 +244,6 @@ body {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
 }
-
 .shade-mask-no-money .shade-content-no-money {
  position: absolute;
  top: 50%;
@@ -283,33 +257,31 @@ body {
  flex-direction: column;
  align-items: center;
 }
-
 .shade-mask-no-money .shade-content-no-money .no-money-title {
  font-size: 0.48rem;
  font-weight: bold;
  color: #333333;
  margin: 0.48rem 0 1.44rem;
 }
-
 .shade-mask-no-money .shade-content-no-money .no-money-pic {
  width: 1.6rem;
  height: 1.6rem;
-  margin-bottom: 0.66667rem;
+  margin-bottom: 0.6666666667rem;
 }
-
 .shade-mask-no-money .shade-content-no-money .no-money-tip {
  font-size: 0.4rem;
  font-weight: 550;
  color: #333333;
 }
-
 .shade-mask-no-money .shade-content-no-money .no-money-recharge {
  width: 3.2rem;
-  height: 1.01333rem;
+  height: 1.0133333333rem;
  background-image: linear-gradient(#735FFE, #8776FF);
-  border-radius: 0.50667rem;
-  line-height: 1.01333rem;
+  border-radius: 0.5066666667rem;
+  line-height: 1.0133333333rem;
  text-align: center;
  color: white;
  margin-top: 1.2rem;
 }
+
+/*# sourceMappingURL=mall.css.map */
--- a/view/yinmeng/activity/act-ocean/css/mall.scss
+++ b/view/yinmeng/activity/act-ocean/css/mall.scss
@@ -27,6 +27,14 @@ body{
    width: px2rem(750);
    height: px2rem(500);
    background: url('../images/mall/banner.png') no-repeat 0 0/100% 100%;
+    overflow: hidden;
+    .newDate{
+        width: 100%;
+        text-align: center;
+        color: #fff;
+        font-size: px2rem(20, );
+        margin-top: 1.8rem;
+    }
 }
 .buy-area{
    width: px2rem(710);
--- a/view/yinmeng/activity/act-ocean/css/rank.css
+++ b/view/yinmeng/activity/act-ocean/css/rank.css
@@ -1,163 +1,141 @@
@font-face {
-  font-family: 'pingfang-bold';
+  font-family: "pingfang-bold";
  src: url("../../../common/fonts/PingFang Bold.ttf");
  src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
 }
-
@font-face {
-  font-family: 'din-medium';
+  font-family: "din-medium";
  src: url("../../../common/fonts/DINCond-Medium.ttf");
  src: url("../../../common/fonts/DINCond-Medium.ttf") format("woff"), url("../../../common/fonts/DINCond-Medium.ttf") format("truetype"), url("../../../common/fonts/DINCond-Medium.ttf") format("svg");
 }
-
@font-face {
-  font-family: 'pingfang-medium';
+  font-family: "pingfang-medium";
  src: url("../../../common/fonts/PingFang-Medium.ttf");
  src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
 }
-
@font-face {
-  font-family: 'pingfang-regular';
+  font-family: "pingfang-regular";
  src: url("../../../common/fonts/PingFang-Regular.ttf");
  src: url("../../../common/fonts/PingFang-Regular.ttf") format("woff"), url("../../../common/fonts/PingFang-Regular.ttf") format("truetype"), url("../../../common/fonts/PingFang-Regular.ttf") format("svg");
 }
-
 html, body {
-  font-family: 'pingfang-bold';
+  font-family: "pingfang-bold";
  position: relative;
 }

 .rank-top {
-  height: 6.66667rem;
+  height: 6.6666666667rem;
  background-image: linear-gradient(#3491F5, #60C7FC);
  overflow: hidden;
 }
-
 .rank-top .tab-wrap {
-  font-family: 'pingfang-regular';
-  width: 5.33333rem;
-  height: 0.93333rem;
+  font-family: "pingfang-regular";
+  width: 6rem;
+  height: 0.9333333333rem;
  background-color: #7ABDF9;
  border-radius: 0.48rem;
-  margin: 0.48rem auto 0.29333rem;
+  margin: 0.48rem auto 0.2933333333rem;
+  display: flex;
+  justify-content: space-between;
 }
-
 .rank-top .tab-wrap span {
  display: inline-block;
-  width: 2.53333rem;
+  width: 2.8rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  font-size: 0.4rem;
  color: white;
-  margin-top: 0.06667rem;
+  margin-top: 0.0666666667rem;
 }
-
 .rank-top .tab-wrap span:first-child {
  margin-left: 0.08rem;
 }
-
 .rank-top .tab-wrap .active {
  background-color: white;
  color: #3C9BF7;
  border-radius: 0.4rem;
 }
-
 .rank-top .topthree-wrap {
  position: relative;
 }
-
 .rank-top .topthree-wrap .info-wrap {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
-  width: 2.66667rem;
+  width: 2.6666666667rem;
  height: 3.2rem;
  background-image: linear-gradient(#3F9EF7, #52B6FA);
  margin-top: 1.68rem;
-  border-radius: 0.26667rem 0.26667rem 0 0;
+  border-radius: 0.2666666667rem 0.2666666667rem 0 0;
 }
-
 .rank-top .topthree-wrap .info-wrap:first-child {
  width: 3.2rem;
-  height: 3.73333rem;
-  margin-top: 1.14667rem;
+  height: 3.7333333333rem;
+  margin-top: 1.1466666667rem;
  left: 50%;
  transform: translateX(-50%);
 }
-
 .rank-top .topthree-wrap .info-wrap:nth-child(2) {
  left: 0.48rem;
 }
-
 .rank-top .topthree-wrap .info-wrap:nth-child(2) .avatar {
-  width: 1.86667rem;
-  height: 2.53333rem;
-  margin-top: -1.14667rem;
+  width: 1.8666666667rem;
+  height: 2.5333333333rem;
+  margin-top: -1.1466666667rem;
 }
-
 .rank-top .topthree-wrap .info-wrap:nth-child(2) .avatar p {
  background-image: url("../images/second.png");
 }
-
 .rank-top .topthree-wrap .info-wrap:nth-child(2) .avatar img {
-  width: 1.86667rem;
-  height: 1.86667rem;
-  top: -1.97333rem;
+  width: 1.8666666667rem;
+  height: 1.8666666667rem;
+  top: -1.9733333333rem;
 }
-
 .rank-top .topthree-wrap .info-wrap:nth-child(3) {
  right: 0.48rem;
 }
-
 .rank-top .topthree-wrap .info-wrap:nth-child(3) .avatar {
-  width: 1.86667rem;
-  height: 2.53333rem;
-  margin-top: -1.14667rem;
+  width: 1.8666666667rem;
+  height: 2.5333333333rem;
+  margin-top: -1.1466666667rem;
 }
-
 .rank-top .topthree-wrap .info-wrap:nth-child(3) .avatar p {
  background-image: url("../images/third.png");
 }
-
 .rank-top .topthree-wrap .info-wrap:nth-child(3) .avatar img {
-  width: 1.86667rem;
-  height: 1.86667rem;
-  top: -1.97333rem;
+  width: 1.8666666667rem;
+  height: 1.8666666667rem;
+  top: -1.9733333333rem;
 }
-
 .rank-top .topthree-wrap .info-wrap .avatar {
-  width: 2.13333rem;
-  height: 2.85333rem;
-  margin-top: -0.93333rem;
+  width: 2.1333333333rem;
+  height: 2.8533333333rem;
+  margin-top: -0.9333333333rem;
 }
-
 .rank-top .topthree-wrap .info-wrap .avatar p {
  position: relative;
  z-index: 99;
  height: 100%;
  background: url("../images/first.png") no-repeat 0 0/100% 100%;
 }
-
 .rank-top .topthree-wrap .info-wrap .avatar img {
  position: relative;
  z-index: 9;
  top: -2.24rem;
-  width: 2.13333rem;
-  height: 2.13333rem;
+  width: 2.1333333333rem;
+  height: 2.1333333333rem;
  border-radius: 50%;
 }
-
 .rank-top .topthree-wrap .info-wrap .nick, .rank-top .topthree-wrap .info-wrap .diamond-num {
  font-size: 0.4rem;
  font-weight: bold;
  color: white;
-  margin: 0.21333rem 0;
+  margin: 0.2133333333rem 0;
 }
-
 .rank-top .topthree-wrap .info-wrap .diamond-num {
-  font-family: 'din-medium';
+  font-family: "din-medium";
  margin: 0;
 }

@@ -166,22 +144,19 @@ html, body {
  position: absolute;
  width: 100%;
  border-radius: 0.4rem 0.4rem 0 0;
-  margin-top: -0.34667rem;
+  margin-top: -0.3466666667rem;
  background-color: white;
-  padding: 0.53333rem 0.77333rem 0;
+  padding: 0.5333333333rem 0.7733333333rem 0;
  box-sizing: border-box;
 }
-
 .other-rank li {
  display: flex;
  align-items: center;
-  margin-bottom: 0.53333rem;
+  margin-bottom: 0.5333333333rem;
 }
-
 .other-rank li:last-child {
-  margin-bottom: 1.86667rem;
+  margin-bottom: 1.8666666667rem;
 }
-
 .other-rank li .index {
  display: inline-block;
  width: 0.4rem;
@@ -189,29 +164,25 @@ html, body {
  font-weight: bold;
  color: #333333;
 }
-
 .other-rank li .others-info {
  flex: 1;
  display: flex;
  align-items: center;
  margin-left: 0.4rem;
 }
-
 .other-rank li .others-info img {
-  width: 1.33333rem;
-  height: 1.33333rem;
+  width: 1.3333333333rem;
+  height: 1.3333333333rem;
  border-radius: 50%;
-  margin-right: 0.26667rem;
+  margin-right: 0.2666666667rem;
 }
-
 .other-rank li .others-info .others-nick {
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
  font-weight: bold;
  color: #333333;
 }
-
 .other-rank li .others-diamond-num {
-  font-size: 0.34667rem;
+  font-size: 0.3466666667rem;
  font-weight: bold;
  color: #ED7B50;
 }
@@ -224,40 +195,35 @@ html, body {
  width: 100%;
  height: 1.6rem;
  background-color: rgba(0, 0, 0, 0.8);
-  padding: 0 0.77333rem;
+  padding: 0 0.7733333333rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
 }
-
 .mine .mine-rank {
-  font-size: 0.34667rem;
+  font-size: 0.3466666667rem;
  font-weight: bold;
  color: white;
 }
-
 .mine .mine-info {
  flex: 1;
  display: flex;
  align-items: center;
 }
-
 .mine .mine-info img {
-  width: 1.33333rem;
-  height: 1.33333rem;
+  width: 1.3333333333rem;
+  height: 1.3333333333rem;
  border-radius: 50%;
  margin-left: 0.4rem;
-  margin-right: 0.26667rem;
+  margin-right: 0.2666666667rem;
 }
-
 .mine .mine-info .mine-nick {
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
  font-weight: bold;
  color: white;
 }
-
 .mine .mine-diamond-num {
-  font-size: 0.34667rem;
+  font-size: 0.3466666667rem;
  font-weight: bold;
  color: #ED7B50;
 }
@@ -272,3 +238,5 @@ html, body {
  z-index: 99999;
  background-color: white;
 }
+
+/*# sourceMappingURL=rank.css.map */
--- a/view/yinmeng/activity/act-ocean/css/rank.scss
+++ b/view/yinmeng/activity/act-ocean/css/rank.scss
@@ -46,14 +46,16 @@ html,body{
    overflow: hidden;
    .tab-wrap{
        font-family: 'pingfang-regular';
-        width: px2rem(400);
+        width: 6rem;
        height: px2rem(70);
        background-color: #7ABDF9;
        border-radius: px2rem(36);
        margin: px2rem(36) auto px2rem(22);
+        display: flex;
+        justify-content: space-between;
        span{
            display: inline-block;
-            width: px2rem(190);
+            width: 2.8rem;
            height: px2rem(60);
            line-height: px2rem(60);
            text-align: center;
--- a/view/yinmeng/activity/act-ocean/css/result.css
+++ b/view/yinmeng/activity/act-ocean/css/result.css
@@ -0,0 +1,97 @@
+@font-face {
+  font-family: "pingfang-bold";
+  src: url("../../../common/fonts/PingFang Bold.ttf");
+  src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
+}
+@font-face {
+  font-family: "pingfang-medium";
+  src: url("../../../common/fonts/PingFang-Medium.ttf");
+  src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
+}
+html,
+body {
+  width: 100%;
+  background: #0073E9;
+}
+
+.header {
+  width: 10rem;
+  height: 17.7866666667rem;
+  background: url(../images/resultBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto;
+  position: relative;
+}
+.header .title {
+  width: 6.1866666667rem;
+  height: 1.5333333333rem;
+  position: absolute;
+  top: 1.4rem;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+.header span {
+  font-size: 0.5333333333rem;
+  font-weight: 600;
+  color: #fff;
+  position: absolute;
+  top: 1.9rem;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+
+.main {
+  width: 10rem;
+  height: 15.6rem;
+  background: url(../images/gameArea.png) no-repeat;
+  background-size: 100% 100%;
+  margin: -15.85rem auto 0;
+  position: relative;
+  overflow: hidden;
+}
+.main li {
+  width: 9.4533333333rem;
+  height: 1.1466666667rem;
+  line-height: 1.1466666667rem;
+  background: #4C9BE4;
+  box-sizing: border-box;
+  margin: 0 auto 0.24rem;
+}
+.main li:nth-child(1) {
+  margin-top: 1.5733333333rem;
+}
+.main li .session {
+  float: left;
+  width: 1.68rem;
+  height: 100%;
+  font-size: 0.4rem;
+  font-weight: 600;
+  color: #FFFFFF;
+  margin-left: 0.4rem;
+  text-align: center;
+}
+.main li .list {
+  float: right;
+  height: 100%;
+  margin-right: 0.8rem;
+  display: flex;
+  align-items: center;
+}
+.main li .list p {
+  width: 0.8266666667rem;
+  height: 0.8266666667rem;
+  line-height: 1.1466666667rem;
+  margin-left: 0.4666666667rem;
+  background: url("https://img.pekolive.com/cf-record_bubble.png");
+  background-size: 100% 100%;
+}
+.main li .list p img {
+  width: 80%;
+  height: 80%;
+  margin-top: 0.1rem;
+  margin-left: 0.07rem;
+}
+
+/*# sourceMappingURL=result.css.map */
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Dragon	af7e13e9dd	修复样式	2023-08-18 22:30:41 +08:00
Dragon	f7f782da91	修复榜单溢出问题	2023-08-18 18:53:35 +08:00
Dragon	22d1e98eca	修改万单位判断条件	2023-08-18 18:22:04 +08:00
Dragon	a27aa111c6	替换遗漏图片	2023-08-18 16:49:36 +08:00
Dragon	898dd8270d	替换简体	2023-08-18 10:50:59 +08:00
Dragon	1871b9bc93	七夕活动	2023-08-18 10:16:07 +08:00
Dragon	fc17c666e2	提现绑定失败相关引导	2023-08-09 16:56:51 +08:00
Dragon	984a84c87a	修改隐私政策	2023-08-03 20:41:32 +08:00
Dragon	6e4eb6907f	修改文案	2023-08-03 18:27:11 +08:00
Dragon	669f2d145f	修复钻石记录打不开问题	2023-07-28 19:46:12 +08:00
Dragon	7e2121cef5	修复钻石记录错误问题	2023-07-28 16:24:59 +08:00
Dragon	f35d8159de	新增我的收益文案展示逻辑	2023-07-28 15:25:08 +08:00
Dragon	b27b44a2e5	替换我的收益文件	2023-07-27 18:47:24 +08:00
Dragon	78316fa623	新增提现开关	2023-07-27 18:47:20 +08:00
Dragon	760bb6ba36	新增特权卡说明	2023-07-27 18:45:11 +08:00
Dragon	3af53c876e	隐藏微信入口	2023-07-27 11:58:00 +08:00
Dragon	bcf1c3bc11	替换我的收益文件	2023-07-26 21:06:42 +08:00
Dragon	abf0ad0bf0	‘隐藏提现入口功能’	2023-07-26 20:12:05 +08:00
Dragon	8081ec4683	联调h5支付宝支付	2023-07-26 19:09:33 +08:00
Dragon	47e29aeea5	新增提现入口开关	2023-07-26 11:16:09 +08:00
Dragon	3b918653f1	新增音萌充值	2023-07-25 18:56:14 +08:00
Dragon	6f2f946ff1	星座物语新增金牛座奖励规则	2023-07-19 14:52:40 +08:00
Dragon	829916489c	星座：新增巨蟹座奖励规则	2023-06-21 11:27:28 +08:00
Dragon	f305688d8c	新增金牛双子座奖励规则	2023-06-14 18:13:01 +08:00
Dragon	be6a253c19	等级：修改请求域名引用方式	2023-05-04 10:32:15 +08:00
Dragon	c86561459e	新增深海限时时间	2023-04-13 21:24:34 +08:00
Dragon	a002ee097a	相关活动购买头饰新增时间	2023-04-13 20:25:33 +08:00
Dragon	05f25ecbb4	魅力值引入关键问价	2023-04-13 17:37:34 +08:00
Dragon	f1d885f281	修改魅力值页面域名请求	2023-04-13 17:31:28 +08:00
qf	fd4bc1e1b7	关联账号：跳转牌照房流水访问域名修改	2023-04-04 15:38:05 +08:00
Dragon	34bdf2be98	流水：引入最新依赖文件	2023-04-04 12:21:48 +08:00
Dragon	3d71653c76	下载流水：修复下载流水失败问题	2023-04-04 12:16:54 +08:00
Dragon	5a6eda06b5	流水：修改流水跳转链接	2023-04-04 11:58:01 +08:00
Dragon	2825c55551	流水：修复下载营收数据链接	2023-04-04 11:52:26 +08:00
Dragon	a34201c648	房间流水修复打开空白页面	2023-04-04 11:40:59 +08:00
Dragon	13aaa8eed1	实名认证：修复认证失败问题	2023-03-30 18:52:57 +08:00
Dragon	2945b767de	认证：/certification/notify修改请求域名	2023-03-30 17:56:21 +08:00
Dragon	fa0f60a7ea	修复首页banner无法打开问题	2023-03-30 16:05:01 +08:00
Dragon	abdcaa01db	星座物语：新增白羊座奖励	2023-03-28 10:43:38 +08:00
Dragon	a7ec1bef69	房间流水：新增房间流水页面	2023-03-27 16:59:05 +08:00
qf	aed45cb6d0	我的收益：隐藏顶部tab	2023-03-27 11:06:05 +08:00
qf	843df9d7af	域名适配环境增加判断条件	2023-03-24 17:24:05 +08:00
qf	2c5e5504db	修改测试环境api接口域名和页面访问域名	2023-03-24 17:24:05 +08:00
Dragon	9bcfeb10be	塔罗：新增下单传参	2023-03-23 21:23:16 +08:00
Dragon	f5ad57fd3d	塔罗：修改访问页面域名	2023-03-23 20:40:06 +08:00
Dragon	3a309d63a5	音萌：公众号登入页面替换主视觉、塔罗接入原生支付	2023-03-23 18:38:38 +08:00
qf	ad91845e77	星际探索：玩法说明外边距调整	2023-03-22 19:26:12 +08:00
qf	9f4c3d90c4	星际探索：玩法说明重新布局	2023-03-22 19:21:46 +08:00
qf	b68c955de9	魔法帽购买头饰弹窗修改	2023-03-22 10:59:26 +08:00
Dragon	a56038ad80	账单：新增魔法帽深海奇缘星际探险账单明细	2023-03-21 18:29:25 +08:00
Dragon	0bb0085a60	音萌提现：修复ios下面的字号偏离掉落问题	2023-03-21 14:51:09 +08:00
Dragon	25dff31f80	音萌：修复提现跳转实名认证失败问题	2023-03-21 14:36:58 +08:00
qf	f8fbe0e8bd	官网移动端高度调整，分享页替换logo	2023-03-21 10:44:10 +08:00
qf	e4d4cc18b6	新增移动端官网	2023-03-20 17:33:34 +08:00
qf	764b7db656	航海样式调整	2023-03-17 18:40:23 +08:00
Dragon	e88b427b95	深海：修复榜单文案掉落问题	2023-03-17 17:37:36 +08:00
Dragon	7740884dba	厨房：修复没有中奖用户问题	2023-03-17 14:53:24 +08:00
qf	595a311f57	增加第三方sdk	2023-03-17 11:20:15 +08:00
Dragon	d2c890b408	替换我的收益文件	2023-03-16 19:15:16 +08:00
Dragon	8a0d197b5a	修改客服	2023-03-16 19:05:40 +08:00
Dragon	28f1738d8f	深海：调整整体ui	2023-03-16 17:19:16 +08:00
Dragon	0b463b3e08	修改塔罗头饰，新增音萌公众号	2023-03-16 14:58:24 +08:00
qf	5b75e74c97	修改页面访问地址	2023-03-15 18:22:56 +08:00
qf	0242c0b37f	航海添加背景	2023-03-15 11:13:46 +08:00
qf	8ec7357a8f	全局替换环境、页面地址，linkedme	2023-03-15 10:54:19 +08:00
qf	f59cbe1d50	塔罗、航海、h5充值、房间分享、官网替换	2023-03-15 10:54:19 +08:00
Dragon	e3e89dfe91	迁移深海奇缘	2023-03-14 15:37:01 +08:00