新增账单

‘新增指引公会-阿拉伯’
新增钻石收益查询
2024-11-25 15:48:24 +08:00 · 2024-11-25 14:37:02 +08:00 · 2024-11-21 19:17:37 +08:00 · 2024-11-20 10:20:08 +08:00 · 2024-11-15 18:42:25 +08:00 · 2024-11-15 16:21:25 +08:00
398 changed files with 22258 additions and 1594 deletions
--- a/view/molistar/activity/2024-cpActive/css/index.css
+++ b/view/molistar/activity/2024-cpActive/css/index.css
--- a/view/molistar/activity/2024-cpActive/css/index.scss
+++ b/view/molistar/activity/2024-cpActive/css/index.scss
--- a/view/molistar/activity/2024-cpActive/images/TimeTitle.png
+++ b/view/molistar/activity/2024-cpActive/images/TimeTitle.png
--- a/view/molistar/activity/2024-cpActive/images/act.png
+++ b/view/molistar/activity/2024-cpActive/images/act.png
--- a/view/molistar/activity/2024-cpActive/images/bo.png
+++ b/view/molistar/activity/2024-cpActive/images/bo.png
--- a/view/molistar/activity/2024-cpActive/images/bootm.png
+++ b/view/molistar/activity/2024-cpActive/images/bootm.png
--- a/view/molistar/activity/2024-cpActive/images/bottom.png
+++ b/view/molistar/activity/2024-cpActive/images/bottom.png
--- a/view/molistar/activity/2024-cpActive/images/carousel.png
+++ b/view/molistar/activity/2024-cpActive/images/carousel.png
--- a/view/molistar/activity/2024-cpActive/images/carouselBoom.png
+++ b/view/molistar/activity/2024-cpActive/images/carouselBoom.png
--- a/view/molistar/activity/2024-cpActive/images/carouselTitle-ar.png
+++ b/view/molistar/activity/2024-cpActive/images/carouselTitle-ar.png
--- a/view/molistar/activity/2024-cpActive/images/carouselTitle-zh.png
+++ b/view/molistar/activity/2024-cpActive/images/carouselTitle-zh.png
--- a/view/molistar/activity/2024-cpActive/images/carouselTitle.png
+++ b/view/molistar/activity/2024-cpActive/images/carouselTitle.png
--- a/view/molistar/activity/2024-cpActive/images/carousel_in.png
+++ b/view/molistar/activity/2024-cpActive/images/carousel_in.png
--- a/view/molistar/activity/2024-cpActive/images/close.png
+++ b/view/molistar/activity/2024-cpActive/images/close.png
--- a/view/molistar/activity/2024-cpActive/images/content.png
+++ b/view/molistar/activity/2024-cpActive/images/content.png
--- a/view/molistar/activity/2024-cpActive/images/header-ar.png
+++ b/view/molistar/activity/2024-cpActive/images/header-ar.png
--- a/view/molistar/activity/2024-cpActive/images/header-zh.png
+++ b/view/molistar/activity/2024-cpActive/images/header-zh.png
--- a/view/molistar/activity/2024-cpActive/images/header.png
+++ b/view/molistar/activity/2024-cpActive/images/header.png
--- a/view/molistar/activity/2024-cpActive/images/liBg.png
+++ b/view/molistar/activity/2024-cpActive/images/liBg.png
--- a/view/molistar/activity/2024-cpActive/images/love.png
+++ b/view/molistar/activity/2024-cpActive/images/love.png
--- a/view/molistar/activity/2024-cpActive/images/loveIcon.png
+++ b/view/molistar/activity/2024-cpActive/images/loveIcon.png
--- a/view/molistar/activity/2024-cpActive/images/loves.png
+++ b/view/molistar/activity/2024-cpActive/images/loves.png
--- a/view/molistar/activity/2024-cpActive/images/my.png
+++ b/view/molistar/activity/2024-cpActive/images/my.png
--- a/view/molistar/activity/2024-cpActive/images/notOpen.png
+++ b/view/molistar/activity/2024-cpActive/images/notOpen.png
--- a/view/molistar/activity/2024-cpActive/images/null.png
+++ b/view/molistar/activity/2024-cpActive/images/null.png
--- a/view/molistar/activity/2024-cpActive/images/open.png
+++ b/view/molistar/activity/2024-cpActive/images/open.png
--- a/view/molistar/activity/2024-cpActive/images/rule.png
+++ b/view/molistar/activity/2024-cpActive/images/rule.png
--- a/view/molistar/activity/2024-cpActive/images/ruleBg.png
+++ b/view/molistar/activity/2024-cpActive/images/ruleBg.png
--- a/view/molistar/activity/2024-cpActive/images/ruleTitle.png
+++ b/view/molistar/activity/2024-cpActive/images/ruleTitle.png
--- a/view/molistar/activity/2024-cpActive/images/rule_icon.png
+++ b/view/molistar/activity/2024-cpActive/images/rule_icon.png
--- a/view/molistar/activity/2024-cpActive/images/tab.png
+++ b/view/molistar/activity/2024-cpActive/images/tab.png
--- a/view/molistar/activity/2024-cpActive/images/timeIcon.png
+++ b/view/molistar/activity/2024-cpActive/images/timeIcon.png
--- a/view/molistar/activity/2024-cpActive/images/top.png
+++ b/view/molistar/activity/2024-cpActive/images/top.png
--- a/view/molistar/activity/2024-cpActive/images/top1.png
+++ b/view/molistar/activity/2024-cpActive/images/top1.png
--- a/view/molistar/activity/2024-cpActive/images/top2.png
+++ b/view/molistar/activity/2024-cpActive/images/top2.png
--- a/view/molistar/activity/2024-cpActive/images/top3.png
+++ b/view/molistar/activity/2024-cpActive/images/top3.png
--- a/view/molistar/activity/2024-cpActive/images/topBox1-ar.png
+++ b/view/molistar/activity/2024-cpActive/images/topBox1-ar.png
--- a/view/molistar/activity/2024-cpActive/images/topBox1-zh.png
+++ b/view/molistar/activity/2024-cpActive/images/topBox1-zh.png
--- a/view/molistar/activity/2024-cpActive/images/topBox1.png
+++ b/view/molistar/activity/2024-cpActive/images/topBox1.png
--- a/view/molistar/activity/2024-cpActive/images/topBox2-ar.png
+++ b/view/molistar/activity/2024-cpActive/images/topBox2-ar.png
--- a/view/molistar/activity/2024-cpActive/images/topBox2-zh.png
+++ b/view/molistar/activity/2024-cpActive/images/topBox2-zh.png
--- a/view/molistar/activity/2024-cpActive/images/topBox2.png
+++ b/view/molistar/activity/2024-cpActive/images/topBox2.png
--- a/view/molistar/activity/2024-cpActive/images/topBox3-ar.png
+++ b/view/molistar/activity/2024-cpActive/images/topBox3-ar.png
--- a/view/molistar/activity/2024-cpActive/images/topBox3-zh.png
+++ b/view/molistar/activity/2024-cpActive/images/topBox3-zh.png
--- a/view/molistar/activity/2024-cpActive/images/topBox3.png
+++ b/view/molistar/activity/2024-cpActive/images/topBox3.png
--- a/view/molistar/activity/2024-cpActive/images/travel/back.png
+++ b/view/molistar/activity/2024-cpActive/images/travel/back.png
--- a/view/molistar/activity/2024-cpActive/images/travel/backB.png
+++ b/view/molistar/activity/2024-cpActive/images/travel/backB.png
--- a/view/molistar/activity/2024-cpActive/images/travel/backGold.png
+++ b/view/molistar/activity/2024-cpActive/images/travel/backGold.png
--- a/view/molistar/activity/2024-cpActive/images/ts1.png
+++ b/view/molistar/activity/2024-cpActive/images/ts1.png
--- a/view/molistar/activity/2024-cpActive/images/ts23.png
+++ b/view/molistar/activity/2024-cpActive/images/ts23.png
--- a/view/molistar/activity/2024-cpActive/images/waiting-ar.png
+++ b/view/molistar/activity/2024-cpActive/images/waiting-ar.png
--- a/view/molistar/activity/2024-cpActive/images/waiting-zh.png
+++ b/view/molistar/activity/2024-cpActive/images/waiting-zh.png
--- a/view/molistar/activity/2024-cpActive/images/waiting.png
+++ b/view/molistar/activity/2024-cpActive/images/waiting.png
--- a/view/molistar/activity/2024-cpActive/index.html
+++ b/view/molistar/activity/2024-cpActive/index.html
@@ -0,0 +1,308 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title class="text1"></title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/index.css">
+
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back.png" alt="">
+    </div>
+    <!-- 头部 -->
+    <div class="header">
+        <!-- 规则Icon -->
+        <div class="rule_icon text2"></div>
+        <!-- 摩天轮 -->
+        <div id="carousel" class="carousel">
+            <img src="./images/carouselTitle.png" alt="" class="carouselTitle img1">
+            <img src="./images/waiting.png" alt="" class="waiting img2">
+            <div class="carousel_in1">
+                <img src="./images/null.png" alt="" class="tx1">
+                <img src="./images/null.png" alt="" class="tx2">
+            </div>
+            <div class="carousel_in2">
+                <img src="./images/null.png" alt="" class="tx1">
+                <img src="./images/null.png" alt="" class="tx2">
+            </div>
+            <div class="carousel_in3">
+                <img src="./images/null.png" alt="" class="tx1">
+                <img src="./images/null.png" alt="" class="tx2">
+            </div>
+            <div class="carousel_in4">
+                <img src="./images/null.png" alt="" class="tx1">
+                <img src="./images/null.png" alt="" class="tx2">
+            </div>
+            <div class="carousel_in5">
+                <img src="./images/null.png" alt="" class="tx1">
+                <img src="./images/null.png" alt="" class="tx2">
+            </div>
+            <div class="carousel_in6">
+                <img src="./images/null.png" alt="" class="tx1">
+                <img src="./images/null.png" alt="" class="tx2">
+            </div>
+        </div>
+        <!-- 摩天轮底座 -->
+        <img src="./images/carouselBoom.png" alt="" class="carouselBoom">
+        <!-- 倒计时 -->
+        <div class="timeBox">
+            <div class="day">
+                <b>00</b>
+                <span class="text3"></span>
+            </div>
+            <div class="hour">
+                <b>00</b>
+                <span class="text4"></span>
+            </div>
+            <div class="min">
+                <b>00</b>
+                <span class="text5"></span>
+            </div>
+            <div class="sec">
+                <b>00</b>
+                <span class="text6"></span>
+            </div>
+        </div>
+        <!-- 音乐 -->
+        <div class="music">
+            <audio autoplay loop id="musics">
+                <source src="./music/music.mp3" type="audio/mpeg">
+            </audio>
+        </div>
+        <!-- 关闭音乐 -->
+        <img src="./images/notOpen.png" alt="" class="notOpen">
+    </div>
+    <!-- tab -->
+    <div class="tabBox">
+        <div class="text7"></div>
+        <div class="act text8"></div>
+        <div class="text9"></div>
+    </div>
+    <!-- 页面1 -->
+    <div class="page1">
+        <div class="top">
+            <p class="text10"></p>
+        </div>
+        <div class="contentBox">
+            <div class="content">
+                <img src="./images/TimeTitle.png" alt="" class="timeTitle">
+                <div class="times">2024.09.09-2024.09.16</div>
+                <div class="topBox">
+                    <div class="top1">
+                        <img src="./images/ts1.png" alt="" class="tsL">
+                        <img src="./images/ts1.png" alt="" class="tsR">
+                        <img src="./images/null.png" alt="" class="txL">
+                        <img src="./images/null.png" alt="" class="txR">
+                        <div class="nameL">虚位以待</div>
+                        <div class="nameR">虚位以待</div>
+                        <div class="idL">ID:0</div>
+                        <div class="idR">ID:0</div>
+                        <div class="sclore"><img src="./images/love.png" alt="">0K</div>
+                    </div>
+                    <div class="top2">
+                        <img src="./images/ts23.png" alt="" class="tsL">
+                        <img src="./images/ts23.png" alt="" class="tsR">
+                        <img src="./images/null.png" alt="" class="txL">
+                        <img src="./images/null.png" alt="" class="txR">
+                        <div class="nameL">虚位以待</div>
+                        <div class="nameR">虚位以待</div>
+                        <div class="idL">ID:0</div>
+                        <div class="idR">ID:0</div>
+                        <div class="sclore"><img src="./images/love.png" alt="">0K</div>
+                    </div>
+                    <div class="top3">
+                        <img src="./images/ts23.png" alt="" class="tsL">
+                        <img src="./images/ts23.png" alt="" class="tsR">
+                        <img src="./images/null.png" alt="" class="txL">
+                        <img src="./images/null.png" alt="" class="txR">
+                        <div class="nameL">虚位以待</div>
+                        <div class="nameR">虚位以待</div>
+                        <div class="idL">ID:0</div>
+                        <div class="idR">ID:0</div>
+                        <div class="sclore"><img src="./images/love.png" alt="">0K</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="bottom"></div>
+    </div>
+    <!-- 页面2 -->
+    <div class="page2">
+        <div class="top">
+            <p class="text11"></p>
+        </div>
+        <div class="content">
+            <div class="topBox">
+                <div class="top1">
+                    <img src="./images/ts1.png" alt="" class="tsL">
+                    <img src="./images/ts1.png" alt="" class="tsR">
+                    <img src="./images/null.png" alt="" class="txL">
+                    <img src="./images/null.png" alt="" class="txR">
+                    <div class="nameL">虚位以待</div>
+                    <div class="nameR">虚位以待</div>
+                    <div class="idL">ID:0</div>
+                    <div class="idR">ID:0</div>
+                    <div class="sclore"><img src="./images/love.png" alt="">0K</div>
+                </div>
+                <div class="top2">
+                    <img src="./images/ts23.png" alt="" class="tsL">
+                    <img src="./images/ts23.png" alt="" class="tsR">
+                    <img src="./images/null.png" alt="" class="txL">
+                    <img src="./images/null.png" alt="" class="txR">
+                    <div class="nameL">虚位以待</div>
+                    <div class="nameR">虚位以待</div>
+                    <div class="idL">ID:0</div>
+                    <div class="idR">ID:0</div>
+                    <div class="sclore"><img src="./images/love.png" alt="">0K</div>
+                </div>
+                <div class="top3">
+                    <img src="./images/ts23.png" alt="" class="tsL">
+                    <img src="./images/ts23.png" alt="" class="tsR">
+                    <img src="./images/null.png" alt="" class="txL">
+                    <img src="./images/null.png" alt="" class="txR">
+                    <div class="nameL">虚位以待</div>
+                    <div class="nameR">虚位以待</div>
+                    <div class="idL">ID:0</div>
+                    <div class="idR">ID:0</div>
+                    <div class="sclore"><img src="./images/love.png" alt="">0K</div>
+                </div>
+            </div>
+            <ul>
+                <li>
+                    <div class="num">4</div>
+                    <div class="txL">
+                        <img src="./images/null.png" alt="">
+                        <p>虚位以待</p>
+                    </div>
+                    <img src="./images/loves.png" alt="" class="loves">
+                    <div class="txR">
+                        <img src="./images/null.png" alt="">
+                        <p>虚位以待</p>
+                    </div>
+                    <div class="scores">
+                        <img src="./images/love.png" alt="">
+                        <span>0K</span>
+                    </div>
+                </li>
+            </ul>
+            <div class="more">More</div>
+        </div>
+        <div class="bottom"></div>
+        <div class="my">
+            <div class="num">4</div>
+            <div class="txL">
+                <img src="./images/null.png" alt="">
+                <p>虚位以待</p>
+            </div>
+            <img src="./images/loves.png" alt="" class="loves">
+            <div class="txR">
+                <img src="./images/null.png" alt="">
+                <p>虚位以待</p>
+            </div>
+            <div class="scores">
+                <img src="./images/love.png" alt="">
+                <span>0K</span>
+            </div>
+        </div>
+    </div>
+    <!-- 页面3 -->
+    <div class="page3">
+        <div class="top">
+            <img src="./images/TimeTitle.png" alt="" class="timeTitle">
+            <div class="title text12"></div>
+        </div>
+        <div class="content">
+            <div class="times text13"></div>
+            <div class="topBox1">
+                <img src="./images/bo.png" alt="" class="bo">
+                <img src="./images/bo.png" alt="" class="bo2">
+                <div class="ts1" id="ts1"></div>
+            </div>
+            <img src="./images/TimeTitle.png" alt="" class="timeTitle">
+            <div class="title text14"></div>
+            <div class="times text15"></div>
+            <div class="topBox2">
+                <img src="./images/bo.png" alt="" class="bo">
+                <img src="./images/bo.png" alt="" class="bo2">
+                <div class="ts2" id="ts2"></div>
+            </div>
+            <img src="./images/TimeTitle.png" alt="" class="timeTitle">
+            <div class="title text16"></div>
+            <div class="times text17"></div>
+            <div class="topBox3">
+                <img src="./images/bo.png" alt="" class="bo">
+                <img src="./images/bo.png" alt="" class="bo2">
+                <div class="ts3" id="ts3"></div>
+            </div>
+        </div>
+        <div class="bottom"></div>
+    </div>
+    <!-- 规则 -->
+    <div class="rule">
+        <div class="ruleIn">
+            <img src="./images/close.png" alt="" class="close">
+            <div class="title text18"></div>
+            <div class="texts text19">
+
+            </div>
+        </div>
+    </div>
+    <!-- mp4 -->
+    <div class="zjvideo1">
+        <video id="zjvideo1" controls playsinline webkit-playsinline>
+            <source src="./mp4/zj1.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="xzvideo1">
+        <video id="xzvideo1" controls playsinline webkit-playsinline>
+            <source src="./mp4/xz1.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="zjvideo2">
+        <video id="zjvideo2" controls playsinline webkit-playsinline>
+            <source src="./mp4/zj23.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="xzvideo2">
+        <video id="xzvideo2" controls playsinline webkit-playsinline>
+            <source src="./mp4/xz2.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="zjvideo3">
+        <video id="zjvideo3" controls playsinline webkit-playsinline>
+            <source src="./mp4/zj23.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="xzvideo3">
+        <video id="xzvideo3" controls playsinline webkit-playsinline>
+            <source src="./mp4/xz3.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+</body>
+
+</html>
+<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="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./js/wow.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./js/index.js"></script>
+<script src="../../common/local/langHandler.js"></script>
--- a/view/molistar/activity/2024-cpActive/js/index.js
+++ b/view/molistar/activity/2024-cpActive/js/index.js
@@ -0,0 +1,454 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var countupTime;
+// var thisWeekCpRankTop3 = []
+var thisWeekCpRank = []
+var moreIndex = 0;
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back img').click(() => {
+            if (browser.android) {
+                window.androidJsObj.closeWebView()
+            } else {
+                window.webkit.messageHandlers.closeWebView.postMessage(null)
+            }
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun()
+        get();
+        var audio = document.getElementById("musics");
+        // 尝试自动播放音频
+        audio.play().then(function () {
+            // 如果自动播放成功
+            $('.header .music').show();
+            console.log('成功');
+        }).catch(function (error) {
+            $('.header .notOpen').show();
+            console.log('失败');
+        })
+    }, 100)
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.text1').text(langReplace(localLang.demoModule.text1));
+    $('.text2').text(langReplace(localLang.demoModule.text2));
+    $('.text3').text(langReplace(localLang.demoModule.text3));
+    $('.text4').text(langReplace(localLang.demoModule.text4));
+    $('.text5').text(langReplace(localLang.demoModule.text5));
+    $('.text6').text(langReplace(localLang.demoModule.text6));
+    $('.text7').text(langReplace(localLang.demoModule.text7));
+    $('.text8').text(langReplace(localLang.demoModule.text8));
+    $('.text9').text(langReplace(localLang.demoModule.text9));
+    $('.text10').text(langReplace(localLang.demoModule.text10));
+    $('.text11').text(langReplace(localLang.demoModule.text11));
+    $('.text12').text(langReplace(localLang.demoModule.text12));
+    $('.text13').text(langReplace(localLang.demoModule.text13));
+    $('.text14').text(langReplace(localLang.demoModule.text14));
+    $('.text15').text(langReplace(localLang.demoModule.text15));
+    $('.text16').text(langReplace(localLang.demoModule.text16));
+    $('.text17').text(langReplace(localLang.demoModule.text17));
+    $('.text18').text(langReplace(localLang.demoModule.text18));
+    $('.img1').attr('src', langReplace(localLang.demoModule.img1));
+    $('.img2').attr('src', langReplace(localLang.demoModule.img2));
+}
+// 处理SVGA
+document.addEventListener('DOMContentLoaded', function () {
+    function loadSVGA(containerId, svgaPath) {
+        var container = document.getElementById(containerId);
+        var player = new SVGA.Player(container);
+
+        var parser = new SVGA.Parser();
+        parser.load(svgaPath, function (videoItem) {
+            player.setVideoItem(videoItem);
+            player.startAnimation();
+        });
+    }
+    loadSVGA('ts1', './svga/ts1.svga');
+    loadSVGA('ts2', './svga/ts2.svga');
+    loadSVGA('ts3', './svga/ts3.svga');
+});
+// 接口
+function get() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/activity/h5/cp/rank',
+        success(res) {
+            if (res.code === 200) {
+                // 渲染倒计时
+                countup(res.data.endTime - res.timestamp);
+                // 判断渲染规则
+                if (res.data.partitionId == 2) {
+                    $('.text19').html(langReplace(localLang.demoModule.text199));
+                } else {
+                    $('.text19').html(langReplace(localLang.demoModule.text19));
+                }
+                //处理自己榜单
+                $('.page2 .my .num').text(res.data.myCpRank.rank ? res.data.myCpRank.rank : '-');
+                $('.page2 .my .txL img').attr('src', res.data.myCpRank.leftAvatar);
+                $('.page2 .my .txL p').text(res.data.myCpRank.leftNick);
+                $('.page2 .my .scores').html(`<img src="./images/love.png" alt=""> ${unitProcessingAr(res.data.myCpRank.totalNum, 2)}`)
+                $('.page2 .my .txR img').attr('src', res.data.myCpRank.rightAvatar ? res.data.myCpRank.rightAvatar : './images/null.png');
+                $('.page2 .my .txR p').text(res.data.myCpRank.rightNick ? res.data.myCpRank.rightNick : langReplace(localLang.demoModule.text20));
+                // 处理摩天轮榜单
+                res.data.topCpList.length <= 0 ? $('.waiting').show() : $('.waiting').hide();
+                res.data.topCpList.forEach((res, i) => {
+                    $(`.header .carousel .carousel_in${i + 1} .tx1`).attr("src", res.leftAvatar);
+                    $(`.header .carousel .carousel_in${i + 1} .tx2`).attr("src", res.rightAvatar);
+                })
+                // 处理第一个tab的榜单
+                $('.contentBox .content').remove();
+                var squareCpListStr = '';
+                if (res.data.squareCpList.length > 0) {
+                    res.data.squareCpList.forEach((res, i) => {
+                        squareCpListStr += `
+                    <div class="content">
+                        <img src="./images/TimeTitle.png" alt="" class="timeTitle">
+                        <div class="times">${dateFormat(res.beginDate, 'yyyy.MM.dd')}-${dateFormat(res.endDate, 'yyyy.MM.dd')}</div>
+                        <div class="topBox">${squareCpListStrFun(res.cpUserVos)}</div>
+                    </div>
+                    `
+                    })
+                } else {
+                    squareCpListStr += `
+                    <div class="content">
+                        <img src="./images/TimeTitle.png" alt="" class="timeTitle">
+                        <div class="times"></div>
+                        <div class="topBox">
+                                <div class="top1">
+                                    <img src="./images/ts1.png" alt="" class="tsL">
+                                    <img src="./images/ts1.png" alt="" class="tsR">
+                                    <img src="./images/null.png" alt="" class="txL">
+                                    <img src="./images/null.png" alt="" class="txR">
+                                    <div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
+                                    <div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
+                                    <div class="idL"></div>
+                                    <div class="idR"></div>
+                                    <div class="sclore"><img src="./images/love.png" alt="">-</div>
+                                </div>
+                                <div class="top2">
+                                    <img src="./images/ts23.png" alt="" class="tsL">
+                                    <img src="./images/ts23.png" alt="" class="tsR">
+                                    <img src="./images/null.png" alt="" class="txL">
+                                    <img src="./images/null.png" alt="" class="txR">
+                                    <div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
+                                    <div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
+                                    <div class="idL"></div>
+                                    <div class="idR"></div>
+                                    <div class="sclore"><img src="./images/love.png" alt="">-</div>
+                                </div>
+                                <div class="top3">
+                                    <img src="./images/ts23.png" alt="" class="tsL">
+                                    <img src="./images/ts23.png" alt="" class="tsR">
+                                    <img src="./images/null.png" alt="" class="txL">
+                                    <img src="./images/null.png" alt="" class="txR">
+                                    <div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
+                                    <div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
+                                    <div class="idL"></div>
+                                    <div class="idR"></div>
+                                    <div class="sclore"><img src="./images/love.png" alt="">-</div>
+                                </div>
+                        </div>
+                    </div>
+                    `
+                }
+                $('.contentBox').append(squareCpListStr);
+                // 处理第二个榜单
+                // thisWeekCpRankTop3 = splitArray(res.data.thisWeekCpRank).firstThree;
+                thisWeekCpRank = splitArray(res.data.thisWeekCpRank).pages;
+                // 处理前三
+                var listTo3 = thisWeekCpRank[0] ? thisWeekCpRank[0].slice(0, 3) : [];
+                if (listTo3.length < 3) {
+                    let arr = new Array(3 - listTo3.length).fill({
+                        leftAvatar: './images/null.png',
+                        rightAvatar: './images/null.png',
+                        leftNick: langReplace(localLang.demoModule.text20),
+                        rightNick: langReplace(localLang.demoModule.text20),
+                        leftErbanNo: "",
+                        rightErbanNo: "",
+                        totalNum: "-"
+                    })
+                    listTo3.push(...arr)
+                }
+                listTo3.forEach((res, i) => {
+                    $(`.page2 .content .topBox .top${i + 1} .txL`).attr('src', res.leftAvatar);
+                    $(`.page2 .content .topBox .top${i + 1} .txR`).attr('src', res.rightAvatar);
+                    $(`.page2 .content .topBox .top${i + 1} .nameL`).text(res.leftNick);
+                    $(`.page2 .content .topBox .top${i + 1} .nameR`).text(res.rightNick);
+                    $(`.page2 .content .topBox .top${i + 1} .idL`).text(res.leftErbanNo == "" ? "" : 'ID:' + res.leftErbanNo);
+                    $(`.page2 .content .topBox .top${i + 1} .idR`).text(res.rightErbanNo == "" ? "" : 'ID:' + res.rightErbanNo);
+                    $(`.page2 .content .topBox .top${i + 1} .sclore`).html(`<img src="./images/love.png" alt="">${res.totalNum == '-' ? '-' : unitProcessingAr(res.totalNum, 2)}`)
+                })
+                // 非前三
+                $('.page2 .content ul li').remove();
+                listFun();
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 点击加载更多
+$('.page2 .content .more').click(function () {
+    moreIndex = moreIndex + 1;
+    listFun();
+})
+// 渲染第二非前三函数
+function listFun() {
+    var str = '';
+    if (thisWeekCpRank[moreIndex]) {
+        var arr = moreIndex == 0 ? thisWeekCpRank[moreIndex].slice(3) : thisWeekCpRank[moreIndex];
+        arr.forEach(res => {
+            str += `
+                    <li>
+                        <div class="num">${res.rank}</div>
+                        <div class="txL">
+                            <img src="${res.leftAvatar}" alt="">
+                            <p>${res.leftNick}</p>
+                        </div>
+                        <img src="./images/loves.png" alt="" class="loves">
+                        <div class="txR">
+                            <img src="${res.rightAvatar}" alt="">
+                            <p>${res.rightNick}</p>
+                        </div>
+                        <div class="scores">
+                            <img src="./images/love.png" alt="">
+                            <span>${unitProcessingAr(res.totalNum, 2)}</span>
+                        </div>
+                    </li>
+                `
+        })
+        $('.page2 .content ul').append(str);
+        if (thisWeekCpRank[moreIndex].length < 10) {
+            $('.page2 .content .more').hide();
+        }
+    } else {
+        $('.page2 .content .more').hide();
+    }
+}
+function squareCpListStrFun(arr) {
+    var str = '';
+    var listTo3 = arr.slice(0, 3);
+    if (listTo3.length < 3) {
+        let arr = new Array(3 - listTo3.length).fill({
+            leftAvatar: './images/null.png',
+            rightAvatar: './images/null.png',
+            leftNick: langReplace(localLang.demoModule.text20),
+            rightNick: langReplace(localLang.demoModule.text20),
+            leftErbanNo: "",
+            rightErbanNo: "",
+            totalNum: "-"
+        })
+        listTo3.push(...arr)
+    }
+    listTo3.forEach((res, i) => {
+        str += ` 
+            <div class="top${i + 1}">
+                <img src="${i + 1 == 1 ? './images/ts1.png' : './images/ts23.png'}" alt="" class="tsL">
+                <img src="${i + 1 == 1 ? './images/ts1.png' : './images/ts23.png'}" alt="" class="tsR">
+                <img src="${res.leftAvatar}" alt="" class="txL">
+                <img src="${res.rightAvatar}" alt="" class="txR">
+                <div class="nameL">${res.leftNick}</div>
+                <div class="nameR">${res.rightNick}</div>
+                <div class="idL">${res.leftErbanNo == "" ? '' : "ID:" + res.leftErbanNo}</div>
+                <div class="idR">${res.rightErbanNo == "" ? '' : "ID:" + res.rightErbanNo}</div>
+                <div class="sclore"><img src="./images/love.png" alt="">${res.totalNum == "-" ? '-' : unitProcessingAr(res.totalNum, 2)}</div>
+            </div>
+    `})
+    return str;
+}
+function splitArray(arr) {
+    // 获取前三个元素
+    // const firstThree = arr.slice(0, 3);
+
+    // // 剩余的元素
+    // const remainingElements = arr.slice(3);
+    const remainingElements = arr;
+    // 将剩余元素每10个分成一组
+    const pages = [];
+    for (let i = 0; i < remainingElements.length; i += 10) {
+        const chunk = remainingElements.slice(i, i + 10);
+        pages.push(chunk);
+    }
+
+    // return { firstThree, pages };
+    return { pages };
+}
+// 倒計時
+function countup(leftTime) {
+    clearTimeout(countupTime)
+    //獲取當前時間
+    // var now = nowTime;
+    var d = 0;
+    var h = 0;
+    var m = 0;
+    var s = 0;
+    //定義變數 d,h,m,s保存倒計時的時間
+    var d, h, m, s;
+    //遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果 
+    if (leftTime > 0) {
+        d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
+        h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
+        m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
+        s = getzf(Math.floor(leftTime / 1000 % 60));
+        //將倒計時賦值到div中
+        $('.header .timeBox .day b').text(d);
+        $('.header .timeBox .hour b').text(h);
+        $('.header .timeBox .min b').text(m);
+        $('.header .timeBox .sec b').text(s);
+    } else {
+        get();
+    }
+    if (leftTime > 0) {
+        leftTime = leftTime - 1000;
+    }
+    countupTime = setTimeout(function () {
+        countup(leftTime);
+    }, 1000);
+}
+//补0操作  
+function getzf(num) {
+    if (parseInt(num) < 10) {
+        num = '0' + num;
+    }
+    return num;
+}
+// 打开音乐
+$('.header .music').click(function () {
+    $('.header .music').hide();
+    $('.header .notOpen').show();
+    var audio = document.getElementById("musics");
+    audio.pause();
+})
+// 关闭音乐
+$('.header .notOpen').click(function () {
+    $('.header .notOpen').hide();
+    $('.header .music').show();
+    var audio = document.getElementById("musics");
+    audio.play();
+})
+// tab切换
+$('.tabBox div').click(function () {
+    var i = $(this).index() + 1;
+    $(this).addClass('act').siblings().removeClass('act')
+    $('.page1,.page2,.page3').hide();
+    $(`.page${i}`).show();
+})
+// 关闭规则
+$('.header .rule_icon').click(function () {
+    $('.rule').show();
+    bodyScroolFun(true);
+})
+// 关闭规则
+$('.rule .ruleIn .close').click(function () {
+    $('.rule').hide();
+    bodyScroolFun(false);
+})
+
+// 打开mp4弹窗
+$('.page3 .content .topBox1 .bo').click(function () {
+    var video = document.getElementById('zjvideo1');
+    video.play();
+    bodyScroolFun(true);
+    $('.zjvideo1').show();
+})
+// 打开mp4弹窗
+$('.page3 .content .topBox1 .bo2').click(function () {
+    var video = document.getElementById('xzvideo1');
+    video.play();
+    bodyScroolFun(true);
+    $('.xzvideo1').show();
+})
+// 打开mp4弹窗
+$('.page3 .content .topBox2 .bo').click(function () {
+    var video = document.getElementById('zjvideo2');
+    video.play();
+    bodyScroolFun(true);
+    $('.zjvideo2').show();
+})
+// 打开mp4弹窗
+$('.page3 .content .topBox2 .bo2').click(function () {
+    var video = document.getElementById('xzvideo2');
+    video.play();
+    bodyScroolFun(true);
+    $('.xzvideo2').show();
+})
+// 打开mp4弹窗
+$('.page3 .content .topBox3 .bo').click(function () {
+    var video = document.getElementById('zjvideo3');
+    video.play();
+    bodyScroolFun(true);
+    $('.zjvideo3').show();
+})
+// 打开mp4弹窗
+$('.page3 .content .topBox3 .bo2').click(function () {
+    var video = document.getElementById('xzvideo3');
+    video.play();
+    bodyScroolFun(true);
+    $('.xzvideo3').show();
+})
+// 关闭mp4弹窗
+$('.zjvideo1 .close,.xzvideo1 .close,.zjvideo2 .close,.xzvideo2 .close,.zjvideo3 .close,.xzvideo3 .close').click(function () {
+    var video = document.getElementById('zjvideo1');
+    var video1 = document.getElementById('xzvideo1');
+    var video2 = document.getElementById('zjvideo2');
+    var video3 = document.getElementById('xzvideo2');
+    var video4 = document.getElementById('zjvideo3');
+    var video5 = document.getElementById('xzvideo3');
+    video.pause();
+    video1.pause();
+    video2.pause();
+    video3.pause();
+    video4.pause();
+    video5.pause();
+    bodyScroolFun(false);
+    $('.zjvideo1,.xzvideo1,.zjvideo2,.xzvideo2,.zjvideo3,.xzvideo3').hide();
+})
--- a/view/molistar/activity/2024-cpActive/js/wow.js
+++ b/view/molistar/activity/2024-cpActive/js/wow.js
@@ -0,0 +1,46 @@
+var baba = document.querySelector('body');
+baba.addEventListener('click', function (e) {
+    // $('body,html').css({ "width": "100%", "position": "relative", "overflow": "hidden" });
+    tianJia(e);
+})
+
+var erZi = [];
+function tianJia (e) {
+    var sunZi = document.createElement('div');
+    sunZi.className = 'rabbit';
+    // sunZi.innerHTML = '<i class="iconfont icon-tuzi"></i>';
+    sunZi.innerHTML = '<img src="./images/loveIcon.png" alt="">';
+    baba.appendChild(sunZi);
+    erZi.push({
+        el: sunZi,
+        top: e.pageY - 30,
+        left: e.pageX - 20,
+        opacity: 1,
+        scale: 1,
+        color: `rgb(${255 * Math.random()},${255 * Math.random()},${255 * Math.random()})`
+    });
+    move();
+};
+function move () {
+    for (var i = 0; i < erZi.length; i++) {
+        if (erZi[i].opacity <= 0) {
+            baba.removeChild(erZi[i].el);
+            erZi.splice(i, 1);
+            return;
+        }
+        erZi[i].top--;
+        erZi[i].opacity = erZi[i].opacity - 0.02;
+        // erZi[i].scale = erZi[i].scale + 0.0001;
+        erZi[i].el.style.cssText = `
+            top: ${erZi[i].top}px;
+            left: ${erZi[i].left}px;
+            color: ${erZi[i].color};
+            opacity: ${erZi[i].opacity};
+            transform: scale(${erZi[i].scale});
+            position: absolute;
+            `
+
+    }
+    window.requestAnimationFrame(move);
+    // $('body,html').css({ "width": "100%", "position": "relative", "overflow": "auto" });
+}
--- a/view/molistar/activity/2024-cpActive/local/ar.js
+++ b/view/molistar/activity/2024-cpActive/local/ar.js
@@ -0,0 +1,44 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `جاري التحميل...`,
+        layerIndex2: `نجاح`,
+        layerIndex3: `خطأ في الشبكة`,
+        text1: `عجلة الحب`,
+        text2: `القواعد`,
+        text3: `يوم`,
+        text4: `ساعة`,
+        text5: `دقيقة`,
+        text6: `ثانية`,
+        text7: `ساحة CP`,
+        text8: `قائمة CP`,
+        text9: `جوائز CP`,
+        text10: `سيتم عرض أفضل ثلاثة مستخدمين في القائمة التاريخية هنا`,
+        text11: `أرسل هدايا CP وقد تكون أنت وشريكك في القائمة!`,
+        text12: `TOP1`,
+        text13: `يمكن للمستخدم الأول في القائمة الأسبوعية الحصول على المكافآت التالية`,
+        text14: `TOP2`,
+        text15: `يمكن للمستخدم الثاني في القائمة الأسبوعية الحصول على المكافآت التالية`,
+        text16: `TOP3`,
+        text17: `يمكن للمستخدم الثالث في القائمة الأسبوعية الحصول على المكافآت التالية`,
+        text18: `القواعد`,
+        text19: `<p>1. وقت الحدث: من الإثنين 0:00 إلى الأحد 23:59 (GMT+8)</p>
+        <p>2. أرسل هدية CP المحددة لتصبح CP</p>
+        <img src="./images/rule.png" alt="">
+        <p>3. أرسل هدية CP بقيمة 1 قطعة نقدية للحصول على 1 قيمة حب. كلما أرسلت هدايا أكثر، حصلت على قيمة حب أكبر.</p>
+        <p>4. سيحصل أفضل ثلاثة مستخدمين في القائمة الإحصائية الأسبوعية على هدايا سخية.</p>
+        <p>5. عند إزالة علاقتك بـ CP، لن تظهر بعد الآن في قائمة CP.</p>
+        <p>6. لا يشارك مستخدمو وكيل الشحن في هذا الحدث.</p>`,
+        text199: `<p>1. وقت الحدث: من الإثنين 0:00 إلى الأحد 23:59 (GMT+3)</p>
+        <p>2. أرسل هدية CP المحددة لتصبح CP</p>
+        <img src="./images/rule.png" alt="">
+        <p>3. أرسل هدية CP بقيمة 1 قطعة نقدية للحصول على 1 قيمة حب. كلما أرسلت هدايا أكثر، حصلت على قيمة حب أكبر.</p>
+        <p>4. سيحصل أفضل ثلاثة مستخدمين في القائمة الإحصائية الأسبوعية على هدايا سخية.</p>
+        <p>5. عند إزالة علاقتك بـ CP، لن تظهر بعد الآن في قائمة CP.</p>
+        <p>6. لا يشارك مستخدمو وكيل الشحن في هذا الحدث.</p>`,
+        img1: `./images/carouselTitle-ar.png`,
+        img2: `./images/waiting-ar.png`,
+        text20: `شاغر`,
+    }
+}
--- a/view/molistar/activity/2024-cpActive/local/en.js
+++ b/view/molistar/activity/2024-cpActive/local/en.js
@@ -0,0 +1,42 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1: `Love Ferris wheel`,
+        text2: `Rules`,
+        text3: `Day`,
+        text4: `Hour`,
+        text5: `Min`,
+        text6: `Sec`,
+        text7: `CP Square`,
+        text8: `CP List`,
+        text9: `CP Rewards`,
+        text10: `Top three users on the history list will be displayed here`,
+        text11: `Send CP gifts and you and your love may be on the list!`,
+        text12: `TOP1`,
+        text13: `Top 1 user on the weekly list can get the following rewards`,
+        text14: `TOP2`,
+        text15: `Top 2 user on the weekly list can get the following rewards`,
+        text16: `TOP3`,
+        text17: `Top 3 user on the weekly list can get the following rewards`,
+        text18: `Rules`,
+        text19: `<p>1. Event time: Monday 0:00-Sunday 23:59 (GMT+8)</p>
+        <p>2. Send the designated CP gift to become CP</p>
+        <img src="./images/rule.png" alt="">
+        <p>3. Send 1 coin CP gift to get 1 love value. The more gifts you send, the more love value you get.</p>
+        <p>4. The top three users on the weekly statistical list will get generous gifts.</p>
+        <p>5 Remove your CP relationship, you will no longer appear on the CP list.</p>
+        <p>6. Recharge agent users do not participate in this event.</p>`,
+        text199: `<p>1. Event time: Monday 0:00-Sunday 23:59 (GMT+3)</p>
+        <p>2 Send the designated CP gift to become CP</p>
+        <img src="./images/rule.png" alt="">
+        <p>3. Send 1 coin CP gift to get 1 love value. The more gifts you send, the more love value you get.</p>
+        <p>4. The top three users on the weekly statistical list will get generous gifts.</p>
+        <p>5 Remove your CP relationship, you will no longer appear on the CP list.</p>
+        <p>6. Recharge agent users do not participate in this event.</p>`,
+        img1: `./images/carouselTitle.png`,
+        img2: `./images/waiting.png`,
+        text20: `Vacant`,
+    },
+}
--- a/view/molistar/activity/2024-cpActive/local/zh.js
+++ b/view/molistar/activity/2024-cpActive/local/zh.js
@@ -0,0 +1,44 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `加载中...`,
+        layerIndex2: `成功`,
+        layerIndex3: `网络错误`,
+        text1: `愛情摩天輪`,
+        text2: `規則`,
+        text3: `天`,
+        text4: `小時`,
+        text5: `分鐘`,
+        text6: `秒`,
+        text7: `CP廣場`,
+        text8: `CP榜單`,
+        text9: `CP獎勵`,
+        text10: `排行榜前三的用戶將顯示在這裡`,
+        text11: `送CP禮物，你和你的愛人可能會上榜哦！`,
+        text12: `TOP1`,
+        text13: `周榜第1名的用戶可獲得以下獎勵`,
+        text14: `TOP2`,
+        text15: `周榜第2名的用戶可獲得以下獎勵`,
+        text16: `TOP3`,
+        text17: `周榜第3名的用戶可獲得以下獎勵`,
+        text18: `規則`,
+        text19: `<p>1. 活動時間：星期一 0:00-星期日 23:59（GMT+8）</p>
+        <p>2. 發送指定的CP禮物以成為CP</p>
+        <img src="./images/rule.png" alt="">
+        <p>3. 發送1枚金幣CP禮物可獲得1個愛值。發送的禮物越多，獲得的愛值也越多。</p>
+        <p>4. 每週統計名單的前三名用戶將獲得豐厚的獎品。</p>
+        <p>5. 移除您的CP關係後，您將不再出現在CP名單上。</p>
+        <p>6. 充值代理用戶不參加此活動。</p>`,
+        text199: `<p>1. 活動時間：星期一 0:00-星期日 23:59（GMT+3）</p>
+        <p>2. 發送指定的CP禮物以成為CP</p>
+        <img src="./images/rule.png" alt="">
+        <p>3. 發送1枚金幣CP禮物可獲得1個愛值。發送的禮物越多，獲得的愛值也越多。</p>
+        <p>4. 每週統計名單的前三名用戶將獲得豐厚的獎品。</p>
+        <p>5. 移除您的CP關係後，您將不再出現在CP名單上。</p>
+        <p>6. 充值代理用戶不參加此活動。</p>`,
+        img1: `./images/carouselTitle-zh.png`,
+        img2: `./images/waiting-zh.png`,
+        text20: `虛位以待`,
+    }
+}
--- a/view/molistar/activity/2024-cpActive/mp4/topBox1.png
+++ b/view/molistar/activity/2024-cpActive/mp4/topBox1.png
--- a/view/molistar/activity/2024-cpActive/mp4/topBox2.png
+++ b/view/molistar/activity/2024-cpActive/mp4/topBox2.png
--- a/view/molistar/activity/2024-cpActive/mp4/topBox3.png
+++ b/view/molistar/activity/2024-cpActive/mp4/topBox3.png
--- a/view/molistar/activity/2024-cpActive/mp4/xz1.mp4
+++ b/view/molistar/activity/2024-cpActive/mp4/xz1.mp4
--- a/view/molistar/activity/2024-cpActive/mp4/xz2.mp4
+++ b/view/molistar/activity/2024-cpActive/mp4/xz2.mp4
--- a/view/molistar/activity/2024-cpActive/mp4/xz3.mp4
+++ b/view/molistar/activity/2024-cpActive/mp4/xz3.mp4
--- a/view/molistar/activity/2024-cpActive/mp4/zj1.mp4
+++ b/view/molistar/activity/2024-cpActive/mp4/zj1.mp4
--- a/view/molistar/activity/2024-cpActive/mp4/zj23.mp4
+++ b/view/molistar/activity/2024-cpActive/mp4/zj23.mp4
--- a/view/molistar/activity/2024-cpActive/music/music.mp3
+++ b/view/molistar/activity/2024-cpActive/music/music.mp3
--- a/view/molistar/activity/2024-cpActive/svga/ts1.svga
+++ b/view/molistar/activity/2024-cpActive/svga/ts1.svga
--- a/view/molistar/activity/2024-cpActive/svga/ts2.svga
+++ b/view/molistar/activity/2024-cpActive/svga/ts2.svga
--- a/view/molistar/activity/2024-cpActive/svga/ts3.svga
+++ b/view/molistar/activity/2024-cpActive/svga/ts3.svga
--- a/view/molistar/common/js/common2.js
+++ b/view/molistar/common/js/common2.js
@@ -840,6 +840,10 @@ function langCodeFun(langCode) {

    } else if (langCode == "en") {
        document.body.classList.add('english');
+    } else if (langCode == "tr") {
+        document.body.classList.add('Turkiye');
+    } else if (langCode == "zh") {
+        document.body.classList.add('china');
    }
    // if (window.location.href.match(/guildAr/)) {
    //     document.documentElement.setAttribute("dir", "ltr");
