新增h5语聊dome

修改官网落款
动态渲染公会tab
2024-09-13 18:05:37 +08:00 · 2024-09-13 17:57:16 +08:00 · 2024-09-11 13:56:29 +08:00 · 2024-09-11 11:24:07 +08:00 · 2024-09-11 10:28:09 +08:00 · 2024-09-10 18:52:41 +08:00
374 changed files with 12027 additions and 3232 deletions
--- a/view/molistar/activity/rechargeNew/css/index.css
+++ b/view/molistar/activity/rechargeNew/css/index.css
--- a/view/molistar/activity/rechargeNew/css/index.scss
+++ b/view/molistar/activity/rechargeNew/css/index.scss
--- a/view/molistar/activity/rechargeNew/images/bgBottom.png
+++ b/view/molistar/activity/rechargeNew/images/bgBottom.png
--- a/view/molistar/activity/rechargeNew/images/bgCentent.png
+++ b/view/molistar/activity/rechargeNew/images/bgCentent.png
--- a/view/molistar/activity/rechargeNew/images/bgTop.png
+++ b/view/molistar/activity/rechargeNew/images/bgTop.png
--- a/view/molistar/activity/rechargeNew/images/bo.png
+++ b/view/molistar/activity/rechargeNew/images/bo.png
--- a/view/molistar/activity/rechargeNew/images/but.png
+++ b/view/molistar/activity/rechargeNew/images/but.png
--- a/view/molistar/activity/rechargeNew/images/butAct.png
+++ b/view/molistar/activity/rechargeNew/images/butAct.png
--- a/view/molistar/activity/rechargeNew/images/close.png
+++ b/view/molistar/activity/rechargeNew/images/close.png
--- a/view/molistar/activity/rechargeNew/images/header-ar.png
+++ b/view/molistar/activity/rechargeNew/images/header-ar.png
--- a/view/molistar/activity/rechargeNew/images/header.png
+++ b/view/molistar/activity/rechargeNew/images/header.png
--- a/view/molistar/activity/rechargeNew/images/icon1.png
+++ b/view/molistar/activity/rechargeNew/images/icon1.png
--- a/view/molistar/activity/rechargeNew/images/left.png
+++ b/view/molistar/activity/rechargeNew/images/left.png
--- a/view/molistar/activity/rechargeNew/images/logo.png
+++ b/view/molistar/activity/rechargeNew/images/logo.png
--- a/view/molistar/activity/rechargeNew/images/myRechargeBg.png
+++ b/view/molistar/activity/rechargeNew/images/myRechargeBg.png
--- a/view/molistar/activity/rechargeNew/images/myRechargeBut.png
+++ b/view/molistar/activity/rechargeNew/images/myRechargeBut.png
--- a/view/molistar/activity/rechargeNew/images/pubBg.png
+++ b/view/molistar/activity/rechargeNew/images/pubBg.png
--- a/view/molistar/activity/rechargeNew/images/pubTitle.png
+++ b/view/molistar/activity/rechargeNew/images/pubTitle.png
--- a/view/molistar/activity/rechargeNew/images/recharge10-ar.png
+++ b/view/molistar/activity/rechargeNew/images/recharge10-ar.png
--- a/view/molistar/activity/rechargeNew/images/recharge10.png
+++ b/view/molistar/activity/rechargeNew/images/recharge10.png
--- a/view/molistar/activity/rechargeNew/images/recharge100-ar.png
+++ b/view/molistar/activity/rechargeNew/images/recharge100-ar.png
--- a/view/molistar/activity/rechargeNew/images/recharge100.png
+++ b/view/molistar/activity/rechargeNew/images/recharge100.png
--- a/view/molistar/activity/rechargeNew/images/recharge1000-ar.png
+++ b/view/molistar/activity/rechargeNew/images/recharge1000-ar.png
--- a/view/molistar/activity/rechargeNew/images/recharge1000.png
+++ b/view/molistar/activity/rechargeNew/images/recharge1000.png
--- a/view/molistar/activity/rechargeNew/images/recharge300-ar.png
+++ b/view/molistar/activity/rechargeNew/images/recharge300-ar.png
--- a/view/molistar/activity/rechargeNew/images/recharge300.png
+++ b/view/molistar/activity/rechargeNew/images/recharge300.png
--- a/view/molistar/activity/rechargeNew/images/recharge3000-ar.png
+++ b/view/molistar/activity/rechargeNew/images/recharge3000-ar.png
--- a/view/molistar/activity/rechargeNew/images/recharge3000.png
+++ b/view/molistar/activity/rechargeNew/images/recharge3000.png
--- a/view/molistar/activity/rechargeNew/images/recharge500-ar.png
+++ b/view/molistar/activity/rechargeNew/images/recharge500-ar.png
--- a/view/molistar/activity/rechargeNew/images/recharge500.png
+++ b/view/molistar/activity/rechargeNew/images/recharge500.png
--- a/view/molistar/activity/rechargeNew/images/right.png
+++ b/view/molistar/activity/rechargeNew/images/right.png
--- a/view/molistar/activity/rechargeNew/images/rule_iconBg.png
+++ b/view/molistar/activity/rechargeNew/images/rule_iconBg.png
--- a/view/molistar/activity/rechargeNew/images/timeBg.png
+++ b/view/molistar/activity/rechargeNew/images/timeBg.png
--- a/view/molistar/activity/rechargeNew/images/timeBgAct.png
+++ b/view/molistar/activity/rechargeNew/images/timeBgAct.png
--- a/view/molistar/activity/rechargeNew/images/title.png
+++ b/view/molistar/activity/rechargeNew/images/title.png
--- a/view/molistar/activity/rechargeNew/images/top1.png
+++ b/view/molistar/activity/rechargeNew/images/top1.png
--- a/view/molistar/activity/rechargeNew/images/top2.png
+++ b/view/molistar/activity/rechargeNew/images/top2.png
--- a/view/molistar/activity/rechargeNew/images/top3.png
+++ b/view/molistar/activity/rechargeNew/images/top3.png
--- a/view/molistar/activity/rechargeNew/images/travel/back.png
+++ b/view/molistar/activity/rechargeNew/images/travel/back.png
--- a/view/molistar/activity/rechargeNew/images/travel/backB.png
+++ b/view/molistar/activity/rechargeNew/images/travel/backB.png
--- a/view/molistar/activity/rechargeNew/images/why.png
+++ b/view/molistar/activity/rechargeNew/images/why.png
--- a/view/molistar/activity/rechargeNew/index.html
+++ b/view/molistar/activity/rechargeNew/index.html
@@ -0,0 +1,266 @@
+<!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">
+        <div class="rule_icon text2"></div>
+        <!-- 倒计时 -->
+        <div class="time">
+            <div class="day">
+                <b>0</b>
+                <span class="text3"></span>
+            </div>
+            <div class="hour">
+                <b>0</b>
+                <span class="text4"></span>
+            </div>
+            <div class="colon"></div>
+            <div class="min">
+                <b>0</b>
+                <span class="text5"></span>
+            </div>
+            <div class="colon"></div>
+            <div class="sec">
+                <b>0</b>
+                <span class="text6"></span>
+            </div>
+        </div>
+    </div>
+    <!-- 我的充值 -->
+    <div class="myRecharge">
+        <div class="title text7"></div>
+        <p><b>$0</b><img style="display: none;" src="./images/why.png" alt=""></p>
+        <div class="but text8"></div>
+    </div>
+    <!-- 充值档位到达10 -->
+    <div class="recharge10 recharge1 recharges">
+        <div class="top">
+            <div class="title text9"></div>
+        </div>
+        <div class="content">
+            <div class="rewardImg">
+                <div class="ts" id="ts10"></div>
+                <div class="zj" id="zj10"></div>
+            </div>
+        </div>
+        <div class="bottom">
+            <div class="but text10"></div>
+        </div>
+    </div>
+    <!-- 充值档位到达100 -->
+    <div class="recharge100 recharge2 recharges">
+        <div class="top">
+            <div class="title text11"></div>
+        </div>
+        <div class="content">
+            <div class="rewardImg">
+                <div class="ts" id="ts100"></div>
+                <div class="zj" id="zj100"></div>
+            </div>
+        </div>
+        <div class="bottom">
+            <div class="but text10"></div>
+        </div>
+    </div>
+    <!-- 充值档位到达300 -->
+    <div class="recharge300 recharge3 recharges">
+        <div class="top">
+            <div class="title text12"></div>
+        </div>
+        <div class="content">
+            <!-- 奖励图片 -->
+            <div class="rewardImg">
+                <div class="ts" id="ts300"></div>
+                <div class="zj" id="zj300"></div>
+            </div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text13"></b>
+                <img src="./images/right.png" alt="" class="right">
+            </div>
+            <!-- 前三信息 -->
+            <div class="topBox">
+                <div class="no2">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top2.png" alt="" class="ts">
+                </div>
+                <div class="no1">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top1.png" alt="" class="ts">
+                </div>
+                <div class="no3">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top3.png" alt="" class="ts">
+                </div>
+            </div>
+        </div>
+        <div class="bottom">
+            <div class="but text10"></div>
+        </div>
+    </div>
+    <!-- 充值档位到达500 -->
+    <div class="recharge500 recharge4 recharges">
+        <div class="top">
+            <div class="title text14"></div>
+        </div>
+        <div class="content">
+            <!-- 奖励图片 -->
+            <div class="rewardImg">
+                <div class="ts" id="ts500"></div>
+                <div class="zj" id="zj500"></div>
+            </div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text13"></b>
+                <img src="./images/right.png" alt="" class="right">
+            </div>
+            <!-- 前三信息 -->
+            <div class="topBox">
+                <div class="no2">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top2.png" alt="" class="ts">
+                </div>
+                <div class="no1">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top1.png" alt="" class="ts">
+                </div>
+                <div class="no3">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top3.png" alt="" class="ts">
+                </div>
+            </div>
+        </div>
+        <div class="bottom">
+            <div class="but text10"></div>
+        </div>
+    </div>
+    <!-- 充值档位到达1000 -->
+    <div class="recharge1000 recharge5 recharges">
+        <div class="top">
+            <div class="title text15"></div>
+        </div>
+        <div class="content">
+            <!-- 奖励图片 -->
+            <div class="rewardImg">
+                <div class="ts" id="ts1000"></div>
+                <div class="zj" id="zj1000"></div>
+            </div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text13"></b>
+                <img src="./images/right.png" alt="" class="right">
+            </div>
+            <!-- 前三信息 -->
+            <div class="topBox">
+                <div class="no2">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top2.png" alt="" class="ts">
+                </div>
+                <div class="no1">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top1.png" alt="" class="ts">
+                </div>
+                <div class="no3">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top3.png" alt="" class="ts">
+                </div>
+            </div>
+        </div>
+        <div class="bottom">
+            <div class="but text10"></div>
+        </div>
+    </div>
+    <!-- 充值档位到达3000 -->
+    <div class="recharge3000 recharge6 recharges">
+        <div class="top">
+            <div class="title text16"></div>
+        </div>
+        <div class="content">
+            <!-- 奖励图片 -->
+            <div class="rewardImg">
+                <div class="ts" id="ts3000"></div>
+                <img src="./images/bo.png" alt="" class="bo">
+                <img src="./images/why.png" alt="" class="why">
+            </div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text26"></b>
+                <img src="./images/right.png" alt="" class="right">
+            </div>
+            <!-- 前三信息 -->
+            <div class="topBox">
+                <div class="no2">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top2.png" alt="" class="ts">
+                </div>
+                <div class="no1">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top1.png" alt="" class="ts">
+                </div>
+                <div class="no3">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top3.png" alt="" class="ts">
+                </div>
+            </div>
+        </div>
+        <div class="bottom">
+            <div class="but text10"></div>
+        </div>
+    </div>
+    <!-- 弹窗 -->
+    <div class="pub">
+        <div class="pub_in">
+            <img src="./images/close.png" alt="" class="close">
+            <div class="title">Rules </div>
+            <div class="centent">
+                <p>1、Recharge activity time: 0:00:00 on the 1st of each month to 23:59:59 on the last day of the month
+                    (GMT+3).</p>
+                <p>2、You can only get each grade reward once.</p>
+                <p>3、Each round of activities end, the rewards will automatically expire.</p>
+                <p>4、Contact our official customer service to get your unique ID!</p>
+                <p>5、Recharge agent can not join the activity.</p>
+            </div>
+        </div>
+    </div>
+
+    <!-- 免责声明 -->
+    <div class="disclaimer text24"></div>
+    <div class="video">
+        <video id="zjVideo" controls>
+            <source src="./mp4/3000.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="../../common/js/svga.min.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./js/index.js"></script>
+<script src="../../common/local/langHandler.js"></script>
--- a/view/molistar/activity/rechargeNew/js/index.js
+++ b/view/molistar/activity/rechargeNew/js/index.js
@@ -0,0 +1,309 @@
+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 isLock = true;
+var page = 1;
+var wealth;
+var limitWealth;
+// 初始化函數
+$(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();
+        getConfig();
+    }, 100)
+
+})
+// 处理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('ts10', './svga/100.svga');
+    loadSVGA('ts100', './svga/300.svga');
+    loadSVGA('ts300', './svga/10.svga');
+    loadSVGA('ts500', './svga/500.svga');
+    loadSVGA('ts1000', './svga/1000.svga');
+    loadSVGA('ts3000', './svga/3000.svga');
+    loadSVGA('zj10', './svga/zj10.svga');
+    loadSVGA('zj100', './svga/zj100.svga');
+    loadSVGA('zj300', './svga/zj300.svga');
+    loadSVGA('zj500', './svga/zj500.svga');
+    loadSVGA('zj1000', './svga/zj1000.svga');
+});
+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));
+    $('.text26').text(langReplace(localLang.demoModule.text26));
+    if (browser.android) {
+        $('.text24').text(langReplace(localLang.demoModule.text25))
+    } else {
+        $('.text24').text(langReplace(localLang.demoModule.text24))
+    }
+}
+// 配置接口
+function getConfig() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/activity/h5/charge/rank',
+        data: { uid: pubInfo.uid },
+        success(res) {
+            if (res.code === 200) {
+                wealth = res.data.wealth;
+                limitWealth = res.data.limitWealth;
+                // 处理是否我的充值展示
+                if(res.data.rechargeUser){
+                    $('.myRecharge').hide();
+                }else{
+                    $('.myRecharge').show();
+                }
+                // 处理倒计时
+                countup(res.data.endTime - res.timestamp);
+                // 处理当前余额
+                $('.myRecharge p b').text('$' + res.data.usb);
+                // 渲染档位
+                res.data.activityLevelUserVo.forEach((res, i) => {
+                    $(`.recharge${i + 1} .bottom .but`).attr('level', res.level);
+                    // 处理按钮状态
+                    if (res.receiveStatus == false) {
+                        if (res.receiveSwitch) {
+                            $(`.recharge${i + 1} .bottom .but`).attr('click', 1);
+                            $(`.recharge${i + 1} .bottom .but`).addClass('act');
+                        } else {
+                            $(`.recharge${i + 1} .bottom .but`).attr('click', 0);
+                            $(`.recharge${i + 1} .bottom .but`).removeClass('act');
+                        }
+                    } else {
+                        $(`.recharge${i + 1} .bottom .but`).attr('click', 0);
+                        $(`.recharge${i + 1} .bottom .but`).removeClass('act');
+                        $(`.recharge${i + 1} .bottom .but`).text(langReplace(localLang.demoModule.text23));
+                    }
+                    // 处理前三
+                    if (wealth > limitWealth) {
+                        res.userVos.forEach((val, index) => {
+                            $(`.recharge${i + 1} .content .topBox .no${index + 1} .tx`).attr('src', val.avatar);
+                        })
+                    } else {
+                        $(`.recharge${i + 1} .content .topTitle`).hide();
+                        $(`.recharge${i + 1} .content .topBox`).hide();
+                    }
+                })
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 跳转充值
+$('.myRecharge .but').click(function () {
+    if (browser.android) {
+        let channel = pubInfo.deviceInfo.channel;
+        if (channel == "google") {
+            window.androidJsObj.openChargePage(6);
+        } else {
+            window.androidJsObj.openChargePage(6);
+            window.location.href = urlPrefix + '/molistar/modules/pay/index.html?channelType=4';
+        }
+    } else if (browser.ios) {
+        let channel = pubInfo.deviceInfo.channel;
+        if (channel == "appstore") {
+            window.webkit.messageHandlers.openChargePage.postMessage(null);
+        } else {
+            window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
+            window.location.href = urlPrefix + '/molistar/modules/pay/index.html?channelType=4';
+        }
+    }
+})
+// 打开规则弹窗
+$('.header .rule_icon').click(function () {
+    $('.pub .pub_in .title').html(langReplace(localLang.demoModule.text17));
+    $('.pub .pub_in .centent').html(langReplace(localLang.demoModule.text18));
+    $('.pub ').show();
+    bodyScroolFun(true);
+})
+// 打开我的充值弹窗
+$('.myRecharge p img').click(function () {
+    $('.pub .pub_in .centent').addClass('myRechargeText');
+    $('.pub .pub_in .title').html(langReplace(localLang.demoModule.text19));
+    $('.pub .pub_in .centent').html(langReplace(localLang.demoModule.text20));
+    $('.pub ').show();
+    bodyScroolFun(true);
+})
+// 打开定制礼物弹窗
+$('.recharge3000 .content .rewardImg .why').click(function () {
+    $('.pub .pub_in .centent').addClass('myRechargeTextWhy');
+    $('.pub .pub_in .title').html(langReplace(localLang.demoModule.text21));
+    $('.pub .pub_in .centent').html(langReplace(localLang.demoModule.text22));
+    $('.pub ').show();
+    bodyScroolFun(true);
+})
+// 关闭弹窗
+$('.pub .pub_in .close').click(function () {
+    $('.pub .pub_in .centent').removeClass('myRechargeText');
+    $('.pub .pub_in .centent').removeClass('myRechargeTextWhy');
+    $('.pub ').hide();
+    bodyScroolFun(false);
+})
+// 倒計時
+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 .time .day b').text(d);
+        $('.header .time .hour b').text(h);
+        $('.header .time .min b').text(m);
+        $('.header .time .sec b').text(s);
+    } else {
+        getConfig();
+    }
+    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;
+}
+// 领取按钮
+$('.recharges .bottom .but').click(function () {
+    var level = $(this).attr('level');
+    var click = $(this).attr('click');
+    if (click == 1) {
+        showLoading()
+        networkRequest({
+            type: 'get',
+            url: urlPrefix + '/activity/h5/charge/recv',
+            data: { uid: pubInfo.uid, level },
+            success(res) {
+                if (res.code === 200) {
+                    getConfig();
+                } else {
+                    toastMsg(res.message)
+                }
+                hideLoading(layerIndex)
+            },
+            error(err) {
+                hideLoading(layerIndex)
+                toastMsg(langReplace(localLang.demoModule.layerIndex3))
+            }
+        })
+    }
+})
+// 打开mp4弹窗
+$('.recharge3000 .content .rewardImg .bo').click(function () {
+    var video = document.getElementById('zjVideo');
+    video.play();
+    bodyScroolFun(true);
+    $('.video').show();
+})
+// 关闭mp4弹窗
+$('.video .close').click(function () {
+    var video = document.getElementById('zjVideo');
+    video.pause();
+    bodyScroolFun(false);
+    $('.video').hide();
+})
+// 监听播放完毕事件
+var video = document.getElementById('zjVideo');
+video.addEventListener('ended', function () {
+    video.pause();
+    bodyScroolFun(false);
+    $('.video').hide();
+});
--- a/view/molistar/activity/rechargeNew/local/ar.js
+++ b/view/molistar/activity/rechargeNew/local/ar.js
@@ -0,0 +1,45 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `جار التحميل...`,
+        layerIndex2: `نجاح`,
+        layerIndex3: `خطأ في الشبكة`,
+        text1: `إعادة شحن شهرية`,
+        text2: `القواعد`,
+        text3: `يوم`,
+        text4: `ساعة`,
+        text5: `دقيقة`,
+        text6: `ثانية`,
+        text7: `إعادة شحني`,
+        text8: `انتقل إلى إعادة الشحن`,
+        text9: `إعادة شحن $10`,
+        text10: `احصل على مكافأة`,
+        text11: `إعادة شحن $100`,
+        text12: `إعادة شحن $300`,
+        text13: `أفضل 3 فائزين`,
+        text14: `إعادة شحن $500`,
+        text15: `إعادة شحن $1000`,
+        text16: `إعادة شحن $3000`,
+        text17: `القواعد`,
+        text18: `
+        <p>1، وقت نشاط إعادة الشحن: من 00:00:00 في اليوم الأول من كل شهر إلى 23:59:59 في اليوم الأخير من الشهر (GMT+3).</p>
+        <p>2، يمكنك الحصول على مكافأة كل درجة مرة واحدة فقط.</p>
+        <p>3، عند انتهاء كل جولة من الأنشطة، ستنتهي المكافآت تلقائيًا.</p>
+        <p>4، اتصل بخدمة العملاء الرسمية للحصول على معرفك الفريد!</p>
+        <p>5، لا يمكن لوكيل الشحن الانضمام إلى النشاط.</p>
+        <p>6، هذا الحدث ليس مرتبطًا بجوجل/أبل.</p>
+        `,
+        text19: `إعادة شحن شهريتي`,
+        text20: `
+        <p>1، تشمل طرق إعادة الشحن Google وApple الداخلية وما إلى ذلك.</p>
+        <p>2، لا يمكن لوكيل الشحن الانضمام إلى النشاط.</p>
+        `,
+        text21: `هدية مخصصة`,
+        text22: `<p>يمكنك إرسال الفيديو الخاص بك إلى خدمة العملاء لدينا للحصول على هديتك المخصصة.</p>`,
+        text23: `تم استلامه`,
+        text24: `هذا الحدث غير مرتبط بشركة أبل.`,
+        text25: `هذا الحدث غير مرتبط بشركة جوجل.`,
+        text26: `أفضل 3 فائزين`,
+    }
+}
--- a/view/molistar/activity/rechargeNew/local/en.js
+++ b/view/molistar/activity/rechargeNew/local/en.js
@@ -0,0 +1,43 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1: `Monthoy recharge`,
+        text2: `Rules`,
+        text3: `Day`,
+        text4: `Hour`,
+        text5: `Min`,
+        text6: `Sec`,
+        text7: `My Recharge`,
+        text8: `Go to Recharge`,
+        text9: `Recharge $10`,
+        text10: `Get reward`,
+        text11: `Recharge $100`,
+        text12: `Recharge $300`,
+        text13: `Top 3 Winner`,
+        text14: `Recharge $500`,
+        text15: `Recharge $1000`,
+        text16: `Recharge $3000`,
+        text17: `Rules`,
+        text18: `
+        <p>1. Recharge activity time: 0:00:00 on the 1st of each month to 23:59:59 on the last day of the month (GMT+3).</p>
+        <p>2. You can only get each grade reward once.</p>
+        <p>3. Each round of activities end, the rewards will automatically expire.</p>
+        <p>4. Contact our official customer service to get your unique ID!</p>
+        <p>5. Recharge agent can not join the activity.</p>
+        <p>6. This event is not related to Google/Apple.</p>
+    `,
+        text19: `My Monthly Recharge`,
+        text20: `
+        <p>1、Recharge methods include Google, Apple internal purchase and so on.</p>
+        <p>2、Recharge agent can not join the activity.</p>
+    `,
+        text21: `Customized Gift`,
+        text22: `<p>You can send your special video to our customer service to get your customized gift.</p>`,
+        text23: `Received`,
+        text24: `This event is not related to Apple.`,
+        text25: `This event is not related to Google.`,
+        text26: `Top 3 Winner`,
+    }
+}
--- a/view/molistar/activity/rechargeNew/local/zh.js
+++ b/view/molistar/activity/rechargeNew/local/zh.js
@@ -0,0 +1,45 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `加載中...`,
+        layerIndex2: `成功`,
+        layerIndex3: `網絡錯誤`,
+        text1: `月度充值`,
+        text2: `規則`,
+        text3: `天`,
+        text4: `小時`,
+        text5: `分鐘`,
+        text6: `秒`,
+        text7: `我的充值`,
+        text8: `前往充值`,
+        text9: `充值 $10`,
+        text10: `獲得獎勵`,
+        text11: `充值 $100`,
+        text12: `充值 $300`,
+        text13: `前三名獲獎者`,
+        text14: `充值 $500`,
+        text15: `充值 $1000`,
+        text16: `充值 $3000`,
+        text17: `規則`,
+        text18: `
+        <p>1、充值活動時間：每月1日00:00:00到每月最後一天23:59:59（GMT+3）。</p>
+        <p>2、每個等級的獎勵只能獲得一次。</p>
+        <p>3、每輪活動結束後，獎勵將自動過期。</p>
+        <p>4、聯系客服獲取您的唯一ID！</p>
+        <p>5、充值代理不能參加活動。</p>
+        <p>6、該活動與谷歌/蘋果無關。</p>
+        `,
+        text19: `我的月度充值`,
+        text20: `
+        <p>1、充值方式包括Google、Apple內購等。</p>
+        <p>2、充值代理不能參加活動。</p>
+        `,
+        text21: `定製禮品`,
+        text22: `<p>您可以將您的特別視頻發送給我們的客服，以獲取定製禮品。</p>`,
+        text23: `已領取`,
+        text24: `本活動與蘋果無關`,
+        text25: `本活動與谷歌無關`,
+        text26: `前3名獲獎者`,
+    }
+}
--- a/view/molistar/activity/rechargeNew/mp4/3000.mp4
+++ b/view/molistar/activity/rechargeNew/mp4/3000.mp4
--- a/view/molistar/activity/rechargeNew/svga/10.svga
+++ b/view/molistar/activity/rechargeNew/svga/10.svga
--- a/view/molistar/activity/rechargeNew/svga/100.svga
+++ b/view/molistar/activity/rechargeNew/svga/100.svga
--- a/view/molistar/activity/rechargeNew/svga/1000.svga
+++ b/view/molistar/activity/rechargeNew/svga/1000.svga
--- a/view/molistar/activity/rechargeNew/svga/300.svga
+++ b/view/molistar/activity/rechargeNew/svga/300.svga
--- a/view/molistar/activity/rechargeNew/svga/3000.svga
+++ b/view/molistar/activity/rechargeNew/svga/3000.svga
--- a/view/molistar/activity/rechargeNew/svga/500.svga
+++ b/view/molistar/activity/rechargeNew/svga/500.svga
--- a/view/molistar/activity/rechargeNew/svga/zj10.svga
+++ b/view/molistar/activity/rechargeNew/svga/zj10.svga
--- a/view/molistar/activity/rechargeNew/svga/zj100.svga
+++ b/view/molistar/activity/rechargeNew/svga/zj100.svga
--- a/view/molistar/activity/rechargeNew/svga/zj1000.svga
+++ b/view/molistar/activity/rechargeNew/svga/zj1000.svga
--- a/view/molistar/activity/rechargeNew/svga/zj300.svga
+++ b/view/molistar/activity/rechargeNew/svga/zj300.svga
--- a/view/molistar/activity/rechargeNew/svga/zj500.svga
+++ b/view/molistar/activity/rechargeNew/svga/zj500.svga
--- a/view/molistar/activity/ssGuild/css/index.css
+++ b/view/molistar/activity/ssGuild/css/index.css
@@ -0,0 +1,637 @@
+@charset "UTF-8";
+html,
+body {
+  width: 100%;
+  background: #00121E;
+  overflow-x: hidden;
+}
+
+html::-webkit-scrollbar,
+body::-webkit-scrollbar {
+  display: none;
+  width: 0;
+}
+
+.back {
+  width: 100%;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  position: fixed;
+  left: 0;
+  top: 0.86667rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 0rem;
+}
+
+.header {
+  width: 10rem;
+  height: 32.90667rem;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  margin: 0 auto 0rem;
+  box-sizing: border-box;
+  padding-top: 8.46667rem;
+}
+
+.header .actTime {
+  width: 7.06667rem;
+  height: 0.77333rem;
+  line-height: 0.77333rem;
+  text-align: center;
+  color: #FFEDC1;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  background: linear-gradient(0deg, #152738, #0F5881);
+  border-radius: 0.77333rem;
+  border: 0.04rem solid #FFDFB2;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.21333rem;
+}
+
+.header .time {
+  width: 7.6rem;
+  height: 1.89333rem;
+  margin: 0 auto 0.62667rem;
+  display: flex;
+  justify-content: space-between;
+}
+
+.header .time div {
+  width: 1.33333rem;
+  height: 1.89333rem;
+  background: url(../images/timeBg.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.header .time div b {
+  display: inline-block;
+  color: #FFEDBA;
+  font-size: 0.58667rem;
+  font-weight: 600;
+  margin-top: 0.36rem;
+  margin-bottom: 0.50667rem;
+  width: 100%;
+  text-align: center;
+  height: 0.46667rem;
+}
+
+.header .time div span {
+  display: inline-block;
+  width: 100%;
+  text-align: center;
+  color: #FFEDBA;
+  font-size: 0.37333rem;
+  font-weight: 400;
+}
+
+.header .content {
+  width: 9.28rem;
+  height: 4.02667rem;
+  margin: 0 auto 0.36rem;
+  background: url(../images/boxBg.png) no-repeat;
+  background-size: 100% 100%;
+  box-sizing: border-box;
+  padding: 0 0.53333rem;
+  color: #FFEDBA;
+  font-size: 0.34667rem;
+  font-weight: 400;
+  line-height: 0.53333rem;
+  position: relative;
+  z-index: 2;
+  display: flex;
+  justify-content: center;
+  /* 水平居中 */
+  align-items: center;
+  /* 垂直居中 */
+}
+
+.header .tab {
+  width: 8.93333rem;
+  height: 1.30667rem;
+  line-height: 1.30667rem;
+  text-align: center;
+  display: flex;
+  justify-content: space-between;
+  margin: 0 auto 0rem;
+  position: relative;
+  z-index: 2;
+}
+
+.header .tab div {
+  width: 4.24rem;
+  height: 1.30667rem;
+  background: url(../images/tab.png) no-repeat;
+  background-size: 100% 100%;
+  color: #FFEFC3;
+  font-size: 0.48rem;
+  font-weight: 600;
+}
+
+.header .tab .act {
+  background: url(../images/tabAct.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.page1 .cloud {
+  width: 10rem;
+  height: 11.06667rem;
+  background: url(../images/cloud.png) no-repeat;
+  background-size: 100% 100%;
+  margin: -17.3rem auto -2.6rem;
+  position: relative;
+}
+
+.page1 .cloud .no1 {
+  width: 5rem;
+  height: 6.08rem;
+  position: absolute;
+  top: 1.50667rem;
+  left: 50%;
+  transform: translateX(-50%);
+  background: url(../images/top1.png) no-repeat;
+  background-size: 100% 100%;
+  z-index: 2;
+}
+
+.page1 .cloud .no1 .ts {
+  width: 2.66667rem;
+  height: 2.66667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.93333rem;
+  z-index: 2;
+}
+
+.page1 .cloud .no1 .tx {
+  width: 1.86667rem;
+  height: 1.86667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.33333rem;
+  border-radius: 50%;
+}
+
+.page1 .cloud .no1 .name {
+  width: 57%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 0.4rem;
+  color: #FFEDBA;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  position: absolute;
+  text-align: center;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.6rem;
+}
+
+.page1 .cloud .no1 .id {
+  width: 57%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 0.4rem;
+  color: #FFEDBA;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  position: absolute;
+  text-align: center;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 4.02667rem;
+}
+
+.page1 .cloud .no1 .grade {
+  width: 1.01333rem;
+  height: 0.66667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 4.49333rem;
+}
+
+.page1 .cloud .no2 {
+  width: 3.65333rem;
+  height: 5.06667rem;
+  position: absolute;
+  top: 3.14667rem;
+  left: 0rem;
+  background: url(../images/top2.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.page1 .cloud .no2 .ts {
+  width: 2.21333rem;
+  height: 2.21333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-62%);
+  top: 0.8rem;
+  z-index: 2;
+}
+
+.page1 .cloud .no2 .tx {
+  width: 1.54667rem;
+  height: 1.54667rem;
+  position: absolute;
+  left: 0.8rem;
+  top: 1.13333rem;
+  border-radius: 50%;
+}
+
+.page1 .cloud .no2 .name {
+  width: 57%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 0.4rem;
+  color: #FFEDBA;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  position: absolute;
+  text-align: center;
+  left: 50%;
+  transform: translateX(-62%);
+  top: 3rem;
+}
+
+.page1 .cloud .no2 .id {
+  width: 57%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 0.4rem;
+  color: #FFEDBA;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  position: absolute;
+  text-align: center;
+  left: 50%;
+  transform: translateX(-62%);
+  top: 3.4rem;
+}
+
+.page1 .cloud .no2 .grade {
+  width: 0.8rem;
+  height: 0.53333rem;
+  position: absolute;
+  left: 1.17333rem;
+  top: 3.86667rem;
+}
+
+.page1 .cloud .no3 {
+  width: 3.65333rem;
+  height: 5.06667rem;
+  position: absolute;
+  top: 3.14667rem;
+  right: 0rem;
+  background: url(../images/top3.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.page1 .cloud .no3 .ts {
+  width: 2.21333rem;
+  height: 2.21333rem;
+  position: absolute;
+  right: 0.45333rem;
+  top: 0.8rem;
+  z-index: 2;
+}
+
+.page1 .cloud .no3 .tx {
+  width: 1.54667rem;
+  height: 1.54667rem;
+  position: absolute;
+  right: 0.78667rem;
+  top: 1.13333rem;
+  border-radius: 50%;
+}
+
+.page1 .cloud .no3 .name {
+  width: 57%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 0.4rem;
+  color: #FFEDBA;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  position: absolute;
+  text-align: center;
+  left: 50%;
+  transform: translateX(-37%);
+  top: 3.1rem;
+}
+
+.page1 .cloud .no3 .id {
+  width: 57%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 0.4rem;
+  color: #FFEDBA;
+  font-size: 0.34667rem;
+  font-weight: 500;
+  position: absolute;
+  text-align: center;
+  left: 50%;
+  transform: translateX(-37%);
+  top: 3.5rem;
+}
+
+.page1 .cloud .no3 .grade {
+  width: 0.8rem;
+  height: 0.53333rem;
+  position: absolute;
+  right: 1.16rem;
+  top: 3.86667rem;
+}
+
+.page1 ul {
+  width: 9.86667rem;
+  margin: 0 auto 0.49333rem;
+  position: relative;
+}
+
+.page1 ul li {
+  width: 100%;
+  height: 2.50667rem;
+  background: url(../images/liBg.png) no-repeat;
+  background-size: 100% 100%;
+  box-sizing: border-box;
+  padding: 0 0.96rem 0 0.89333rem;
+  margin-bottom: 0.2rem;
+}
+
+.page1 ul li .num {
+  float: left;
+  width: 0.66667rem;
+  height: 100%;
+  line-height: 2.50667rem;
+  color: #FFEDBA;
+  font-size: 0.48rem;
+  font-weight: 600;
+  margin-right: 0.50667rem;
+}
+
+.page1 ul li .tx {
+  float: left;
+  display: block;
+  width: 1.24rem;
+  height: 1.25333rem;
+  border-radius: 50%;
+  border: 0.01333rem solid #FFEDBA;
+  box-sizing: border-box;
+  margin-top: 0.62667rem;
+  margin-right: 0.42667rem;
+}
+
+.page1 ul li .user {
+  float: left;
+  color: #FFEDBA;
+  font-size: 0.37333rem;
+  font-weight: 6.66667rem;
+}
+
+.page1 ul li .user p {
+  width: 3.28rem;
+  margin-top: 0.7rem;
+  margin-bottom: 0.26667rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.page1 ul li .user b {
+  font-weight: 400;
+  font-size: 0.34667rem;
+}
+
+.page1 ul li .grade {
+  display: block;
+  float: right;
+  width: 1.01333rem;
+  height: 0.66667rem;
+  margin-top: 0.93333rem;
+}
+
+.page1 .rule {
+  display: block;
+  width: 9.33333rem;
+  height: 20.08rem;
+  margin: 0 auto 0.4rem;
+  position: relative;
+}
+
+.page1 .my {
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 0;
+  width: 10rem;
+  height: 2.50667rem;
+  background: url(../images/myBg.png) no-repeat;
+  background-size: 100% 100%;
+  box-sizing: border-box;
+  padding: 0 0.96rem 0 0.89333rem;
+  z-index: 9;
+}
+
+.page1 .my .num {
+  float: left;
+  width: 0.66667rem;
+  height: 100%;
+  line-height: 2.50667rem;
+  color: #FFEDBA;
+  font-size: 0.48rem;
+  font-weight: 600;
+  margin-right: 0.50667rem;
+}
+
+.page1 .my .tx {
+  float: left;
+  display: block;
+  width: 1.24rem;
+  height: 1.25333rem;
+  border-radius: 50%;
+  border: 0.01333rem solid #FFEDBA;
+  box-sizing: border-box;
+  margin-top: 0.62667rem;
+  margin-right: 0.42667rem;
+}
+
+.page1 .my .user {
+  float: left;
+  color: #FFEDBA;
+  font-size: 0.37333rem;
+  font-weight: 6.66667rem;
+}
+
+.page1 .my .user p {
+  width: 3.28rem;
+  margin-top: 0.7rem;
+  margin-bottom: 0.26667rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.page1 .my .user b {
+  font-weight: 400;
+  font-size: 0.34667rem;
+}
+
+.page1 .my .grade {
+  display: block;
+  float: right;
+  width: 1.01333rem;
+  height: 0.66667rem;
+  margin-top: 0.93333rem;
+}
+
+.page2 {
+  display: none;
+}
+
+.page2 .my {
+  width: 10rem;
+  height: 11.54667rem;
+  background: url(../images/page2Bg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: -16.25rem auto 0;
+  position: relative;
+  box-sizing: border-box;
+  padding-top: 6.72rem;
+  margin-bottom: 0.44rem;
+}
+
+.page2 .my .ts {
+  position: absolute;
+  width: 3.6rem;
+  height: 3.6rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 2.10667rem;
+  z-index: 2;
+}
+
+.page2 .my .tx {
+  width: 2.53333rem;
+  height: 2.53333rem;
+  border-radius: 50%;
+  position: absolute;
+  top: 2.65333rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.page2 .my .leve {
+  width: 1.01333rem;
+  height: 0.66667rem;
+  position: absolute;
+  top: 5.74667rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.page2 .my p {
+  width: 100%;
+  text-align: center;
+  color: #FFEDBA;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  margin-bottom: 0.26667rem;
+}
+
+.page2 .rule {
+  width: 9.33333rem;
+  height: 17.77333rem;
+  display: block;
+  margin: 0 auto 0.50667rem;
+  position: relative;
+}
+
+.bootomText {
+  width: 100%;
+  text-align: center;
+  color: #FFEDBA;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  margin-bottom: 0.25333rem;
+}
+
+.bootomTextPage1 {
+  margin-bottom: 2.8rem;
+}
+
+.english .header {
+  background: url(../images/header-en.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .header {
+  background: url(../images/header-ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .page1 .my .grade {
+  float: left;
+}
+
+.arabic .page1 .my .num {
+  float: right;
+  margin-right: 0;
+  margin-left: 0.50667rem;
+}
+
+.arabic .page1 .my .tx {
+  float: right;
+  margin-left: 0.42667rem;
+  margin-right: 0;
+}
+
+.arabic .page1 .my .user {
+  float: right;
+}
+
+.arabic .page1 .rule {
+  height: 18.97333rem;
+}
+
+.arabic .page1 ul li .grade {
+  float: left;
+}
+
+.arabic .page1 ul li .num {
+  float: right;
+  margin-right: 0;
+  margin-left: 0.50667rem;
+}
+
+.arabic .page1 ul li .tx {
+  float: right;
+  margin-left: 0.42667rem;
+  margin-right: 0;
+}
+
+.arabic .page1 ul li .user {
+  float: right;
+}
--- a/view/molistar/activity/ssGuild/css/index.scss
+++ b/view/molistar/activity/ssGuild/css/index.scss
@@ -0,0 +1,652 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #00121E;
+    overflow-x: hidden;
+
+    &::-webkit-scrollbar {
+        display: none;
+        width: 0;
+    }
+}
+
+.back {
+    width: 100%;
+    height: px2rem(44);
+    line-height: px2rem(44);
+    position: fixed;
+    left: 0;
+    top: px2rem(65);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(0);
+    }
+}
+
+.header {
+    width: px2rem(750);
+    height: px2rem(2468);
+    background: url(../images/header.png) no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    margin: 0 auto px2rem(0);
+    box-sizing: border-box;
+    padding-top: px2rem(635);
+
+    .actTime {
+        width: px2rem(530);
+        height: px2rem(58);
+        line-height: px2rem(58);
+        text-align: center;
+        color: #FFEDC1;
+        font-size: px2rem(28);
+        font-weight: 500;
+        background: linear-gradient(0deg, #152738, #0F5881);
+        border-radius: px2rem(58);
+        border: px2rem(3) solid #FFDFB2;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(391);
+    }
+
+    .time {
+        width: px2rem(570);
+        height: px2rem(142);
+        margin: 0 auto px2rem(47);
+        display: flex;
+        justify-content: space-between;
+
+        div {
+            width: px2rem(100);
+            height: px2rem(142);
+            background: url(../images/timeBg.png) no-repeat;
+            background-size: 100% 100%;
+
+            b {
+                display: inline-block;
+                color: #FFEDBA;
+                font-size: px2rem(44);
+                font-weight: 600;
+                margin-top: 0.36rem;
+                margin-bottom: px2rem(38);
+                width: 100%;
+                text-align: center;
+                height: px2rem(35);
+            }
+
+            span {
+                display: inline-block;
+                width: 100%;
+                text-align: center;
+                color: #FFEDBA;
+                font-size: px2rem(28);
+                font-weight: 400;
+            }
+        }
+    }
+
+    .content {
+        width: px2rem(696);
+        height: px2rem(302);
+        margin: 0 auto px2rem(27);
+        background: url(../images/boxBg.png) no-repeat;
+        background-size: 100% 100%;
+        box-sizing: border-box;
+        padding: 0 px2rem(40);
+        color: #FFEDBA;
+        font-size: px2rem(26);
+        font-weight: 400;
+        line-height: px2rem(40);
+        position: relative;
+        z-index: 2;
+        display: flex;
+        justify-content: center;
+        /* 水平居中 */
+        align-items: center;
+        /* 垂直居中 */
+    }
+
+    .tab {
+        width: px2rem(670);
+        height: px2rem(98);
+        line-height: px2rem(98);
+        text-align: center;
+        display: flex;
+        justify-content: space-between;
+        margin: 0 auto px2rem(0);
+        position: relative;
+        z-index: 2;
+
+        div {
+            width: px2rem(318);
+            height: px2rem(98);
+            background: url(../images/tab.png) no-repeat;
+            background-size: 100% 100%;
+            color: #FFEFC3;
+            font-size: px2rem(36);
+            font-weight: 600;
+        }
+
+        .act {
+            background: url(../images/tabAct.png) no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+}
+
+.page1 {
+    // display: none;
+
+    .cloud {
+        width: px2rem(750);
+        height: px2rem(830);
+        background: url(../images/cloud.png) no-repeat;
+        background-size: 100% 100%;
+        margin: -17.3rem auto -2.6rem;
+        position: relative;
+
+        .no1 {
+            width: px2rem(375);
+            height: px2rem(456);
+            position: absolute;
+            top: px2rem(113);
+            left: 50%;
+            transform: translateX(-50%);
+            background: url(../images/top1.png) no-repeat;
+            background-size: 100% 100%;
+            z-index: 2;
+
+            .ts {
+                width: px2rem(200);
+                height: px2rem(200);
+                position: absolute;
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(70);
+                z-index: 2;
+            }
+
+            .tx {
+                width: px2rem(140);
+                height: px2rem(140);
+                position: absolute;
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(100);
+                border-radius: 50%;
+            }
+
+            .name {
+                width: 57%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                height: px2rem(30);
+                color: #FFEDBA;
+                font-size: px2rem(28);
+                font-weight: 500;
+                position: absolute;
+                text-align: center;
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(270);
+            }
+
+            .id {
+                width: 57%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                height: px2rem(30);
+                color: #FFEDBA;
+                font-size: px2rem(28);
+                font-weight: 500;
+                position: absolute;
+                text-align: center;
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(302);
+            }
+
+            .grade {
+                width: px2rem(76);
+                height: px2rem(50);
+                position: absolute;
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(337);
+            }
+        }
+
+        .no2 {
+            width: px2rem(274);
+            height: px2rem(380);
+            position: absolute;
+            top: px2rem(236);
+            left: 0rem;
+            background: url(../images/top2.png) no-repeat;
+            background-size: 100% 100%;
+
+            .ts {
+                width: px2rem(166);
+                height: px2rem(166);
+                position: absolute;
+                left: 50%;
+                transform: translateX(-62%);
+                top: px2rem(60);
+                z-index: 2;
+            }
+
+            .tx {
+                width: px2rem(116);
+                height: px2rem(116);
+                position: absolute;
+                left: px2rem(60);
+                top: px2rem(85);
+                border-radius: 50%;
+            }
+
+            .name {
+                width: 57%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                height: px2rem(30);
+                color: #FFEDBA;
+                font-size: px2rem(28);
+                font-weight: 500;
+                position: absolute;
+                text-align: center;
+                left: 50%;
+                transform: translateX(-62%);
+                top: 3rem;
+            }
+
+            .id {
+                width: 57%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                height: px2rem(30);
+                color: #FFEDBA;
+                font-size: px2rem(28);
+                font-weight: 500;
+                position: absolute;
+                text-align: center;
+                left: 50%;
+                transform: translateX(-62%);
+                top: 3.4rem;
+            }
+
+            .grade {
+                width: px2rem(60);
+                height: px2rem(40);
+                position: absolute;
+                left: px2rem(88);
+                top: px2rem(290);
+            }
+        }
+
+        .no3 {
+            width: px2rem(274);
+            height: px2rem(380);
+            position: absolute;
+            top: px2rem(236);
+            right: 0rem;
+            background: url(../images/top3.png) no-repeat;
+            background-size: 100% 100%;
+
+            .ts {
+                width: px2rem(166);
+                height: px2rem(166);
+                position: absolute;
+                right: px2rem(34);
+                top: px2rem(60);
+                z-index: 2;
+            }
+
+            .tx {
+                width: px2rem(116);
+                height: px2rem(116);
+                position: absolute;
+                right: px2rem(59);
+                top: px2rem(85);
+                border-radius: 50%;
+            }
+
+            .name {
+                width: 57%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                height: px2rem(30);
+                color: #FFEDBA;
+                font-size: px2rem(28);
+                font-weight: 500;
+                position: absolute;
+                text-align: center;
+                left: 50%;
+                transform: translateX(-37%);
+                top: 3.1rem;
+            }
+
+            .id {
+                width: 57%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                height: px2rem(30);
+                color: #FFEDBA;
+                font-size: px2rem(26);
+                font-weight: 500;
+                position: absolute;
+                text-align: center;
+                left: 50%;
+                transform: translateX(-37%);
+                top: 3.5rem;
+            }
+
+            .grade {
+                width: px2rem(60);
+                height: px2rem(40);
+                position: absolute;
+                right: px2rem(87);
+                top: px2rem(290);
+            }
+        }
+    }
+
+    ul {
+        width: px2rem(740);
+        margin: 0 auto px2rem(37);
+        position: relative;
+
+        li {
+            width: 100%;
+            height: px2rem(188);
+            background: url(../images/liBg.png) no-repeat;
+            background-size: 100% 100%;
+            box-sizing: border-box;
+            padding: 0 px2rem(72) 0 px2rem(67);
+            margin-bottom: px2rem(15);
+
+            .num {
+                float: left;
+                width: px2rem(50);
+                height: 100%;
+                line-height: px2rem(188);
+                color: #FFEDBA;
+                font-size: px2rem(36);
+                font-weight: 600;
+                margin-right: px2rem(38);
+            }
+
+            .tx {
+                float: left;
+                display: block;
+                width: px2rem(93);
+                height: px2rem(94);
+                border-radius: 50%;
+                border: px2rem(1) solid #FFEDBA;
+                box-sizing: border-box;
+                margin-top: px2rem(47);
+                margin-right: px2rem(32);
+            }
+
+            .user {
+                float: left;
+                color: #FFEDBA;
+                font-size: px2rem(28);
+                font-weight: px2rem(500);
+
+                p {
+                    width: px2rem(246);
+                    margin-top: 0.7rem;
+                    margin-bottom: px2rem(20);
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
+
+                b {
+                    font-weight: 400;
+                    font-size: px2rem(26);
+                }
+            }
+
+            .grade {
+                display: block;
+                float: right;
+                width: px2rem(76);
+                height: px2rem(50);
+                margin-top: px2rem(70);
+            }
+        }
+    }
+
+    .rule {
+        display: block;
+        width: px2rem(700);
+        height: px2rem(1506);
+        margin: 0 auto px2rem(30);
+        position: relative;
+    }
+
+    .my {
+        position: fixed;
+        left: 50%;
+        transform: translateX(-50%);
+        bottom: 0;
+        width: px2rem(750);
+        height: px2rem(188);
+        background: url(../images/myBg.png) no-repeat;
+        background-size: 100% 100%;
+        box-sizing: border-box;
+        padding: 0 px2rem(72) 0 px2rem(67);
+        z-index: 9;
+
+        .num {
+            float: left;
+            width: px2rem(50);
+            height: 100%;
+            line-height: px2rem(188);
+            color: #FFEDBA;
+            font-size: px2rem(36);
+            font-weight: 600;
+            margin-right: px2rem(38);
+        }
+
+        .tx {
+            float: left;
+            display: block;
+            width: px2rem(93);
+            height: px2rem(94);
+            border-radius: 50%;
+            border: px2rem(1) solid #FFEDBA;
+            box-sizing: border-box;
+            margin-top: px2rem(47);
+            margin-right: px2rem(32);
+        }
+
+        .user {
+            float: left;
+            color: #FFEDBA;
+            font-size: px2rem(28);
+            font-weight: px2rem(500);
+
+            p {
+                width: px2rem(246);
+                margin-top: 0.7rem;
+                margin-bottom: px2rem(20);
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+
+            b {
+                font-weight: 400;
+                font-size: px2rem(26);
+            }
+        }
+
+        .grade {
+            display: block;
+            float: right;
+            width: px2rem(76);
+            height: px2rem(50);
+            margin-top: px2rem(70);
+        }
+    }
+}
+
+.page2 {
+    display: none;
+
+    .my {
+        width: px2rem(750);
+        height: px2rem(866);
+        background: url(../images/page2Bg.png) no-repeat;
+        background-size: 100% 100%;
+        margin: -16.25rem auto 0;
+        position: relative;
+        box-sizing: border-box;
+        padding-top: px2rem(504);
+        margin-bottom: px2rem(33);
+
+        .ts {
+            position: absolute;
+            width: px2rem(270);
+            height: px2rem(270);
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(158);
+            z-index: 2;
+        }
+
+        .tx {
+            width: px2rem(190);
+            height: px2rem(190);
+            border-radius: 50%;
+            position: absolute;
+            top: px2rem(199);
+            left: 50%;
+            transform: translateX(-50%);
+
+        }
+
+        .leve {
+            width: px2rem(76);
+            height: px2rem(50);
+            position: absolute;
+            top: px2rem(431);
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        p {
+            width: 100%;
+            text-align: center;
+            color: #FFEDBA;
+            font-size: px2rem(28);
+            font-weight: 500;
+            margin-bottom: px2rem(20);
+        }
+    }
+
+    .rule {
+        width: px2rem(700);
+        height: px2rem(1333);
+        display: block;
+        margin: 0 auto px2rem(38);
+        position: relative;
+    }
+}
+
+.bootomText {
+    width: 100%;
+    text-align: center;
+    color: #FFEDBA;
+    font-size: px2rem(28);
+    font-weight: 400;
+    margin-bottom: px2rem(19);
+}
+
+.bootomTextPage1 {
+    margin-bottom: px2rem(210);
+}
+
+.english {
+    .header {
+        background: url(../images/header-en.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+.arabic {
+    .header {
+        background: url(../images/header-ar.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .page1 .my {
+        .grade {
+            float: left;
+        }
+
+        .num {
+            float: right;
+            margin-right: 0;
+            margin-left: 0.50667rem;
+        }
+
+        .tx {
+            float: right;
+            margin-left: 0.42667rem;
+            margin-right: 0;
+        }
+
+        .user {
+            float: right;
+        }
+    }
+
+    .page1 .rule {
+        height: px2rem(1423);
+    }
+
+    .page1 ul li {
+        .grade {
+            float: left;
+        }
+
+        .num {
+            float: right;
+            margin-right: 0;
+            margin-left: 0.50667rem;
+        }
+
+        .tx {
+            float: right;
+            margin-left: 0.42667rem;
+            margin-right: 0;
+        }
+
+        .user {
+            float: right;
+        }
+    }
+}
--- a/view/molistar/activity/ssGuild/images/A.png
+++ b/view/molistar/activity/ssGuild/images/A.png
--- a/view/molistar/activity/ssGuild/images/B.png
+++ b/view/molistar/activity/ssGuild/images/B.png
--- a/view/molistar/activity/ssGuild/images/S.png
+++ b/view/molistar/activity/ssGuild/images/S.png
--- a/view/molistar/activity/ssGuild/images/SS.png
+++ b/view/molistar/activity/ssGuild/images/SS.png
--- a/view/molistar/activity/ssGuild/images/boxBg.png
+++ b/view/molistar/activity/ssGuild/images/boxBg.png
--- a/view/molistar/activity/ssGuild/images/cloud.png
+++ b/view/molistar/activity/ssGuild/images/cloud.png
--- a/view/molistar/activity/ssGuild/images/header-ar.png
+++ b/view/molistar/activity/ssGuild/images/header-ar.png
--- a/view/molistar/activity/ssGuild/images/header-en.png
+++ b/view/molistar/activity/ssGuild/images/header-en.png
--- a/view/molistar/activity/ssGuild/images/header.png
+++ b/view/molistar/activity/ssGuild/images/header.png
--- a/view/molistar/activity/ssGuild/images/liBg.png
+++ b/view/molistar/activity/ssGuild/images/liBg.png
--- a/view/molistar/activity/ssGuild/images/myBg.png
+++ b/view/molistar/activity/ssGuild/images/myBg.png
--- a/view/molistar/activity/ssGuild/images/null.png
+++ b/view/molistar/activity/ssGuild/images/null.png
--- a/view/molistar/activity/ssGuild/images/page1Rule-ar.png
+++ b/view/molistar/activity/ssGuild/images/page1Rule-ar.png
--- a/view/molistar/activity/ssGuild/images/page1Rule-en.png
+++ b/view/molistar/activity/ssGuild/images/page1Rule-en.png
--- a/view/molistar/activity/ssGuild/images/page1Rule.png
+++ b/view/molistar/activity/ssGuild/images/page1Rule.png
--- a/view/molistar/activity/ssGuild/images/page2Bg.png
+++ b/view/molistar/activity/ssGuild/images/page2Bg.png
--- a/view/molistar/activity/ssGuild/images/page2Rule-ar.png
+++ b/view/molistar/activity/ssGuild/images/page2Rule-ar.png
--- a/view/molistar/activity/ssGuild/images/page2Rule-en.png
+++ b/view/molistar/activity/ssGuild/images/page2Rule-en.png
--- a/view/molistar/activity/ssGuild/images/page2Rule.png
+++ b/view/molistar/activity/ssGuild/images/page2Rule.png
--- a/view/molistar/activity/ssGuild/images/page2Ts.png
+++ b/view/molistar/activity/ssGuild/images/page2Ts.png
--- a/view/molistar/activity/ssGuild/images/tab.png
+++ b/view/molistar/activity/ssGuild/images/tab.png
--- a/view/molistar/activity/ssGuild/images/tabAct.png
+++ b/view/molistar/activity/ssGuild/images/tabAct.png
--- a/view/molistar/activity/ssGuild/images/timeBg.png
+++ b/view/molistar/activity/ssGuild/images/timeBg.png
--- a/view/molistar/activity/ssGuild/images/top1.png
+++ b/view/molistar/activity/ssGuild/images/top1.png
--- a/view/molistar/activity/ssGuild/images/top2.png
+++ b/view/molistar/activity/ssGuild/images/top2.png
--- a/view/molistar/activity/ssGuild/images/top23.png
+++ b/view/molistar/activity/ssGuild/images/top23.png
--- a/view/molistar/activity/ssGuild/images/top3.png
+++ b/view/molistar/activity/ssGuild/images/top3.png
--- a/view/molistar/activity/ssGuild/images/travel/back.png
+++ b/view/molistar/activity/ssGuild/images/travel/back.png
--- a/view/molistar/activity/ssGuild/images/travel/backB.png
+++ b/view/molistar/activity/ssGuild/images/travel/backB.png
--- a/view/molistar/activity/ssGuild/images/ts.png
+++ b/view/molistar/activity/ssGuild/images/ts.png
--- a/view/molistar/activity/ssGuild/images/tsBig.png
+++ b/view/molistar/activity/ssGuild/images/tsBig.png
--- a/view/molistar/activity/ssGuild/index.html
+++ b/view/molistar/activity/ssGuild/index.html
@@ -0,0 +1,131 @@
+<!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">
+        <!-- 活动时间 -->
+        <div class="actTime"><span class="text2"></span><b></b></div>
+        <!-- 倒计时 -->
+        <div class="time">
+            <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="content "><div class="text7"></div>
+        </div>
+        <!-- tab切换 -->
+        <div class="tab">
+            <div class="act text8"></div>
+            <div class="text9"></div>
+        </div>
+    </div>
+    <!-- 页面1 -->
+    <div class="page1">
+        <!-- 前三 -->
+        <div class="cloud">
+            <div class="no1">
+                <img src="./images/tsBig.png" alt="" class="ts">
+                <img src="./images/null.png" alt="" class="tx">
+                <div class="name"></div>
+                <div class="id"></div>
+                <img src="./images/SS.png" alt="" class="grade">
+            </div>
+            <div class="no2">
+                <img src="./images/ts.png" alt="" class="ts">
+                <img src="./images/null.png" alt="" class="tx">
+                <div class="name"></div>
+                <div class="id"></div>
+                <img src="./images/SS.png" alt="" class="grade">
+            </div>
+            <div class="no3">
+                <img src="./images/ts.png" alt="" class="ts">
+                <img src="./images/null.png" alt="" class="tx">
+                <div class="name"></div>
+                <div class="id"></div>
+                <img src="./images/SS.png" alt="" class="grade">
+            </div>
+        </div>
+        <!-- 非前三 -->
+        <ul>
+            <!-- <li>
+                <div class="num">04</div>
+                <img src="./images/null.png" alt="" class="tx">
+                <div class="user">
+                    <p>虚位以待</p>
+                    <b>ID:0</b>
+                </div>
+                <img src="./images/SS.png" alt="" class="grade">
+            </li> -->
+        </ul>
+        <!-- 规则 -->
+        <img src="./images/page1Rule.png" alt="" class="rule img1">
+        <!-- 自己 -->
+        <div class="my">
+            <div class="num">04</div>
+            <img src="./images/null.png" alt="" class="tx">
+            <div class="user">
+                <p></p>
+                <b></b>
+            </div>
+            <img src="./images/SS.png" alt="" class="grade">
+        </div>
+    </div>
+    <!-- 页面2 -->
+    <div class="page2">
+        <div class="my">
+            <img src="./images/page2Ts.png" alt="" class="ts">
+            <img src="./images/null.png" alt="" class="tx">
+            <img src="./images/SS.png" alt="" class="leve">
+            <p class="p1"><span class=" text10"></span><b>名字</b></p>
+            <p class="p2"><span class=" text11"></span><b>0</b></p>
+            <p class="p3"><span class=" text12"></span><b>名字</b></p>
+            <p class="p4"><span class=" text13"></span><b>0</b></p>
+            <p class="p5"><span class=" text14"></span><b>0</b></p>
+            <p class="p6"><span class=" text15"></span><b>0</b></p>
+        </div>
+        <img src="./images/page2Rule.png" alt="" class="rule img2">
+    </div>
+    <!-- 免责声明 -->
+    <div class="bootomText bootomTextPage1 text16"></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="../../common/js/svga.min.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./js/index.js"></script>
+<script src="../../common/local/langHandler.js"></script>
--- a/view/molistar/activity/ssGuild/js/index.js
+++ b/view/molistar/activity/ssGuild/js/index.js
@@ -0,0 +1,229 @@
+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 isLock = true;
+var page = 1;
+var wealth;
+var limitWealth;
+// 初始化函數
+$(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();
+        getConfig();
+    }, 100)
+
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.page1 .rule').attr('src', langReplace(localLang.demoModule.img1));
+    $('.page2 .rule').attr('src', langReplace(localLang.demoModule.img2));
+    $('.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));
+    $('.img1').attr('src', langReplace(localLang.demoModule.img1));
+    $('.img2').attr('src', langReplace(localLang.demoModule.img2));
+}
+// 配置接口
+function getConfig() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/activity/h5/ssGuild/ssAgencyRank',
+        data: { uid: pubInfo.uid },
+        success(res) {
+            if (res.code === 200) {
+                // 倒计时
+                countup(res.data.monthEndTime - res.timestamp);
+                // 处理时间
+                $('.header .actTime b').text(`${res.data.startDate}-${res.data.endDate}`);
+                // 渲染排名
+                var listTo3 = res.data.rankList.slice(0, 3);
+                var notListTo3 = res.data.rankList.slice(3);
+                if (listTo3.length < 3) {
+                    let arr = new Array(3 - listTo3.length).fill({
+                        avatar: './images/null.png',
+                        guildName: langReplace(localLang.demoModule.text17),
+                        guildId: '0',
+                        markScore: null
+                    })
+                    listTo3.push(...arr)
+                }
+                // 前三
+                listTo3.forEach((res, i) => {
+                    $(`.page1 .cloud .no${i + 1} .tx`).attr('src', res.avatar);
+                    if (res.markScore == null) {
+                        $(`.page1 .cloud .no${i + 1} .grade`).hide();
+                    } else {
+                        $(`.page1 .cloud .no${i + 1} .grade`).attr('src', `./images/${res.markScore}.png`);
+                    }
+                    $(`.page1 .cloud .no${i + 1} .name`).text(res.guildName);
+                    $(`.page1 .cloud .no${i + 1} .id`).text(res.guildId == 0 ? '' : 'ID:' + res.guildId);
+                })
+                // 非前三
+                var str = '';
+                notListTo3.forEach(res => {
+                    str += `
+                        <li>
+                            <div class="num">${res.rank}</div>
+                            <img src="${res.avatar}" alt="" class="tx">
+                            <div class="user">
+                                <p>${res.guildName}</p>
+                                <b>ID:${res.guildId}</b>
+                            </div>
+                            <img style="display:${res.ssLevel == 0 ? 'none' : 'block'}" src="./images/${res.markScore}.png" alt="" class="grade">
+                        </li>
+                    `
+                })
+                $('.page1 ul').append(str);
+                // 判断是否是主播
+                if (res.data.selfRank) {
+                    // 处理自己
+                    var me = res.data.selfRank;
+                    $('.page1 .my .num').text(me.rank == 0 ? '30+' : me.rank);
+                    $('.page1 .my .tx').attr('src', me.avatar);
+                    if (me.ssLevel == 0) {
+                        $('.page1 .my .grade').hide();
+                    } else {
+                        $('.page1 .my .grade').attr('src', `./images/${me.markScore}.png`);
+                    }
+                    $('.page1 .my .user p').text(me.guildName);
+                    $('.page1 .my .user b').text('ID:' + me.guildId);
+
+                    var memberVo = res.data.memberVo;
+                    $('.page2 .my .tx').attr('src', memberVo.avatar);
+                    if (memberVo.ssLevel == 0) {
+                        $('.page2 .my .leve').hide();
+                    } else {
+                        $('.page2 .my .leve').attr('src', `./images/${memberVo.markScore}.png`);
+                    }
+                    $('.page2 .my .p1 b').text(memberVo.guildName);
+                    $('.page2 .my .p2 b').text(memberVo.guildId);
+                    $('.page2 .my .p3 b').text(memberVo.nick);
+                    $('.page2 .my .p4 b').text(memberVo.erbanNo);
+                    $('.page2 .my .p5 b').text(memberVo.diamondNum);
+                    $('.page2 .my .p6 b').text(memberVo.goldNum == 0 ? '-' : memberVo.goldNum);
+                } else {
+                    $('.page1 .my').hide();
+                    $('.header .tab').hide();
+                    $('.page1 .cloud').css('margin', '-19.2rem auto -2.6rem');
+                }
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 切换tab
+$('.header .tab div').click(function () {
+    var i = $(this).index() + 1;
+    $(this).addClass('act').siblings().removeClass('act')
+    $('.page1,.page2').hide();
+    $(`.page${i}`).show();
+})
+// 倒計時
+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中
+        $('.time .day b').text(d);
+        $('.time .hour b').text(h);
+        $('.time .min b').text(m);
+        $('.time .sec b').text(s);
+    } else {
+        location.reload();
+    }
+    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;
+}
--- a/view/molistar/activity/ssGuild/local/ar.js
+++ b/view/molistar/activity/ssGuild/local/ar.js
@@ -0,0 +1,28 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `جار التحميل...`,
+        layerIndex2: `نجاح`,
+        layerIndex3: `خطأ في الشبكة`,
+        text1: `مسابقة نقابة SS`,
+        text2: `وقت النشاط:`,
+        text3: `يوم`,
+        text4: `ساعة`,
+        text5: `دقيقة`,
+        text6: `ثانية`,
+        text7: `ستتنافس كل نقابة على شرف النقابة من خلال إتمام مهام وتحديات محددة للحصول على قيمة قدرة معينة لاستضافة حدث خلال 30 يومًا لكسب المشاركات. سيتم عرض هذه الأوسمة في قائمة الترتيب وعلى الصفحة الرئيسية للمضيف.`,
+        text8: `نقابة`,
+        text9: `خاصتي`,
+        text10: `لقب النقابة:`,
+        text11: `معرف النقابة:`,
+        text12: `لقب المضيف:`,
+        text13: `معرف المضيف:`,
+        text14: `تدفق الماس الخاص بي:`,
+        text15: `ذهب المكافآت المتاح:`,
+        text16: `هذا النشاط ليس له علاقة بالتفاح`,
+        text17: `المكان متاح`,
+        img1: `./images/page1Rule-ar.png`,
+        img2: `./images/page2Rule-ar.png`,
+    }
+}
--- a/view/molistar/activity/ssGuild/local/en.js
+++ b/view/molistar/activity/ssGuild/local/en.js
@@ -0,0 +1,27 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1: `SS Guild Conpetition`,
+        text2: `Activity Time:`,
+        text3: `Day`,
+        text4: `Hour`,
+        text5: `Min`,
+        text6: `Sec`,
+        text7: `Each guild will compete for guild honors by completing specific tasks and challenges to receive a specified ability value for hosting an event within 30 days to earn entries. These honors will be
+        displayed in the ranking list and on the anchor's homepage.`,
+        text8: `Guild`,
+        text9: `Mine`,
+        text10: `Guild Nick:`,
+        text11: `Guild ID:`,
+        text12: `Anchor Nick:`,
+        text13: `Anchor ID:`,
+        text14: `My Diamond Flow:`,
+        text15: `Available Reward Gold:`,
+        text16: `This activity has nothing to do with apple`,
+        text17: `Vacant`,
+        img1: `./images/page1Rule-en.png`,
+        img2: `./images/page2Rule-en.png`,
+    }
+}
--- a/view/molistar/activity/ssGuild/local/zh.js
+++ b/view/molistar/activity/ssGuild/local/zh.js
@@ -0,0 +1,28 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `加載中...`,
+        layerIndex2: `成功`,
+        layerIndex3: `網絡錯誤`,
+        text1: `SS公会比赛`,
+        text2: `活动时间：`,
+        text3: `天`,
+        text4: `小时`,
+        text5: `分钟`,
+        text6: `秒`,
+        text7: `每个公会将通过完成特定任务和挑战来争夺公会荣誉，以获得在30天内举办活动的指定能力值，从而获得参赛资格。这些荣誉将显示在排名列表和主播的主页上。`,
+        text8: `公会`,
+        text9: `我的`,
+        text10: `公会昵称：`,
+        text11: `公会ID：`,
+        text12: `主播昵称：`,
+        text13: `主播ID：`,
+        text14: `我的钻石流量：`,
+        text15: `可用奖励金币：`,
+        text16: `此活动与苹果无关`,
+        text17: `虚位以待`,
+        img1: `./images/page1Rule.png`,
+        img2: `./images/page2Rule.png`,
+    }
+}
--- a/view/molistar/common/js/common2.js
+++ b/view/molistar/common/js/common2.js
@@ -739,11 +739,11 @@ function getInfoFromClient() {
        }

    } else {
-         // 非app环境调试参数
-         pubInfo.uid = sessionStorage.getItem("uid") ? sessionStorage.getItem("uid") : '';
-         // pubInfo.ticket = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
-         pubInfo.h5_token = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
-         pubInfo.deviceId = "0";
+        // 非app环境调试参数
+        pubInfo.uid = sessionStorage.getItem("uid") ? sessionStorage.getItem("uid") : '';
+        // pubInfo.ticket = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
+        pubInfo.h5_token = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
+        pubInfo.deviceId = "0";
        pubInfo.deviceInfo = {
            app: 'molistarApp',
            appVersion: '9.9.9',
--- a/view/molistar/common/js/vconsole.min.js
+++ b/view/molistar/common/js/vconsole.min.js
--- a/view/molistar/home/index.html
+++ b/view/molistar/home/index.html
@@ -34,7 +34,7 @@
                <div class="pcAnd"></div>
            </div>
            <div class="bootom">
-                <p>HONGKONG MOLIXING TECHNOLOGY CO.,LIMITED</p>
+                <p>Vele Network Technology Limited</p>
            </div>
        </div>
    </div>
--- a/view/molistar/home/local/ar.js
+++ b/view/molistar/home/local/ar.js
@@ -49,7 +49,7 @@ langAr = {
        <img src="./images/downioad-ar.png" alt="" class="downioad animate__animated">
        <!-- <img src="./images/down.png" alt="" class="down"> -->
        <div class="bootom">
-            <p>HONGKONG MOLIXING TECHNOLOGY CO.,LIMITED</p>
+            <p>Vele Network Technology Limited</p>
        </div>`,
    }
 }
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
dragon	0f8d25edb3	新增h5语聊dome	2024-09-13 18:05:37 +08:00
dragon	36525029bb	修改官网落款	2024-09-13 17:57:16 +08:00
dragon	fdf018a180	动态渲染公会tab	2024-09-11 13:56:29 +08:00
dragon	f7cf35f8bd	恢复公会tab切换	2024-09-11 11:24:07 +08:00
dragon	1705edf079	隐藏公会官方提现	2024-09-11 10:28:09 +08:00
dragon	50e716fdfe	增大点击区域	2024-09-10 18:52:41 +08:00
dragon	8aa8ac618d	调整样式	2024-09-10 16:41:23 +08:00
dragon	fd2873bc6b	调整样式	2024-09-10 16:26:10 +08:00
dragon	2799036ad5	补齐遗留翻译	2024-09-10 16:03:26 +08:00
dragon	8c4245d153	新增账单	2024-09-10 14:48:51 +08:00
dragon	0cc92b8949	完善靓号	2024-09-10 14:43:26 +08:00
dragon	f39fda566c	修复bug	2024-09-09 10:46:16 +08:00
dragon	2b424d2e89	新增靓号申请	2024-09-09 10:46:16 +08:00
dragon	11452efa8b	修复翻译遗漏	2024-09-06 18:01:58 +08:00
dragon	8b41a43f53	修复样式问题	2024-09-06 16:21:01 +08:00
dragon	fde440750c	修复样式问题	2024-09-06 15:39:09 +08:00
dragon	897be9dd99	替换奖励ss公会	2024-09-05 19:11:06 +08:00
dragon	507d27a8b9	修复自己榜单缺少ID问题	2024-09-05 16:40:43 +08:00
dragon	5cf55fe451	修复公会和ss公会异常问题	2024-09-05 15:24:07 +08:00
dragon	03e7a88218	修复时间异常ss公会	2024-09-05 14:19:15 +08:00
dragon	ba8980c599	修复非主播bug	2024-09-05 14:19:15 +08:00
dragon	00d6d04bcb	恢复commit2	2024-09-05 14:19:15 +08:00
dragon	3d47b18f9d	完成ss公会活动	2024-09-05 14:19:15 +08:00
dragon	6371686a08	完成静态页面暂存	2024-09-05 14:19:14 +08:00
dragon	c7f12aa85f	ss公会暂存	2024-09-05 14:19:14 +08:00
dragon	3b939cf27f	替换金币icon	2024-09-05 14:18:13 +08:00
dragon	4616c0cdd7	修复加入公会报错异常问题	2024-09-04 23:02:00 +08:00
dragon	a2ae2b8e8c	修复兑换金币异常问题	2024-09-04 12:05:53 +08:00
dragon	7a82663ca9	修改路径	2024-09-03 20:19:46 +08:00
dragon	d81a796bb2	修改提现规则	2024-09-03 17:29:38 +08:00
dragon	f49d29abe6	隐藏月充值我的充值说明	2024-09-03 14:21:33 +08:00
dragon	7b3a472788	清除缓存	2024-09-03 11:18:56 +08:00
dragon	b7531e7c14	修改提现逻辑	2024-09-03 11:02:38 +08:00
dragon	840d5393be	修复充值ui	2024-09-02 19:01:29 +08:00
dragon	727a37202a	修复样式问题	2024-09-02 18:44:55 +08:00
dragon	e7c8454c44	修复样式问题-周星	2024-09-02 18:17:26 +08:00
dragon	a7ff72d243	替换原有旧周星	2024-09-02 18:17:26 +08:00
dragon	b31d24178a	修复ui问题	2024-09-02 18:17:25 +08:00
dragon	883116d043	修复榜单异常&规则	2024-09-02 18:17:25 +08:00
dragon	0cf9e75431	修复周星一直报错问题	2024-09-02 18:17:25 +08:00
dragon	2426f8fffa	新增top3头饰动效	2024-09-02 18:17:25 +08:00
dragon	321736d1ab	新增周星	2024-09-02 18:17:24 +08:00
dragon	5d1a2aa96d	修复充值翻译页面问题	2024-09-02 17:27:53 +08:00
dragon	fef25d3cc1	修复官网异常问题	2024-09-02 17:14:18 +08:00
dragon	264b65e24c	修复ui问题	2024-09-02 11:17:15 +08:00
dragon	b215e0d804	修改月充值规则	2024-08-30 17:51:54 +08:00
dragon	51690d7fc6	修复奖励错误	2024-08-30 17:51:54 +08:00
dragon	dd95263cb2	新增代理展示逻辑	2024-08-30 17:51:53 +08:00
dragon	1b99dc0a90	完善SVGA和MP4以及奖励	2024-08-30 17:51:53 +08:00
dragon	39c7108646	修复月充值样式问题	2024-08-30 17:51:52 +08:00
dragon	f0cb98ef62	更新vconsole	2024-08-30 17:51:52 +08:00
dragon	1c9ee68ae9	新增档位3k的头像展示	2024-08-30 17:51:52 +08:00
dragon	57e929aad4	修复bug	2024-08-30 17:51:52 +08:00
dragon	10dad3f7f5	新增月充值活动	2024-08-30 17:51:51 +08:00
dragon	c0c70679c4	修复账单异常	2024-08-30 17:50:45 +08:00
dragon	4178c9ed08	修改工会收入记录接口名称	2024-08-30 16:45:52 +08:00
dragon	178e0ffcd6	修复旧公会展示入口异常问题	2024-08-30 16:04:20 +08:00