新增账单

‘新增指引公会-阿拉伯’
新增钻石收益查询
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
199 changed files with 9433 additions and 169 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/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/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>
@@ -164,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/local/ar.js
+++ b/view/molistar/home/local/ar.js
@@ -45,7 +45,7 @@ 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"> -->
--- a/view/molistar/home/local/en.js
+++ b/view/molistar/home/local/en.js
@@ -44,7 +44,7 @@ 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"> -->
--- a/view/molistar/modules/guild-ar/agencyDiamondIncome.html
+++ b/view/molistar/modules/guild-ar/agencyDiamondIncome.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="ar">
+
+<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/agencyDiamondIncome.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back3.png" alt="">
+        <div class="text1"></div>
+    </div>
+    <!-- 小标题 -->
+    <h3>
+        <b class="text1"></b>
+        <img src="./images/agencyDiamondIncomeWhy.png" alt="">
+        <div>
+            <p class="text2"></p>
+            <p class="text3"></p>
+        </div>
+    </h3>
+    <!-- 时间 -->
+    <div class="time">
+        <div class="start">
+            <b></b>
+            <img src="./images/xia.png" alt="">
+        </div>
+        <span class="text4"></span>
+        <div class="end">
+            <b></b>
+            <img src="./images/xia.png" alt="">
+        </div>
+        <div class="search text7"></div>
+    </div>
+
+    <!-- 当前钻石 -->
+    <div class="diamonds">
+        <img src="./images/agencyDiamondIncomeDom.png" alt="">
+        <span>0</span>
+    </div>
+    <!-- 数据 -->
+    <div class="data">
+        <div class="box">
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="user">
+                <p>Teeery</p>
+                <b>ID:1234567</b>
+            </div>
+            <div class="right">
+                <p>0</p>
+                <b>Diamond income</b>
+            </div>
+        </div>
+    </div>
+
+    <!-- 时间选择器 -->
+    <div class="timeBox">
+        <div class="timeBox_in">
+            <div class="title text5"></div>
+            <h5>GMT+3</h5>
+            <div class="but text6"></div>
+            <ul></ul>
+        </div>
+    </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/agencyDiamondIncome.js"></script>
+<script src="../../common/local/langHandler.js"></script>
--- a/view/molistar/modules/guild-ar/css/agencyDiamondIncome.css
+++ b/view/molistar/modules/guild-ar/css/agencyDiamondIncome.css
@@ -0,0 +1,355 @@
+html,
+body {
+  width: 100%;
+  height: 17.78667rem;
+  background: #fff;
+}
+
+.back {
+  width: 100%;
+  height: 2.34667rem;
+  position: fixed;
+  left: 0;
+  top: 0rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+  background: #fff;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 1.46667rem;
+  z-index: 2;
+}
+
+.back div {
+  width: 100%;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  color: #313131;
+  text-align: center;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.46667rem;
+}
+
+h3 {
+  width: 9.14667rem;
+  height: 0.48rem;
+  line-height: 0.48rem;
+  margin: 2.6rem auto 0.37333rem;
+  color: #313131;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  position: relative;
+}
+
+h3 b {
+  color: #313131;
+  font-size: 0.42667rem;
+  font-weight: 600;
+}
+
+h3 img {
+  display: inline-block;
+  width: 0.48rem;
+  height: 0.48rem;
+  margin-top: 0.02667rem;
+}
+
+h3 div {
+  width: 4.61333rem;
+  box-sizing: border-box;
+  padding: 0.21333rem;
+  position: absolute;
+  background: #F7F7F7;
+  border-radius: 0.21333rem;
+  right: -0.26667rem;
+  bottom: -2.93333rem;
+  display: none;
+}
+
+h3 div p {
+  color: #313131;
+  font-weight: 400;
+  line-height: 0.45333rem;
+  font-size: 0.32rem;
+}
+
+.time {
+  width: 9.14667rem;
+  height: 0.85333rem;
+  line-height: 0.85333rem;
+  margin: 0 auto 0.48rem;
+  display: flex;
+  justify-content: space-around;
+}
+
+.time .start {
+  width: 3.04rem;
+  height: 0.85333rem;
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 0 0.18667rem;
+  background: #F2F3F7;
+  border-radius: 0.21333rem;
+}
+
+.time .start img {
+  width: 0.56rem;
+  height: 0.56rem;
+  display: block;
+  margin-top: 0.18667rem;
+}
+
+.time span {
+  width: 0.45333rem;
+  color: #7B7B7D;
+  font-size: 0.37333rem;
+  font-weight: 400;
+}
+
+.time .end {
+  width: 3.04rem;
+  height: 0.85333rem;
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 0 0.18667rem;
+  background: #F2F3F7;
+  border-radius: 0.21333rem;
+}
+
+.time .end img {
+  width: 0.56rem;
+  height: 0.56rem;
+  display: block;
+  margin-top: 0.18667rem;
+}
+
+.time .search {
+  width: 1.89333rem;
+  height: 0.85333rem;
+  border-radius: 0.85333rem;
+  line-height: 0.8rem;
+  text-align: center;
+  background: #04D5C6;
+  color: #fff;
+  font-size: 0.37333rem;
+  font-weight: 400;
+}
+
+.diamonds {
+  width: 9.14667rem;
+  height: 0.74667rem;
+  line-height: 0.64rem;
+  text-align: center;
+  margin: 0 auto 0.48rem;
+}
+
+.diamonds img {
+  width: 0.74667rem;
+  height: 0.74667rem;
+  display: inline-block;
+  margin-right: 0.13333rem;
+}
+
+.diamonds span {
+  color: #313131;
+  font-size: 0.53333rem;
+  font-weight: 600;
+}
+
+.data {
+  width: 9.14667rem;
+  height: 13rem;
+  margin: 0 auto 0rem;
+  overflow-y: scroll;
+}
+
+.data::-webkit-scrollbar {
+  display: none;
+}
+
+.data .box {
+  width: 100%;
+  height: 1.94667rem;
+  border-radius: 0.21333rem;
+  background: #DBF6FF;
+  box-sizing: border-box;
+  padding: 0 0.24rem;
+  margin-bottom: 0.26667rem;
+}
+
+.data .box .tx {
+  float: left;
+  width: 1.46667rem;
+  height: 1.46667rem;
+  border-radius: 50%;
+  display: block;
+  margin-top: 0.24rem;
+  margin-right: 0.21333rem;
+}
+
+.data .box .user {
+  width: 3.33333rem;
+  float: left;
+}
+
+.data .box .user p {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #333333;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  margin-top: 0.53333rem;
+  margin-bottom: 0.13333rem;
+}
+
+.data .box .user b {
+  color: #7B7B7D;
+  font-size: 0.34667rem;
+  font-weight: 400;
+}
+
+.data .box .right {
+  float: right;
+  text-align: right;
+}
+
+.data .box .right p {
+  color: #313131;
+  font-size: 0.48rem;
+  font-weight: 600;
+  margin-top: 0.45333rem;
+  margin-bottom: 0.2rem;
+}
+
+.data .box .right b {
+  color: #313131;
+  font-size: 0.34667rem;
+  font-weight: 400;
+}
+
+.timeBox {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 99;
+  display: none;
+}
+
+.timeBox .timeBox_in {
+  width: 10rem;
+  height: 8.53333rem;
+  border-radius: 0.42667rem 0.42667rem 0 0;
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.timeBox .timeBox_in .title {
+  width: 100%;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  text-align: center;
+  color: #313131;
+  font-weight: 500;
+  font-size: 0.42667rem;
+  position: absolute;
+  top: 0.32rem;
+  left: 0;
+}
+
+.timeBox .timeBox_in .but {
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  position: absolute;
+  right: 0.42667rem;
+  top: 0.32rem;
+  z-index: 2;
+  color: #24CF9E;
+  font-size: 0.42667rem;
+  font-weight: 500;
+}
+
+.timeBox .timeBox_in h5 {
+  color: #AFB1B3;
+  width: 100%;
+  height: 0.45333rem;
+  line-height: 0.45333rem;
+  font-size: 0.32rem;
+  font-weight: 400;
+  text-align: center;
+  position: absolute;
+  left: 0;
+  top: 1.01333rem;
+}
+
+.timeBox .timeBox_in ul {
+  width: 10rem;
+  height: 6rem;
+  margin-top: 1.6rem;
+  overflow-y: scroll;
+}
+
+.timeBox .timeBox_in ul::-webkit-scrollbar {
+  display: none;
+}
+
+.timeBox .timeBox_in ul li {
+  width: 100%;
+  text-align: center;
+  height: 0.85333rem;
+  line-height: 0.85333rem;
+  color: #7B7B7D;
+  font-size: 0.4rem;
+  font-weight: 400;
+}
+
+.timeBox .timeBox_in ul .act {
+  background: #F4F4F4;
+  font-weight: 500;
+  color: #313131;
+}
+
+.arabic .back img {
+  left: auto;
+  right: 0.24rem;
+  transform: rotate(180deg);
+}
+
+.arabic h3 div {
+  right: auto;
+  left: -0.26667rem;
+}
+
+.arabic .data .box .tx {
+  float: right;
+  margin-left: 0.2rem;
+  margin-right: 0;
+}
+
+.arabic .data .box .user {
+  float: right;
+}
+
+.arabic .data .box .right {
+  float: left;
+  text-align: left;
+}
--- a/view/molistar/modules/guild-ar/css/agencyDiamondIncome.scss
+++ b/view/molistar/modules/guild-ar/css/agencyDiamondIncome.scss
@@ -0,0 +1,365 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1334);
+    background: #fff;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(176);
+    position: fixed;
+    left: 0;
+    top: px2rem(0);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+    background: #fff;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(110);
+        z-index: 2;
+    }
+
+    div {
+        width: 100%;
+        height: px2rem(44);
+        line-height: px2rem(44);
+        color: #313131;
+        text-align: center;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(110);
+    }
+}
+
+h3 {
+    width: px2rem(686);
+    height: px2rem(36);
+    line-height: px2rem(36);
+    margin: 2.6rem auto px2rem(28);
+    color: #313131;
+    font-size: px2rem(32);
+    font-weight: 600;
+    position: relative;
+
+    b {
+        color: #313131;
+        font-size: px2rem(32);
+        font-weight: 600;
+    }
+
+    img {
+        display: inline-block;
+        width: px2rem(36);
+        height: px2rem(36);
+        margin-top: px2rem(2);
+    }
+
+    div {
+        width: px2rem(346);
+        box-sizing: border-box;
+        padding: px2rem(16);
+        position: absolute;
+        background: #F7F7F7;
+        border-radius: px2rem(16);
+        right: px2rem(-20);
+        bottom: px2rem(-220);
+        display: none;
+
+        p {
+            color: #313131;
+            font-weight: 400;
+            line-height: px2rem(34);
+            font-size: px2rem(24);
+        }
+    }
+}
+
+.time {
+    width: px2rem(686);
+    height: px2rem(64);
+    line-height: px2rem(64);
+    margin: 0 auto px2rem(36);
+    display: flex;
+    justify-content: space-around;
+
+    .start {
+        width: px2rem(228);
+        height: px2rem(64);
+        display: flex;
+        justify-content: space-between;
+        box-sizing: border-box;
+        padding: 0 px2rem(14);
+        background: #F2F3F7;
+        border-radius: px2rem(16);
+
+        img {
+            width: px2rem(42);
+            height: px2rem(42);
+            display: block;
+            margin-top: px2rem(14);
+        }
+    }
+
+    span {
+        width: px2rem(34);
+        color: #7B7B7D;
+        font-size: px2rem(28);
+        font-weight: 400;
+    }
+
+    .end {
+        width: px2rem(228);
+        height: px2rem(64);
+        display: flex;
+        justify-content: space-between;
+        box-sizing: border-box;
+        padding: 0 px2rem(14);
+        background: #F2F3F7;
+        border-radius: px2rem(16);
+
+        img {
+            width: px2rem(42);
+            height: px2rem(42);
+            display: block;
+            margin-top: px2rem(14);
+        }
+    }
+
+    .search {
+        width: px2rem(142);
+        height: px2rem(64);
+        border-radius: px2rem(64);
+        line-height: px2rem(60);
+        text-align: center;
+        background: #04D5C6;
+        color: #fff;
+        font-size: px2rem(28);
+        font-weight: 400;
+    }
+}
+
+.diamonds {
+    width: px2rem(686);
+    height: px2rem(56);
+    line-height: px2rem(48);
+    // display: flex;
+    text-align: center;
+    margin: 0 auto px2rem(36);
+
+    img {
+        width: px2rem(56);
+        height: px2rem(56);
+        display: inline-block;
+        margin-right: px2rem(10);
+    }
+
+    span {
+        color: #313131;
+        font-size: px2rem(40);
+        font-weight: 600;
+    }
+
+}
+
+.data {
+    width: px2rem(686);
+    height: 13rem;
+    margin: 0 auto px2rem(0);
+    overflow-y: scroll;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+
+    .box {
+        width: 100%;
+        height: px2rem(146);
+        border-radius: px2rem(16);
+        background: #DBF6FF;
+        box-sizing: border-box;
+        padding: 0 px2rem(18);
+        margin-bottom: px2rem(20);
+
+        .tx {
+            float: left;
+            width: px2rem(110);
+            height: px2rem(110);
+            border-radius: 50%;
+            display: block;
+            margin-top: px2rem(18);
+            margin-right: px2rem(16);
+        }
+
+        .user {
+            width: px2rem(250);
+            float: left;
+
+            p {
+                width: 100%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                color: #333333;
+                font-size: px2rem(32);
+                font-weight: 600;
+                margin-top: px2rem(40);
+                margin-bottom: px2rem(10);
+            }
+
+            b {
+                color: #7B7B7D;
+                font-size: px2rem(26);
+                font-weight: 400;
+            }
+        }
+
+        .right {
+            float: right;
+            text-align: right;
+
+            p {
+                color: #313131;
+                font-size: px2rem(36);
+                font-weight: 600;
+                margin-top: px2rem(34);
+                margin-bottom: px2rem(15);
+            }
+
+            b {
+                color: #313131;
+                font-size: px2rem(26);
+                font-weight: 400;
+            }
+        }
+    }
+}
+
+.timeBox {
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, .5);
+    z-index: 99;
+    display: none;
+
+    .timeBox_in {
+        width: px2rem(750);
+        height: px2rem(640);
+        border-radius: px2rem(32) px2rem(32) 0 0;
+        background: #fff;
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+
+        .title {
+            width: 100%;
+            height: px2rem(44);
+            line-height: px2rem(44);
+            text-align: center;
+            color: #313131;
+            font-weight: 500;
+            font-size: px2rem(32);
+            position: absolute;
+            top: px2rem(24);
+            left: 0;
+        }
+
+        .but {
+            height: px2rem(44);
+            line-height: px2rem(44);
+            position: absolute;
+            right: px2rem(32);
+            top: px2rem(24);
+            z-index: 2;
+            color: #24CF9E;
+            font-size: px2rem(32);
+            font-weight: 500;
+        }
+
+        h5 {
+            color: #AFB1B3;
+            width: 100%;
+            height: px2rem(34);
+            line-height: px2rem(34);
+            font-size: px2rem(24);
+            font-weight: 400;
+            text-align: center;
+            position: absolute;
+            left: 0;
+            top: px2rem(76);
+        }
+
+        ul {
+            width: px2rem(750);
+            height: 6rem;
+            margin-top: px2rem(120);
+            overflow-y: scroll;
+
+            &::-webkit-scrollbar {
+                display: none;
+            }
+
+            li {
+                width: 100%;
+                text-align: center;
+                height: px2rem(64);
+                line-height: px2rem(64);
+                color: #7B7B7D;
+                font-size: px2rem(30);
+                font-weight: 400;
+            }
+
+            .act {
+                background: #F4F4F4;
+                font-weight: 500;
+                color: #313131;
+            }
+        }
+    }
+}
+
+.arabic {
+    .back img {
+        left: auto;
+        right: 0.24rem;
+        transform: rotate(180deg);
+    }
+
+    h3 div {
+        right: auto;
+        left: -0.26667rem;
+    }
+
+    .data .box {
+        .tx {
+            float: right;
+            margin-left: 0.2rem;
+            margin-right: 0;
+        }
+
+        .user {
+            float: right;
+        }
+
+        .right {
+            float: left;
+            text-align: left;
+        }
+    }
+}
--- a/view/molistar/modules/guild-ar/css/guide.css
+++ b/view/molistar/modules/guild-ar/css/guide.css
@@ -0,0 +1,61 @@
+html,
+body {
+  width: 100%;
+  height: 17.78667rem;
+  background: #F5F7F9;
+  box-sizing: border-box;
+  padding: 1.6rem 0.36rem 0 0.36rem;
+  box-sizing: border-box;
+}
+
+.back {
+  width: 100%;
+  height: 2.66667rem;
+  line-height: 3.46667rem;
+  position: fixed;
+  left: 0;
+  top: 0rem;
+  text-align: center;
+  color: #333333;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+  background: #fff;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 32%;
+}
+
+p {
+  color: #000000;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  float: right;
+  width: 100%;
+  margin-bottom: 0.46667rem;
+}
+
+.title {
+  margin-bottom: 0.69333rem;
+}
+
+img {
+  display: block;
+  width: 3.77333rem;
+  margin: 0.33333rem 0;
+}
+
+.null {
+  height: 0.48rem;
+}
+
+.arabic .back img {
+  transform: rotate(180deg);
+  left: auto;
+  right: 0.24rem;
+}
--- a/view/molistar/modules/guild-ar/css/guide.scss
+++ b/view/molistar/modules/guild-ar/css/guide.scss
@@ -0,0 +1,67 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1334);
+    background: #F5F7F9;
+    box-sizing: border-box;
+    padding: px2rem(120) px2rem(27) 0 px2rem(27);
+    box-sizing: border-box;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(200);
+    line-height: px2rem(260);
+    position: fixed;
+    left: 0;
+    top: px2rem(0);
+    text-align: center;
+    color: #333333;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+    background: #fff;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: 32%;
+    }
+}
+
+p {
+    color: #000000;
+    font-size: px2rem(28);
+    font-weight: 400;
+    float: right;
+    width: 100%;
+    margin-bottom: px2rem(35);
+}
+
+.title {
+    margin-bottom: px2rem(52);
+}
+
+img {
+    display: block;
+    width: px2rem(283);
+    margin: px2rem(25) 0;
+    // float: right;
+}
+.null{
+    height: px2rem(36);
+}
+
+.arabic {
+    .back img {
+        transform: rotate(180deg);
+        left: auto;
+        right: 0.24rem;
+    }
+}
--- a/view/molistar/modules/guild-ar/css/guildInfoSet.css
+++ b/view/molistar/modules/guild-ar/css/guildInfoSet.css
@@ -180,3 +180,7 @@ h3 {
  left: auto;
  right: 2.5rem;
 }