--- a/view/molistar/common/local/langHandler.js
+++ b/view/molistar/common/local/langHandler.js
@@ -35,9 +35,13 @@ function initLocalLang () {
        window.lang.defaults = false
    }else if (lang === 'tr' || window.location.href.match('=tr')) {
        // 土耳其
-        console.log("langHandler" + '土耳其')
-        window.lang = langTr
-        window.lang.code = 'tr'
+        // console.log("langHandler" + '土耳其')
+        // window.lang = langTr
+        // window.lang.code = 'tr'
+        // window.lang.defaults = false
+        console.log("langHandler" + '英语/土耳其')
+        window.lang = langEn
+        window.lang.code = 'en'
        window.lang.defaults = false
    } else {
        console.log("langHandler" + '默认英语')
--- a/view/molistar/home/css/index.css
+++ b/view/molistar/home/css/index.css
@@ -62,6 +62,16 @@
    font-size: 0.25333rem;
    font-weight: bold;
  }
+  body .homePc .privacy,
+  html .homePc .privacy {
+    color: #fff;
+    position: absolute;
+    height: 0.5rem;
+    line-height: 0.5rem;
+    left: 6.4rem;
+    top: .3rem;
+    width: 3rem;
+  }
  body .homePc .pcIos,
  html .homePc .pcIos {
    width: 2.9rem;
@@ -94,7 +104,11 @@
  html .bootom p {
    margin-top: 0.1rem;
    font-size: 0.15rem;
-    color: #B8B7BF;
+    color: #fff;
+  }
+  body .bootom p a,
+  html .bootom p a {
+    color: #fff;
  }
 }

