修复弹窗样式

修改规则
优化样式
2024-11-01 17:31:33 +08:00 · 2024-11-01 17:19:19 +08:00 · 2024-11-01 15:22:04 +08:00 · 2024-11-01 15:11:31 +08:00 · 2024-11-01 14:12:54 +08:00 · 2024-10-31 19:17:27 +08:00
147 changed files with 7709 additions and 109 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/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 {
@@ -200,6 +202,227 @@ 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 +510,7 @@ body {
  position: absolute;
  top: 0;
  left: 0;
-  width: 10%;
+  width: 0%;
  background: #04D5C6;
  height: 100%;
 }
@@ -560,6 +783,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;

    }
 }
@@ -207,6 +209,227 @@ 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 +514,7 @@ body {
                position: absolute;
                top: 0;
                left: 0;
-                width: 10%;
+                width: 0%;
                background: #04D5C6;
                height: 100%;
            }
@@ -577,6 +800,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/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/images/diamondss.png
+++ b/view/molistar/modules/guild-ar/images/diamondss.png
--- a/view/molistar/modules/guild-ar/images/rewardsTbg.png
+++ b/view/molistar/modules/guild-ar/images/rewardsTbg.png
--- a/view/molistar/modules/guild-ar/images/rewardsWhy.png
+++ b/view/molistar/modules/guild-ar/images/rewardsWhy.png
--- a/view/molistar/modules/guild-ar/images/weeklyRewardsRule.png
+++ b/view/molistar/modules/guild-ar/images/weeklyRewardsRule.png
--- a/view/molistar/modules/guild-ar/images/weeklyRewardsRule2-ar.png
+++ b/view/molistar/modules/guild-ar/images/weeklyRewardsRule2-ar.png
--- a/view/molistar/modules/guild-ar/images/weeklyRewardsRule2.png
+++ b/view/molistar/modules/guild-ar/images/weeklyRewardsRule2.png
--- a/view/molistar/modules/guild-ar/images/youjiantou.png
+++ b/view/molistar/modules/guild-ar/images/youjiantou.png
--- a/view/molistar/modules/guild-ar/index.html
+++ b/view/molistar/modules/guild-ar/index.html
@@ -7,7 +7,7 @@
    <title class="text1"></title>
    <!-- 公会首页 -->
    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="./css/index.css?v1.0">
+    <link rel="stylesheet" href="./css/index.css?v1.11">
 </head>

 <body>
@@ -88,6 +88,41 @@
            </div>
        </div>
    </div>
+    <!-- weekly rewards -->
+    <div class="weeklyRewards">
+        <div class="top">
+            <span></span>
+            <b class="weeklyRewardsText1"></b>
+            <a href="./weeklyRewards.html"><img src="./images/youjiantou.png" alt=""></a>
+        </div>
+        <div class="weeklyRewards_in">
+            <img src="./images/rewardsTbg.png" alt="" class="topImg">
+            <div class="title weeklyRewardsText2"></div>
+            <div class="box">
+                <div class="left">
+                    <img src="./images/coin.png" alt="" class="gold">
+                    <span>0K</span>
+                    <div class="get weeklyRewardsText3"></div>
+                </div>
+                <div class="right">
+                    <div class="textTop">
+                        <div class="l"><strong class="weeklyRewardsText4"></strong><b>1</b></div>
+                        <div class="r">
+                            <b class="b1">0</b>/<b class="b2">0</b><img src="./images/diamondss.png" alt="">
+                        </div>
+                    </div>
+                    <div class="line">
+                        <div class="line_in"></div>
+                    </div>
+                    <div class="speedOfProgress">
+                        <span>0</span>
+                        <b>0</b>
+                    </div>
+                </div>
+            </div>
+            <div class="bottom weeklyRewardsText5"></div>
+        </div>
+    </div>
    <!-- Agency level -->
    <div class="agencylevel">
        <div class="top">
@@ -153,5 +188,5 @@
 <script src="./local/en.js"></script>
 <script src="./local/zh.js"></script>
 <script src="./local/ar.js"></script>
-<script src="./js/index.js?v=1.3"></script>
+<script src="./js/index.js?v=1.11"></script>
 <script src="../../common/local/langHandler.js"></script>