+
+.arabic .background input {
+  right: 4.7rem;
+}
--- a/view/molistar/modules/guild-ar/css/guildInfoSet.scss
+++ b/view/molistar/modules/guild-ar/css/guildInfoSet.scss
@@ -186,4 +186,7 @@ h3 {
        left: auto;
        right: 2.5rem;
    }
+    .background input{
+        right: 4.7rem;
+    }
 }
--- a/view/molistar/modules/guild-ar/css/index.css
+++ b/view/molistar/modules/guild-ar/css/index.css
@@ -2,6 +2,7 @@ html,
 body {
  width: 100%;
  background: #fff;
+  overflow-x: hidden;
 }

 .back {
@@ -32,6 +33,7 @@ body {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
+  display: none;
 }

 .header {
@@ -177,6 +179,8 @@ body {
  text-align: left;
  box-sizing: border-box;
  padding: 0 0.13333rem;
+  position: relative;
+  word-spacing: normal;
 }

 .headerBox .headerBox_in div img {
@@ -186,6 +190,12 @@ body {
  vertical-align: middle;
 }

+.headerBox .headerBox_in div .why {
+  width: 0.53333rem;
+  height: 0.53333rem;
+  margin-top: -0.06667rem;
+}
+
 .headerBox .headerBox_in div span {
  display: inline-block;
  color: #313131;
@@ -200,6 +210,228 @@ body {
  background: #FFEFE5;
 }

+.weeklyRewards {
+  width: 10rem;
+  height: 4.8rem;
+  margin: 0.34667rem auto 0;
+}
+
+.weeklyRewards .top {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 0.33333rem;
+  height: 0.66667rem;
+  line-height: 0.66667rem;
+  margin-top: 0.41333rem;
+  position: relative;
+}
+
+.weeklyRewards .top span {
+  float: left;
+  width: 0.10667rem;
+  height: 0.45333rem;
+  background: #04D5C6;
+  border-radius: 9.22667rem;
+  margin: 0.10667rem 0.13333rem 0;
+  display: block;
+}
+
+.weeklyRewards .top b {
+  float: left;
+  font-size: 0.48rem;
+  color: #313131;
+  font-weight: bold;
+  display: block;
+  margin-right: 0.09333rem;
+}
+
+.weeklyRewards .top i {
+  display: block;
+  font-size: 0.48rem;
+  color: #313131;
+  float: left;
+  font-style: normal;
+}
+
+.weeklyRewards .top img {
+  display: block;
+  float: right;
+  width: 0.56rem;
+  height: 0.56rem;
+  margin-top: 0.05333rem;
+}
+
+.weeklyRewards .weeklyRewards_in {
+  width: 9.14667rem;
+  height: 4.05333rem;
+  background: linear-gradient(180deg, #FFA13C 0%, #FF563D 100%);
+  border-radius: 0.42667rem;
+  margin: 0.26667rem auto 0.26667rem;
+  position: relative;
+  overflow: hidden;
+}
+
+.weeklyRewards .weeklyRewards_in .topImg {
+  width: 9.14667rem;
+  height: 1.01333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0;
+}
+
+.weeklyRewards .weeklyRewards_in .title {
+  width: 9.14667rem;
+  height: 1.01333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0;
+  line-height: 1.01333rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.37333rem;
+  font-weight: 600;
+}
+
+.weeklyRewards .weeklyRewards_in .box {
+  width: 8.66667rem;
+  height: 2.16rem;
+  background: #fff;
+  margin: 1.01333rem auto 0.21333rem;
+  border-radius: 0.42667rem;
+  box-sizing: border-box;
+  padding: 0 0.24rem;
+}
+
+.weeklyRewards .weeklyRewards_in .box .left {
+  float: left;
+  width: 1.68rem;
+}
+
+.weeklyRewards .weeklyRewards_in .box .left .gold {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  margin-top: 0.64rem;
+  display: block;
+  margin: 0.24rem auto 0.02667rem;
+}
+
+.weeklyRewards .weeklyRewards_in .box .left span {
+  display: block;
+  width: 100%;
+  text-align: center;
+  color: #313131;
+  font-size: 0.34667rem;
+  font-weight: 600;
+  height: 0.48rem;
+  line-height: 0.48rem;
+  margin: 0 auto 0.08rem;
+}
+
+.weeklyRewards .weeklyRewards_in .box .left .get {
+  width: 1.38667rem;
+  height: 0.50667rem;
+  line-height: 0.50667rem;
+  text-align: center;
+  color: #AFB1B3;
+  font-size: 0.32rem;
+  font-weight: 500;
+  border-radius: 0.50667rem;
+  border: 0.02667rem solid #AFB1B3;
+  margin: 0 auto;
+}
+
+.weeklyRewards .weeklyRewards_in .box .left .getAct {
+  background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
+  border: none;
+  color: #fff;
+}
+
+.weeklyRewards .weeklyRewards_in .box .left .getOut {
+  background: #CDCED6;
+  border: none;
+  color: #fff;
+}
+
+.weeklyRewards .weeklyRewards_in .box .right {
+  float: right;
+  width: 6.21333rem;
+  margin-top: 0.4rem;
+}
+
+.weeklyRewards .weeklyRewards_in .box .right .textTop {
+  width: 100%;
+  height: 0.45333rem;
+  line-height: 0.45333rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 0 auto 0.21333rem;
+}
+
+.weeklyRewards .weeklyRewards_in .box .right .textTop .l {
+  color: #313131;
+  font-size: 0.34667rem;
+  font-weight: 500;
+}
+
+.weeklyRewards .weeklyRewards_in .box .right .textTop .r {
+  color: #7B7B7D;
+  font-size: 0.32rem;
+  font-weight: 400;
+}
+
+.weeklyRewards .weeklyRewards_in .box .right .textTop .r img {
+  display: inline-block;
+  width: 0.45333rem;
+  height: 0.45333rem;
+  margin: 0 0.05333rem;
+}
+
+.weeklyRewards .weeklyRewards_in .box .right .line {
+  width: 100%;
+  height: 0.21333rem;
+  position: relative;
+  background: #FCD7B3;
+  border-radius: 0.21333rem;
+  position: relative;
+  overflow: hidden;
+}
+
+.weeklyRewards .weeklyRewards_in .box .right .line .line_in {
+  width: 0%;
+  height: 100%;
+  background: #FF8C00;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0.08rem;
+  height: 0.45333rem;
+  line-height: 0.45333rem;
+}
+
+.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress span,
+.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress b {
+  color: #7B7B7D;
+  font-size: 0.32rem;
+  font-weight: 400;
+}
+
+.weeklyRewards .weeklyRewards_in .bottom {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 0.24rem;
+  color: #FFFFFF;
+  font-weight: 400;
+  font-size: 0.32rem;
+}
+
 .agencylevel {
  width: 10rem;
  height: 3.62667rem;
@@ -287,7 +519,7 @@ body {
  position: absolute;
  top: 0;
  left: 0;
-  width: 10%;
+  width: 0%;
  background: #04D5C6;
  height: 100%;
 }
@@ -560,6 +792,19 @@ body {
  color: #fff;
 }

+.arabic .weeklyRewards .weeklyRewards_in .box .left {
+  float: right;
+}
+
+.arabic .weeklyRewards .weeklyRewards_in .box .right {
+  float: left;
+}
+
+.arabic .weeklyRewards .weeklyRewards_in .box .right .line .line_in {
+  left: auto;
+  right: 0;
+}
+
 .arabic .back img {
  left: auto;
  right: 0.24rem;
--- a/view/molistar/modules/guild-ar/css/index.scss
+++ b/view/molistar/modules/guild-ar/css/index.scss
@@ -7,6 +7,7 @@ body {
    width: 100%;
    // height: px2rem(1334);
    background: #fff;
+    overflow-x: hidden;
 }

 .back {
@@ -36,6 +37,7 @@ body {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
+        display: none;

    }
 }
@@ -182,6 +184,8 @@ body {
            text-align: left;
            box-sizing: border-box;
            padding: 0 px2rem(10);
+            position: relative;
+            word-spacing: normal;

            img {
                display: inline;
@@ -190,6 +194,16 @@ body {
                vertical-align: middle;
            }

+            .why {
+                width: px2rem(40);
+                height: px2rem(40);
+                margin-top: px2rem(-5);
+                // right: px2rem(50);
+                // top: 53%;
+                // transform: translateY(-50%);
+                // position: absolute;
+            }
+
            span {
                display: inline-block;
                color: #313131;
@@ -207,6 +221,228 @@ body {
    }
 }

+.weeklyRewards {
+    width: px2rem(750);
+    height: px2rem(360);
+    margin: px2rem(26) auto 0;
+
+    .top {
+        width: 100%;
+        box-sizing: border-box;
+        padding: 0 px2rem(25);
+        height: px2rem(50);
+        line-height: px2rem(50);
+        margin-top: px2rem(31);
+        position: relative;
+
+        span {
+            float: left;
+            width: px2rem(8);
+            height: px2rem(34);
+            background: #04D5C6;
+            border-radius: px2rem(692);
+            margin: px2rem(8) px2rem(10) 0;
+            display: block;
+        }
+
+        b {
+            float: left;
+            font-size: px2rem(36);
+            color: #313131;
+            font-weight: bold;
+            display: block;
+            margin-right: px2rem(7);
+        }
+
+        i {
+            display: block;
+            font-size: px2rem(36);
+            color: #313131;
+            float: left;
+            font-style: normal;
+        }
+
+        img {
+            display: block;
+            float: right;
+            width: px2rem(42);
+            height: px2rem(42);
+            margin-top: px2rem(4);
+        }
+    }
+
+    .weeklyRewards_in {
+        width: px2rem(686);
+        height: px2rem(304);
+        background: linear-gradient(180deg, #FFA13C 0%, #FF563D 100%);
+        border-radius: px2rem(32);
+        margin: px2rem(20) auto px2rem(20);
+        position: relative;
+        overflow: hidden;
+
+        .topImg {
+            width: px2rem(686);
+            height: px2rem(76);
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: 0;
+        }
+
+        .title {
+            width: px2rem(686);
+            height: px2rem(76);
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: 0;
+            line-height: px2rem(76);
+            text-align: center;
+            color: #FFFFFF;
+            font-size: px2rem(28);
+            font-weight: 600;
+        }
+
+        .box {
+            width: px2rem(650);
+            height: px2rem(162);
+            background: #fff;
+            margin: px2rem(76) auto px2rem(16);
+            border-radius: px2rem(32);
+            box-sizing: border-box;
+            padding: 0 px2rem(18);
+
+            .left {
+                float: left;
+                width: px2rem(126);
+
+                .gold {
+                    width: px2rem(44);
+                    height: px2rem(44);
+                    margin-top: px2rem(48);
+                    display: block;
+                    margin: px2rem(18) auto px2rem(2);
+                }
+
+                span {
+                    display: block;
+                    width: 100%;
+                    text-align: center;
+                    color: #313131;
+                    font-size: px2rem(26);
+                    font-weight: 600;
+                    height: px2rem(36);
+                    line-height: px2rem(36);
+                    margin: 0 auto px2rem(6);
+                }
+
+                .get {
+                    width: px2rem(104);
+                    height: px2rem(38);
+                    line-height: px2rem(38);
+                    text-align: center;
+                    color: #AFB1B3;
+                    font-size: px2rem(24);
+                    font-weight: 500;
+                    border-radius: px2rem(38);
+                    border: px2rem(2) solid #AFB1B3;
+                    margin: 0 auto;
+                }
+
+                .getAct {
+                    background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
+                    border: none;
+                    color: #fff;
+                }
+
+                .getOut {
+                    background: #CDCED6;
+                    border: none;
+                    color: #fff;
+                }
+            }
+
+            .right {
+                float: right;
+                width: px2rem(466);
+                margin-top: px2rem(30);
+
+                .textTop {
+                    width: 100%;
+                    height: px2rem(34);
+                    line-height: px2rem(34);
+                    display: flex;
+                    justify-content: space-between;
+                    margin: 0 auto px2rem(16);
+
+                    .l {
+                        color: #313131;
+                        font-size: px2rem(26);
+                        font-weight: 500;
+                    }
+
+                    .r {
+                        color: #7B7B7D;
+                        font-size: px2rem(24);
+                        font-weight: 400;
+
+                        img {
+                            display: inline-block;
+                            width: px2rem(34);
+                            height: px2rem(34);
+                            margin: 0 px2rem(4);
+                        }
+                    }
+                }
+
+                .line {
+                    width: 100%;
+                    height: px2rem(16);
+                    position: relative;
+                    background: #FCD7B3;
+                    border-radius: px2rem(16);
+                    position: relative;
+                    overflow: hidden;
+
+                    .line_in {
+                        width: 0%;
+                        height: 100%;
+                        background: #FF8C00;
+                        position: absolute;
+                        left: 0;
+                        top: 0;
+                    }
+                }
+
+                .speedOfProgress {
+                    width: 100%;
+                    display: flex;
+                    justify-content: space-between;
+                    margin-top: px2rem(6);
+                    height: px2rem(34);
+                    line-height: px2rem(34);
+
+                    span,
+                    b {
+                        color: #7B7B7D;
+                        font-size: px2rem(24);
+                        font-weight: 400;
+                    }
+                }
+            }
+        }
+
+        .bottom {
+            width: 100%;
+            box-sizing: border-box;
+            padding: 0 px2rem(18);
+            color: #FFFFFF;
+            font-weight: 400;
+            font-size: px2rem(24);
+        }
+    }
+}
+
 .agencylevel {
    width: px2rem(750);
    height: px2rem(272);
@@ -291,7 +527,7 @@ body {
                position: absolute;
                top: 0;
                left: 0;
-                width: 10%;
+                width: 0%;
                background: #04D5C6;
                height: 100%;
            }
@@ -577,6 +813,19 @@ body {


 .arabic {
+    .weeklyRewards .weeklyRewards_in .box .left {
+        float: right;
+    }
+
+    .weeklyRewards .weeklyRewards_in .box .right {
+        float: left;
+    }
+
+    .weeklyRewards .weeklyRewards_in .box .right .line .line_in {
+        left: auto;
+        right: 0;
+    }
+
    .back img {
        left: auto;
        right: 0.24rem;
--- a/view/molistar/modules/guild-ar/css/personal.css
+++ b/view/molistar/modules/guild-ar/css/personal.css
@@ -441,6 +441,10 @@ body {
  font-weight: 600;
 }

+.page2 .agentSalaryInfo .top b img {
+  float: right;
+}
+
 .page2 .agentSalaryInfo .bottom {
  width: 100%;
  height: 1.76rem;
@@ -529,6 +533,54 @@ body {
  margin-top: 0.10667rem;
 }

+.page2 .agencyDiamondIncome {
+  width: 9.14667rem;
+  height: 0.66667rem;
+  line-height: 0.66667rem;
+  position: relative;
+  margin: 0 auto 0.33333rem;
+  display: none;
+}
+
+.page2 .agencyDiamondIncome span {
+  position: absolute;
+  width: 0.10667rem;
+  height: 0.45333rem;
+  top: 50%;
+  transform: translateY(-50%);
+  left: -0.26667rem;
+  background: #04D5C6;
+}
+
+.page2 .agencyDiamondIncome b {
+  display: block;
+  float: left;
+  color: #313131;
+  font-size: 0.48rem;
+  font-weight: 600;
+}
+
+.page2 .agencyDiamondIncome i {
+  font-style: normal;
+  display: block;
+  float: left;
+  height: 0.45333rem;
+  border-radius: 0.45333rem;
+  line-height: 0.45333rem;
+  padding: 0.05333rem 0.21333rem;
+  background: #313131;
+  color: #fff;
+  margin: 0.10667rem 0.26667rem 0;
+}
+
+.page2 .agencyDiamondIncome img {
+  float: right;
+  display: block;
+  width: 0.56rem;
+  height: 0.56rem;
+  margin-top: 0.10667rem;
+}
+
 .page2 .data {
  width: 9.14667rem;
  height: 13rem;
@@ -731,3 +783,17 @@ body {
  right: 0.24rem;
  transform: rotate(180deg);
 }
+
+.arabic .page2 .agencyDiamondIncome span {
+  left: auto;
+  right: -0.26667rem;
+}
+
+.arabic .page2 .agencyDiamondIncome b {
+  float: right;
+}
+
+.arabic .page2 .agencyDiamondIncome img {
+  float: left;
+  transform: rotate(180deg);
+}
--- a/view/molistar/modules/guild-ar/css/personal.scss
+++ b/view/molistar/modules/guild-ar/css/personal.scss
@@ -445,6 +445,10 @@ body {
                color: #313131;
                font-size: px2rem(36);
                font-weight: 600;
+
+                img {
+                    float: right;
+                }
            }
        }

@@ -537,6 +541,54 @@ body {
        }
    }

+    .agencyDiamondIncome {
+        width: px2rem(686);
+        height: px2rem(50);
+        line-height: px2rem(50);
+        position: relative;
+        margin: 0 auto px2rem(25);
+        display: none;
+
+        span {
+            position: absolute;
+            width: px2rem(8);
+            height: px2rem(34);
+            top: 50%;
+            transform: translateY(-50%);
+            left: px2rem(-20);
+            background: #04D5C6;
+        }
+
+        b {
+            display: block;
+            float: left;
+            color: #313131;
+            font-size: px2rem(36);
+            font-weight: 600;
+        }
+
+        i {
+            font-style: normal;
+            display: block;
+            float: left;
+            height: px2rem(34);
+            border-radius: px2rem(34);
+            line-height: px2rem(34);
+            padding: px2rem(4) px2rem(16);
+            background: #313131;
+            color: #fff;
+            margin: px2rem(8) px2rem(20) 0;
+        }
+
+        img {
+            float: right;
+            display: block;
+            width: px2rem(42);
+            height: px2rem(42);
+            margin-top: px2rem(8);
+        }
+    }
+
    .data {
        width: px2rem(686);
        height: 13rem;
@@ -754,4 +806,21 @@ body {
        right: 0.24rem;
        transform: rotate(180deg);
    }
+
+    .page2 .agencyDiamondIncome {
+        span {
+            left: auto;
+            right: -0.26667rem;
+        }
+
+        b {
+            float: right;
+
+        }
+
+        img {
+            float: left;
+            transform: rotate(180deg);
+        }
+    }
 }
--- a/view/molistar/modules/guild-ar/css/weeklyRewards.css
+++ b/view/molistar/modules/guild-ar/css/weeklyRewards.css
@@ -0,0 +1,257 @@
+html,
+body {
+  width: 100%;
+  background: #fff;
+}
+
+.back {
+  width: 100%;
+  height: 2.34667rem;
+  background: #fff;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 2;
+}
+
+.back .backIcon {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.42667rem;
+  top: 1.46667rem;
+  z-index: 2;
+}
+
+.back b {
+  width: 100%;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  text-align: center;
+  position: absolute;
+  top: 1.46667rem;
+  left: 50%;
+  transform: translateX(-50%);
+  color: #313131;
+  font-size: 0.48rem;
+  font-weight: 600;
+}
+
+.back .why {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  right: 0.42667rem;
+  top: 1.46667rem;
+  z-index: 2;
+}
+
+.tab {
+  width: 9.14667rem;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  margin: 2.64rem auto 0.29333rem;
+  display: flex;
+  justify-content: space-around;
+}
+
+.tab div {
+  color: #7B7B7D;
+  font-size: 0.37333rem;
+  font-weight: 400;
+}
+
+.tab .act {
+  color: #FF8C03;
+  font-size: 0.42667rem;
+}
+
+.box {
+  width: 9.14667rem;
+  background: linear-gradient(180deg, #FFA13C 0%, #FF563D 100%);
+  border-radius: 0.42667rem;
+  box-sizing: border-box;
+  padding: 1.01333rem 0.24rem 0.24rem;
+  position: relative;
+  margin: 0 auto;
+}
+
+.box .topImg {
+  width: 9.14667rem;
+  height: 1.01333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0;
+}
+
+.box .title {
+  width: 9.14667rem;
+  height: 1.01333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0;
+  line-height: 1.01333rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.37333rem;
+  font-weight: 600;
+}
+
+.box ul {
+  width: 8.66667rem;
+  margin: 0 auto;
+}
+
+.box ul li {
+  width: 100%;
+  height: 2.16rem;
+  background: #fff;
+  margin: 0rem auto 0.24rem;
+  border-radius: 0.42667rem;
+  box-sizing: border-box;
+  padding: 0 0.24rem;
+}
+
+.box ul li .left {
+  float: left;
+  width: 1.68rem;
+}
+
+.box ul li .left .gold {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  margin-top: 0.64rem;
+  display: block;
+  margin: 0.24rem auto 0.02667rem;
+}
+
+.box ul li .left span {
+  display: block;
+  width: 100%;
+  text-align: center;
+  color: #313131;
+  font-size: 0.34667rem;
+  font-weight: 600;
+  height: 0.48rem;
+  line-height: 0.48rem;
+  margin: 0 auto 0.08rem;
+}
+
+.box ul li .left .get {
+  width: 1.38667rem;
+  height: 0.50667rem;
+  line-height: 0.50667rem;
+  text-align: center;
+  color: #AFB1B3;
+  font-size: 0.32rem;
+  font-weight: 500;
+  border-radius: 0.50667rem;
+  border: 0.02667rem solid #AFB1B3;
+  margin: 0 auto;
+}
+
+.box ul li .left .getAct {
+  background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
+  border: none;
+  color: #fff;
+}
+
+.box ul li .left .getOut {
+  background: #CDCED6;
+  border: none;
+  color: #fff;
+}
+
+.box ul li .right {
+  float: right;
+  width: 6.21333rem;
+  margin-top: 0.4rem;
+}
+
+.box ul li .right .textTop {
+  width: 100%;
+  height: 0.45333rem;
+  line-height: 0.45333rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 0 auto 0.21333rem;
+}
+
+.box ul li .right .textTop .l {
+  color: #313131;
+  font-size: 0.34667rem;
+  font-weight: 500;
+}
+
+.box ul li .right .textTop .r {
+  color: #7B7B7D;
+  font-size: 0.32rem;
+  font-weight: 400;
+}
+
+.box ul li .right .textTop .r img {
+  display: inline-block;
+  width: 0.45333rem;
+  height: 0.45333rem;
+  margin: 0 0.05333rem;
+}
+
+.box ul li .right .line {
+  width: 100%;
+  height: 0.21333rem;
+  position: relative;
+  background: #FCD7B3;
+  border-radius: 0.21333rem;
+  position: relative;
+  overflow: hidden;
+}
+
+.box ul li .right .line .line_in {
+  width: 10%;
+  height: 100%;
+  background: #FF8C00;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.box ul li .right .speedOfProgress {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0.08rem;
+  height: 0.45333rem;
+  line-height: 0.45333rem;
+}
+
+.box ul li .right .speedOfProgress span, .box ul li .right .speedOfProgress b {
+  color: #7B7B7D;
+  font-size: 0.32rem;
+  font-weight: 400;
+}
+
+.arabic .back .backIcon {
+  left: auto;
+  right: 0.42667rem;
+  transform: rotate(180deg);
+}
+
+.arabic .back .why {
+  right: auto;
+  left: 0.42667rem;
+}
+
+.arabic .box ul li .left {
+  float: right;
+}
+
+.arabic .box ul li .right {
+  float: left;
+}
+
+.arabic .box ul li .right .line .line_in {
+  left: auto;
+  right: 0;
+}
--- a/view/molistar/modules/guild-ar/css/weeklyRewards.scss
+++ b/view/molistar/modules/guild-ar/css/weeklyRewards.scss
@@ -0,0 +1,261 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    // height: px2rem(1334);
+    background: #fff;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(176);
+    background: #fff;
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 2;
+
+    .backIcon {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(32);
+        top: px2rem(110);
+        z-index: 2;
+    }
+
+    b {
+        width: 100%;
+        height: px2rem(44);
+        line-height: px2rem(44);
+        text-align: center;
+        position: absolute;
+        top: px2rem(110);
+        left: 50%;
+        transform: translateX(-50%);
+        color: #313131;
+        font-size: px2rem(36);
+        font-weight: 600;
+    }
+
+    .why {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        right: px2rem(32);
+        top: px2rem(110);
+        z-index: 2;
+    }
+}
+
+.tab {
+    width: px2rem(686);
+    height: px2rem(44);
+    line-height: px2rem(44);
+    margin: px2rem(198) auto px2rem(22);
+    display: flex;
+    justify-content: space-around;
+
+    div {
+        // margin-right: px2rem(50);
+        color: #7B7B7D;
+        font-size: px2rem(28);
+        font-weight: 400;
+    }
+
+    .act {
+        color: #FF8C03;
+        font-size: px2rem(32);
+    }
+}
+
+.box {
+    width: px2rem(686);
+    background: linear-gradient(180deg, #FFA13C 0%, #FF563D 100%);
+    border-radius: px2rem(32);
+    box-sizing: border-box;
+    padding: px2rem(76) px2rem(18) px2rem(18);
+    position: relative;
+    margin: 0 auto;
+
+    .topImg {
+        width: px2rem(686);
+        height: px2rem(76);
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 0;
+    }
+
+    .title {
+        width: px2rem(686);
+        height: px2rem(76);
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 0;
+        line-height: px2rem(76);
+        text-align: center;
+        color: #FFFFFF;
+        font-size: px2rem(28);
+        font-weight: 600;
+    }
+
+    ul {
+        width: px2rem(650);
+        margin: 0 auto;
+
+        li {
+            width: 100%;
+            height: px2rem(162);
+            background: #fff;
+            margin: px2rem(0) auto px2rem(18);
+            border-radius: px2rem(32);
+            box-sizing: border-box;
+            padding: 0 px2rem(18);
+
+            .left {
+                float: left;
+                width: px2rem(126);
+
+                .gold {
+                    width: px2rem(44);
+                    height: px2rem(44);
+                    margin-top: px2rem(48);
+                    display: block;
+                    margin: px2rem(18) auto px2rem(2);
+                }
+
+                span {
+                    display: block;
+                    width: 100%;
+                    text-align: center;
+                    color: #313131;
+                    font-size: px2rem(26);
+                    font-weight: 600;
+                    height: px2rem(36);
+                    line-height: px2rem(36);
+                    margin: 0 auto px2rem(6);
+                }
+
+                .get {
+                    width: px2rem(104);
+                    height: px2rem(38);
+                    line-height: px2rem(38);
+                    text-align: center;
+                    color: #AFB1B3;
+                    font-size: px2rem(24);
+                    font-weight: 500;
+                    border-radius: px2rem(38);
+                    border: px2rem(2) solid #AFB1B3;
+                    margin: 0 auto;
+                }
+
+                .getAct {
+                    background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
+                    border: none;
+                    color: #fff;
+                }
+                .getOut {
+                    background: #CDCED6;
+                    border: none;
+                    color: #fff;
+                }
+            }
+
+            .right {
+                float: right;
+                width: px2rem(466);
+                margin-top: px2rem(30);
+
+                .textTop {
+                    width: 100%;
+                    height: px2rem(34);
+                    line-height: px2rem(34);
+                    display: flex;
+                    justify-content: space-between;
+                    margin: 0 auto px2rem(16);
+
+                    .l {
+                        color: #313131;
+                        font-size: px2rem(26);
+                        font-weight: 500;
+                    }
+
+                    .r {
+                        color: #7B7B7D;
+                        font-size: px2rem(24);
+                        font-weight: 400;
+
+                        img {
+                            display: inline-block;
+                            width: px2rem(34);
+                            height: px2rem(34);
+                            margin: 0 px2rem(4);
+                        }
+                    }
+                }
+
+                .line {
+                    width: 100%;
+                    height: px2rem(16);
+                    position: relative;
+                    background: #FCD7B3;
+                    border-radius: px2rem(16);
+                    position: relative;
+                    overflow: hidden;
+
+                    .line_in {
+                        width: 10%;
+                        height: 100%;
+                        background: #FF8C00;
+                        position: absolute;
+                        left: 0;
+                        top: 0;
+                    }
+                }
+
+                .speedOfProgress {
+                    width: 100%;
+                    display: flex;
+                    justify-content: space-between;
+                    margin-top: px2rem(6);
+                    height: px2rem(34);
+                    line-height: px2rem(34);
+
+                    span,b {
+                        color: #7B7B7D;
+                        font-size: px2rem(24);
+                        font-weight: 400;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.arabic {
+    .back .backIcon {
+        left: auto;
+        right: px2rem(32);
+        transform: rotate(180deg);
+    }
+
+    .back .why {
+        right: auto;
+        left: px2rem(32);
+    }
+    .box ul li .left{
+        float: right;
+    }
+    .box ul li .right{
+        float: left;
+    }
+    .box ul li .right .line .line_in{
+        left: auto;
+        right: 0;
+    }
+}
--- a/view/molistar/modules/guild-ar/css/weeklyRewardsRule.css
+++ b/view/molistar/modules/guild-ar/css/weeklyRewardsRule.css
@@ -0,0 +1,53 @@
+html,
+body {
+  width: 100%;
+  background: #fff;
+}
+
+.back {
+  width: 100%;
+  height: 2.34667rem;
+  background: #fff;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 2;
+}
+
+.back .backIcon {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.42667rem;
+  top: 1.46667rem;
+  z-index: 2;
+}
+
+.back b {
+  width: 100%;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  text-align: center;
+  position: absolute;
+  top: 1.46667rem;
+  left: 50%;
+  transform: translateX(-50%);
+  color: #313131;
+  font-size: 0.48rem;
+  font-weight: 600;
+}
+
+.text {
+  width: 9.14667rem;
+  margin: 2.61333rem auto 0.32rem;
+  color: #313131;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  line-height: 0.53333rem;
+}
+
+img {
+  display: block;
+  width: 9.14667rem;
+  margin: 0 auto 0.4rem;
+}
--- a/view/molistar/modules/guild-ar/css/weeklyRewardsRule.scss
+++ b/view/molistar/modules/guild-ar/css/weeklyRewardsRule.scss
@@ -0,0 +1,58 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    // height: px2rem(1334);
+    background: #fff;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(176);
+    background: #fff;
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 2;
+
+    .backIcon {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(32);
+        top: px2rem(110);
+        z-index: 2;
+    }
+
+    b {
+        width: 100%;
+        height: px2rem(44);
+        line-height: px2rem(44);
+        text-align: center;
+        position: absolute;
+        top: px2rem(110);
+        left: 50%;
+        transform: translateX(-50%);
+        color: #313131;
+        font-size: px2rem(36);
+        font-weight: 600;
+    }
+}
+
+.text {
+    width: px2rem(686);
+    margin: px2rem(196) auto px2rem(24);
+    color: #313131;
+    font-size: px2rem(28);
+    font-weight: 500;
+    line-height: px2rem(40);
+}
+
+img {
+    display: block;
+    width: px2rem(686);
+    margin: 0 auto px2rem(30);
+}
--- a/view/molistar/modules/guild-ar/guide.html
+++ b/view/molistar/modules/guild-ar/guide.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="ar">
+
+<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/guide.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back3.png" alt="">
+        <b class="text2"></b>
+    </div>
+    <p class="title">اهلا ايها مضيفون مولي ستار</p>
+    <p>عندنا اثنان طريقان لسحب الرواتب، طريق وكيل الشحن وطريق وكيل المضيفين، يشيركم التفاصيل فيما يلي:</p>
+    <p>طريق وكيل الشحن:</p>
+    <p>ادخل صفحة وكالتي، من ثم حسلب الرواتب، من ثم شخصي </p>
+    <p>طريق وكيل المضيفين</p>
+    <p>ادخل صفحة وكالتي، من ثم حساب الرواتب، من ثم وكيل </p>
+    <img src="./images/guide1.png" alt="">
+    <p>طريق وكيل المضيفين</p>
+    <p>ادخل صفحة وكالتي، من ثم حساب الرواتب، من ثم وكيل </p>
+    <img src="./images/guide2.png" alt="">
+    <div class="null"></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/guide.js"></script> -->
+<script src="../../common/local/langHandler.js"></script>
+<script>
+    let browser = checkVersion()
+    $(function () {
+        let env = EnvCheck();
+        if (env == 'test') {
+            new VConsole();
+        }
+        getInfoFromClient()
+        setTimeout(() => {
+            // 頁面全屏
+            if (browser.app) {
+                if (browser.android) {
+                    window.androidJsObj.initShowNav(false)
+                } else {
+                    window.webkit.messageHandlers.initShowNav.postMessage(0)
+                }
+            };
+            // 頂部返回事件
+            $('.back img').click(() => {
+                window.history.back();
+            })
+            fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+            translateFun();
+        }, 100);
+    })
+    function translateFun() {
+        const langReplace = window.lang.replace;
+        const localLang = window.lang;
+        $('.text3').text(langReplace(localLang.demoModule.text3));
+    }
+</script>
--- a/view/molistar/modules/guild-ar/guildInfoSet.html
+++ b/view/molistar/modules/guild-ar/guildInfoSet.html
@@ -7,7 +7,7 @@
    <title class="text1"></title>
    <!-- 公会信息设置 -->
    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="./css/guildInfoSet.css?v=1.0">
+    <link rel="stylesheet" href="./css/guildInfoSet.css?v=1.1">
 </head>

 <body>
--- a/view/molistar/modules/guild-ar/images/agencyDiamondIncomeDom.png
+++ b/view/molistar/modules/guild-ar/images/agencyDiamondIncomeDom.png
--- a/view/molistar/modules/guild-ar/images/agencyDiamondIncomeWhy.png
+++ b/view/molistar/modules/guild-ar/images/agencyDiamondIncomeWhy.png
--- a/view/molistar/modules/guild-ar/images/diamondss.png
+++ b/view/molistar/modules/guild-ar/images/diamondss.png
--- a/view/molistar/modules/guild-ar/images/guide.png
+++ b/view/molistar/modules/guild-ar/images/guide.png
--- a/view/molistar/modules/guild-ar/images/guide1.png
+++ b/view/molistar/modules/guild-ar/images/guide1.png
--- a/view/molistar/modules/guild-ar/images/guide2.png
+++ b/view/molistar/modules/guild-ar/images/guide2.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