--- a/view/molistar/home/css/index.scss
+++ b/view/molistar/home/css/index.scss
@@ -224,7 +224,8 @@
                    margin-top: -0.01rem;
                }
            }
-            .language{
+
+            .language {
                color: #fff;
                position: absolute;
                height: 0.5rem;
@@ -235,6 +236,16 @@
                font-weight: bold;
            }

+            .privacy {
+                color: #fff;
+                position: absolute;
+                height: 0.5rem;
+                line-height: 0.5rem;
+                left: 6.4rem;
+                top: .3rem;
+                width: 3rem;
+            }
+
            .pcIos {
                width: 2.9rem;
                height: 0.64rem;
@@ -271,7 +282,11 @@
                margin-top: 0.1rem;
                // margin-bottom: 0.1rem;
                font-size: 0.15rem;
-                color: #B8B7BF;
+                color: #fff;
+
+                a {
+                    color: #fff;
+                }
            }
        }
    }
@@ -979,4 +994,5 @@
            }
        }
    }
-}
+}
+
--- a/view/molistar/home/images/pageTxte5-ar.png
+++ b/view/molistar/home/images/pageTxte5-ar.png
--- a/view/molistar/home/images/pageTxte5-en.png
+++ b/view/molistar/home/images/pageTxte5-en.png
--- a/view/molistar/home/images/pageTxte5.png
+++ b/view/molistar/home/images/pageTxte5.png
--- a/view/molistar/home/images/pcBgBig-ar.png
+++ b/view/molistar/home/images/pcBgBig-ar.png
--- a/view/molistar/home/images/pcBgBig-en.png
+++ b/view/molistar/home/images/pcBgBig-en.png
--- a/view/molistar/home/images/pcBgBig.png
+++ b/view/molistar/home/images/pcBgBig.png
--- a/view/molistar/home/index.html
+++ b/view/molistar/home/index.html
@@ -16,7 +16,7 @@
    <meta property="og:image:type" content="image/png">
    <link rel="stylesheet" href="../common/css/reset.css">
    <link rel="stylesheet" href="./css/animate.css">