--- a/view/molistar/modules/guild-ar/js/index.js
+++ b/view/molistar/modules/guild-ar/js/index.js
@@ -91,6 +91,11 @@ function translateFun() {
    $('.newtext6').text(langReplace(localLang.demoModule.newtext6));
    $('.newtext7').text(langReplace(localLang.demoModule.newtext7));
    $('.audit').text(langReplace(localLang.demoModule.audit));
+    $('.weeklyRewardsText1').text(langReplace(localLang.demoModule.weeklyRewardsText1));
+    $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2));
+    $('.weeklyRewardsText3').text(langReplace(localLang.demoModule.weeklyRewardsText3));
+    $('.weeklyRewardsText4').text(langReplace(localLang.demoModule.weeklyRewardsText4));
+    $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5));
 }
 // 判断公会身份函数
 function guildFun(type) {
@@ -205,6 +210,58 @@ function get() {
                    `
                });
                $('.guildList ul').append(str);
+                // 渲染周奖励
+                if (res.data.weekLevelReward.dateRange && res.data.weekLevelReward.itemList[0]) {
+                    $('.weeklyRewards .weeklyRewards_in .box .left span').text(unitProcessingAr(res.data.weekLevelReward.itemList[0].rewardNum, 2));
+                    $('.weeklyRewards .weeklyRewards_in .box .right .textTop .l b').text(res.data.weekLevelReward.itemList[0].level);
+                    $('.weeklyRewards .weeklyRewards_in .box .right .textTop .r .b1').text(res.data.weekLevelReward.itemList[0].processNum + res.data.weekLevelReward.itemList[0].preMaxNum);
+                    $('.weeklyRewards .weeklyRewards_in .box .right .textTop .r .b2').text(res.data.weekLevelReward.itemList[0].maxNum);
+                    $('.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress span').text(res.data.weekLevelReward.itemList[0].preMaxNum);
+                    $('.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress b').text(res.data.weekLevelReward.itemList[0].maxNum);
+                    var widthVal = ((res.data.weekLevelReward.itemList[0].processNum + res.data.weekLevelReward.itemList[0].preMaxNum) - (res.data.weekLevelReward.itemList[0].preMaxNum)) / (res.data.weekLevelReward.itemList[0].maxNum - res.data.weekLevelReward.itemList[0].preMaxNum) * 100
+                    $('.weeklyRewards .weeklyRewards_in .box .right .line .line_in').css('width', `${widthVal}%`);
+                    $('.weeklyRewards .weeklyRewards_in .box .left .get').attr('id', res.data.weekLevelReward.itemList[0].id);
+                    if (res.data.weekLevelReward.itemList[0].status == 1) {
+                        $('.weeklyRewards .weeklyRewards_in .box .left .get').addClass('getAct');
+                        $('.weeklyRewards .weeklyRewards_in .box .left .get').attr('status', res.data.weekLevelReward.itemList[0].status);
+                    }
+                    if (res.data.weekLevelReward.itemList[0].status == 2) {
+                        $('.weeklyRewards .weeklyRewards_in .box .left .get').addClass('getOut');
+                        $('.weeklyRewards .weeklyRewards_in .box .left .get').text(langReplace(localLang.weeklyRewards.text5))
+                    }
+                } else {
+                    $('.weeklyRewards').hide();
+                }
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 领取按钮
+$('.weeklyRewards .weeklyRewards_in .box .left .get').click(function () {
+    var status = $(this).attr('status');
+    var id = $(this).attr('id');
+    if (status == 1) {
+        getReward(id);
+    }
+})
+function getReward(id) {
+    showLoading()
+    networkRequest({
+        type: 'post',
+        url: urlPrefix + '/guildMemberWeekLevelReward/getReward',
+        data: {
+            id,
+        },
+        success(res) {
+            if (res.code === 200) {
+                get();
            } else {
                toastMsg(res.message)
            }
--- a/view/molistar/modules/guild-ar/js/weeklyRewards.js
+++ b/view/molistar/modules/guild-ar/js/weeklyRewards.js
@@ -0,0 +1,168 @@
+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 page = 0;
+var maxPage = 0;
+var arr = [];
+var music = true;
+var data;
+var totalReward;
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back .backIcon').click(() => {
+            window.history.back()
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+        getConfig();
+    }, 100)
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.text1').text(langReplace(localLang.weeklyRewards.text1));
+    $('.text2').html(langReplace(localLang.weeklyRewards.text2));
+    $('.text3').text(langReplace(localLang.weeklyRewards.text3));
+    $('.text4').text(langReplace(localLang.weeklyRewards.text4));
+    $('.text5').text(langReplace(localLang.weeklyRewards.text5));
+}
+// 配置接口
+function getConfig() {
+    $('.box ul li').remove();
+    $('.tab div').remove();
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/guildMemberWeekLevelReward/get',
+        success(res) {
+            if (res.code === 200) {
+                data = res.data;
+                totalReward = res.data[0].totalReward;
+                var tabStr = '';
+                data.forEach(((res, i) => {
+                    tabStr += `
+                        <div class="${i == 0 ? 'act' : ''}">${res.dateRange}</div>
+                    `
+                }))
+                $('.tab').append(tabStr);
+                ulFun(0);
+                // tab切换
+                $('.tab div').click(function () {
+                    var i = $(this).index();
+                    $(this).addClass('act').siblings().removeClass('act');
+                    ulFun(i)
+                })
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+function ulFun(index) {
+    $('.box ul li').remove();
+    var str = '';
+    data[index].itemList.forEach((res, i) => {
+        str += `
+                <li>
+                    <div class="left">
+                        <img src="./images/coin.png" alt="" class="gold">
+                        <span>${unitProcessingAr(res.rewardNum, 2)}</span>
+                        <div class="get ${res.status == 1 ? 'getAct' : res.status == 2 ? 'getOut' : ''}" id=${res.id} status=${res.status}>${res.status == 2 ? langReplace(localLang.weeklyRewards.text5) : langReplace(localLang.weeklyRewards.text3)}</div>
+                    </div>
+                    <div class="right">
+                        <div class="textTop">
+                            <div class="l">${langReplace(localLang.weeklyRewards.text4)}<b>${res.level}</b></div>
+                            <div class="r">
+                                <b class="b1">${res.processNum + res.preMaxNum}</b>/<b class="b2">${res.maxNum}</b><img src="./images/diamondss.png" alt="">
+                            </div>
+                        </div>
+                        <div class="line">
+                            <div class="line_in" style="width:${((res.processNum + res.preMaxNum) - (res.preMaxNum)) / (res.maxNum - res.preMaxNum) * 100}%"></div>
+                        </div>
+                        <div class="speedOfProgress">
+                            <span>${res.preMaxNum}</span>
+                            <b>${res.maxNum}</b>
+                        </div>
+                    </div>
+                </li>
+        `
+    })
+    $('.box ul').append(str);
+}
+function getReward(id) {
+    showLoading()
+    networkRequest({
+        type: 'post',
+        url: urlPrefix + '/guildMemberWeekLevelReward/getReward',
+        data: {
+            id,
+        },
+        success(res) {
+            if (res.code === 200) {
+                getConfig();
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 领取按钮
+$('.box ul').on('click', ' li .left .get', function () {
+    var status = $(this).attr('status');
+    var id = $(this).attr('id');
+    if (status == 1) {
+        getReward(id);
+    }
+})
--- a/view/molistar/modules/guild-ar/js/weeklyRewardsRule.js
+++ b/view/molistar/modules/guild-ar/js/weeklyRewardsRule.js
@@ -0,0 +1,65 @@
+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 page = 0;
+var maxPage = 0;
+var arr = [];
+var music = true;
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back .backIcon').click(() => {
+            window.history.back()
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+    }, 100)
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.text1').text(langReplace(localLang.weeklyRewardsRule.text1));
+    $('.text2').html(langReplace(localLang.weeklyRewardsRule.text2));
+    $('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text3));
+}
--- a/view/molistar/modules/guild-ar/local/ar.js
+++ b/view/molistar/modules/guild-ar/local/ar.js
@@ -35,7 +35,13 @@ langAr = {
        newtext7: "الترقية المطلوبة:",
        coins: "عملات",
        transfer_salary: "تحويل الراتب:",
-        audit: 'قيد المراجعة',  
+        audit: 'قيد المراجعة',
+        weeklyRewardsText1: 'مكافآت المضيف الأسبوعية',
+        weeklyRewardsText2: 'يمكنك الحصول على 2240000 عملة بالمجموع.',
+        weeklyRewardsText3: 'احصل على',
+        weeklyRewardsText33: `تم الاستلام`,
+        weeklyRewardsText4: 'مستوى المضيف',
+        weeklyRewardsText5: 'وقت إعادة التعيين: الاثنين 0:00 (GMT+3)',
    },
    adminSet: {
        text1: `إعدادات المشرف`,
@@ -83,8 +89,8 @@ langAr = {
        textConte2: `تعديل `,
        textConte3: `إضافة`,
        textConte4: `حساب أستلام الراتب `,
-        text55: `صورة النقابة`, 
-        toastMsgText1: `الرسوم المتحركة غير مدعومة للتحميل حاليًا`,  
+        text55: `صورة النقابة`,
+        toastMsgText1: `الرسوم المتحركة غير مدعومة للتحميل حاليًا`,
    },
    invitation: {
        text1: `البحث`,
@@ -314,6 +320,20 @@ langAr = {
        p4: `رمز SWIFT (أدخل الإنجليزية فقط)`,
        p5: `اسم المستلم (أدخل الإنجليزية فقط)`,
        p6: `العنوان (أدخل الإنجليزية فقط)`,
-        p7: `حساب المستلم (صيغة البريد الإلكتروني)`,  
-    }
+        p7: `حساب المستلم (صيغة البريد الإلكتروني)`,
+    },
+    weeklyRewards: {
+        text1: `مكافآت المضيف الأسبوعية`,
+        text2: `يمكنك الحصول على <b>2240000</b> عملة بالمجموع.`,
+        text3: `احصل على`,
+        text4: `مستوى المضيف`,
+        text5: `تم الاستلام`,
+    },
+    weeklyRewardsRule: {
+        text1: `القواعد`,
+        text2: `<p>1 وقت النشاط: 0:00-23:59 (GMT+3) كل أسبوع.</p>  
+        <p>2 مكافآت العملات: يتم حساب دخل المستخدم من الألماس أسبوعيًا، ويمكنك الحصول على العملات عند الوصول إلى مستوى معين.</p>  
+        <p>3 تدرج مكافآت العملات</p>`,
+        text3: `./images/weeklyRewardsRule2-ar.png`,
+    },
 }
--- a/view/molistar/modules/guild-ar/local/en.js
+++ b/view/molistar/modules/guild-ar/local/en.js
@@ -33,7 +33,13 @@ langEn = {
        newtext7: "Next level need:",
        coins: "Coins",
        transfer_salary: "Salary Transfer:",
-        audit:'In Audit',
+        audit: 'In Audit',
+        weeklyRewardsText1: 'Host weekly rewards',
+        weeklyRewardsText2: 'You can get 2240000 coins totally.',
+        weeklyRewardsText3: 'Get',
+        weeklyRewardsText33: 'Got',
+        weeklyRewardsText4: 'Host Lv',
+        weeklyRewardsText5: 'Reset time: Monday 0:00 (GMT+3)',
    },
    adminSet: {
        text1: `Administrator`,
@@ -82,7 +88,7 @@ langEn = {
        textConte3: `Add`,
        textConte4: `Payment Account`,
        text55: `Guild Avatar`,
-        toastMsgText1: `GIF upload is not supported at the moment`,  
+        toastMsgText1: `GIF upload is not supported at the moment`,
    },
    invitation: {
        text1: `Find`,
@@ -314,5 +320,20 @@ langEn = {
        p5: `payeeName(Only Enter English)`,
        p6: `Address(Only Enter English)`,
        p7: `payeeAccount(E-mail fomat)`,
-    }
+    },
+    weeklyRewards: {
+        text1: `Host weekly rewards`,
+        text2: `You can get <b>2240000</b> coins totally.`,
+        text3: `Get`,
+        text4: `Host Lv`,
+        text5: `Got`,
+    },
+    weeklyRewardsRule: {
+        text1: `Rules`,
+        text2: `<p>1 Activity time: 0:00-23:59 (GMT+3) every week.</p>
+        <p>2 Coin rewards: Calculate the user's diamond income every week, and you can get corresponding coins when you
+            reach a certain level.</p>
+        <p>3 Coin reward gradient</p>`,
+        text3: `./images/weeklyRewardsRule2.png`,
+    },
 }
--- a/view/molistar/modules/guild-ar/local/zh.js
+++ b/view/molistar/modules/guild-ar/local/zh.js
@@ -36,6 +36,12 @@ langZh = {
        coins: "金幣",
        transfer_salary: "薪资转账:",
        audit: '審核中',
+        weeklyRewardsText1: '主播每週獎勵',
+        weeklyRewardsText2: '您可以總共獲得 2240000 金幣。',
+        weeklyRewardsText3: '領取',
+        weeklyRewardsText33: '已獲得',
+        weeklyRewardsText4: '主播等級',
+        weeklyRewardsText5: '重置時間：週一 0:00（GMT+3）',
    },
    adminSet: {
        text1: `管理員設置`,
@@ -316,5 +322,19 @@ langZh = {
        p5: `收款人姓名(僅輸入英文)`,
        p6: `地址(僅輸入英文)`,
        p7: `收款人賬號（電子郵件格式）`,
-    }
+    },
+    weeklyRewards: {
+        text1: `主播每週獎勵`,
+        text2: `您可以總共獲得 <b>2240000</b> 金幣。`,
+        text3: `領取`,
+        text4: `主播等級`,
+        text5: `已獲得`,  
+    },
+    weeklyRewardsRule: {
+        text1: `規則`,
+        text2: `<p>1 活動時間：每週 0:00-23:59（GMT+3）。</p>  
+        <p>2 金幣獎勵：每週計算用戶的鑽石收入，達到特定級別時可以獲得相應的金幣獎勵。</p>  
+        <p>3 金幣獎勵梯度</p>`,
+        text3: `./images/weeklyRewardsRule2.png`,
+    },
 }
--- a/view/molistar/modules/guild-ar/weeklyRewards.html
+++ b/view/molistar/modules/guild-ar/weeklyRewards.html
@@ -0,0 +1,62 @@
+<!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/weeklyRewards.css?v1.11">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back3.png" alt="" class="backIcon">
+        <b class="text1"></b>
+        <a href="./weeklyRewardsRule.html"><img src="./images/why.png" alt="" class="why"></a>
+    </div>
+    <div class="tab">
+    </div>
+    <div class="box">
+        <img src="./images/rewardsTbg.png" alt="" class="topImg">
+        <div class="title text2"></div>
+        <ul>
+            <li>
+                <div class="left">
+                    <img src="./images/coin.png" alt="" class="gold">
+                    <span>0K</span>
+                    <div class="get">Get</div>
+                </div>
+                <div class="right">
+                    <div class="textTop">
+                        <div class="l">Host Lv<b>1</b></div>
+                        <div class="r">
+                            <b class="b1">0</b>/<b class="b2">0</b><img src="./images/diamondss.png" alt="">
+                        </div>
+                    </div>
+                    <div class="line">
+                        <div class="line_in"></div>
+                    </div>
+                    <div class="speedOfProgress">
+                        <span>0</span>
+                        <b>0</b>
+                    </div>
+                </div>
+            </li>
+        </ul>
+    </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/weeklyRewards.js?v=1.11"></script>
+<script src="../../common/local/langHandler.js"></script>
--- a/view/molistar/modules/guild-ar/weeklyRewardsRule.html
+++ b/view/molistar/modules/guild-ar/weeklyRewardsRule.html
@@ -0,0 +1,38 @@
+<!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/weeklyRewardsRule.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back3.png" alt="" class="backIcon">
+        <b class="text1"></b>
+    </div>
+    <div class="text text2">
+        <!-- <p>1 Activity time: 0:00-23:59 (GMT+3) every week.</p>
+        <p>2 Coin rewards: Calculate the user's diamond income every week, and you can get corresponding coins when you
+            reach a certain level.</p>
+        <p>3 Coin reward gradient</p> -->
+    </div>
+    <img class="text3" src="./images/weeklyRewardsRule2.png" alt="">
+</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/weeklyRewardsRule.js"></script>
+<script src="../../common/local/langHandler.js"></script>
--- a/view/molistar/modules/guildAr/css/index.css
+++ b/view/molistar/modules/guildAr/css/index.css
@@ -32,6 +32,7 @@ body {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
+  display: none;
 }

 .header {
@@ -205,6 +206,227 @@ body {
  background: #FFEFE5;
 }

+.weeklyRewards {
+  width: 10rem;
+  height: 4.8rem;
+  margin: 0.34667rem auto 0.26667rem;
+}
+
+.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;
--- a/view/molistar/modules/guildAr/css/index.scss
+++ b/view/molistar/modules/guildAr/css/index.scss
@@ -36,6 +36,7 @@ body {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
+        display: none;

    }
 }
@@ -213,6 +214,225 @@ body {
    }
 }

+.weeklyRewards {
+    width: px2rem(750);
+    height: px2rem(360);
+    margin: px2rem(26) auto px2rem(20);
+
+    .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);
--- a/view/molistar/modules/guildAr/css/weeklyRewards.css
+++ b/view/molistar/modules/guildAr/css/weeklyRewards.css
@@ -0,0 +1,258 @@
+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/guildAr/css/weeklyRewards.scss
+++ b/view/molistar/modules/guildAr/css/weeklyRewards.scss
@@ -0,0 +1,265 @@
+@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 {
+        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/guildAr/css/weeklyRewardsRule.css
+++ b/view/molistar/modules/guildAr/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/guildAr/css/weeklyRewardsRule.scss
+++ b/view/molistar/modules/guildAr/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/guildAr/images/coin.png
+++ b/view/molistar/modules/guildAr/images/coin.png
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
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