-    <link rel="stylesheet" href="./css/index.css?v=1.1">
+    <link rel="stylesheet" href="./css/index.css?v=1.2">
 </head>

 <body>
@@ -28,13 +28,15 @@
                <div class="diamound">
                    <img src="./images/diamond.png" alt=""> <b class="text3"></b>
                </div>
+                <!-- 隐私政策 -->
+                <a class="privacy" href="../modules/rule/privacy-wap.html"></a>
                <!-- 语言 -->
                <div class="language"><b></b> ▼</div>
                <div class="pcIos"></div>
                <div class="pcAnd"></div>
            </div>
            <div class="bootom">
-                <p>Vele Network Technology Limited</p>
+                <p>Molistar Team</p>
            </div>
        </div>
    </div>
@@ -113,6 +115,10 @@
                    <span class="text6"></span>
                    <img src="./images/rightIcon.png" alt="">
                </li>
+                <li>
+                    <a href=""><span class="text7"></span></a>
+                    <img src="./images/rightIcon.png" alt="">
+                </li>
            </ul>
        </div>

@@ -158,10 +164,10 @@
    <script src="../common/js/common2.js"></script>
    <script src="../common/js/layer.js"></script>
    <script src="../common/js/vconsole.min.js"></script>
-    <script src="./local/ar.js"></script>
-    <script src="./local/en.js"></script>
-    <script src="./local/zh.js"></script>
-    <script src="./js/index.js?v=2.12"></script>
+    <script src="./local/ar.js?v=1.0"></script>
+    <script src="./local/en.js?v=1.0"></script>
+    <script src="./local/zh.js?v=1.0"></script>
+    <script src="./js/index.js?v=2.123"></script>
    <script src="../common/local/langHandler.js"></script>
 </body>

--- a/view/molistar/home/js/index.js
+++ b/view/molistar/home/js/index.js
@@ -62,7 +62,7 @@ $(function () {
    ];
    setTimeout(function () {
        function getUserLanguage() {
-            console.log('ssss',navigator,navigator.language, navigator.userLanguage);
+            console.log('ssss', navigator, navigator.language, navigator.userLanguage);
            return navigator.language || navigator.userLanguage; // 兼容不同浏览器的方式
        }
        // var langCode = getLanguageCode(getUserLanguage());
@@ -91,8 +91,10 @@ $(function () {
        if (langCode == 'zh') {
            $('.language').html('<b>中文</b> ▼')
        } else if (langCode == 'ar') {
+            $('.privacy').css('left', '7.4rem')
            $('.language').html('<b>العربية</b> ▼')
        } else {
+            $('.privacy').css('left', '7.4rem')
            $('.language').html('<b>English</b> ▼')
        }
        history.replaceState(null, null, updateQueryStringParameter(window.location.href, 'lang', langCode));
@@ -114,6 +116,7 @@ function translateFun() {
    $('.text4').text(langReplace(localLang.demoModule.text4))
    $('.text5').text(langReplace(localLang.demoModule.text5))
    $('.text6').text(langReplace(localLang.demoModule.text6))
+    $('.text7').text(langReplace(localLang.demoModule.text7))
    $('.textss').text(langReplace(localLang.demoModule.textss))
    $('.homePc').attr('style', langReplace(localLang.demoModule.homePc))
    $('#img2').html(langReplace(localLang.demoModule.img2))
@@ -168,9 +171,11 @@ function translateFun() {
            index = 0;
        } else if (i == 2) {
            window.location = `${urlPrefix}/molistar/modules/h5Income/login.html`
-        } else {
+        } else if (i == 3) {
            $('.menu').css("height", "0%");
            $('.contactUs_pub').show();
+        } else {
+            location.href = `../modules/rule/privacy-wap.html`
        }
    })
    // 關閉聯繫我們彈窗
@@ -364,6 +369,6 @@ function handleResize() {
    location.reload()
    // 这里可以添加更多的逻辑，比如检查窗口的新尺寸
 }
- 
+
 // 监听窗口大小变化事件
 window.addEventListener('resize', handleResize);
--- a/view/molistar/home/local/ar.js
+++ b/view/molistar/home/local/ar.js
@@ -8,6 +8,7 @@ langAr = {
        text4: `الصفحة الرئيسية`,
        text5: `المحفظة`,
        text6: `اتصل بنا`,
+        text7: `سياسة الخصوصية `,
        textss: `الرجاء تحديد لغة.`,
        homePc: `background:url(./images/pcBgBig-ar.png) no-repeat;background-size:100% 100%;`,
        img2: `
@@ -44,12 +45,12 @@ langAr = {
        <img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow  ">
    `,
        img6: `
-        <img style="width: 8.61333rem;"  src="./images/pageTxte5-ar.png" alt="" class="pageTxte5 animate__animated">
+        <img style="width: 6.61333rem;"  src="./images/pageTxte5-ar.png" alt="" class="pageTxte5 animate__animated">
        <img style="width: 4.62667rem;" src="./images/contactUs-ar.png" alt="" class="contactUs animate__animated">
        <img src="./images/downioad-ar.png" alt="" class="downioad animate__animated">
        <!-- <img src="./images/down.png" alt="" class="down"> -->
        <div class="bootom">
-            <p>Vele Network Technology Limited</p>
+            <p>Molistar Team</p>
        </div>`,
    }
 }
--- a/view/molistar/home/local/en.js
+++ b/view/molistar/home/local/en.js
@@ -7,6 +7,7 @@ langEn = {
        text4: `Home`,
        text5: `Wallet`,
        text6: `Contact Us`,
+        text7: `Privacy Policy  `,
        textss: `Please select a language.`,
        homePc: `background:url(./images/pcBgBig-en.png) no-repeat;background-size:100% 100%;`,
        img2: `
@@ -43,12 +44,12 @@ langEn = {
        <img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow  ">
    `,
        img6: `
-        <img style="width: 8.61333rem;" src="./images/pageTxte5-en.png" alt="" class="pageTxte5 animate__animated">
+        <img style="width: 6.61333rem;" src="./images/pageTxte5-en.png" alt="" class="pageTxte5 animate__animated">
        <img style="width: 4.2rem;" src="./images/contactUs-en.png" alt="" class="contactUs animate__animated">
        <img src="./images/downioad-en.png" alt="" class="downioad animate__animated">
        <!-- <img src="./images/down.png" alt="" class="down"> -->
        <div class="bootom">
-            <p>Vele Network Technology Limited</p>
+            <p>Molistar Team</p>
        </div>`,
    }
 }
--- a/view/molistar/home/local/zh.js
+++ b/view/molistar/home/local/zh.js
@@ -8,6 +8,7 @@ langZh = {
        text4: `首頁`,
        text5: `錢包`,
        text6: `聯繫我們`,
+        text7: `隱私政策 `,
        textss: `请选择语言`,
        homePc: `background:url(./images/pcBgBig.png) no-repeat;background-size:100% 100%;`,
        img2: `
@@ -46,7 +47,7 @@ langZh = {
            <img src="./images/downioad.png" alt="" class="downioad animate__animated">
            <!-- <img src="./images/down.png" alt="" class="down"> -->
            <div class="bootom">
-                <p>Vele Network Technology Limited</p>
+                <p>Molistar Team</p>
            </div>`,
    }
 }
--- a/view/molistar/modules/dailyConsumption/css/index.css
+++ b/view/molistar/modules/dailyConsumption/css/index.css
@@ -0,0 +1,850 @@
+html,
+body {
+  width: 100%;
+  background: #290C05;
+}
+
+.back {
+  width: 100%;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  position: fixed;
+  left: 0;
+  top: 0.86667rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 0rem;
+}
+
+.header {
+  width: 10rem;
+  height: 12.53333rem;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto;
+  position: relative;
+}
+
+.header .rule_icon {
+  width: 1.86667rem;
+  height: 0.66667rem;
+  line-height: 0.6rem;
+  background: url(../images/rule_cion.png) no-repeat;
+  background-size: 100% 100%;
+  color: #FFED70;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  position: absolute;
+  top: 5.49333rem;
+  right: 0rem;
+  text-align: center;
+  text-indent: 2px;
+}
+
+.header .timeBox {
+  width: 7.16rem;
+  height: 1.62667rem;
+  box-sizing: border-box;
+  padding: 0 0.66667rem;
+  position: absolute;
+  top: 8.48rem;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  justify-content: space-between;
+}
+
+.header .timeBox div {
+  width: 1.33333rem;
+  height: 1.33333rem;
+  background: url(../images/time.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  text-align: center;
+  line-height: 1.33333rem;
+}
+
+.header .timeBox div b {
+  color: #FFED70;
+  font-size: 0.58667rem;
+  font-weight: 600;
+  font-family: PingFang SC;
+}
+
+.header .timeBox div span {
+  width: 2.4rem;
+  height: 0.48rem;
+  line-height: 0.48rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: -0.54667rem;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  font-family: PingFang SC;
+  background: url(../images/timeBg.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.header .timeBox .day {
+  margin-right: 0.78667rem;
+}
+
+.header .timeBox .colon {
+  width: 0.21333rem;
+  height: 0.53333rem;
+  background: url(../images/colon.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 0.22667rem;
+  margin-top: 0.54667rem;
+}
+
+.myBox {
+  width: 10rem;
+  height: 8.05333rem;
+  background: url(../images/box.png) no-repeat;
+  background-size: 100% 100%;
+  margin: -1.1rem auto 0.46667rem;
+  position: relative;
+}
+
+.myBox .ts {
+  width: 1.70667rem;
+  height: 1.70667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 2.44rem;
+  z-index: 2;
+}
+
+.myBox .tx {
+  width: 1.70667rem;
+  height: 1.70667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 2.44rem;
+  z-index: 1;
+  border-radius: 50%;
+}
+
+.myBox .name {
+  width: 4.8rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 4.28rem;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.37333rem;
+  font-weight: 600;
+}
+
+.myBox .lineBox {
+  width: 8.26667rem;
+  height: 0.21333rem;
+  border-radius: 0.21333rem;
+  background: #824115;
+  position: absolute;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.85333rem;
+  border-radius: 0.21333rem;
+}
+
+.myBox .lineBox .line {
+  width: 0%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  background: linear-gradient(90deg, #FBF392, #FCB41B);
+  border-radius: 0.21333rem;
+}
+
+.myBox .lineBox .boxs {
+  width: 0.82667rem;
+  height: 0.82667rem;
+  background: url(../images/false.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.myBox .lineBox .boxs span {
+  height: 0.45333rem;
+  line-height: 0.45333rem;
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%);
+  top: -0.66667rem;
+  display: flex;
+  color: #FFED70;
+  font-size: 0.34667rem;
+  font-weight: 400;
+}
+
+.myBox .lineBox .boxs span img {
+  display: block;
+  width: 0.45333rem;
+  height: 0.45333rem;
+  margin: 0 0.06667rem;
+}
+
+.myBox .lineBox .box1 {
+  left: 2rem;
+}
+
+.myBox .lineBox .box2 {
+  left: 4.52rem;
+}
+
+.myBox .lineBox .box3 {
+  right: 0rem;
+}
+
+.myBox .lineBox .act {
+  background: url(../images/true.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.myBox .tetxBox {
+  width: 8.26667rem;
+  display: flex;
+  justify-content: space-between;
+  position: absolute;
+  top: 6.4rem;
+  left: 50%;
+  transform: translateX(-50%);
+  color: #FFED70;
+  font-weight: 400;
+}
+
+.myBox .tetxBox .left {
+  font-size: 0.34667rem;
+}
+
+.myBox .tetxBox .rirgt {
+  font-size: 0.37333rem;
+}
+
+.tab {
+  width: 9.73333rem;
+  height: 1.33333rem;
+  margin: 0 auto 0.41333rem;
+  display: flex;
+  justify-content: space-between;
+}
+
+.tab div {
+  width: 4.8rem;
+  height: 1.33333rem;
+  line-height: 1.33333rem;
+  text-align: center;
+  color: #EBC9B2;
+  font-size: 0.4rem;
+  font-weight: 600;
+  background: url(../images/tab.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.tab .tabbox {
+  background: url(../images/tab2.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.tab .act {
+  color: #290C05;
+  background: url(../images/act.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.tab .act2 {
+  color: #290C05;
+  background: url(../images/tabact2.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content1 {
+  width: 10rem;
+  height: auto;
+  margin: 0 auto 0.41333rem;
+}
+
+.content1 .contentBox1,
+.content1 .contentBox2,
+.content1 .contentBox3 {
+  width: 100%;
+  height: 16.58667rem;
+  background: url(../images/bg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.53333rem;
+  position: relative;
+  overflow: hidden;
+}
+
+.content1 .contentBox1 .title,
+.content1 .contentBox2 .title,
+.content1 .contentBox3 .title {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0;
+  width: 5.22667rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  background: url(../images/title.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content1 .contentBox1 .title span,
+.content1 .contentBox2 .title span,
+.content1 .contentBox3 .title span {
+  vertical-align: middle;
+  display: inline-block;
+}
+
+.content1 .contentBox1 .title img,
+.content1 .contentBox2 .title img,
+.content1 .contentBox3 .title img {
+  width: 0.53333rem;
+  height: 0.53333rem;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 0.06667rem;
+}
+
+.content1 .contentBox1 .box,
+.content1 .contentBox2 .box,
+.content1 .contentBox3 .box {
+  width: 8.93333rem;
+  height: 10.66667rem;
+  margin: 2.10667rem auto 0.13333rem;
+  background: url(../images/700.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+}
+
+.content1 .contentBox1 .box .ts,
+.content1 .contentBox2 .box .ts,
+.content1 .contentBox3 .box .ts {
+  width: 2.13333rem;
+  height: 2.13333rem;
+  position: absolute;
+  right: 0.5rem;
+  top: 5.9rem;
+}
+
+.content1 .contentBox1 .box .zj,
+.content1 .contentBox2 .box .zj,
+.content1 .contentBox3 .box .zj {
+  width: 5.2rem;
+  height: 8.5rem;
+  position: absolute;
+  left: 0.35rem;
+  top: 0.3rem;
+  overflow: hidden;
+}
+
+.content1 .contentBox1 .box .zj canvas,
+.content1 .contentBox2 .box .zj canvas,
+.content1 .contentBox3 .box .zj canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.content1 .contentBox1 .priorityWinners,
+.content1 .contentBox2 .priorityWinners,
+.content1 .contentBox3 .priorityWinners {
+  width: 100%;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.42667rem;
+  font-weight: 500;
+  margin-bottom: 0.36rem;
+}
+
+.content1 .contentBox1 .priorityWinnersBox,
+.content1 .contentBox2 .priorityWinnersBox,
+.content1 .contentBox3 .priorityWinnersBox {
+  height: 1.6rem;
+  width: 83%;
+  display: flex;
+  justify-content: space-around;
+  margin: 0 auto;
+}
+
+.content1 .contentBox1 .priorityWinnersBox div,
+.content1 .contentBox2 .priorityWinnersBox div,
+.content1 .contentBox3 .priorityWinnersBox div {
+  width: 1.6rem;
+  height: 1.6rem;
+  position: relative;
+}
+
+.content1 .contentBox1 .priorityWinnersBox div img,
+.content1 .contentBox2 .priorityWinnersBox div img,
+.content1 .contentBox3 .priorityWinnersBox div img {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  border-radius: 50%;
+  left: 0;
+  top: 0;
+  border: 0.04rem #FFED70 solid;
+}
+
+.content1 .contentBox1 .priorityWinnersBox div span,
+.content1 .contentBox2 .priorityWinnersBox div span,
+.content1 .contentBox3 .priorityWinnersBox div span {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.34667rem;
+  font-weight: 500;
+  text-align: center;
+  position: absolute;
+  left: 0;
+  bottom: -0.6rem;
+  height: 0.4rem;
+}
+
+.content1 .contentBox2 .box {
+  background: url(../images/350.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content1 .contentBox3 .box {
+  background: url(../images/70.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content2 {
+  width: 10rem;
+  height: auto;
+  margin: 0 auto 0.41333rem;
+  display: none;
+}
+
+.content2 .contentBox1,
+.content2 .contentBox2,
+.content2 .contentBox3 {
+  width: 100%;
+  height: 16.58667rem;
+  background: url(../images/bg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.53333rem;
+  position: relative;
+  overflow: hidden;
+}
+
+.content2 .contentBox1 .title,
+.content2 .contentBox2 .title,
+.content2 .contentBox3 .title {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0;
+  width: 5.22667rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  background: url(../images/title.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content2 .contentBox1 .title span,
+.content2 .contentBox2 .title span,
+.content2 .contentBox3 .title span {
+  vertical-align: middle;
+  display: inline-block;
+}
+
+.content2 .contentBox1 .title img,
+.content2 .contentBox2 .title img,
+.content2 .contentBox3 .title img {
+  width: 0.53333rem;
+  height: 0.53333rem;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 0.06667rem;
+}
+
+.content2 .contentBox1 .box,
+.content2 .contentBox2 .box,
+.content2 .contentBox3 .box {
+  width: 8.93333rem;
+  height: 10.66667rem;
+  margin: 2.10667rem auto 0.13333rem;
+  background: url(../images/7.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+}
+
+.content2 .contentBox1 .box .ts,
+.content2 .contentBox2 .box .ts,
+.content2 .contentBox3 .box .ts {
+  width: 2.13333rem;
+  height: 2.13333rem;
+  position: absolute;
+  right: 0.5rem;
+  top: 3.6rem;
+}
+
+.content2 .contentBox1 .box .zj,
+.content2 .contentBox2 .box .zj,
+.content2 .contentBox3 .box .zj {
+  width: 5.2rem;
+  height: 8.5rem;
+  position: absolute;
+  left: 0.35rem;
+  top: 0.3rem;
+  overflow: hidden;
+}
+
+.content2 .contentBox1 .box .zj canvas,
+.content2 .contentBox2 .box .zj canvas,
+.content2 .contentBox3 .box .zj canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.content2 .contentBox1 .box .zjIcon,
+.content2 .contentBox2 .box .zjIcon,
+.content2 .contentBox3 .box .zjIcon {
+  width: 0.61333rem;
+  height: 0.61333rem;
+  position: absolute;
+  left: 2.6rem;
+  top: 8.94667rem;
+  z-index: 2;
+}
+
+.content2 .contentBox1 .box .xzIcon,
+.content2 .contentBox2 .box .xzIcon,
+.content2 .contentBox3 .box .xzIcon {
+  width: 0.61333rem;
+  height: 0.61333rem;
+  position: absolute;
+  right: 1.2rem;
+  top: 8.94667rem;
+  z-index: 2;
+}
+
+.content2 .contentBox1 .priorityWinners,
+.content2 .contentBox2 .priorityWinners,
+.content2 .contentBox3 .priorityWinners {
+  width: 100%;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.42667rem;
+  font-weight: 500;
+  margin-bottom: 0.36rem;
+}
+
+.content2 .contentBox1 .priorityWinnersBox,
+.content2 .contentBox2 .priorityWinnersBox,
+.content2 .contentBox3 .priorityWinnersBox {
+  height: 1.6rem;
+  width: 83%;
+  display: flex;
+  justify-content: space-around;
+  margin: 0 auto;
+}
+
+.content2 .contentBox1 .priorityWinnersBox div,
+.content2 .contentBox2 .priorityWinnersBox div,
+.content2 .contentBox3 .priorityWinnersBox div {
+  width: 1.6rem;
+  height: 1.6rem;
+  position: relative;
+}
+
+.content2 .contentBox1 .priorityWinnersBox div img,
+.content2 .contentBox2 .priorityWinnersBox div img,
+.content2 .contentBox3 .priorityWinnersBox div img {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  border-radius: 50%;
+  left: 0;
+  top: 0;
+  border: 0.04rem #FFED70 solid;
+}
+
+.content2 .contentBox1 .priorityWinnersBox div span,
+.content2 .contentBox2 .priorityWinnersBox div span,
+.content2 .contentBox3 .priorityWinnersBox div span {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.34667rem;
+  font-weight: 500;
+  text-align: center;
+  position: absolute;
+  left: 0;
+  bottom: -0.6rem;
+}
+
+.content2 .contentBox2 .box {
+  background: url(../images/3500.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content2 .contentBox3 .box {
+  background: url(../images/210.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content2 .contentBox3 .box .ts {
+  top: 5.9rem;
+}
+
+.null {
+  width: 100%;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.34667rem;
+  font-weight: 400;
+  opacity: 0.6;
+  margin-bottom: 0.53333rem;
+}
+
+.video,
+.video2,
+.video3 {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 99;
+  display: none;
+}
+
+.video video,
+.video2 video,
+.video3 video {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 65%;
+}
+
+.video .close,
+.video2 .close,
+.video3 .close {
+  width: 0.90667rem;
+  height: 0.90667rem;
+  position: absolute;
+  top: 10%;
+  right: 0.93333rem;
+  z-index: 9;
+}
+
+.rule {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 99;
+  display: none;
+}
+
+.rule .rule_in {
+  width: 9.33333rem;
+  height: 11.06667rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  background: url(../images/ruleBg.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.rule .rule_in .close {
+  width: 0.88rem;
+  height: 0.88rem;
+  position: absolute;
+  right: 0;
+  top: -0.93333rem;
+}
+
+.rule .rule_in .title {
+  width: 4.66667rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  text-align: center;
+  color: #FFED70;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  position: absolute;
+  top: -0.16rem;
+  left: 50%;
+  transform: translateX(-50%);
+  background: url(../images/ruleTitle.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.rule .rule_in .box {
+  width: 7.53333rem;
+  height: 8rem;
+  position: absolute;
+  top: 2.36rem;
+  left: 50%;
+  transform: translateX(-50%);
+  overflow-y: scroll;
+}
+
+.rule .rule_in .box::-webkit-scrollbar {
+  display: none;
+}
+
+.rule .rule_in .box p {
+  color: #FFED70;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  line-height: 0.53333rem;
+  margin-bottom: 0.45333rem;
+}
+
+.arabic .header {
+  background: url(../images/header-ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .myBox .tetxBox {
+  direction: ltr;
+}
+
+.arabic .content1 .contentBox1 .box {
+  background: url(../images/700ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .content1 .contentBox1 .box .ts {
+  direction: ltr;
+}
+
+.arabic .content1 .contentBox2 .box {
+  background: url(../images/350ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .content1 .contentBox2 .box .ts {
+  direction: ltr;
+}
+
+.arabic .content1 .contentBox3 .box {
+  background: url(../images/70ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .content1 .contentBox3 .box .ts {
+  direction: ltr;
+}
+
+.arabic .content2 .contentBox1 .box {
+  background: url(../images/7ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .content2 .contentBox1 .box .ts {
+  direction: ltr;
+}
+
+.arabic .content2 .contentBox2 .box {
+  background: url(../images/3500ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .content2 .contentBox2 .box .ts {
+  direction: ltr;
+}
+
+.arabic .content2 .contentBox3 .box {
+  background: url(../images/210ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .content2 .contentBox3 .box .ts {
+  direction: ltr;
+}
+
+.arabic .back img {
+  left: auto;
+  right: 0.24rem;
+  transform: rotate(180deg);
+}
+
+.china .header {
+  background: url(../images/header-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .content1 .contentBox1 .box {
+  background: url(../images/700-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .content1 .contentBox2 .box {
+  background: url(../images/350-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .content1 .contentBox3 .box {
+  background: url(../images/70-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .content2 .contentBox1 .box {
+  background: url(../images/7-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .content2 .contentBox2 .box {
+  background: url(../images/3500-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .content2 .contentBox3 .box {
+  background: url(../images/210-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
--- a/view/molistar/modules/dailyConsumption/css/index.scss
+++ b/view/molistar/modules/dailyConsumption/css/index.scss
@@ -0,0 +1,821 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #290C05;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(44);
+    line-height: px2rem(44);
+    position: fixed;
+    left: 0;
+    top: px2rem(65);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(0);
+    }
+}
+
+.header {
+    width: px2rem(750);
+    height: px2rem(940);
+    background: url(../images/header.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto;
+    position: relative;
+
+    .rule_icon {
+        width: px2rem(140);
+        height: px2rem(50);
+        line-height: px2rem(45);
+        background: url(../images/rule_cion.png) no-repeat;
+        background-size: 100% 100%;
+        color: #FFED70;
+        font-size: px2rem(28);
+        font-weight: 500;
+        position: absolute;
+        top: px2rem(412);
+        right: px2rem(0);
+        text-align: center;
+        text-indent: 2px;
+    }
+
+    .timeBox {
+        width: 7.16rem;
+        height: px2rem(122);
+        box-sizing: border-box;
+        padding: 0 px2rem(50);
+        position: absolute;
+        top: px2rem(636);
+        left: 50%;
+        transform: translateX(-50%);
+        display: flex;
+        justify-content: space-between;
+
+        div {
+            width: px2rem(100);
+            height: px2rem(100);
+            background: url(../images/time.png) no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+            text-align: center;
+            line-height: px2rem(100);
+
+            b {
+                color: #FFED70;
+                font-size: px2rem(44);
+                font-weight: 600;
+                font-family: PingFang SC;
+            }
+
+            span {
+                width: px2rem(180);
+                height: px2rem(36);
+                line-height: px2rem(36);
+                position: absolute;
+                left: 50%;
+                transform: translateX(-50%);
+                bottom: px2rem(-41);
+                text-align: center;
+                color: #FFED70;
+                font-size: px2rem(28);
+                font-weight: 400;
+                font-family: PingFang SC;
+                background: url(../images/timeBg.png) no-repeat;
+                background-size: 100% 100%;
+            }
+        }
+
+        .day {
+            margin-right: px2rem(59);
+        }
+
+        .colon {
+            width: px2rem(16);
+            height: px2rem(40);
+            background: url(../images/colon.png) no-repeat;
+            background-size: 100% 100%;
+            margin: 0 px2rem(17);
+            margin-top: px2rem(41);
+        }
+    }
+}
+
+.myBox {
+    width: px2rem(750);
+    height: px2rem(604);
+    background: url(../images/box.png) no-repeat;
+    background-size: 100% 100%;
+    margin: -1.1rem auto px2rem(35);
+    position: relative;
+
+    .ts {
+        width: px2rem(128);
+        height: px2rem(128);
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(183);
+        z-index: 2;
+    }
+
+    .tx {
+        width: px2rem(128);
+        height: px2rem(128);
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(183);
+        z-index: 1;
+        border-radius: 50%;
+    }
+
+    .name {
+        width: px2rem(360);
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(321);
+        text-align: center;
+        color: #FFED70;
+        font-size: px2rem(28);
+        font-weight: 600;
+    }
+
+    .lineBox {
+        width: px2rem(620);
+        height: px2rem(16);
+        border-radius: px2rem(16);
+        background: #824115;
+        position: absolute;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(439);
+        border-radius: px2rem(16);
+
+        .line {
+            width: 0%;
+            height: 100%;
+            position: absolute;
+            left: 0;
+            top: 0;
+            background: linear-gradient(90deg, #FBF392, #FCB41B);
+            border-radius: px2rem(16);
+        }
+
+        .boxs {
+            width: px2rem(62);
+            height: px2rem(62);
+            background: url(../images/false.png) no-repeat;
+            background-size: 100% 100%;
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+
+            span {
+                height: px2rem(34);
+                line-height: px2rem(34);
+                position: absolute;
+                left: 50%;
+                transform: translate(-50%);
+                top: px2rem(-50);
+                display: flex;
+                color: #FFED70;
+                font-size: px2rem(26);
+                font-weight: 400;
+
+                img {
+                    display: block;
+                    width: px2rem(34);
+                    height: px2rem(34);
+                    margin: 0 px2rem(5);
+                }
+            }
+        }
+
+        .box1 {
+            left: px2rem(150);
+        }
+
+        .box2 {
+            left: px2rem(339);
+        }
+
+        .box3 {
+            right: px2rem(0);
+        }
+
+        .act {
+            background: url(../images/true.png) no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+
+    .tetxBox {
+        width: px2rem(620);
+        display: flex;
+        justify-content: space-between;
+        position: absolute;
+        top: px2rem(480);
+        left: 50%;
+        transform: translateX(-50%);
+        color: #FFED70;
+        font-weight: 400;
+
+        .left {
+            font-size: px2rem(26);
+        }
+
+        .rirgt {
+            font-size: px2rem(28);
+        }
+    }
+}
+
+.tab {
+    width: px2rem(730);
+    height: px2rem(100);
+    margin: 0 auto px2rem(31);
+    display: flex;
+    justify-content: space-between;
+
+    div {
+        width: px2rem(360);
+        height: px2rem(100);
+        line-height: px2rem(100);
+        text-align: center;
+        color: #EBC9B2;
+        font-size: px2rem(30);
+        font-weight: 600;
+        background: url(../images/tab.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .tabbox {
+        background: url(../images/tab2.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .act {
+        color: #290C05;
+        background: url(../images/act.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .act2 {
+        color: #290C05;
+        background: url(../images/tabact2.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+.content1 {
+    width: px2rem(750);
+    height: auto;
+    margin: 0 auto px2rem(31);
+    // display: none;
+
+    .contentBox1,
+    .contentBox2,
+    .contentBox3 {
+        width: 100%;
+        height: px2rem(1244);
+        background: url(../images/bg.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto px2rem(40);
+        position: relative;
+        overflow: hidden;
+
+        .title {
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: 0;
+            width: px2rem(392);
+            height: px2rem(96);
+            line-height: px2rem(96);
+            text-align: center;
+            color: #FFED70;
+            font-size: px2rem(32);
+            font-weight: 600;
+            background: url(../images/title.png) no-repeat;
+            background-size: 100% 100%;
+
+            span {
+                vertical-align: middle;
+                display: inline-block;
+            }
+
+            img {
+                width: px2rem(40);
+                height: px2rem(40);
+                display: inline-block;
+                vertical-align: middle;
+                margin: 0 px2rem(5);
+            }
+        }
+
+        .box {
+            width: px2rem(670);
+            height: px2rem(800);
+            margin: px2rem(158) auto px2rem(10);
+            background: url(../images/700.png) no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+
+            .ts {
+                width: px2rem(160);
+                height: px2rem(160);
+                position: absolute;
+                right: 0.5rem;
+                top: 5.9rem;
+            }
+
+            .zj {
+                width: 5.2rem;
+                height: 8.5rem;
+                position: absolute;
+                left: 0.35rem;
+                top: 0.3rem;
+                overflow: hidden;
+
+                canvas {
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
+            }
+        }
+
+        .priorityWinners {
+            width: 100%;
+            text-align: center;
+            color: #FFED70;
+            font-size: px2rem(32);
+            font-weight: 500;
+            margin-bottom: px2rem(27);
+        }
+
+        .priorityWinnersBox {
+            height: px2rem(120);
+            width: 83%;
+            display: flex;
+            justify-content: space-around;
+            margin: 0 auto;
+
+            div {
+                width: px2rem(120);
+                height: px2rem(120);
+                position: relative;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                    position: absolute;
+                    border-radius: 50%;
+                    left: 0;
+                    top: 0;
+                    border: px2rem(3) #FFED70 solid;
+                }
+
+                span {
+                    width: 100%;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    text-align: center;
+                    color: #FFED70;
+                    font-size: px2rem(26);
+                    font-weight: 500;
+                    text-align: center;
+                    position: absolute;
+                    left: 0;
+                    bottom: -0.6rem;
+                    height: 0.4rem;
+                }
+            }
+        }
+    }
+
+    .contentBox2 {
+        .box {
+            background: url(../images/350.png) no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+
+    .contentBox3 {
+        .box {
+            background: url(../images/70.png) no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+}
+
+.content2 {
+    width: px2rem(750);
+    height: auto;
+    margin: 0 auto px2rem(31);
+    display: none;
+
+    .contentBox1,
+    .contentBox2,
+    .contentBox3 {
+        width: 100%;
+        height: px2rem(1244);
+        background: url(../images/bg.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto px2rem(40);
+        position: relative;
+        overflow: hidden;
+
+        .title {
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: 0;
+            width: px2rem(392);
+            height: px2rem(96);
+            line-height: px2rem(96);
+            text-align: center;
+            color: #FFED70;
+            font-size: px2rem(32);
+            font-weight: 600;
+            background: url(../images/title.png) no-repeat;
+            background-size: 100% 100%;
+
+            span {
+                vertical-align: middle;
+                display: inline-block;
+            }
+
+            img {
+                width: px2rem(40);
+                height: px2rem(40);
+                display: inline-block;
+                vertical-align: middle;
+                margin: 0 px2rem(5);
+            }
+        }
+
+        .box {
+            width: px2rem(670);
+            height: px2rem(800);
+            margin: px2rem(158) auto px2rem(10);
+            background: url(../images/7.png) no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+
+            .ts {
+                width: px2rem(160);
+                height: px2rem(160);
+                position: absolute;
+                right: 0.5rem;
+                top: 3.6rem;
+            }
+
+            .zj {
+                width: 5.2rem;
+                height: 8.5rem;
+                position: absolute;
+                left: 0.35rem;
+                top: 0.3rem;
+                overflow: hidden;
+
+                canvas {
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
+            }
+
+            .zjIcon {
+                width: px2rem(46);
+                height: px2rem(46);
+                position: absolute;
+                left: px2rem(195);
+                top: px2rem(671);
+                z-index: 2;
+            }
+
+            .xzIcon {
+                width: px2rem(46);
+                height: px2rem(46);
+                position: absolute;
+                right: px2rem(90);
+                top: px2rem(671);
+                z-index: 2;
+            }
+        }
+
+        .priorityWinners {
+            width: 100%;
+            text-align: center;
+            color: #FFED70;
+            font-size: px2rem(32);
+            font-weight: 500;
+            margin-bottom: px2rem(27);
+        }
+
+        .priorityWinnersBox {
+            height: px2rem(120);
+            width: 83%;
+            display: flex;
+            justify-content: space-around;
+            margin: 0 auto;
+
+            div {
+                width: px2rem(120);
+                height: px2rem(120);
+                position: relative;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                    position: absolute;
+                    border-radius: 50%;
+                    left: 0;
+                    top: 0;
+                    border: px2rem(3) #FFED70 solid;
+                }
+
+                span {
+                    width: 100%;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    text-align: center;
+                    color: #FFED70;
+                    font-size: px2rem(26);
+                    font-weight: 500;
+                    text-align: center;
+                    position: absolute;
+                    left: 0;
+                    bottom: -0.6rem;
+                }
+            }
+        }
+    }
+
+    .contentBox2 {
+        .box {
+            background: url(../images/3500.png) no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+
+    .contentBox3 {
+        .box {
+            background: url(../images/210.png) no-repeat;
+            background-size: 100% 100%;
+
+            .ts {
+                top: 5.9rem;
+            }
+        }
+    }
+}
+
+.null {
+    width: 100%;
+    text-align: center;
+    color: #FFED70;
+    font-size: px2rem(26);
+    font-weight: 400;
+    opacity: 0.6;
+    margin-bottom: px2rem(40);
+}
+
+.video,
+.video2,
+.video3 {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .5);
+    z-index: 99;
+    display: none;
+
+    video {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        width: 65%;
+    }
+
+    .close {
+        width: px2rem(68);
+        height: px2rem(68);
+        position: absolute;
+        top: 10%;
+        right: px2rem(70);
+        z-index: 9;
+    }
+}
+
+.rule {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .5);
+    z-index: 99;
+    display: none;
+
+    .rule_in {
+        width: px2rem(700);
+        height: px2rem(830);
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background: url(../images/ruleBg.png) no-repeat;
+        background-size: 100% 100%;
+
+        .close {
+            width: px2rem(66);
+            height: px2rem(66);
+            position: absolute;
+            right: 0;
+            top: px2rem(-70);
+        }
+
+        .title {
+            width: px2rem(350);
+            height: px2rem(96);
+            line-height: px2rem(96);
+            text-align: center;
+            color: #FFED70;
+            font-size: px2rem(32);
+            font-weight: 600;
+            position: absolute;
+            top: px2rem(-12);
+            left: 50%;
+            transform: translateX(-50%);
+            background: url(../images/ruleTitle.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .box {
+            width: px2rem(565);
+            height: 8rem;
+            position: absolute;
+            top: px2rem(177);
+            left: 50%;
+            transform: translateX(-50%);
+            overflow-y: scroll;
+
+            &::-webkit-scrollbar {
+                display: none;
+            }
+
+            p {
+                color: #FFED70;
+                font-size: px2rem(28);
+                font-weight: 400;
+                line-height: px2rem(40);
+                margin-bottom: px2rem(34);
+            }
+        }
+    }
+}
+
+.arabic {
+    .header {
+        background: url(../images/header-ar.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .myBox .tetxBox {
+        direction: ltr;
+    }
+
+    .content1 {
+        .contentBox1 {
+            .box {
+                background: url(../images/700ar.png) no-repeat;
+                background-size: 100% 100%;
+
+                .ts {
+                    direction: ltr;
+                }
+            }
+        }
+
+        .contentBox2 {
+            .box {
+                background: url(../images/350ar.png) no-repeat;
+                background-size: 100% 100%;
+
+                .ts {
+                    direction: ltr;
+                }
+            }
+        }
+
+        .contentBox3 {
+            .box {
+                background: url(../images/70ar.png) no-repeat;
+                background-size: 100% 100%;
+
+                .ts {
+                    direction: ltr;
+                }
+            }
+        }
+    }
+
+    .content2 {
+        .contentBox1 {
+            .box {
+                background: url(../images/7ar.png) no-repeat;
+                background-size: 100% 100%;
+
+                .ts {
+                    direction: ltr;
+                }
+            }
+        }
+
+        .contentBox2 {
+            .box {
+                background: url(../images/3500ar.png) no-repeat;
+                background-size: 100% 100%;
+
+                .ts {
+                    direction: ltr;
+                }
+            }
+        }
+
+        .contentBox3 {
+            .box {
+                background: url(../images/210ar.png) no-repeat;
+                background-size: 100% 100%;
+
+                .ts {
+                    direction: ltr;
+                }
+            }
+        }
+    }
+
+    .back img {
+        left: auto;
+        right: 0.24rem;
+        transform: rotate(180deg);
+    }
+}
+
+.china {
+    .header {
+        background: url(../images/header-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+    .content1 .contentBox1 .box{
+        background: url(../images/700-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+    .content1 .contentBox2 .box{
+        background: url(../images/350-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+    .content1 .contentBox3 .box{
+        background: url(../images/70-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+    .content2 .contentBox1 .box{
+        background: url(../images/7-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+    .content2 .contentBox2 .box{
+        background: url(../images/3500-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+    .content2 .contentBox3 .box{
+        background: url(../images/210-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
--- a/view/molistar/modules/dailyConsumption/images/210-zh.png
+++ b/view/molistar/modules/dailyConsumption/images/210-zh.png
--- a/view/molistar/modules/dailyConsumption/images/210.png
+++ b/view/molistar/modules/dailyConsumption/images/210.png
--- a/view/molistar/modules/dailyConsumption/images/210ar.png
+++ b/view/molistar/modules/dailyConsumption/images/210ar.png
--- a/view/molistar/modules/dailyConsumption/images/350-zh.png
+++ b/view/molistar/modules/dailyConsumption/images/350-zh.png
--- a/view/molistar/modules/dailyConsumption/images/350.png
+++ b/view/molistar/modules/dailyConsumption/images/350.png
--- a/view/molistar/modules/dailyConsumption/images/3500-zh.png
+++ b/view/molistar/modules/dailyConsumption/images/3500-zh.png
--- a/view/molistar/modules/dailyConsumption/images/3500.png
+++ b/view/molistar/modules/dailyConsumption/images/3500.png
--- a/view/molistar/modules/dailyConsumption/images/3500ar.png
+++ b/view/molistar/modules/dailyConsumption/images/3500ar.png
--- a/view/molistar/modules/dailyConsumption/images/350ar.png
+++ b/view/molistar/modules/dailyConsumption/images/350ar.png
--- a/view/molistar/modules/dailyConsumption/images/7-zh.png
+++ b/view/molistar/modules/dailyConsumption/images/7-zh.png
--- a/view/molistar/modules/dailyConsumption/images/7.png
+++ b/view/molistar/modules/dailyConsumption/images/7.png
--- a/view/molistar/modules/dailyConsumption/images/70-zh.png
+++ b/view/molistar/modules/dailyConsumption/images/70-zh.png
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
dragon	5358e86b20	新增账单	2024-11-25 15:48:24 +08:00
dragon	156d956f06	‘新增指引公会-阿拉伯’	2024-11-25 14:37:02 +08:00
dragon	65c2c3c868	新增钻石收益查询	2024-11-21 19:17:37 +08:00
dragon	79ba36152d	修改充值提款账户	2024-11-20 10:20:08 +08:00
dragon	03b3d3a6ef	us换钻石icon	2024-11-15 18:42:25 +08:00
dragon	bee9f16782	新增账单	2024-11-15 16:21:25 +08:00
dragon	8903855cd9	修复多语言异常问题	2024-11-13 18:45:43 +08:00
dragon	77b3d815ed	修复金币账单分页异常问题	2024-11-13 16:11:31 +08:00
dragon	373f2c1f19	恢复周星榜风格	2024-11-11 16:40:39 +08:00
dragon	dd00992336	修复英语区公会修改信息异常问题	2024-11-08 11:45:32 +08:00
dragon	5306095111	点击充值拦截-Vodafone	2024-11-07 18:26:32 +08:00
dragon	6ccdfd0d62	新增Vodafone拦截弹出	2024-11-07 18:04:56 +08:00
dragon	e031f686e2	替换cp活动的奖励图	2024-11-07 10:52:56 +08:00
dragon	8960e9a14b	新增账单	2024-11-06 18:57:21 +08:00
dragon	2fd3f19df5	修复阿拉伯语言公会无法上传图片问题	2024-11-05 15:45:22 +08:00
dragon	e7703fda55	修复cp榜单头像异常问题	2024-11-04 18:38:47 +08:00
dragon	0e00fc22fc	砸蛋获奖记录穿语言错误问题	2024-11-01 18:49:57 +08:00
dragon	42f4d1398d	修复弹窗样式	2024-11-01 17:31:33 +08:00
dragon	7f45727107	修改规则	2024-11-01 17:19:19 +08:00
dragon	2abaa57102	优化样式	2024-11-01 15:22:04 +08:00
dragon	021647f8b9	优化样式	2024-11-01 15:11:31 +08:00
dragon	a8c6dcc6ce	修复bug	2024-11-01 14:12:54 +08:00
dragon	adb5cbf70d	完成cp活动	2024-10-31 19:17:27 +08:00
dragon	1d7f1bea2a	优化样式	2024-10-31 18:06:49 +08:00
dragon	eaa63702ca	替换阿语区规则	2024-10-31 17:37:07 +08:00
dragon	c32c2202e8	修改周奖励	2024-10-31 17:16:33 +08:00
dragon	4c4d621ee9	修改英语区周奖励数值	2024-10-31 14:17:26 +08:00
dragon	917ae977e9	替换周奖励英语区规则	2024-10-31 11:59:53 +08:00
dragon	ed8ea3e5f0	清除缓存	2024-10-30 21:34:32 +08:00
dragon	5eeab82f5c	修复切换奖励列表异常问题	2024-10-30 18:29:23 +08:00
dragon	1a887dc70d	样式优化	2024-10-30 18:09:47 +08:00
dragon	c445772a67	修复英语区异常	2024-10-30 16:59:19 +08:00
dragon	891121ea4e	修复调用接口异常问题	2024-10-30 14:31:03 +08:00
dragon	08de8efa12	修复状态按钮异常问题	2024-10-30 14:06:50 +08:00
dragon	191e0bbe0d	新增账单，和修复bug	2024-10-30 13:57:05 +08:00
dragon	672e738456	修复bug	2024-10-30 11:09:32 +08:00
dragon	80f7205acb	修复奖励字段异常问题	2024-10-30 10:20:25 +08:00
dragon	7f30c30f92	完成周奖励公会	2024-10-30 10:13:54 +08:00
dragon	739e512bbc	公会奖励暂存	2024-10-30 10:13:53 +08:00
dragon	a363e8d373	修改账单分页逻辑	2024-10-29 19:22:33 +08:00
dragon	58c9e09ea8	切换音符状态	2024-10-28 14:30:17 +08:00
dragon	22468bdfbc	修复自动播放异常问题	2024-10-28 11:08:13 +08:00
dragon	dc7aec7590	新增音乐周星榜	2024-10-28 10:55:49 +08:00
dragon	7f61d08030	万圣节主题周星榜	2024-10-28 10:55:48 +08:00
dragon	a0d2e78cd4	同步寻爱代码	2024-10-25 16:53:46 +08:00
dragon	8390d53cfb	补齐遗漏多语言	2024-10-25 16:53:45 +08:00
dragon	cd279cc869	修复tost不对问题	2024-10-25 16:53:45 +08:00
dragon	898e9a7a07	修改账单	2024-10-25 16:53:45 +08:00
dragon	be65800ed8	新增账单	2024-10-25 16:53:44 +08:00
dragon	4407ed5926	新增土耳其默认为英语	2024-10-25 16:53:44 +08:00
dragon	f63446e4a2	新增公会动图相关逻辑-英语&阿拉伯	2024-10-25 16:53:44 +08:00
dragon	77402a8e0b	欢乐砸蛋多语言完成	2024-10-25 16:52:03 +08:00
dragon	2b99e05e63	清除缓存	2024-10-16 18:05:44 +08:00
dragon	1693131b47	每日消费-新增华语区翻译	2024-10-16 17:18:16 +08:00
dragon	870d220e1e	完成boom分区规则	2024-10-15 18:07:05 +08:00
dragon	2af6e11cae	boom规则暂存	2024-10-15 18:07:05 +08:00
dragon	70ed4423ed	修复宝箱显示异常问题	2024-10-15 17:00:22 +08:00
dragon	5bfb57a10a	新增等级限制	2024-10-15 16:21:08 +08:00
dragon	d7e85d3562	新增头像边框	2024-10-15 15:58:20 +08:00
dragon	deaf973b3e	修复样式，以及进度异常问题	2024-10-15 15:50:54 +08:00
dragon	911f5b4788	替换svga	2024-10-15 14:31:11 +08:00
dragon	584f1acffe	新增代理人身份判断	2024-10-15 13:50:13 +08:00
dragon	dcb3f8c59e	修复倒计时异常问题	2024-10-15 10:34:47 +08:00
dragon	8556f6f8de	完善每日消费	2024-10-14 17:39:31 +08:00
dragon	131bc932c2	恢复进度条默认值	2024-10-14 15:04:08 +08:00
dragon	dc40dbcf55	完成接口对接，暂存	2024-10-14 11:20:16 +08:00
dragon	31a83a7ece	完成每日消费静态页面暂存	2024-10-12 17:24:00 +08:00
dragon	2d6cb59568	优化样式	2024-10-11 18:23:07 +08:00
dragon	33b0bdd989	修改翻译	2024-10-11 15:21:18 +08:00
dragon	b77ff1a208	修复遗漏翻译	2024-10-11 15:14:25 +08:00
dragon	2b7e6e03b6	优化样式	2024-10-11 14:51:50 +08:00
dragon	9891bf533a	优化靓号申请	2024-10-09 13:44:21 +08:00
dragon	56b8a00b92	修复分页排行榜问题	2024-09-30 17:47:14 +08:00
dragon	cdf647b793	改变砸蛋ios传参	2024-09-30 17:21:44 +08:00
dragon	da4ea9537b	优化排行榜样式	2024-09-30 15:57:41 +08:00
dragon	60a487a1aa	修改背景颜色	2024-09-30 15:50:36 +08:00
dragon	642f9ae7c6	新增砸蛋	2024-09-30 15:34:32 +08:00
dragon	4f318a5cab	修复样式异常问题	2024-09-27 19:02:28 +08:00
dragon	090edcbaf2	调整样式	2024-09-27 15:47:31 +08:00
dragon	a923e32a29	修复提现方式异常问题	2024-09-27 14:54:13 +08:00
dragon	70ef4a6086	修改账户文案标题	2024-09-27 14:49:47 +08:00
dragon	63d5fb3e43	新增优化样式	2024-09-27 12:01:24 +08:00
dragon	0027331d6d	调整样式	2024-09-26 18:01:35 +08:00
dragon	d36dbd7d09	修复提现bug	2024-09-26 17:34:48 +08:00
dragon	bb442ae251	完成提现需求公会	2024-09-26 11:32:09 +08:00
dragon	273361001e	暂存	2024-09-26 10:31:50 +08:00
dragon	f1cf5ccdba	提现暂存	2024-09-26 10:31:50 +08:00
dragon	77a3bea3ef	修改隐私政策	2024-09-25 21:47:08 +08:00
dragon	07db8f5c66	修改隐私政策	2024-09-25 21:11:05 +08:00
dragon	e9b2550677	修改规则隐私政策	2024-09-25 17:49:04 +08:00
dragon	085e5fd422	修复周星异常问题	2024-09-25 17:41:59 +08:00
dragon	83e327e108	修改隐私政策	2024-09-25 17:17:15 +08:00
dragon	9788766176	修改官网暂存	2024-09-25 17:01:28 +08:00
dragon	9d81a08267	修复bug	2024-09-24 19:39:34 +08:00
dragon	7c38236ce6	修复bug	2024-09-24 19:32:13 +08:00
dragon	620292cb98	修复bug	2024-09-24 19:22:34 +08:00
dragon	e66fbe2d0a	修复异常bug	2024-09-24 19:09:40 +08:00
dragon	887e2516ef	修复bug	2024-09-24 18:50:02 +08:00
dragon	bb61ca8109	修复样式和bug	2024-09-24 18:50:02 +08:00
dragon	dfb17a43c0	新增英语区金币收益统计	2024-09-24 18:50:01 +08:00
dragon	1205c31f28	cp规则	2024-09-24 18:33:13 +08:00
dragon	697d93c044	新增cp规则	2024-09-24 10:25:19 +08:00
dragon	791b0c10cf	新增账单类型	2024-09-19 14:39:15 +08:00