修复bug

新增儿童节活动
2024-05-28 21:16:37 +08:00 · 2024-05-28 21:16:37 +08:00 · 2024-05-28 21:16:36 +08:00 · 2024-05-27 15:53:50 +08:00 · 2024-05-24 18:34:37 +08:00 · 2024-05-24 18:22:52 +08:00
162 changed files with 11000 additions and 117 deletions
--- a/view/molistar/activity/2024-childrenDay/css/index.css
+++ b/view/molistar/activity/2024-childrenDay/css/index.css
--- a/view/molistar/activity/2024-childrenDay/css/index.scss
+++ b/view/molistar/activity/2024-childrenDay/css/index.scss
--- a/view/molistar/activity/2024-childrenDay/css/swiper-bundle.min.css
+++ b/view/molistar/activity/2024-childrenDay/css/swiper-bundle.min.css
--- a/view/molistar/activity/2024-childrenDay/images/but_icon.png
+++ b/view/molistar/activity/2024-childrenDay/images/but_icon.png
--- a/view/molistar/activity/2024-childrenDay/images/close.png
+++ b/view/molistar/activity/2024-childrenDay/images/close.png
--- a/view/molistar/activity/2024-childrenDay/images/gameBg.png
+++ b/view/molistar/activity/2024-childrenDay/images/gameBg.png
--- a/view/molistar/activity/2024-childrenDay/images/gift1.png
+++ b/view/molistar/activity/2024-childrenDay/images/gift1.png
--- a/view/molistar/activity/2024-childrenDay/images/gift2.png
+++ b/view/molistar/activity/2024-childrenDay/images/gift2.png
--- a/view/molistar/activity/2024-childrenDay/images/gift3.png
+++ b/view/molistar/activity/2024-childrenDay/images/gift3.png
--- a/view/molistar/activity/2024-childrenDay/images/giftBox.png
+++ b/view/molistar/activity/2024-childrenDay/images/giftBox.png
--- a/view/molistar/activity/2024-childrenDay/images/giftBoxs.png
+++ b/view/molistar/activity/2024-childrenDay/images/giftBoxs.png
--- a/view/molistar/activity/2024-childrenDay/images/header.png
+++ b/view/molistar/activity/2024-childrenDay/images/header.png
--- a/view/molistar/activity/2024-childrenDay/images/icon1.png
+++ b/view/molistar/activity/2024-childrenDay/images/icon1.png
--- a/view/molistar/activity/2024-childrenDay/images/icon2.png
+++ b/view/molistar/activity/2024-childrenDay/images/icon2.png
--- a/view/molistar/activity/2024-childrenDay/images/icon3.png
+++ b/view/molistar/activity/2024-childrenDay/images/icon3.png
--- a/view/molistar/activity/2024-childrenDay/images/icon4.png
+++ b/view/molistar/activity/2024-childrenDay/images/icon4.png
--- a/view/molistar/activity/2024-childrenDay/images/icon5.png
+++ b/view/molistar/activity/2024-childrenDay/images/icon5.png
--- a/view/molistar/activity/2024-childrenDay/images/icon6.png
+++ b/view/molistar/activity/2024-childrenDay/images/icon6.png
--- a/view/molistar/activity/2024-childrenDay/images/liBg.png
+++ b/view/molistar/activity/2024-childrenDay/images/liBg.png
--- a/view/molistar/activity/2024-childrenDay/images/lisTabAct.png
+++ b/view/molistar/activity/2024-childrenDay/images/lisTabAct.png
--- a/view/molistar/activity/2024-childrenDay/images/listBox.png
+++ b/view/molistar/activity/2024-childrenDay/images/listBox.png
--- a/view/molistar/activity/2024-childrenDay/images/listNo.png
+++ b/view/molistar/activity/2024-childrenDay/images/listNo.png
--- a/view/molistar/activity/2024-childrenDay/images/listTab.png
+++ b/view/molistar/activity/2024-childrenDay/images/listTab.png
--- a/view/molistar/activity/2024-childrenDay/images/listText1.png
+++ b/view/molistar/activity/2024-childrenDay/images/listText1.png
--- a/view/molistar/activity/2024-childrenDay/images/listText2.png
+++ b/view/molistar/activity/2024-childrenDay/images/listText2.png
--- a/view/molistar/activity/2024-childrenDay/images/listText3.png
+++ b/view/molistar/activity/2024-childrenDay/images/listText3.png
--- a/view/molistar/activity/2024-childrenDay/images/list_icon.png
+++ b/view/molistar/activity/2024-childrenDay/images/list_icon.png
--- a/view/molistar/activity/2024-childrenDay/images/logo.png
+++ b/view/molistar/activity/2024-childrenDay/images/logo.png
--- a/view/molistar/activity/2024-childrenDay/images/no1.png
+++ b/view/molistar/activity/2024-childrenDay/images/no1.png
--- a/view/molistar/activity/2024-childrenDay/images/no2.png
+++ b/view/molistar/activity/2024-childrenDay/images/no2.png
--- a/view/molistar/activity/2024-childrenDay/images/no3.png
+++ b/view/molistar/activity/2024-childrenDay/images/no3.png
--- a/view/molistar/activity/2024-childrenDay/images/playAgain.png
+++ b/view/molistar/activity/2024-childrenDay/images/playAgain.png
--- a/view/molistar/activity/2024-childrenDay/images/records.png
+++ b/view/molistar/activity/2024-childrenDay/images/records.png
--- a/view/molistar/activity/2024-childrenDay/images/resultBg.png
+++ b/view/molistar/activity/2024-childrenDay/images/resultBg.png
--- a/view/molistar/activity/2024-childrenDay/images/resultBg2.png
+++ b/view/molistar/activity/2024-childrenDay/images/resultBg2.png
--- a/view/molistar/activity/2024-childrenDay/images/resultOut.png
+++ b/view/molistar/activity/2024-childrenDay/images/resultOut.png
--- a/view/molistar/activity/2024-childrenDay/images/resultText1.png
+++ b/view/molistar/activity/2024-childrenDay/images/resultText1.png
--- a/view/molistar/activity/2024-childrenDay/images/resultText2.png
+++ b/view/molistar/activity/2024-childrenDay/images/resultText2.png
--- a/view/molistar/activity/2024-childrenDay/images/rule1.png
+++ b/view/molistar/activity/2024-childrenDay/images/rule1.png
--- a/view/molistar/activity/2024-childrenDay/images/rule2.png
+++ b/view/molistar/activity/2024-childrenDay/images/rule2.png
--- a/view/molistar/activity/2024-childrenDay/images/rule_bg.png
+++ b/view/molistar/activity/2024-childrenDay/images/rule_bg.png
--- a/view/molistar/activity/2024-childrenDay/images/rule_icon.png
+++ b/view/molistar/activity/2024-childrenDay/images/rule_icon.png
--- a/view/molistar/activity/2024-childrenDay/images/text_icon.png
+++ b/view/molistar/activity/2024-childrenDay/images/text_icon.png
--- a/view/molistar/activity/2024-childrenDay/images/toastBut.png
+++ b/view/molistar/activity/2024-childrenDay/images/toastBut.png
--- a/view/molistar/activity/2024-childrenDay/images/toastButAct.png
+++ b/view/molistar/activity/2024-childrenDay/images/toastButAct.png
--- a/view/molistar/activity/2024-childrenDay/images/toastPubBg.png
+++ b/view/molistar/activity/2024-childrenDay/images/toastPubBg.png
--- a/view/molistar/activity/2024-childrenDay/images/toast_icon.png
+++ b/view/molistar/activity/2024-childrenDay/images/toast_icon.png
--- a/view/molistar/activity/2024-childrenDay/images/travel/back.png
+++ b/view/molistar/activity/2024-childrenDay/images/travel/back.png
--- a/view/molistar/activity/2024-childrenDay/images/view.png
+++ b/view/molistar/activity/2024-childrenDay/images/view.png
--- a/view/molistar/activity/2024-childrenDay/images/view2.png
+++ b/view/molistar/activity/2024-childrenDay/images/view2.png
--- a/view/molistar/activity/2024-childrenDay/images/view3.png
+++ b/view/molistar/activity/2024-childrenDay/images/view3.png
--- a/view/molistar/activity/2024-childrenDay/images/woastButAct.png
+++ b/view/molistar/activity/2024-childrenDay/images/woastButAct.png
--- a/view/molistar/activity/2024-childrenDay/index.html
+++ b/view/molistar/activity/2024-childrenDay/index.html
@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>重返童年</title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
+    <link rel="stylesheet" href="./css/index.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back.png" alt="">
+    </div>
+    <!-- header -->
+    <div class="header">
+        <img src="./images/rule_icon.png" alt="" class="rule_icon">
+    </div>
+    <!-- 限定禮物 -->
+    <div class="giftBox">
+        <div class="swiper">
+            <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                    <img src="./images/gift1.png" alt="">
+                </div>
+                <div class="swiper-slide">
+                    <img src="./images/gift2.png" alt="">
+                </div>
+                <div class="swiper-slide">
+                    <img src="./images/gift3.png" alt="">
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- 遊戲地圖 -->
+    <div class="game">
+        <!-- 放大鏡數量 -->
+        <div class="magnifyingGlass">放大鏡數量:<b>0</b></div>
+        <!-- 遊戲記錄 -->
+        <div class="records">遊園記錄</div>
+        <!-- 榜單 -->
+        <img src="./images/list_icon.png" alt="" class="list_icon">
+        <!-- 任務 -->
+        <img src="./images/toast_icon.png" alt="" class="toast_icon">
+        <!-- 遊園按鈕 -->
+        <img src="./images/but_icon.png" alt="" class="but">
+        <!-- icon -->
+        <img src="./images/icon1.png" alt="" class="icon icon1">
+        <img src="./images/icon2.png" alt="" class="icon icon2">
+        <img src="./images/icon3.png" alt="" class="icon icon3">
+        <img src="./images/icon4.png" alt="" class="icon icon4">
+        <img src="./images/icon5.png" alt="" class="icon icon5">
+        <img src="./images/icon6.png" alt="" class="icon icon6">
+        <!-- 點擊圖標站位按鈕 -->
+        <div class="buts buts1"></div>
+        <div class="buts buts2"></div>
+        <div class="buts buts3"></div>
+        <div class="buts buts4"></div>
+        <div class="buts buts5"></div>
+        <div class="buts buts6"></div>
+        <!-- 贏結果頁 -->
+        <div class="result">
+            <img src="./images/logo.png" alt="" class="tx_left">
+            <img src="./images/logo.png" alt="" class="tx_right">
+            <div class="name_left">虛位以待</div>
+            <div class="name_right">虛位以待</div>
+            <div class="id_right">ID:0</div>
+            <img src="./images/resultText1.png" alt="" class="resultText">
+            <div class="text1">請收下妳的戰利品</div>
+            <div class="giftName">禮物昵稱</div>
+            <div class="giftBoxs">
+                <img src="./images/logo.png" alt="" class="giftImg">
+            </div>
+            <img src="./images/view.png" alt="" class="view">
+            <img src="./images/playAgain.png" alt="" class="playAgain">
+        </div>
+        <!-- 輸結果頁 -->
+        <div class="result2">
+            <img src="./images/logo.png" alt="" class="tx_left">
+            <div class="name_left">虛位以待</div>
+            <img src="./images/resultText2.png" alt="" class="resultText">
+            <div class="text1">請收下妳的戰利品</div>
+            <div class="giftName">禮物昵稱</div>
+            <div class="giftBoxs">
+                <img src="./images/logo.png" alt="" class="giftImg">
+            </div>
+            <img src="./images/view3.png" alt="" class="view">
+            <img src="./images/playAgain.png" alt="" class="playAgain">
+        </div>
+    </div>
+    <!-- 榜單彈窗 -->
+    <div class="list_pub">
+        <div class="list_pub_in">
+            <div class="tab">
+                <div class="act">搜捕榜</div>
+                <div>童趣榜</div>
+                <div>童年榜</div>
+            </div>
+            <!-- 前三 -->
+            <div class="top1">
+                <img src="./images/no1.png" alt="" class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+                <div class="name">虛位以待</div>
+                <div class="score">童趣值:0</div>
+            </div>
+            <div class="top2">
+                <img src="./images/no2.png" alt="" class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+                <div class="name">虛位以待</div>
+                <div class="score">童趣值:0</div>
+            </div>
+            <div class="top3">
+                <img src="./images/no3.png" alt="" class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+                <div class="name">虛位以待</div>
+                <div class="score">童趣值:0</div>
+            </div>
+            <!-- 非前三 -->
+            <ul>
+                <li>
+                    <div class="num">4</div>
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <div class="name">虛位以待</div>
+                    <div class="score">童趣值:0</div>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <!-- 任務彈窗 -->
+    <div class="toast_pub">
+        <div class="toast_pub_in">
+            <img src="./images/close.png" alt="" class="close">
+            <div class="toasts toasts1">
+                <p>登錄活動頁</p>
+                <span>獎勵:放大鏡*1</span>
+                <div class="but">未完成</div>
+            </div>
+            <div class="toasts toasts2">
+                <p>關註一位新的好友(0/3)</p>
+                <span>獎勵:放大鏡*1</span>
+                <div class="but">未完成</div>
+            </div>
+            <div class="toasts toasts3">
+                <p>房間停留10mins~(0/3)</p>
+                <span>獎勵:放大鏡*1</span>
+                <div class="but">未完成</div>
+            </div>
+            <div class="toasts toasts4">
+                <p>送出or收到1000金幣的61限定禮物</p>
+                <span>獎勵:放大鏡*1</span>
+                <i>今日已獲得:0</i>
+                <div class="but">未完成</div>
+            </div>
+            <div class="toasts toasts5">
+                <p>參與Greedy纍計獲得1000金幣</p>
+                <span>獎勵:放大鏡*1</span>
+                <i>今日已獲得:0</i>
+                <div class="but">未完成</div>
+            </div>
+        </div>
+    </div>
+    <!-- 遊戲記錄彈窗 -->
+    <div class="records_pub">
+        <div class="records_pub_in">
+            <div class="title">
+                <div>獲獎時間</div>
+                <div>獎品</div>
+            </div>
+            <ul>
+                <li>
+                    <div>
+                        <p>2024/01/22</p>
+                        <b>23:59:59</b>
+                    </div>
+                    <div>
+                        <p>禮物名稱</p>
+                        <i>XX天</i>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <!-- 規則 -->
+    <div class="rule">
+        <div class="rule_in">
+            <div class="tab">
+                <div class="act">活動規則</div>
+                <div>活動獎勵</div>
+            </div>
+            <div class="imgBox">
+                <img src="./images/rule1.png" alt="" class="img1">
+                <img src="./images/rule2.png" alt="" class="img2">
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="./js/swiper-bundle.min.js"></script>
+<script src="./js/index.js"></script>
--- a/view/molistar/activity/2024-childrenDay/js/index.js
+++ b/view/molistar/activity/2024-childrenDay/js/index.js
@@ -0,0 +1,474 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+var langReplace;
+var localLang;
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var page = 1;
+var isLock = true;
+var magnifyingGlass = 0;
+var listType = 1;
+var gameType = true;
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back').click(() => {
+            if (browser.android) {
+                window.androidJsObj.closeWebView()
+            } else {
+                window.webkit.messageHandlers.closeWebView.postMessage(null)
+            }
+        })
+        swiperFun();
+        getInfo();
+    }, 100)
+})
+// 禮物輪播
+function swiperFun() {
+    var mySwiper = new Swiper('.swiper', {
+        direction: "vertical",
+        loop: true,
+        autoplay: {
+            delay: 3000,//
+            disableOnInteraction: false
+        }
+    })
+}
+// 活動信息接口
+function getInfo() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/activity/info',
+        data: { activityCode: 'ACT_2024_CHILDREN_DAY' },
+        success(res) {
+            if (res.code === 200) {
+                showLoading()
+                networkRequest({
+                    type: 'get',
+                    url: urlPrefix + '/activity/currency',
+                    data: { redisKey: 'act_user_task_extra_data' },
+                    success(res) {
+                        if (res.code === 200) {
+                            magnifyingGlass = res.data
+                            $('.game .magnifyingGlass b').text(magnifyingGlass);
+                        } else {
+                            toastMsg(res.message)
+                        }
+                        hideLoading(layerIndex)
+                    },
+                    error(err) {
+                        hideLoading(layerIndex)
+                        toastMsg('網絡錯誤')
+                    }
+                })
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤')
+        }
+    })
+}
+// 打開榜單
+$('.game .list_icon').click(function () {
+    listFun(listType)
+    $('.list_pub').show();
+    bodyScroolFun(true);
+})
+// 榜單切換
+$('.list_pub .list_pub_in .tab div').click(function () {
+    var i = $(this).index() + 1;
+    listType = i;
+    $(this).addClass('act').siblings().removeClass('act');
+    listFun(listType)
+    return false;
+})
+// 活動信息接口
+function listFun(type) {
+    var str = '';
+    $('.list_pub .list_pub_in ul li').remove();
+    showLoading()
+    if (type == 1) {
+        networkRequest({
+            type: 'get',
+            url: urlPrefix + '/allrank/geth5',
+            data: {
+                uid: pubInfo.uid,
+                type: 5,
+                datetype: 3,
+                pageNum: 1,
+                pageSize: 999999999,
+            },
+            success(res) {
+                if (res.code === 200) {
+                    var listTo3 = res.data.rankVoList.slice(0, 3);
+                    var notListTo3 = res.data.rankVoList.slice(3);
+                    if (listTo3.length < 3) {
+                        let arr = new Array(3 - listTo3.length).fill({
+                            avatar: './images/logo.png',
+                            nick: '虛位以待',
+                            totalNum: "0"
+                        })
+                        listTo3.push(...arr)
+                    }
+                    // 處理前三
+                    listTo3.forEach((res, i) => {
+                        if (res.score > 10000) {
+                            res.score = ((Math.floor(res.totalNum / 1000)) / 10).toFixed(1) + 'W'
+                        }
+                        $(`.list_pub .list_pub_in .top${i + 1} .tx`).attr("src", res.avatar);
+                        $(`.list_pub .list_pub_in .top${i + 1} .name`).text(res.nick);
+                        $(`.list_pub .list_pub_in .top${i + 1} .score`).text('搜捕值:' + res.totalNum);
+                    });
+                    notListTo3.forEach((res, i) => {
+                        if (res.score > 10000) {
+                            res.score = ((Math.floor(res.score / 1000)) / 10).toFixed(1) + 'W'
+                        }
+                        str += `
+                            <li>
+                                <div class="num">${i + 4 > 30 ? '30+' : i + 4}</div>
+                                <img src="${res.avatar}" alt="" class="tx">
+                                <div class="name">${res.nick}</div>
+                                <div class="score">搜捕值:${res.totalNum}</div>
+                            </li>
+                        `
+                    })
+                    $('.list_pub .list_pub_in ul').append(str);
+                } else {
+                    toastMsg(res.message)
+                }
+                hideLoading(layerIndex)
+            },
+            error(err) {
+                hideLoading(layerIndex)
+                toastMsg('網絡錯誤')
+            }
+        })
+
+    } else {
+        networkRequest({
+            type: 'get',
+            url: urlPrefix + '/act/special/gift/getRank',
+            data: {
+                pageSize: 999999999,
+                rankType: type == 2 ? 4 : 2,
+            },
+            success(res) {
+                if (res.code === 200) {
+                    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/logo.png',
+                            nick: '虛位以待',
+                            score: "0"
+                        })
+                        listTo3.push(...arr)
+                    }
+                    // 處理前三
+                    listTo3.forEach((res, i) => {
+                        if (res.score > 10000) {
+                            res.score = ((Math.floor(res.score / 1000)) / 10).toFixed(1) + 'W'
+                        }
+                        $(`.list_pub .list_pub_in .top${i + 1} .tx`).attr("src", res.avatar);
+                        $(`.list_pub .list_pub_in .top${i + 1} .name`).text(res.nick);
+                        $(`.list_pub .list_pub_in .top${i + 1} .score`).text(`${type == 2 ? '童趣值:' : "童年值:"}`+res.score);
+                    });
+                    notListTo3.forEach((res,i) => {
+                        if (res.score > 10000) {
+                            res.score = ((Math.floor(res.score / 1000)) / 10).toFixed(1) + 'W'
+                        }
+                        str += `
+                            <li>
+                                <div class="num">${i + 4 > 30 ? '30+' : i + 4}</div>
+                                <img src="${res.avatar}" alt="" class="tx">
+                                <div class="name">${res.nick}</div>
+                                <div class="score">${type == 2 ? '童趣值:' : "童年值:" }${res.score}</div>
+                            </li>
+                        `
+                    })
+                    $('.list_pub .list_pub_in ul').append(str);
+                } else {
+                    toastMsg(res.message)
+                }
+                hideLoading(layerIndex)
+            },
+            error(err) {
+                hideLoading(layerIndex)
+                toastMsg('網絡錯誤')
+            }
+        })
+    }
+}
+// 關閉榜單
+$('.list_pub').click(function () {
+    $('.list_pub').hide();
+    bodyScroolFun(false);
+})
+// 打開任務
+$('.game .toast_icon').click(function () {
+    getTask();
+})
+// 活動信息接口
+function getTask() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/act/children/task',
+        success(res) {
+            if (res.code === 200) {
+                res.data.isLoginTask ? $('.toast_pub .toast_pub_in .toasts1 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts1 .but').removeClass('act');
+                res.data.isLoginTask ? $('.toast_pub .toast_pub_in .toasts1 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts1 .but').text('未完成');
+                $('.toast_pub .toast_pub_in .toasts2 p').text(`關註一位新的好友(${res.data.userFollowCount}/3)`);
+                res.data.isUserFollowTask ? $('.toast_pub .toast_pub_in .toasts2 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts2 .but').removeClass('act');
+                res.data.isUserFollowTask ? $('.toast_pub .toast_pub_in .toasts2 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts2 .but').text('未完成');
+                $('.toast_pub .toast_pub_in .toasts3 p').text(`房間停留10mins~(${res.data.keepTimeCount}/3)`);
+                res.data.isKeepTimeTask ? $('.toast_pub .toast_pub_in .toasts3 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts3 .but').removeClass('act');
+                res.data.isKeepTimeTask ? $('.toast_pub .toast_pub_in .toasts3 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts3 .but').text('未完成');
+                $('.toast_pub .toast_pub_in .toasts4 i').text(`今日已獲得:${res.data.limitGiftCount}`);
+                res.data.isLimitGiftFor61Task ? $('.toast_pub .toast_pub_in .toasts4 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts4 .but').removeClass('act');
+                res.data.isLimitGiftFor61Task ? $('.toast_pub .toast_pub_in .toasts4 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts4 .but').text('未完成');
+                $('.toast_pub .toast_pub_in .toasts5 i').text(`今日已獲得:${res.data.joinGreedyFor1000Count}`);
+                res.data.isJoinGreedyFor1000Task ? $('.toast_pub .toast_pub_in .toasts5 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts5 .but').removeClass('act');
+                res.data.isJoinGreedyFor1000Task ? $('.toast_pub .toast_pub_in .toasts5 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts5 .but').text('未完成');
+                $('.toast_pub').show();
+                bodyScroolFun(true);
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤')
+        }
+    })
+}
+// 關閉任務
+$('.toast_pub .toast_pub_in .close').click(function () {
+    $('.toast_pub').hide();
+    bodyScroolFun(false);
+})
+// 關閉結果彈窗
+$('.game .result .view').click(function () {
+    $('.result,.result2').hide();
+    var roomUid = $(this).attr('uid');
+    if (gameType) {
+        // 跳转房间
+        if (browser.ios) {
+            window.webkit.messageHandlers.openRoom.postMessage(roomUid);
+        } else if (browser.android) {
+            if (androidJsObj && typeof androidJsObj === 'object') {
+                window.androidJsObj.openRoom(roomUid);
+            }
+        }
+    }
+    // 打开主页
+    if (browser.ios) {
+        window.webkit.messageHandlers.openPersonPage.postMessage(roomUid);
+        setTimeout(function () { lock = true; }, 200)
+    } else if (browser.android) {
+        if (androidJsObj && typeof androidJsObj === 'object') {
+            window.androidJsObj.openPersonPage(roomUid);
+        }
+    }
+})
+$('.game .result2 .view').click(function () {
+    $('.result,.result2').hide();
+})
+$('.game .result,.game .result2').click(function () {
+    $('.result,.result2').hide();
+})
+// 關閉記錄彈窗
+$('.records_pub').click(function () {
+    $('.records_pub').hide();
+    bodyScroolFun(false);
+})
+// 切換規則按鈕
+$('.rule .rule_in .tab div').click(function () {
+    var i = $(this).index() + 1;
+    $(this).addClass('act').siblings().removeClass('act')
+    $('.rule .rule_in .imgBox img').hide();
+    $(`.rule .rule_in .imgBox .img${i}`).show();
+    return false;
+})
+// 打開規則
+$('.header .rule_icon').click(function () {
+    $('.rule').show();
+    bodyScroolFun(true);
+})
+// 關閉規則
+$('.rule').click(function () {
+    $('.rule').hide();
+    bodyScroolFun(false);
+})
+// 記錄接口
+function record(page) {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/activity/task/user/record/page',
+        data: { activityCode: 'ACT_2024_CHILDREN_DAY', componentCode: 'TONG_QU_LE_YUAN', pageNum: page, pageSize: 10 },
+        success(res) {
+            if (res.code === 200) {
+                var str = '';
+                if (res.data.records.length == 0 && page == 1) {
+                    str += `<li class="null"><div>暫無</div><div>暫無</div></li>`
+                    isLock = false;
+                } else {
+                    res.data.records.forEach(res => {
+                        str += `
+                        <li>
+                            <div>
+                                <p>${dateFormat(res.createTime, 'yyyy/MM/dd')}</p>
+                                <b>${dateFormat(res.createTime, 'hh/mm/ss')}</b>
+                            </div>
+                            <div>
+                                <p>${res.rewardName}</p>
+                                <i>${res.rewardNum}${rewardTypeFun(res.rewardType).unit}</i>
+                            </div>
+                        </li>`
+                    })
+                    if (res.data.records.length == 0) {
+                        isLock = false;
+                    } else {
+                        isLock = true;
+                    }
+                }
+                $('.records_pub .records_pub_in ul').append(str);
+                $('.records_pub').show();
+                bodyScroolFun(true);
+            } else {
+                isLock = true;
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            isLock = true;
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤')
+        }
+    })
+}
+// 兌換記錄滾動
+$('.records_pub .records_pub_in ul').scroll(function () {
+    let scrollTop = $(this).scrollTop()
+    let scrollHeight = $('.records_pub .records_pub_in ul')[0].scrollHeight
+    let ulHeight = $(this).innerHeight()
+    if (scrollTop + ulHeight + 100 >= scrollHeight) {
+        if (isLock) {
+            // 請求下一頁
+            page = page + 1;
+            record(page)
+            isLock = false;
+        }
+    }
+})
+// 打開記錄
+$('.game .records').click(function () {
+    $('.records_pub .records_pub_in ul li').remove();
+    page = 1;
+    record(page);
+})
+// 關閉記錄
+$('.records_pub').click(function () {
+    $('.records_pub').hide();
+    bodyScroolFun(false);
+})
+// 逮捕按鈕
+$('.game .buts,.game .but,.game .result .playAgain,.game .result2 .playAgain').click(function () {
+    $('.game .result2,.game .result1').hide();
+    draw();
+})
+// 活動信息接口
+function draw() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/act/children/draw',
+        success(res) {
+            if (res.code === 200) {
+                if (res.data.isWin) {
+                    // 中獎
+                    $('.game .result .tx_left').attr('src', res.data.avatar);
+                    $('.game .result .tx_right').attr('src', res.data.anchorAvatar);
+                    $('.game .result .tx_right').attr('uid', res.data.anchorRoomUid);
+                    $('.game .result .view').attr('uid', res.data.anchorRoomUid);
+                    gameType = res.data.isOnline;
+                    gameType ? $('.game .result .view').attr('src', './images/view2.png') : $('.game .result .view').attr('src', './images/view.png');
+                    $('.game .result .name_left').text('我');
+                    $('.game .result .name_Right').text(res.data.anchorNick);
+                    $('.game .result .id_right').text("ID:" + res.data.anchorErBanNo);
+                    $('.game .result .giftBoxs img').attr("src", res.data.rewardIcon);
+                    $('.game .result .giftName').text(res.data.rewardName);
+                    $('.game .result').show();
+                } else {
+                    // 非中獎
+                    $('.game .result2 .tx_left').attr('src', res.data.avatar);
+                    $('.game .result2 .name_left').text('我');
+                    $('.game .result2 .giftBoxs img').attr("src", res.data.rewardIcon);
+                    $('.game .result2 .giftName').text(res.data.rewardName);
+                    $('.game .result2').show();
+                }
+                getInfo();
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤')
+        }
+    })
+}
+// 跳轉主播房間
+$('.game .result .tx_right').click(function () {
+    var roomUid = $(this).attr('uid');
+    if (browser.ios) {
+        window.webkit.messageHandlers.openRoom.postMessage(roomUid);
+    } else if (browser.android) {
+        if (androidJsObj && typeof androidJsObj === 'object') {
+            window.androidJsObj.openRoom(roomUid);
+        }
+    }
+})
--- a/view/molistar/activity/2024-childrenDay/js/swiper-bundle.min.js
+++ b/view/molistar/activity/2024-childrenDay/js/swiper-bundle.min.js
--- a/view/molistar/common/js/common2.js
+++ b/view/molistar/common/js/common2.js
@@ -260,6 +260,9 @@ function convert(_url) {

 // 根据域名适配环境
 function EnvCheck() {
+    if (window.location.href.match(/guildAr/)) {
+        pubInfo['Accept-Language'] = 'ar'
+    }
    if (window.location.href) {
        var _url = window.location.host;
        var res = _url.match(/uat/);
--- a/view/molistar/modules/guildAr/adminSet.html
+++ b/view/molistar/modules/guildAr/adminSet.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>إعدادات المشرف</title>
+    <!-- 添加管理员页面 -->
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/adminSet.css">
+</head>
+
+<body>
+    <!-- 顶部 -->
+    <div class="back">
+        <img src="./images/travel/backB.png" alt="" class="backs">
+        <img src="./images/fdj.png" alt="" class="fdj">
+        <input type="text" placeholder="MoliStarID بحث عن ">
+        <div class="text">بحث</div>
+    </div>
+    <!-- 内容 -->
+    <ul>
+        <!-- <li>
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="user">
+                <p>昵称昵称昵称昵称</p>
+                <img src="./images/boy.png" alt="" class="sex">
+                <img src="./images/icon1.png" alt="" class="wealth">
+                <img src="./images/icon2.png" alt="" class="charm">
+                <b>ID:0</b>
+            </div>
+            <div class="but">إضافة </div>
+        </li> -->
+        <li class="null">
+            <img src="./images/null.png" alt="">
+            <span>لا يوجد بيانات حتي الاّن</span>
+        </li>
+    </ul>
+    <!-- 设置管理员弹窗 -->
+    <div class="pub">
+        <div class="pub_in">
+            <p>هل أنت متأكد أنك تريد تعين هذا الشخص مشرف للوكالة؟</p>
+            <div class="butBox">
+                <div class="close">حذف</div>
+                <div class="ok">تأكيد</div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="./js/adminSet.js"></script>
--- a/view/molistar/modules/guildAr/adminSet2.html
+++ b/view/molistar/modules/guildAr/adminSet2.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>إعدادات المشرف</title>
+    <!-- 移除管理员页面 -->
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/adminSet2.css">
+</head>
+
+<body>
+    <!-- 顶部 -->
+    <div class="back">
+        <img src="./images/travel/backB.png" alt="" class="backs">
+        <div class="title">إعدادات المشرف</div>
+        <div class="text">إضافة مشرف</div>
+    </div>
+    <!-- 内容 -->
+    <ul>
+        <!-- <li>
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="user">
+                <p>昵称昵称昵称昵称</p>
+                <img src="./images/boy.png" alt="" class="sex">
+                <img src="./images/icon1.png" alt="" class="wealth">
+                <img src="./images/icon2.png" alt="" class="charm">
+                <b>ID:0</b>
+            </div>
+            <div class="but">حذف </div>
+        </li> -->
+        <li class="null">
+            <img src="./images/null.png" alt="">
+            <span>لا يوجد بيانات حتي الاّن</span>
+        </li>
+    </ul>
+    <!-- 设置管理员弹窗 -->
+    <div class="pub">
+        <div class="pub_in">
+            <!-- 移除管理员 -->
+            <p>هل أنت متأكد أنك تريد إزالة هذا الشخص مشرف للوكالة؟</p>
+            <div class="butBox">
+                <div class="close">حذف</div>
+                <div class="ok">تأكيد</div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="./js/adminSet2.js"></script>
--- a/view/molistar/modules/guildAr/css/adminSet.css
+++ b/view/molistar/modules/guildAr/css/adminSet.css
@@ -0,0 +1,276 @@
+html,
+body {
+  width: 100%;
+  height: 17.78667rem;
+  background: #eaeaec;
+}
+
+.back {
+  width: 100%;
+  height: 2rem;
+  position: fixed;
+  left: 0;
+  top: 0rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+  background: #fff;
+}
+
+.back .backs {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 1rem;
+}
+
+.back .fdj {
+  width: 0.42667rem;
+  height: 0.42667rem;
+  position: absolute;
+  top: 1.10667rem;
+  left: 1.41333rem;
+  z-index: 2;
+}
+
+.back input {
+  border: none;
+  outline: none;
+  background: #eaeaec;
+  width: 6.8rem;
+  height: 0.74667rem;
+  line-height: 0.74667rem;
+  border-radius: 0.74667rem;
+  box-sizing: border-box;
+  padding-left: 0.72rem;
+  position: absolute;
+  left: 1.22667rem;
+  top: 65%;
+  transform: translateY(-50%);
+  color: #333;
+  font-size: 0.32rem;
+}
+
+.back input::placeholder {
+  color: #BCBDCB;
+  font-size: 0.29333rem;
+}
+
+.back .text {
+  position: absolute;
+  right: 0.62667rem;
+  height: 100%;
+  top: 0;
+  line-height: 2.53333rem;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+ul {
+  width: 10rem;
+  height: 15.33333rem;
+  margin: 2rem auto 0;
+  overflow-y: scroll;
+  padding-top: 0.34667rem;
+  box-sizing: border-box;
+}
+
+ul::-webkit-scrollbar {
+  display: none;
+}
+
+ul li {
+  width: 9.06667rem;
+  height: 2.13333rem;
+  box-sizing: border-box;
+  overflow: hidden;
+  margin: 0 auto 0.44rem;
+  position: relative;
+  background: #fff;
+  border-radius: 0.13333rem;
+}
+
+ul li .tx {
+  width: 1.06667rem;
+  height: 1.06667rem;
+  border-radius: 1.06667rem;
+  float: left;
+  margin-right: 0.14667rem;
+  margin-left: 0.13333rem;
+  display: block;
+  margin-top: 0.44rem;
+}
+
+ul li .user {
+  float: left;
+  width: 6rem;
+}
+
+ul li .user p {
+  color: #515665;
+  font-size: 0.37333rem;
+  font-weight: bold;
+  display: inline-block;
+  margin-right: 0.10667rem;
+  margin-bottom: 0.16rem;
+  width: 2.7rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  box-sizing: border-box;
+  padding-top: 0.66667rem;
+}
+
+ul li .user b {
+  display: block;
+  color: #A4ABB2;
+  font-size: 0.32rem;
+}
+
+ul li .user .sex {
+  width: 0.24rem;
+  height: 0.24rem;
+  display: inline-block;
+  margin-top: 0.81333rem;
+  margin-right: 0.10667rem;
+}
+
+ul li .user .wealth,
+ul li .user .charm {
+  display: inline-block;
+  width: 0.96rem;
+  height: 0.48rem;
+  margin-top: 0.64rem;
+}
+
+ul li .but {
+  width: 1.17333rem;
+  height: 0.56rem;
+  background: #AA6CF5;
+  border-radius: 0.56rem;
+  position: absolute;
+  right: 0.34667rem;
+  top: 1.18667rem;
+  text-align: center;
+  color: #fff;
+  line-height: 0.56rem;
+  font-size: 0.34667rem;
+  font-weight: 400;
+}
+
+ul li .chairman {
+  width: 1.04rem;
+  height: 0.34667rem;
+  line-height: 0.34667rem;
+  border-radius: 0.34667rem;
+  text-align: center;
+  color: #333;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  position: absolute;
+  left: 0.16rem;
+  top: 0.94667rem;
+  background: linear-gradient(90deg, #FFEB67, #FFFCE7);
+}
+
+ul li .administrator {
+  width: 1.04rem;
+  height: 0.34667rem;
+  line-height: 0.34667rem;
+  border-radius: 0.34667rem;
+  text-align: center;
+  color: #333;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  position: absolute;
+  left: 0.16rem;
+  top: 0.94667rem;
+  background: linear-gradient(-90deg, #FBE1FF, #F090FF);
+}
+
+ul .null {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+ul .null img {
+  width: 1.96rem;
+  height: 2.01333rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+ul .null span {
+  width: 100%;
+  left: 0;
+  top: 55%;
+  transform: translateY(-50%);
+  color: #A9A9A9;
+  font-size: 0.4rem;
+  font-weight: 400;
+  position: absolute;
+  text-align: center;
+}
+
+.pub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 11;
+  display: none;
+}
+
+.pub .pub_in {
+  background: #fff;
+  border-radius: 0.4rem;
+  box-sizing: border-box;
+  padding: 0.66667rem 0.45333rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.pub .pub_in p {
+  text-align: center;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.pub .pub_in .butBox {
+  width: 6.85333rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 0.66667rem auto 0;
+}
+
+.pub .pub_in .butBox div {
+  width: 3.2rem;
+  height: 1.01333rem;
+  text-align: center;
+  line-height: 1.01333rem;
+  border-radius: 1.01333rem;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.pub .pub_in .butBox .close {
+  background: #F5F5F5;
+  color: #999999;
+}
+
+.pub .pub_in .butBox .ok {
+  background: linear-gradient(90deg, #53C7D4, #7C5EFD);
+  color: #fff;
+}
--- a/view/molistar/modules/guildAr/css/adminSet.scss
+++ b/view/molistar/modules/guildAr/css/adminSet.scss
@@ -0,0 +1,280 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1334);
+    background: #eaeaec;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(150);
+    position: fixed;
+    left: 0;
+    top: px2rem(0);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+    background: #fff;
+
+    .backs {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(75);
+    }
+
+    .fdj {
+        width: px2rem(32);
+        height: px2rem(32);
+        position: absolute;
+        top: px2rem(83);
+        left: px2rem(106);
+        z-index: 2;
+    }
+
+    input {
+        border: none;
+        outline: none;
+        background: #eaeaec;
+        width: px2rem(510);
+        height: px2rem(56);
+        line-height: px2rem(56);
+        border-radius: px2rem(56);
+        box-sizing: border-box;
+        padding-left: px2rem(54);
+        position: absolute;
+        left: px2rem(92);
+        top: 65%;
+        transform: translateY(-50%);
+        color: #333;
+        font-size: px2rem(24);
+
+        &::placeholder {
+            color: #BCBDCB;
+            font-size: px2rem(22);
+        }
+    }
+
+    .text {
+        position: absolute;
+        right: px2rem(47);
+        height: 100%;
+        top: 0;
+        line-height: px2rem(190);
+        color: #333333;
+        font-size: px2rem(34);
+        font-weight: bold;
+    }
+}
+
+ul {
+    width: px2rem(750);
+    height: px2rem(1150);
+    margin: px2rem(150) auto 0;
+    overflow-y: scroll;
+    padding-top: px2rem(26);
+    box-sizing: border-box;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+
+    li {
+        width: px2rem(680);
+        height: px2rem(160);
+        box-sizing: border-box;
+        overflow: hidden;
+        margin: 0 auto px2rem(33);
+        position: relative;
+        background: #fff;
+        border-radius: px2rem(10);
+
+        .tx {
+            width: px2rem(80);
+            height: px2rem(80);
+            border-radius: px2rem(80);
+            float: left;
+            margin-right: px2rem(11);
+            margin-left: px2rem(10);
+            display: block;
+            margin-top: px2rem(33);
+        }
+
+        .user {
+            float: left;
+            width: 6rem;
+
+            p {
+                color: #515665;
+                font-size: px2rem(28);
+                font-weight: bold;
+                display: inline-block;
+                margin-right: px2rem(8);
+                margin-bottom: px2rem(12);
+                width: 2.7rem;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                box-sizing: border-box;
+                padding-top: px2rem(50);
+            }
+
+            b {
+                display: block;
+                color: #A4ABB2;
+                font-size: px2rem(24);
+            }
+
+            .sex {
+                width: px2rem(18);
+                height: px2rem(18);
+                display: inline-block;
+                margin-top: px2rem(61);
+                margin-right: px2rem(8);
+            }
+
+            .wealth,
+            .charm {
+                display: inline-block;
+                width: px2rem(72);
+                height: px2rem(36);
+                margin-top: px2rem(48);
+            }
+        }
+
+        .but {
+            width: px2rem(88);
+            height: px2rem(42);
+            background: #AA6CF5;
+            border-radius: px2rem(42);
+            position: absolute;
+            right: px2rem(26);
+            top: px2rem(89);
+            text-align: center;
+            color: #fff;
+            line-height: px2rem(42);
+            font-size: px2rem(26);
+            font-weight: 400;
+        }
+
+        .chairman {
+            width: px2rem(78);
+            height: px2rem(26);
+            line-height: px2rem(26);
+            border-radius: px2rem(26);
+            text-align: center;
+            color: #333;
+            font-size: px2rem(22);
+            font-weight: 400;
+            position: absolute;
+            left: px2rem(12);
+            top: px2rem(71);
+            background: linear-gradient(90deg, #FFEB67, #FFFCE7);
+        }
+
+        .administrator {
+            width: px2rem(78);
+            height: px2rem(26);
+            line-height: px2rem(26);
+            border-radius: px2rem(26);
+            text-align: center;
+            color: #333;
+            font-size: px2rem(22);
+            font-weight: 400;
+            position: absolute;
+            left: px2rem(12);
+            top: px2rem(71);
+            background: linear-gradient(-90deg, #FBE1FF, #F090FF);
+        }
+    }
+
+    .null {
+        width: 100%;
+        height: 100%;
+        position: relative;
+
+        img {
+            width: px2rem(147);
+            height: px2rem(151);
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            transform: translate(-50%, -50%);
+        }
+
+        span {
+            width: 100%;
+            left: 0;
+            top: 55%;
+            transform: translateY(-50%);
+            color: #A9A9A9;
+            font-size: px2rem(30);
+            font-weight: 400;
+            position: absolute;
+            text-align: center;
+        }
+    }
+}
+
+.pub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 11;
+    display: none;
+
+    .pub_in {
+        background: #fff;
+        border-radius: px2rem(30);
+        box-sizing: border-box;
+        padding: px2rem(50) px2rem(34);
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        p {
+            text-align: center;
+            color: #333333;
+            font-size: px2rem(34);
+            font-weight: bold;
+        }
+
+        .butBox {
+            width: px2rem(514);
+            display: flex;
+            justify-content: space-between;
+            margin: px2rem(50) auto 0;
+
+            div {
+                width: px2rem(240);
+                height: px2rem(76);
+                text-align: center;
+                line-height: px2rem(76);
+                border-radius: px2rem(76);
+                font-size: px2rem(34);
+                font-weight: bold;
+            }
+
+            .close {
+                background: #F5F5F5;
+                color: #999999;
+            }
+
+            .ok {
+                background: linear-gradient(90deg, #53C7D4, #7C5EFD);
+                color: #fff;
+            }
+        }
+    }
+}
--- a/view/molistar/modules/guildAr/css/adminSet2.css
+++ b/view/molistar/modules/guildAr/css/adminSet2.css
@@ -0,0 +1,257 @@
+html,
+body {
+  width: 100%;
+  height: 17.78667rem;
+  background: #eaeaec;
+}
+
+.back {
+  width: 100%;
+  height: 2rem;
+  position: fixed;
+  left: 0;
+  top: 0rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+  background: #fff;
+}
+
+.back .backs {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 1rem;
+}
+
+.back .title {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  height: 100%;
+  top: 0;
+  line-height: 2.53333rem;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.back .text {
+  position: absolute;
+  right: 0.62667rem;
+  height: 100%;
+  top: 0;
+  line-height: 2.53333rem;
+  color: #333333;
+  font-size: 0.4rem;
+}
+
+ul {
+  width: 10rem;
+  height: 15.33333rem;
+  margin: 2rem auto 0;
+  overflow-y: scroll;
+  padding-top: 0.34667rem;
+  box-sizing: border-box;
+}
+
+ul::-webkit-scrollbar {
+  display: none;
+}
+
+ul li {
+  width: 9.06667rem;
+  height: 2.13333rem;
+  box-sizing: border-box;
+  overflow: hidden;
+  margin: 0 auto 0.44rem;
+  position: relative;
+  background: #fff;
+  border-radius: 0.13333rem;
+}
+
+ul li .tx {
+  width: 1.06667rem;
+  height: 1.06667rem;
+  border-radius: 1.06667rem;
+  float: left;
+  margin-right: 0.14667rem;
+  margin-left: 0.13333rem;
+  display: block;
+  margin-top: 0.44rem;
+}
+
+ul li .user {
+  float: left;
+  width: 6rem;
+}
+
+ul li .user p {
+  color: #515665;
+  font-size: 0.37333rem;
+  font-weight: bold;
+  display: inline-block;
+  margin-right: 0.10667rem;
+  margin-bottom: 0.16rem;
+  width: 2.7rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  box-sizing: border-box;
+  padding-top: 0.66667rem;
+}
+
+ul li .user b {
+  display: block;
+  color: #A4ABB2;
+  font-size: 0.32rem;
+}
+
+ul li .user .sex {
+  width: 0.24rem;
+  height: 0.24rem;
+  display: inline-block;
+  margin-top: 0.81333rem;
+  margin-right: 0.10667rem;
+}
+
+ul li .user .wealth,
+ul li .user .charm {
+  display: inline-block;
+  width: 0.96rem;
+  height: 0.48rem;
+  margin-top: 0.64rem;
+}
+
+ul li .but {
+  width: 1.17333rem;
+  height: 0.56rem;
+  background: #71BCDB;
+  border-radius: 0.56rem;
+  position: absolute;
+  right: 0.34667rem;
+  top: 1.18667rem;
+  text-align: center;
+  color: #fff;
+  line-height: 0.56rem;
+  font-size: 0.34667rem;
+  font-weight: 400;
+}
+
+ul li .chairman {
+  width: 1.04rem;
+  height: 0.34667rem;
+  line-height: 0.34667rem;
+  border-radius: 0.34667rem;
+  text-align: center;
+  color: #333;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  position: absolute;
+  left: 0.16rem;
+  top: 0.94667rem;
+  background: linear-gradient(90deg, #FFEB67, #FFFCE7);
+  display: none;
+}
+
+ul li .administrator {
+  width: 1.04rem;
+  height: 0.34667rem;
+  line-height: 0.34667rem;
+  border-radius: 0.34667rem;
+  text-align: center;
+  color: #333;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  position: absolute;
+  left: 0.16rem;
+  top: 0.94667rem;
+  background: linear-gradient(-90deg, #FBE1FF, #F090FF);
+  display: none;
+}
+
+ul .null {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+ul .null img {
+  width: 1.96rem;
+  height: 2.01333rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+ul .null span {
+  width: 100%;
+  left: 0;
+  top: 57%;
+  transform: translateY(-50%);
+  color: #A9A9A9;
+  font-size: 0.4rem;
+  font-weight: 400;
+  position: absolute;
+  text-align: center;
+}
+
+.pub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 11;
+  display: none;
+}
+
+.pub .pub_in {
+  background: #fff;
+  border-radius: 0.4rem;
+  box-sizing: border-box;
+  padding: 0.66667rem 0.45333rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.pub .pub_in p {
+  text-align: center;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.pub .pub_in .butBox {
+  width: 6.85333rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 0.66667rem auto 0;
+}
+
+.pub .pub_in .butBox div {
+  width: 3.2rem;
+  height: 1.01333rem;
+  text-align: center;
+  line-height: 1.01333rem;
+  border-radius: 1.01333rem;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.pub .pub_in .butBox .close {
+  background: #F5F5F5;
+  color: #999999;
+}
+
+.pub .pub_in .butBox .ok {
+  background: linear-gradient(90deg, #53C7D4, #7C5EFD);
+  color: #fff;
+}
--- a/view/molistar/modules/guildAr/css/adminSet2.scss
+++ b/view/molistar/modules/guildAr/css/adminSet2.scss
@@ -0,0 +1,261 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1334);
+    background: #eaeaec;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(150);
+    position: fixed;
+    left: 0;
+    top: px2rem(0);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+    background: #fff;
+
+    .backs {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(75);
+    }
+
+    .title {
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        height: 100%;
+        top: 0;
+        line-height: px2rem(190);
+        color: #333333;
+        font-size: px2rem(34);
+        font-weight: bold;
+    }
+
+    .text {
+        position: absolute;
+        right: px2rem(47);
+        height: 100%;
+        top: 0;
+        line-height: px2rem(190);
+        color: #333333;
+        font-size: px2rem(30);
+    }
+}
+
+ul {
+    width: px2rem(750);
+    height: px2rem(1150);
+    margin: px2rem(150) auto 0;
+    overflow-y: scroll;
+    padding-top: px2rem(26);
+    box-sizing: border-box;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+
+    li {
+        width: px2rem(680);
+        height: px2rem(160);
+        box-sizing: border-box;
+        overflow: hidden;
+        margin: 0 auto px2rem(33);
+        position: relative;
+        background: #fff;
+        border-radius: px2rem(10);
+
+        .tx {
+            width: px2rem(80);
+            height: px2rem(80);
+            border-radius: px2rem(80);
+            float: left;
+            margin-right: px2rem(11);
+            margin-left: px2rem(10);
+            display: block;
+            margin-top: px2rem(33);
+        }
+
+        .user {
+            float: left;
+            width: 6rem;
+
+            p {
+                color: #515665;
+                font-size: px2rem(28);
+                font-weight: bold;
+                display: inline-block;
+                margin-right: px2rem(8);
+                margin-bottom: px2rem(12);
+                width: 2.7rem;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                box-sizing: border-box;
+                padding-top: px2rem(50);
+            }
+
+            b {
+                display: block;
+                color: #A4ABB2;
+                font-size: px2rem(24);
+            }
+
+            .sex {
+                width: px2rem(18);
+                height: px2rem(18);
+                display: inline-block;
+                margin-top: px2rem(61);
+                margin-right: px2rem(8);
+            }
+
+            .wealth,
+            .charm {
+                display: inline-block;
+                width: px2rem(72);
+                height: px2rem(36);
+                margin-top: px2rem(48);
+            }
+        }
+
+        .but {
+            width: px2rem(88);
+            height: px2rem(42);
+            background: #71BCDB;
+            border-radius: px2rem(42);
+            position: absolute;
+            right: px2rem(26);
+            top: px2rem(89);
+            text-align: center;
+            color: #fff;
+            line-height: px2rem(42);
+            font-size: px2rem(26);
+            font-weight: 400;
+        }
+
+        .chairman {
+            width: px2rem(78);
+            height: px2rem(26);
+            line-height: px2rem(26);
+            border-radius: px2rem(26);
+            text-align: center;
+            color: #333;
+            font-size: px2rem(22);
+            font-weight: 400;
+            position: absolute;
+            left: px2rem(12);
+            top: px2rem(71);
+            background: linear-gradient(90deg, #FFEB67, #FFFCE7);
+            display: none;
+        }
+
+        .administrator {
+            width: px2rem(78);
+            height: px2rem(26);
+            line-height: px2rem(26);
+            border-radius: px2rem(26);
+            text-align: center;
+            color: #333;
+            font-size: px2rem(22);
+            font-weight: 400;
+            position: absolute;
+            left: px2rem(12);
+            top: px2rem(71);
+            background: linear-gradient(-90deg, #FBE1FF, #F090FF);
+            display: none;
+        }
+    }
+
+    .null {
+        width: 100%;
+        height: 100%;
+        position: relative;
+
+        img {
+            width: px2rem(147);
+            height: px2rem(151);
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            transform: translate(-50%, -50%);
+        }
+
+        span {
+            width: 100%;
+            left: 0;
+            top: 57%;
+            transform: translateY(-50%);
+            color: #A9A9A9;
+            font-size: px2rem(30);
+            font-weight: 400;
+            position: absolute;
+            text-align: center;
+        }
+    }
+}
+
+.pub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 11;
+    display: none;
+
+    .pub_in {
+        background: #fff;
+        border-radius: px2rem(30);
+        box-sizing: border-box;
+        padding: px2rem(50) px2rem(34);
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        p {
+            text-align: center;
+            color: #333333;
+            font-size: px2rem(34);
+            font-weight: bold;
+        }
+
+        .butBox {
+            width: px2rem(514);
+            display: flex;
+            justify-content: space-between;
+            margin: px2rem(50) auto 0;
+
+            div {
+                width: px2rem(240);
+                height: px2rem(76);
+                text-align: center;
+                line-height: px2rem(76);
+                border-radius: px2rem(76);
+                font-size: px2rem(34);
+                font-weight: bold;
+            }
+
+            .close {
+                background: #F5F5F5;
+                color: #999999;
+            }
+
+            .ok {
+                background: linear-gradient(90deg, #53C7D4, #7C5EFD);
+                color: #fff;
+            }
+        }
+    }
+}
--- a/view/molistar/modules/guildAr/css/guild.css
+++ b/view/molistar/modules/guildAr/css/guild.css
@@ -0,0 +1,242 @@
+html,
+body {
+  width: 100%;
+  height: 17.78667rem;
+  background: #F5F7F9;
+}
+
+.back {
+  width: 100%;
+  height: 2.38667rem;
+  line-height: 2.53333rem;
+  position: fixed;
+  left: 0;
+  top: 0rem;
+  text-align: center;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+  z-index: 10;
+  background: url(../images/topBg.png) no-repeat top;
+  background-size: 100% 7rem;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 1rem;
+}
+
+.top {
+  width: 9.25333rem;
+  height: 1.18667rem;
+  line-height: 0.78667rem;
+  background: #fff;
+  border-radius: 0.26667rem 0.26667rem 0 0;
+  margin: 2.5rem auto 0;
+  color: #333;
+  font-size: 0.42667rem;
+  box-sizing: border-box;
+  padding: 0 0.4rem;
+}
+
+.top .left {
+  height: 1.18667rem;
+  line-height: 1.18667rem;
+  float: left;
+}
+
+.top img {
+  float: right;
+  display: block;
+  width: 0.58667rem;
+  height: 0.58667rem;
+  margin-top: 0.33333rem;
+}
+
+ul {
+  width: 9.25333rem;
+  height: 12.81333rem;
+  overflow-y: scroll;
+  margin: 0 auto;
+  border-radius: 0 0 0.26667rem 0.26667rem;
+  background: #fff;
+}
+
+ul::-webkit-scrollbar {
+  display: none;
+}
+
+ul li {
+  width: 100%;
+  height: 2.13333rem;
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: 0 0.26667rem 0 0.2rem;
+  position: relative;
+}
+
+ul li .num {
+  color: #000000;
+  font-size: 0.4rem;
+  font-weight: bold;
+  width: 1.01333rem;
+  height: 1.01333rem;
+  line-height: 1.01333rem;
+  text-align: center;
+  float: left;
+  margin-top: 0.66667rem;
+}
+
+ul li .ts {
+  width: 1.70667rem;
+  height: 1.37333rem;
+  position: absolute;
+  z-index: 2;
+  left: 1.09333rem;
+  top: 0.49333rem;
+}
+
+ul li .tx {
+  width: 1.33333rem;
+  height: 1.33333rem;
+  position: absolute;
+  left: 1.28rem;
+  top: 0.52rem;
+  border-radius: 50%;
+}
+
+ul li .user {
+  float: left;
+  margin-left: 1.66667rem;
+}
+
+ul li .user p {
+  width: 2.5rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #515665;
+  font-size: 0.32rem;
+  margin-bottom: 0.38667rem;
+  font-weight: bold;
+  box-sizing: border-box;
+  padding-top: 0.70667rem;
+}
+
+ul li .user b {
+  color: #A4ABB2;
+  font-size: 0.32rem;
+  font-weight: 500;
+}
+
+ul li .but {
+  width: 1.54667rem;
+  height: 0.56rem;
+  line-height: 0.56rem;
+  background: #7F95FF;
+  border-radius: 0.56rem;
+  float: right;
+  margin-top: 0.76rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.26667rem;
+}
+
+ul li:nth-child(odd) {
+  background: rgba(50, 39, 79, 0.06);
+}
+
+ul li:nth-child(1) .num {
+  background: url(../images/no1.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+ul li:nth-child(1) .ts {
+  width: 1.78667rem;
+  height: 1.78667rem;
+  left: 1.05333rem;
+  top: 0.18667rem;
+}
+
+ul li:nth-child(2) .num {
+  background: url(../images/no2.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+ul li:nth-child(2) .ts {
+  width: 1.78667rem;
+  height: 1.78667rem;
+  left: 1.05333rem;
+  top: 0.18667rem;
+}
+
+ul li:nth-child(3) .num {
+  background: url(../images/no3.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+ul li:nth-child(3) .ts {
+  width: 1.78667rem;
+  height: 1.78667rem;
+  left: 1.05333rem;
+  top: 0.18667rem;
+}
+
+.pub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 11;
+  display: none;
+}
+
+.pub .pub_in {
+  background: #fff;
+  border-radius: 0.4rem;
+  box-sizing: border-box;
+  padding: 0.66667rem 0.45333rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.pub .pub_in p {
+  text-align: center;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.pub .pub_in .butBox {
+  width: 6.85333rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 0.66667rem auto 0;
+}
+
+.pub .pub_in .butBox div {
+  width: 3.2rem;
+  height: 1.01333rem;
+  text-align: center;
+  line-height: 1.01333rem;
+  border-radius: 1.01333rem;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.pub .pub_in .butBox .close {
+  background: #F5F5F5;
+  color: #999999;
+}
+
+.pub .pub_in .butBox .ok {
+  background: linear-gradient(90deg, #53C7D4, #7C5EFD);
+  color: #fff;
+}
--- a/view/molistar/modules/guildAr/css/guild.scss
+++ b/view/molistar/modules/guildAr/css/guild.scss
@@ -0,0 +1,252 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1334);
+    background: #F5F7F9;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(179);
+    line-height: px2rem(190);
+    position: fixed;
+    left: 0;
+    top: px2rem(0);
+    text-align: center;
+    color: #333333;
+    font-size: px2rem(34);
+    font-weight: bold;
+    z-index: 10;
+    background: url(../images/topBg.png) no-repeat top;
+    background-size: 100% 7rem;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(75);
+    }
+}
+
+.top {
+    width: px2rem(694);
+    height: px2rem(89);
+    line-height: px2rem(59);
+    background: #fff;
+    border-radius: px2rem(20) px2rem(20) 0 0;
+    margin: 2.5rem auto 0;
+    color: #333;
+    font-size: px2rem(32);
+    box-sizing: border-box;
+    padding: 0 px2rem(30);
+
+    .left {
+        height: px2rem(89);
+        line-height: px2rem(89);
+        float: left;
+    }
+
+    img {
+        float: right;
+        display: block;
+        width: px2rem(44);
+        height: px2rem(44);
+        margin-top: px2rem(25);
+    }
+}
+
+ul {
+    width: px2rem(694);
+    height: px2rem(961);
+    overflow-y: scroll;
+    margin: 0 auto;
+    border-radius: 0 0 px2rem(20) px2rem(20);
+    background: #fff;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+
+    li {
+        width: 100%;
+        height: px2rem(160);
+        overflow: hidden;
+        box-sizing: border-box;
+        padding: 0 px2rem(20) 0 px2rem(15);
+        position: relative;
+
+        .num {
+            color: #000000;
+            font-size: px2rem(30);
+            font-weight: bold;
+            width: px2rem(76);
+            height: px2rem(76);
+            line-height: px2rem(76);
+            text-align: center;
+            float: left;
+            margin-top: px2rem(50);
+        }
+
+        .ts {
+            width: px2rem(128);
+            height: px2rem(103);
+            position: absolute;
+            z-index: 2;
+            left: px2rem(82);
+            top: px2rem(37);
+        }
+
+        .tx {
+            width: px2rem(100);
+            height: px2rem(100);
+            position: absolute;
+            left: px2rem(96);
+            top: px2rem(39);
+            border-radius: 50%;
+        }
+
+        .user {
+            float: left;
+            margin-left: px2rem(125);
+
+            p {
+                width: 2.5rem;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                color: #515665;
+                font-size: px2rem(24);
+                margin-bottom: px2rem(29);
+                font-weight: bold;
+                box-sizing: border-box;
+                padding-top: px2rem(53);
+            }
+
+            b {
+                color: #A4ABB2;
+                font-size: px2rem(24);
+                font-weight: 500;
+            }
+        }
+
+        .but {
+            width: px2rem(116);
+            height: px2rem(42);
+            line-height: px2rem(42);
+            background: #7F95FF;
+            border-radius: px2rem(42);
+            float: right;
+            margin-top: px2rem(57);
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(20);
+        }
+
+        &:nth-child(odd) {
+            background: rgba(50, 39, 79, .06);
+        }
+
+        &:nth-child(1) {
+            .num {
+                background: url(../images/no1.png) no-repeat;
+                background-size: 100% 100%;
+            }
+
+            .ts {
+                width: px2rem(134);
+                height: px2rem(134);
+                left: px2rem(79);
+                top: px2rem(14);
+            }
+        }
+
+        &:nth-child(2) {
+            .num {
+                background: url(../images/no2.png) no-repeat;
+                background-size: 100% 100%;
+            }
+
+            .ts {
+                width: px2rem(134);
+                height: px2rem(134);
+                left: px2rem(79);
+                top: px2rem(14);
+            }
+        }
+
+        &:nth-child(3) {
+            .num {
+                background: url(../images/no3.png) no-repeat;
+                background-size: 100% 100%;
+            }
+
+            .ts {
+                width: px2rem(134);
+                height: px2rem(134);
+                left: px2rem(79);
+                top: px2rem(14);
+            }
+        }
+
+    }
+}
+.pub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 11;
+    display: none;  
+
+    .pub_in {
+        background: #fff;
+        border-radius: px2rem(30);
+        box-sizing: border-box;
+        padding: px2rem(50) px2rem(34);
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        p {
+            text-align: center;
+            color: #333333;
+            font-size: px2rem(34);
+            font-weight: bold;
+        }
+
+        .butBox {
+            width: px2rem(514);
+            display: flex;
+            justify-content: space-between;
+            margin: px2rem(50) auto 0;
+
+            div {
+                width: px2rem(240);
+                height: px2rem(76);
+                text-align: center;
+                line-height: px2rem(76);
+                border-radius: px2rem(76);
+                font-size: px2rem(34);
+                font-weight: bold;
+            }
+
+            .close {
+                background: #F5F5F5;
+                color: #999999;
+            }
+
+            .ok {
+                background: linear-gradient(90deg, #53C7D4, #7C5EFD);
+                color: #fff;
+            }
+        }
+    }
+}
--- a/view/molistar/modules/guildAr/css/guildInfoSet.css
+++ b/view/molistar/modules/guildAr/css/guildInfoSet.css
@@ -0,0 +1,120 @@
+html,
+body {
+  width: 100%;
+  height: 17.78667rem;
+  background: #F5F7F9;
+  box-sizing: border-box;
+  padding: 0 0.42667rem;
+}
+
+.back {
+  width: 100%;
+  height: 2rem;
+  line-height: 2.53333rem;
+  position: fixed;
+  left: 0;
+  top: 0rem;
+  text-align: center;
+  color: #333333;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+  background: #fff;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 1.10667rem;
+}
+
+.nick {
+  margin-top: 2.4rem;
+  color: #333333;
+  font-size: 0.42667rem;
+  font-weight: 800;
+}
+
+.nick input {
+  border: none;
+  outline: none;
+  background: #F5F7F9;
+  width: 5.4rem;
+  height: 0.66667rem;
+  border-radius: 0.66667rem;
+  box-sizing: border-box;
+  color: #333;
+  font-size: 0.42667rem;
+  box-sizing: border-box;
+  padding-left: 0.13333rem;
+  margin-bottom: 0.74667rem;
+}
+
+.nick input::placeholder {
+  color: #515665;
+}
+
+.bg {
+  width: 100%;
+  height: 2.26667rem;
+  position: relative;
+}
+
+.bg span {
+  display: inline-block;
+  color: #333;
+  font-size: 0.42667rem;
+  line-height: 2.26667rem;
+  font-weight: 800;
+}
+
+.bg img {
+  width: 2.26667rem;
+  height: 2.26667rem;
+  position: absolute;
+  top: 0;
+  left: 2.53333rem;
+  z-index: 1;
+  border-radius: 0.13333rem;
+}
+
+.bg .upload {
+  width: 2.26667rem;
+  height: 2.26667rem;
+  position: absolute;
+  top: 0;
+  left: 2.53333rem;
+  z-index: 2;
+}
+
+.boxBut {
+  width: 7.06667rem;
+  height: 0.93333rem;
+  margin: 1.73333rem auto 0;
+  display: flex;
+  justify-content: space-between;
+}
+
+.boxBut .close {
+  width: 2.88rem;
+  height: 0.93333rem;
+  line-height: 0.93333rem;
+  border-radius: 0.93333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.42667rem;
+  background: #CCCBCE;
+}
+
+.boxBut .ok {
+  width: 2.88rem;
+  height: 0.93333rem;
+  line-height: 0.93333rem;
+  border-radius: 0.93333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.42667rem;
+  background: linear-gradient(90deg, #867FFF, #66E3FF);
+}
--- a/view/molistar/modules/guildAr/css/guildInfoSet.scss
+++ b/view/molistar/modules/guildAr/css/guildInfoSet.scss
@@ -0,0 +1,124 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1334);
+    background: #F5F7F9;
+    box-sizing: border-box;
+    padding: 0 px2rem(32);
+}
+
+.back {
+    width: 100%;
+    height: px2rem(150);
+    line-height: px2rem(190);
+    position: fixed;
+    left: 0;
+    top: px2rem(0);
+    text-align: center;
+    color: #333333;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+    background: #fff;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(83);
+    }
+}
+
+.nick {
+    margin-top: px2rem(180);
+    color: #333333;
+    font-size: px2rem(32);
+    font-weight: 800;
+
+    input {
+        border: none;
+        outline: none;
+        background: #F5F7F9;
+        width: 5.4rem;
+        height: px2rem(50);
+        border-radius: px2rem(50);
+        box-sizing: border-box;
+        color: #333;
+        font-size: px2rem(32);
+        box-sizing: border-box;
+        padding-left: px2rem(10);
+        margin-bottom: px2rem(56);
+
+        &::placeholder {
+            color: #515665;
+        }
+    }
+}
+
+.bg {
+    width: 100%;
+    height: px2rem(170);
+    position: relative;
+
+    span {
+        display: inline-block;
+        color: #333;
+        font-size: px2rem(32);
+        line-height: px2rem(170);
+        font-weight: 800;
+    }
+
+    img {
+        width: px2rem(170);
+        height: px2rem(170);
+        position: absolute;
+        top: 0;
+        left: px2rem(190);
+        z-index: 1;
+        border-radius: px2rem(10);
+    }
+
+    .upload {
+        width: px2rem(170);
+        height: px2rem(170);
+        position: absolute;
+        top: 0;
+        left: px2rem(190);
+        z-index: 2;
+    }
+}
+
+.boxBut {
+    width: px2rem(530);
+    height: px2rem(70);
+    margin: px2rem(130) auto 0;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+        width: px2rem(216);
+        height: px2rem(70);
+        line-height: px2rem(70);
+        border-radius: px2rem(70);
+        text-align: center;
+        color: #fff;
+        font-size: px2rem(32);
+        background: #CCCBCE;
+    }
+
+    .ok {
+        width: px2rem(216);
+        height: px2rem(70);
+        line-height: px2rem(70);
+        border-radius: px2rem(70);
+        text-align: center;
+        color: #fff;
+        font-size: px2rem(32);
+        background: linear-gradient(90deg, #867FFF, #66E3FF);
+    }
+}
--- a/view/molistar/modules/guildAr/css/index.css
+++ b/view/molistar/modules/guildAr/css/index.css
@@ -0,0 +1,428 @@
+html,
+body {
+  width: 100%;
+  height: 17.78667rem;
+  background: #e4e4e7;
+}
+
+.back {
+  width: 100%;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  position: fixed;
+  left: 0;
+  top: 0.93333rem;
+  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: 8.98667rem;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  margin: 0 auto 0rem;
+}
+
+.header .tx {
+  width: 2.64rem;
+  height: 2.53333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.85333rem;
+  border-radius: 50%;
+}
+
+.header .ts {
+  width: 2.77333rem;
+  height: 2.77333rem;
+  position: absolute;
+  top: 1.73333rem;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+
+.header .nick {
+  width: 80%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: center;
+  color: #fff;
+  font-size: 0.53333rem;
+  font-weight: bold;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 4.85333rem;
+}
+
+.header .id {
+  width: 80%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: center;
+  color: #fff;
+  font-size: 0.34667rem;
+  font-weight: 500;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.64rem;
+}
+
+.header .adminSet {
+  padding: 0rem 0.21333rem;
+  box-sizing: border-box;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  color: #fff;
+  font-size: 0.42667rem;
+  font-weight: 400;
+  background: linear-gradient(90deg, rgba(82, 59, 85, 0.98), rgba(21, 5, 16, 0.98));
+  border-radius: 0.58667rem 0px 0px 0.58667rem;
+  position: absolute;
+  right: 0;
+  top: 2.45333rem;
+  display: none;
+}
+
+.header .guildInfoSet {
+  padding: 0rem 0.21333rem;
+  box-sizing: border-box;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  color: #fff;
+  font-size: 0.42667rem;
+  font-weight: 400;
+  background: linear-gradient(90deg, rgba(82, 59, 85, 0.7), rgba(21, 5, 16, 0.7));
+  border-radius: 0.58667rem 0px 0px 0.58667rem;
+  position: absolute;
+  right: 0;
+  top: 3.18667rem;
+  display: none;
+}
+
+.header .memberFlow {
+  width: 2.77333rem;
+  height: 0.74667rem;
+  line-height: 0.74667rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.42667rem;
+  font-weight: 400;
+  background: linear-gradient(90deg, rgba(128, 146, 255, 0.6) 0%, rgba(108, 208, 255, 0.6) 100%);
+  border-radius: 0.18667rem;
+  position: absolute;
+  left: 2.08rem;
+  top: 6.21333rem;
+  display: none;
+}
+
+.header .memberFlowMy {
+  width: 2.77333rem;
+  height: 0.74667rem;
+  line-height: 0.74667rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.42667rem;
+  font-weight: 400;
+  background: linear-gradient(90deg, rgba(128, 146, 255, 0.6) 0%, rgba(108, 208, 255, 0.6) 100%);
+  border-radius: 0.18667rem 0 0 0.18667rem;
+  position: absolute;
+  right: 0rem;
+  top: 2.90667rem;
+  display: none;
+}
+
+.header .inveMember {
+  width: 2.77333rem;
+  height: 0.74667rem;
+  line-height: 0.74667rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.42667rem;
+  font-weight: 400;
+  background: linear-gradient(90deg, rgba(128, 146, 255, 0.6) 0%, rgba(108, 208, 255, 0.6) 100%);
+  border-radius: 0.18667rem;
+  position: absolute;
+  right: 2.08rem;
+  top: 6.21333rem;
+  display: none;
+}
+
+.header .guildNick {
+  width: 100%;
+  position: absolute;
+  left: 0;
+  top: 6.30667rem;
+  color: #FFFFFF;
+  opacity: 0.8;
+  font-size: 0.32rem;
+  text-align: center;
+  display: none;
+}
+
+.guildList {
+  width: 9.25333rem;
+  height: 13.33333rem;
+  border-radius: 0.26667rem;
+  margin: -1.66667rem auto 0rem;
+  position: relative;
+  background: #fff;
+  overflow: hidden;
+}
+
+.guildList .top {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 0.33333rem;
+  height: 0.4rem;
+  line-height: 0.4rem;
+  margin-top: 0.41333rem;
+  position: relative;
+}
+
+.guildList .top b {
+  float: left;
+  font-size: 0.32rem;
+  color: #333;
+  font-weight: bold;
+  display: block;
+  margin-right: 0.09333rem;
+}
+
+.guildList .top i {
+  display: block;
+  color: #666;
+  font-size: 0.29333rem;
+  float: left;
+  font-style: normal;
+}
+
+.guildList .top img {
+  float: right;
+  display: block;
+  width: 0.42667rem;
+  height: 0.42667rem;
+  position: absolute;
+  left: 3.68rem;
+  top: 51%;
+  transform: translateY(-50%);
+  z-index: 2;
+  display: none;
+}
+
+.guildList .top input {
+  border: none;
+  outline: none;
+  background: #F5F7F9;
+  width: 5.4rem;
+  height: 0.66667rem;
+  border-radius: 0.66667rem;
+  box-sizing: border-box;
+  padding-left: 0.72rem;
+  position: absolute;
+  left: 3.49333rem;
+  top: 50%;
+  transform: translateY(-50%);
+  color: #333;
+  display: none;
+}
+
+.guildList .top input::placeholder {
+  color: #BCBDCB;
+  font-size: 0.29333rem;
+}
+
+.guildList ul {
+  width: 100%;
+  height: 8.4rem;
+  margin: 0.52rem auto 0;
+  overflow-y: scroll;
+}
+
+.guildList ul::-webkit-scrollbar {
+  display: none;
+}
+
+.guildList ul li {
+  width: 100%;
+  height: 1.33333rem;
+  box-sizing: border-box;
+  overflow: hidden;
+  margin-bottom: 0.44rem;
+  position: relative;
+  box-sizing: border-box;
+  padding-left: 0.13333rem;
+}
+
+.guildList ul li .tx {
+  width: 1.06667rem;
+  height: 1.06667rem;
+  border-radius: 1.06667rem;
+  float: left;
+  margin-right: 0.14667rem;
+  margin-left: 0.13333rem;
+  display: block;
+}
+
+.guildList ul li .user {
+  float: left;
+  width: 6rem;
+}
+
+.guildList ul li .user p {
+  color: #515665;
+  font-size: 0.37333rem;
+  font-weight: bold;
+  display: inline-block;
+  margin-right: 0.10667rem;
+  margin-bottom: 0.18667rem;
+  width: 2.7rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  box-sizing: border-box;
+  padding-top: 0.10667rem;
+}
+
+.guildList ul li .user b {
+  display: block;
+  color: #A4ABB2;
+  font-size: 0.32rem;
+}
+
+.guildList ul li .user .sex {
+  width: 0.24rem;
+  height: 0.24rem;
+  display: inline-block;
+  margin-top: 0.16rem;
+  margin-right: 0.10667rem;
+}
+
+.guildList ul li .user .wealth,
+.guildList ul li .user .charm {
+  display: inline-block;
+  width: 0.96rem;
+  height: 0.48rem;
+}
+
+.guildList ul li .but {
+  width: 1.17333rem;
+  height: 0.56rem;
+  background: #7F95FF;
+  border-radius: 0.56rem;
+  position: absolute;
+  right: 0.34667rem;
+  top: 0.09333rem;
+  text-align: center;
+  color: #fff;
+  line-height: 0.56rem;
+  font-size: 0.34667rem;
+  font-weight: 400;
+}
+
+.guildList ul li .chairman {
+  width: 1.04rem;
+  height: 0.34667rem;
+  line-height: 0.34667rem;
+  border-radius: 0.34667rem;
+  text-align: center;
+  color: #333;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  position: absolute;
+  left: 0.26667rem;
+  top: 0.94667rem;
+  background: linear-gradient(90deg, #FFEB67, #FFFCE7);
+  display: none;
+}
+
+.guildList ul li .administrator {
+  width: 1.04rem;
+  height: 0.34667rem;
+  line-height: 0.34667rem;
+  border-radius: 0.34667rem;
+  text-align: center;
+  color: #333;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  position: absolute;
+  left: 0.26667rem;
+  top: 0.94667rem;
+  background: linear-gradient(-90deg, #FBE1FF, #F090FF);
+  display: none;
+}
+
+.pub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 11;
+  display: none;
+}
+
+.pub .pub_in {
+  background: #fff;
+  border-radius: 0.4rem;
+  box-sizing: border-box;
+  padding: 0.66667rem 0.45333rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.pub .pub_in p {
+  text-align: center;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.pub .pub_in .butBox {
+  width: 6.85333rem;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0.66667rem;
+  margin: 0.66667rem auto 0;
+}
+
+.pub .pub_in .butBox div {
+  width: 3.2rem;
+  height: 1.01333rem;
+  text-align: center;
+  line-height: 1.01333rem;
+  border-radius: 1.01333rem;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.pub .pub_in .butBox .close {
+  background: #F5F5F5;
+  color: #999999;
+}
+
+.pub .pub_in .butBox .ok {
+  background: linear-gradient(90deg, #53C7D4, #7C5EFD);
+  color: #fff;
+}
--- a/view/molistar/modules/guildAr/css/index.scss
+++ b/view/molistar/modules/guildAr/css/index.scss
@@ -0,0 +1,433 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1334);
+    background: #e4e4e7;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(44);
+    line-height: px2rem(44);
+    position: fixed;
+    left: 0;
+    top: px2rem(70);
+    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(674);
+    background: url(../images/header.png) no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    margin: 0 auto px2rem(0);
+
+    .tx {
+        width: px2rem(198);
+        height: px2rem(190);
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(139);
+        border-radius: 50%;
+    }
+
+    .ts {
+        width: px2rem(208);
+        height: px2rem(208);
+        position: absolute;
+        top: px2rem(130);
+        left: 50%;
+        transform: translateX(-50%);
+        z-index: 2;
+    }
+
+    .nick {
+        width: 80%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        text-align: center;
+        color: #fff;
+        font-size: px2rem(40);
+        font-weight: bold;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(364);
+    }
+
+    .id {
+        width: 80%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        text-align: center;
+        color: #fff;
+        font-size: px2rem(26);
+        font-weight: 500;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(423);
+    }
+
+    .adminSet {
+        padding: px2rem(0) px2rem(16);
+        box-sizing: border-box;
+        height: px2rem(44);
+        line-height: px2rem(44);
+        color: #fff;
+        font-size: px2rem(32);
+        font-weight: 400;
+        background: linear-gradient(90deg, rgba(82, 59, 85, 0.98), rgba(21, 5, 16, 0.98));
+        border-radius: px2rem(44) 0px 0px px2rem(44);
+        position: absolute;
+        right: 0;
+        top: px2rem(184);
+        display: none;
+    }
+
+    .guildInfoSet {
+        padding: px2rem(0) px2rem(16);
+        box-sizing: border-box;
+        height: px2rem(44);
+        line-height: px2rem(44);
+        color: #fff;
+        font-size: px2rem(32);
+        font-weight: 400;
+        background: linear-gradient(90deg, rgba(82, 59, 85, 0.7), rgba(21, 5, 16, 0.7));
+        border-radius: px2rem(44) 0px 0px px2rem(44);
+        position: absolute;
+        right: 0;
+        top: px2rem(239);
+        display: none;
+    }
+
+    .memberFlow {
+        width: px2rem(208);
+        height: px2rem(56);
+        line-height: px2rem(56);
+        text-align: center;
+        color: #fff;
+        font-size: px2rem(32);
+        font-weight: 400;
+        background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%);
+        border-radius: px2rem(14);
+        position: absolute;
+        left: px2rem(156);
+        top: px2rem(466);
+        display: none;
+    }
+
+    .memberFlowMy {
+        width: px2rem(208);
+        height: px2rem(56);
+        line-height: px2rem(56);
+        text-align: center;
+        color: #fff;
+        font-size: px2rem(32);
+        font-weight: 400;
+        background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%);
+        border-radius: px2rem(14) 0 0 px2rem(14);
+        position: absolute;
+        right: px2rem(0);
+        top: px2rem(218);
+        display: none;
+    }
+
+    .inveMember {
+        width: px2rem(208);
+        height: px2rem(56);
+        line-height: px2rem(56);
+        text-align: center;
+        color: #fff;
+        font-size: px2rem(32);
+        font-weight: 400;
+        background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%);
+        border-radius: px2rem(14);
+        position: absolute;
+        right: px2rem(156);
+        top: px2rem(466);
+        display: none;
+    }
+
+    .guildNick {
+        width: 100%;
+        position: absolute;
+        left: 0;
+        top: px2rem(473);
+        color: #FFFFFF;
+        opacity: 0.8;
+        font-size: px2rem(24);
+        text-align: center;
+        display: none;
+    }
+}
+
+.guildList {
+    width: px2rem(694);
+    height: px2rem(1000);
+    border-radius: px2rem(20);
+    margin: px2rem(-125) auto px2rem(0);
+    position: relative;
+    background: #fff;
+    overflow: hidden;
+
+    .top {
+        width: 100%;
+        box-sizing: border-box;
+        padding: 0 px2rem(25);
+        height: px2rem(30);
+        line-height: px2rem(30);
+        margin-top: px2rem(31);
+        position: relative;
+        // margin-left: px2rem(-13);
+
+        b {
+            float: left;
+            font-size: px2rem(24);
+            color: #333;
+            font-weight: bold;
+            display: block;
+            margin-right: px2rem(7);
+        }
+
+        i {
+            display: block;
+            color: #666;
+            font-size: px2rem(22);
+            float: left;
+            font-style: normal;
+        }
+
+        img {
+            float: right;
+            display: block;
+            width: px2rem(32);
+            height: px2rem(32);
+            position: absolute;
+            left: 3.68rem;
+            top: 51%;
+            transform: translateY(-50%);
+            z-index: 2;
+            display: none;
+        }
+
+        input {
+            border: none;
+            outline: none;
+            background: #F5F7F9;
+            width: 5.4rem;
+            height: px2rem(50);
+            border-radius: px2rem(50);
+            box-sizing: border-box;
+            padding-left: px2rem(54);
+            position: absolute;
+            left: 3.49333rem;
+            top: 50%;
+            transform: translateY(-50%);
+            color: #333;
+            display: none;
+
+            &::placeholder {
+                color: #BCBDCB;
+                font-size: px2rem(22);
+            }
+        }
+    }
+
+    ul {
+        width: 100%;
+        height: 8.4rem;
+        margin: px2rem(39) auto 0;
+        overflow-y: scroll;
+
+        &::-webkit-scrollbar {
+            display: none;
+        }
+
+        li {
+            width: 100%;
+            height: px2rem(100);
+            box-sizing: border-box;
+            overflow: hidden;
+            margin-bottom: px2rem(33);
+            position: relative;
+            box-sizing: border-box;
+            padding-left: px2rem(10);
+
+            .tx {
+                width: px2rem(80);
+                height: px2rem(80);
+                border-radius: px2rem(80);
+                float: left;
+                margin-right: px2rem(11);
+                margin-left: px2rem(10);
+                display: block;
+            }
+
+            .user {
+                float: left;
+                width: 6rem;
+
+                p {
+                    color: #515665;
+                    font-size: px2rem(28);
+                    font-weight: bold;
+                    display: inline-block;
+                    margin-right: px2rem(8);
+                    margin-bottom: px2rem(14);
+                    width: 2.7rem;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    box-sizing: border-box;
+                    padding-top: px2rem(8);
+                }
+
+                b {
+                    display: block;
+                    color: #A4ABB2;
+                    font-size: px2rem(24);
+                }
+
+                .sex {
+                    width: px2rem(18);
+                    height: px2rem(18);
+                    display: inline-block;
+                    margin-top: px2rem(12);
+                    margin-right: px2rem(8);
+                }
+
+                .wealth,
+                .charm {
+                    display: inline-block;
+                    width: px2rem(72);
+                    height: px2rem(36);
+                }
+            }
+
+            .but {
+                width: px2rem(88);
+                height: px2rem(42);
+                background: #7F95FF;
+                border-radius: px2rem(42);
+                position: absolute;
+                right: px2rem(26);
+                top: px2rem(7);
+                text-align: center;
+                color: #fff;
+                line-height: px2rem(42);
+                font-size: px2rem(26);
+                font-weight: 400;
+            }
+
+            .chairman {
+                width: px2rem(78);
+                height: px2rem(26);
+                line-height: px2rem(26);
+                border-radius: px2rem(26);
+                text-align: center;
+                color: #333;
+                font-size: px2rem(22);
+                font-weight: 400;
+                position: absolute;
+                left: px2rem(20);
+                top: px2rem(71);
+                background: linear-gradient(90deg, #FFEB67, #FFFCE7);
+                display: none;
+            }
+
+            .administrator {
+                width: px2rem(78);
+                height: px2rem(26);
+                line-height: px2rem(26);
+                border-radius: px2rem(26);
+                text-align: center;
+                color: #333;
+                font-size: px2rem(22);
+                font-weight: 400;
+                position: absolute;
+                left: px2rem(20);
+                top: px2rem(71);
+                background: linear-gradient(-90deg, #FBE1FF, #F090FF);
+                display: none;
+            }
+        }
+    }
+}
+
+.pub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 11;
+    display: none;
+
+    .pub_in {
+        background: #fff;
+        border-radius: px2rem(30);
+        box-sizing: border-box;
+        padding: px2rem(50) px2rem(34);
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        p {
+            text-align: center;
+            color: #333333;
+            font-size: px2rem(34);
+            font-weight: bold;
+        }
+
+        .butBox {
+            width: px2rem(514);
+            display: flex;
+            justify-content: space-between;
+            margin-top: px2rem(50);
+            margin: px2rem(50) auto 0;
+
+            div {
+                width: px2rem(240);
+                height: px2rem(76);
+                text-align: center;
+                line-height: px2rem(76);
+                border-radius: px2rem(76);
+                font-size: px2rem(34);
+                font-weight: bold;
+            }
+
+            .close {
+                background: #F5F5F5;
+                color: #999999;
+            }
+
+            .ok {
+                background: linear-gradient(90deg, #53C7D4, #7C5EFD);
+                color: #fff;
+            }
+        }
+    }
+}
--- a/view/molistar/modules/guildAr/css/invitation.css
+++ b/view/molistar/modules/guildAr/css/invitation.css
@@ -0,0 +1,274 @@
+html,
+body {
+  width: 100%;
+  height: 17.78667rem;
+  background: #eaeaec;
+}
+
+.back {
+  width: 100%;
+  height: 2rem;
+  position: fixed;
+  left: 0;
+  top: 0rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+  background: #fff;
+}
+
+.back .backs {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 1rem;
+}
+
+.back .fdj {
+  width: 0.42667rem;
+  height: 0.42667rem;
+  position: absolute;
+  top: 1.10667rem;
+  left: 1.41333rem;
+  z-index: 2;
+}
+
+.back input {
+  border: none;
+  outline: none;
+  background: #eaeaec;
+  width: 6.8rem;
+  height: 0.74667rem;
+  line-height: 0.74667rem;
+  border-radius: 0.74667rem;
+  box-sizing: border-box;
+  padding-left: 0.72rem;
+  position: absolute;
+  left: 1.22667rem;
+  top: 65%;
+  transform: translateY(-50%);
+  color: #333;
+  font-size: 0.32rem;
+}
+
+.back input::placeholder {
+  color: #BCBDCB;
+  font-size: 0.29333rem;
+}
+
+.back .text {
+  position: absolute;
+  right: 0.62667rem;
+  height: 100%;
+  top: 0;
+  line-height: 2.53333rem;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+ul {
+  width: 10rem;
+  height: 15.33333rem;
+  margin: 2rem auto 0;
+  overflow-y: scroll;
+  padding-top: 0.34667rem;
+  box-sizing: border-box;
+}
+
+ul::-webkit-scrollbar {
+  display: none;
+}
+
+ul li {
+  width: 9.06667rem;
+  height: 2.13333rem;
+  box-sizing: border-box;
+  overflow: hidden;
+  margin: 0 auto 0.44rem;
+  position: relative;
+  background: #fff;
+  border-radius: 0.13333rem;
+}
+
+ul li .tx {
+  width: 1.06667rem;
+  height: 1.06667rem;
+  border-radius: 1.06667rem;
+  float: left;
+  margin-right: 0.14667rem;
+  margin-left: 0.13333rem;
+  display: block;
+  margin-top: 0.44rem;
+}
+
+ul li .user {
+  float: left;
+  width: 6rem;
+}
+
+ul li .user p {
+  color: #515665;
+  font-size: 0.37333rem;
+  font-weight: bold;
+  display: inline-block;
+  margin-right: 0.10667rem;
+  margin-top: 0.74667rem;
+  margin-bottom: 0.16rem;
+  width: 2.7rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+ul li .user b {
+  display: block;
+  color: #A4ABB2;
+  font-size: 0.32rem;
+}
+
+ul li .user .sex {
+  width: 0.24rem;
+  height: 0.24rem;
+  display: inline-block;
+  margin-top: 0.81333rem;
+  margin-right: 0.10667rem;
+}
+
+ul li .user .wealth,
+ul li .user .charm {
+  display: inline-block;
+  width: 0.96rem;
+  height: 0.48rem;
+  margin-top: 0.64rem;
+}
+
+ul li .but {
+  width: 1.17333rem;
+  height: 0.56rem;
+  background: #F08ED3;
+  border-radius: 0.56rem;
+  position: absolute;
+  right: 0.34667rem;
+  top: 1.18667rem;
+  text-align: center;
+  color: #fff;
+  line-height: 0.56rem;
+  font-size: 0.34667rem;
+  font-weight: 400;
+}
+
+ul li .chairman {
+  width: 1.04rem;
+  height: 0.34667rem;
+  line-height: 0.34667rem;
+  border-radius: 0.34667rem;
+  text-align: center;
+  color: #333;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  position: absolute;
+  left: 0.16rem;
+  top: 0.94667rem;
+  background: linear-gradient(90deg, #FFEB67, #FFFCE7);
+}
+
+ul li .administrator {
+  width: 1.04rem;
+  height: 0.34667rem;
+  line-height: 0.34667rem;
+  border-radius: 0.34667rem;
+  text-align: center;
+  color: #333;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  position: absolute;
+  left: 0.16rem;
+  top: 0.94667rem;
+  background: linear-gradient(-90deg, #FBE1FF, #F090FF);
+}
+
+ul .null {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+ul .null img {
+  width: 1.96rem;
+  height: 2.01333rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+ul .null span {
+  width: 100%;
+  left: 0;
+  top: 55%;
+  transform: translateY(-50%);
+  color: #A9A9A9;
+  font-size: 0.4rem;
+  font-weight: 400;
+  position: absolute;
+  text-align: center;
+}
+
+.pub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 11;
+}
+
+.pub .pub_in {
+  background: #fff;
+  border-radius: 0.4rem;
+  box-sizing: border-box;
+  padding: 0.66667rem 0.45333rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.pub .pub_in p {
+  text-align: center;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.pub .pub_in .butBox {
+  width: 6.85333rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 0.66667rem auto 0;
+}
+
+.pub .pub_in .butBox div {
+  width: 3.2rem;
+  height: 1.01333rem;
+  text-align: center;
+  line-height: 1.01333rem;
+  border-radius: 1.01333rem;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.pub .pub_in .butBox .close {
+  background: #F5F5F5;
+  color: #999999;
+}
+
+.pub .pub_in .butBox .ok {
+  background: linear-gradient(90deg, #53C7D4, #7C5EFD);
+  color: #fff;
+}
--- a/view/molistar/modules/guildAr/css/invitation.scss
+++ b/view/molistar/modules/guildAr/css/invitation.scss
@@ -0,0 +1,278 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1334);
+    background: #eaeaec;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(150);
+    position: fixed;
+    left: 0;
+    top: px2rem(0);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+    background: #fff;
+
+    .backs {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(75);
+    }
+
+    .fdj {
+        width: px2rem(32);
+        height: px2rem(32);
+        position: absolute;
+        top: px2rem(83);
+        left: px2rem(106);
+        z-index: 2;
+    }
+
+    input {
+        border: none;
+        outline: none;
+        background: #eaeaec;
+        width: px2rem(510);
+        height: px2rem(56);
+        line-height: px2rem(56);
+        border-radius: px2rem(56);
+        box-sizing: border-box;
+        padding-left: px2rem(54);
+        position: absolute;
+        left: px2rem(92);
+        top: 65%;
+        transform: translateY(-50%);
+        color: #333;
+        font-size: px2rem(24);
+
+        &::placeholder {
+            color: #BCBDCB;
+            font-size: px2rem(22);
+        }
+    }
+
+    .text {
+        position: absolute;
+        right: px2rem(47);
+        height: 100%;
+        top: 0;
+        line-height: px2rem(190);
+        color: #333333;
+        font-size: px2rem(34);
+        font-weight: bold;
+    }
+}
+
+ul {
+    width: px2rem(750);
+    height: px2rem(1150);
+    margin: px2rem(150) auto 0;
+    overflow-y: scroll;
+    padding-top: px2rem(26);
+    box-sizing: border-box;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+
+    li {
+        width: px2rem(680);
+        height: px2rem(160);
+        box-sizing: border-box;
+        overflow: hidden;
+        margin: 0 auto px2rem(33);
+        position: relative;
+        background: #fff;
+        border-radius: px2rem(10);
+
+        .tx {
+            width: px2rem(80);
+            height: px2rem(80);
+            border-radius: px2rem(80);
+            float: left;
+            margin-right: px2rem(11);
+            margin-left: px2rem(10);
+            display: block;
+            margin-top: px2rem(33);
+        }
+
+        .user {
+            float: left;
+            width: 6rem;
+
+            p {
+                color: #515665;
+                font-size: px2rem(28);
+                font-weight: bold;
+                display: inline-block;
+                margin-right: px2rem(8);
+                margin-top: px2rem(56);
+                margin-bottom: px2rem(12);
+                width: 2.7rem;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+
+            b {
+                display: block;
+                color: #A4ABB2;
+                font-size: px2rem(24);
+            }
+
+            .sex {
+                width: px2rem(18);
+                height: px2rem(18);
+                display: inline-block;
+                margin-top: px2rem(61);
+                margin-right: px2rem(8);
+            }
+
+            .wealth,
+            .charm {
+                display: inline-block;
+                width: px2rem(72);
+                height: px2rem(36);
+                margin-top: px2rem(48);
+            }
+        }
+
+        .but {
+            width: px2rem(88);
+            height: px2rem(42);
+            background: #F08ED3;
+            border-radius: px2rem(42);
+            position: absolute;
+            right: px2rem(26);
+            top: px2rem(89);
+            text-align: center;
+            color: #fff;
+            line-height: px2rem(42);
+            font-size: px2rem(26);
+            font-weight: 400;
+        }
+
+        .chairman {
+            width: px2rem(78);
+            height: px2rem(26);
+            line-height: px2rem(26);
+            border-radius: px2rem(26);
+            text-align: center;
+            color: #333;
+            font-size: px2rem(22);
+            font-weight: 400;
+            position: absolute;
+            left: px2rem(12);
+            top: px2rem(71);
+            background: linear-gradient(90deg, #FFEB67, #FFFCE7);
+        }
+
+        .administrator {
+            width: px2rem(78);
+            height: px2rem(26);
+            line-height: px2rem(26);
+            border-radius: px2rem(26);
+            text-align: center;
+            color: #333;
+            font-size: px2rem(22);
+            font-weight: 400;
+            position: absolute;
+            left: px2rem(12);
+            top: px2rem(71);
+            background: linear-gradient(-90deg, #FBE1FF, #F090FF);
+        }
+    }
+
+    .null {
+        width: 100%;
+        height: 100%;
+        position: relative;
+
+        img {
+            width: px2rem(147);
+            height: px2rem(151);
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            transform: translate(-50%, -50%);
+        }
+
+        span {
+            width: 100%;
+            left: 0;
+            top: 55%;
+            transform: translateY(-50%);
+            color: #A9A9A9;
+            font-size: px2rem(30);
+            font-weight: 400;
+            position: absolute;
+            text-align: center;
+        }
+    }
+}
+
+.pub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 11;
+
+    .pub_in {
+        background: #fff;
+        border-radius: px2rem(30);
+        box-sizing: border-box;
+        padding: px2rem(50) px2rem(34);
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        p {
+            text-align: center;
+            color: #333333;
+            font-size: px2rem(34);
+            font-weight: bold;
+        }
+
+        .butBox {
+            width: px2rem(514);
+            display: flex;
+            justify-content: space-between;
+            margin: px2rem(50) auto 0;
+
+            div {
+                width: px2rem(240);
+                height: px2rem(76);
+                text-align: center;
+                line-height: px2rem(76);
+                border-radius: px2rem(76);
+                font-size: px2rem(34);
+                font-weight: bold;
+            }
+
+            .close {
+                background: #F5F5F5;
+                color: #999999;
+            }
+
+            .ok {
+                background: linear-gradient(90deg, #53C7D4, #7C5EFD);
+                color: #fff;
+            }
+        }
+    }
+}
--- a/view/molistar/modules/guildAr/css/memberFlow.css
+++ b/view/molistar/modules/guildAr/css/memberFlow.css
@@ -0,0 +1,256 @@
+html,
+body {
+  width: 100%;
+  height: 17.78667rem;
+  background: #F5F7F9;
+}
+
+.back {
+  width: 100%;
+  height: 2rem;
+  position: fixed;
+  left: 0;
+  top: 0rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+  background: #fff;
+}
+
+.back .backs {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 1rem;
+  z-index: 2;
+}
+
+.back .title {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  height: 100%;
+  top: 0;
+  line-height: 2.53333rem;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.back .text {
+  position: absolute;
+  right: 0.62667rem;
+  height: 100%;
+  top: 0;
+  line-height: 2.53333rem;
+  color: #333333;
+  font-size: 0.4rem;
+}
+
+.timeBox {
+  width: 9.46667rem;
+  height: 2.54667rem;
+  background: #fff;
+  border-radius: 0.4rem;
+  margin: 2.2rem auto 0.25333rem;
+  position: relative;
+}
+
+.timeBox .line {
+  width: 0.02667rem;
+  height: 1.90667rem;
+  background: #D7DCE6;
+  position: absolute;
+  left: 2.92rem;
+  top: 50%;
+  transform: translateY(-50%);
+  border-radius: 0.02667rem;
+}
+
+.timeBox .year {
+  width: 2.92rem;
+  position: absolute;
+  left: 0;
+  top: 0.33333rem;
+  color: #A4ABB2;
+  font-size: 0.32rem;
+  font-weight: bold;
+  text-align: center;
+  text-indent: -0.8rem;
+}
+
+.timeBox .startTime {
+  width: 2.92rem;
+  position: absolute;
+  left: 0;
+  top: 0.96rem;
+  color: #848D9C;
+  font-size: 0.37333rem;
+  font-weight: bold;
+}
+
+.timeBox .startTime b {
+  margin-right: 0.1rem;
+  text-indent: 0.45rem;
+  display: inline-block;
+}
+
+.timeBox .startTime img {
+  width: 0.32rem;
+  height: 0.21333rem;
+  display: inline-block;
+  margin-top: 0.1rem;
+}
+
+.timeBox .endTime {
+  width: 2.92rem;
+  position: absolute;
+  left: 0;
+  top: 1.62667rem;
+  color: #848D9C;
+  font-size: 0.37333rem;
+  font-weight: bold;
+}
+
+.timeBox .endTime b {
+  margin-right: 0.1rem;
+  text-indent: 0.45rem;
+  display: inline-block;
+}
+
+.timeBox .endTime img {
+  width: 0.32rem;
+  height: 0.21333rem;
+  display: inline-block;
+  margin-top: 0.1rem;
+}
+
+.timeBox .right {
+  width: 5.5rem;
+  height: 2.54667rem;
+  position: absolute;
+  right: 0.55rem;
+  top: 0;
+  display: flex;
+  justify-content: space-between;
+}
+
+.timeBox .right div {
+  width: 50%;
+  text-align: center;
+  overflow: hidden;
+}
+
+.timeBox .right div p {
+  color: #A4ABB2;
+  font-size: 0.32rem;
+  font-weight: bold;
+  margin-top: 0.53333rem;
+  margin-bottom: 0.33333rem;
+  line-height: 0.34rem;
+}
+
+.timeBox .right div b {
+  color: #848D9C;
+  font-size: 0.37333rem;
+  font-weight: bold;
+}
+
+.list {
+  width: 9.46667rem;
+  height: 12.8rem;
+  background: #fff;
+  border-radius: 0.4rem;
+  margin: 0.25333rem auto 0.13333rem;
+  overflow-y: scroll;
+  position: relative;
+  padding-top: 1.2rem;
+  box-sizing: border-box;
+}
+
+.list::-webkit-scrollbar {
+  display: none;
+}
+
+.list .top {
+  height: 1.5rem;
+  width: 9.46667rem;
+  box-sizing: border-box;
+  padding: 0.53333rem 0.26667rem 0;
+  display: flex;
+  justify-content: space-between;
+  line-height: 0.4rem;
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5rem;
+  background: #fff;
+  border-radius: 0.4rem 0.4rem 0 0;
+}
+
+.list .top div {
+  width: 25%;
+  text-align: center;
+  color: #5D95FF;
+  font-size: 0.29333rem;
+  font-weight: 600;
+}
+
+.list .other {
+  width: 8.76rem;
+  height: 2.01333rem;
+  margin: 0 auto 0;
+  border-bottom: 0.02667rem solid #D7DCE6;
+  display: flex;
+  justify-content: space-between;
+}
+
+.list .other:last-child {
+  border: none;
+}
+
+.list .other div {
+  width: 25%;
+  text-align: center;
+  height: 100%;
+  line-height: 2.01333rem;
+  color: #848D9C;
+  font-size: 0.32rem;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.list .other div img {
+  display: block;
+  margin: 0.45333rem auto 0.06667rem;
+  width: 0.42667rem;
+  height: 0.42667rem;
+  border-radius: 50%;
+}
+
+.list .other div p {
+  width: 98%;
+  height: 0.33333rem;
+  line-height: 0.32rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: center;
+  color: #848D9C;
+  font-size: 0.32rem;
+  margin-bottom: 0.12rem;
+}
+
+.list .other div .id {
+  width: 100%;
+  text-align: center;
+  color: #A4ABB2;
+  font-size: 0.24rem;
+}
+
+.list .other .div11 {
+  line-height: 0rem;
+}
--- a/view/molistar/modules/guildAr/css/memberFlow.scss
+++ b/view/molistar/modules/guildAr/css/memberFlow.scss
@@ -0,0 +1,262 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1334);
+    background: #F5F7F9;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(150);
+    position: fixed;
+    left: 0;
+    top: px2rem(0);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+    background: #fff;
+
+    .backs {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(75);
+        z-index: 2;
+    }
+
+    .title {
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        height: 100%;
+        top: 0;
+        line-height: px2rem(190);
+        color: #333333;
+        font-size: px2rem(34);
+        font-weight: bold;
+    }
+
+    .text {
+        position: absolute;
+        right: px2rem(47);
+        height: 100%;
+        top: 0;
+        line-height: px2rem(190);
+        color: #333333;
+        font-size: px2rem(30);
+    }
+}
+
+.timeBox {
+    width: px2rem(710);
+    height: px2rem(191);
+    background: #fff;
+    border-radius: px2rem(30);
+    margin: px2rem(165) auto px2rem(19);
+    position: relative;
+
+    .line {
+        width: px2rem(2);
+        height: px2rem(143);
+        background: #D7DCE6;
+        position: absolute;
+        left: px2rem(219);
+        top: 50%;
+        transform: translateY(-50%);
+        border-radius: px2rem(2);
+    }
+
+    .year {
+        width: px2rem(219);
+        position: absolute;
+        left: 0;
+        top: px2rem(25);
+        color: #A4ABB2;
+        font-size: px2rem(24);
+        font-weight: bold;
+        text-align: center;
+        text-indent: -0.8rem;
+    }
+
+    .startTime {
+        width: px2rem(219);
+        position: absolute;
+        left: 0;
+        top: px2rem(72);
+        color: #848D9C;
+        font-size: px2rem(28);
+        font-weight: bold;
+        // text-align: center;
+
+        b {
+            margin-right: 0.1rem;
+            text-indent: 0.45rem;
+            display: inline-block;
+        }
+
+        img {
+            width: px2rem(24);
+            height: px2rem(16);
+            display: inline-block;
+            margin-top: 0.1rem;
+        }
+    }
+
+    .endTime {
+        width: px2rem(219);
+        position: absolute;
+        left: 0;
+        top: px2rem(122);
+        color: #848D9C;
+        font-size: px2rem(28);
+        font-weight: bold;
+        // text-align: center;
+
+        b {
+            margin-right: 0.1rem;
+            text-indent: 0.45rem;
+            display: inline-block;
+        }
+
+        img {
+            width: px2rem(24);
+            height: px2rem(16);
+            display: inline-block;
+            margin-top: 0.1rem;
+        }
+    }
+
+    .right {
+        width: 5.5rem;
+        height: px2rem(191);
+        position: absolute;
+        right: 0.55rem;
+        top: 0;
+        display: flex;
+        justify-content: space-between;
+
+        div {
+            width: 50%;
+            text-align: center;
+            overflow: hidden;
+
+            p {
+                color: #A4ABB2;
+                font-size: px2rem(24);
+                font-weight: bold;
+                margin-top: px2rem(40);
+                margin-bottom: px2rem(25);
+                line-height: 0.34rem;
+            }
+
+            b {
+                color: #848D9C;
+                font-size: px2rem(28);
+                font-weight: bold;
+            }
+        }
+    }
+}
+
+.list {
+    width: px2rem(710);
+    height: px2rem(960);
+    background: #fff;
+    border-radius: px2rem(30);
+    margin: px2rem(19) auto px2rem(10);
+    overflow-y: scroll;
+    position: relative;
+    padding-top: 1.2rem;
+    box-sizing: border-box;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+
+    .top {
+        height: 1.5rem;
+        width: px2rem(710);
+        box-sizing: border-box;
+        padding: px2rem(40) px2rem(20) 0;
+        display: flex;
+        justify-content: space-between;
+        line-height: 0.4rem;
+        position: fixed;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 5rem;
+        background: #fff;
+        border-radius: px2rem(30) px2rem(30) 0 0;
+
+        div {
+            width: 25%;
+            text-align: center;
+            color: #5D95FF;
+            font-size: px2rem(22);
+            font-weight: 600;
+        }
+    }
+
+    .other {
+        width: px2rem(657);
+        height: px2rem(151);
+        margin: 0 auto 0;
+        border-bottom: px2rem(2) solid #D7DCE6;
+        display: flex;
+        justify-content: space-between;
+
+        &:last-child {
+            border: none;
+        }
+
+        div {
+            width: 25%;
+            text-align: center;
+            height: 100%;
+            line-height: px2rem(151);
+            color: #848D9C;
+            font-size: px2rem(24);
+            font-weight: 500;
+            white-space: nowrap;
+
+            img {
+                display: block;
+                margin: px2rem(34) auto px2rem(5);
+                width: px2rem(32);
+                height: px2rem(32);
+                border-radius: 50%;
+            }
+
+            p {
+                width: 98%;
+                height: px2rem(25);
+                line-height: 0.32rem;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                text-align: center;
+                color: #848D9C;
+                font-size: px2rem(24);
+                margin-bottom: px2rem(9);
+            }
+
+            .id {
+                width: 100%;
+                text-align: center;
+                color: #A4ABB2;
+                font-size: px2rem(18);
+            }
+        }
+
+        .div11 {
+            line-height: 0rem;
+        }
+    }
+}
--- a/view/molistar/modules/guildAr/css/memberFlow2.css
+++ b/view/molistar/modules/guildAr/css/memberFlow2.css
@@ -0,0 +1,269 @@
+html,
+body {
+  width: 100%;
+  height: 17.78667rem;
+  background: #F5F7F9;
+}
+
+.back {
+  width: 100%;
+  height: 2rem;
+  position: fixed;
+  left: 0;
+  top: 0rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+  background: #fff;
+}
+
+.back .backs {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 1rem;
+  z-index: 2;
+}
+
+.back .title {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  height: 100%;
+  top: 0;
+  line-height: 2.53333rem;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.back .text {
+  position: absolute;
+  right: 0.62667rem;
+  height: 100%;
+  top: 0;
+  line-height: 2.53333rem;
+  color: #333333;
+  font-size: 0.4rem;
+}
+
+.timeBox {
+  width: 9.46667rem;
+  height: 2.54667rem;
+  background: #fff;
+  border-radius: 0.4rem;
+  margin: 2.2rem auto 0.25333rem;
+  position: relative;
+}
+
+.timeBox .line {
+  width: 0.02667rem;
+  height: 1.90667rem;
+  background: #D7DCE6;
+  position: absolute;
+  left: 2.92rem;
+  top: 50%;
+  transform: translateY(-50%);
+  border-radius: 0.02667rem;
+}
+
+.timeBox .year {
+  width: 2.92rem;
+  position: absolute;
+  left: 0;
+  top: 0.33333rem;
+  color: #A4ABB2;
+  font-size: 0.32rem;
+  font-weight: bold;
+  text-align: center;
+  text-indent: -0.8rem;
+}
+
+.timeBox .startTime {
+  width: 2.92rem;
+  position: absolute;
+  left: 0;
+  top: 0.96rem;
+  color: #848D9C;
+  font-size: 0.37333rem;
+  font-weight: bold;
+}
+
+.timeBox .startTime b {
+  margin-right: 0.1rem;
+  text-indent: 0.45rem;
+  display: inline-block;
+}
+
+.timeBox .startTime img {
+  width: 0.32rem;
+  height: 0.21333rem;
+  display: inline-block;
+  margin-top: 0.1rem;
+}
+
+.timeBox .endTime {
+  width: 2.92rem;
+  position: absolute;
+  left: 0;
+  top: 1.62667rem;
+  color: #848D9C;
+  font-size: 0.37333rem;
+  font-weight: bold;
+}
+
+.timeBox .endTime b {
+  margin-right: 0.1rem;
+  text-indent: 0.45rem;
+  display: inline-block;
+}
+
+.timeBox .endTime img {
+  width: 0.32rem;
+  height: 0.21333rem;
+  display: inline-block;
+  margin-top: 0.1rem;
+}
+
+.timeBox .right {
+  width: 5.5rem;
+  height: 2.54667rem;
+  position: absolute;
+  right: 0.55rem;
+  top: 0;
+  display: flex;
+  justify-content: space-between;
+}
+
+.timeBox .right div {
+  width: 50%;
+  text-align: center;
+  overflow: hidden;
+  position: relative;
+}
+
+.timeBox .right div p {
+  color: #A4ABB2;
+  font-size: 0.32rem;
+  font-weight: bold;
+  margin-top: 0.53333rem;
+  margin-bottom: 0.33333rem;
+  line-height: 0.34rem;
+}
+
+.timeBox .right div b {
+  color: #848D9C;
+  font-size: 0.37333rem;
+  font-weight: bold;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 0.6rem;
+}
+
+.timeBox .right .goToExchangeGold {
+  position: absolute;
+  top: 2.06667rem;
+  right: 0rem;
+  color: #D25555;
+  font-size: 0.26667rem;
+}
+
+.list {
+  width: 9.46667rem;
+  height: 12.8rem;
+  background: #fff;
+  border-radius: 0.4rem;
+  margin: 0.25333rem auto 0.13333rem;
+  overflow-y: scroll;
+  position: relative;
+  padding-top: 1.2rem;
+  box-sizing: border-box;
+}
+
+.list::-webkit-scrollbar {
+  display: none;
+}
+
+.list .top {
+  height: 1.5rem;
+  width: 9.46667rem;
+  box-sizing: border-box;
+  padding: 0.53333rem 0.26667rem 0;
+  display: flex;
+  justify-content: space-between;
+  line-height: 0.4rem;
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5rem;
+  background: #fff;
+  border-radius: 0.4rem 0.4rem 0 0;
+}
+
+.list .top div {
+  width: 25%;
+  text-align: center;
+  color: #5D95FF;
+  font-size: 0.29333rem;
+  font-weight: 600;
+}
+
+.list .other {
+  width: 8.76rem;
+  height: 2.01333rem;
+  margin: 0 auto 0;
+  border-bottom: 0.02667rem solid #D7DCE6;
+  display: flex;
+  justify-content: space-between;
+}
+
+.list .other:last-child {
+  border: none;
+}
+
+.list .other div {
+  width: 25%;
+  text-align: center;
+  height: 100%;
+  line-height: 2.01333rem;
+  color: #848D9C;
+  font-size: 0.32rem;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.list .other div img {
+  display: block;
+  margin: 0.45333rem auto 0.06667rem;
+  width: 0.42667rem;
+  height: 0.42667rem;
+  border-radius: 50%;
+}
+
+.list .other div p {
+  width: 98%;
+  height: 0.33333rem;
+  line-height: 0.32rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: center;
+  color: #848D9C;
+  font-size: 0.32rem;
+  margin-bottom: 0.12rem;
+}
+
+.list .other div .id {
+  width: 100%;
+  text-align: center;
+  color: #A4ABB2;
+  font-size: 0.24rem;
+}
+
+.list .other .div11 {
+  line-height: 0rem;
+}
--- a/view/molistar/modules/guildAr/css/memberFlow2.scss
+++ b/view/molistar/modules/guildAr/css/memberFlow2.scss
@@ -0,0 +1,277 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1334);
+    background: #F5F7F9;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(150);
+    position: fixed;
+    left: 0;
+    top: px2rem(0);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+    background: #fff;
+
+    .backs {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(75);
+        z-index: 2;
+    }
+
+
+
+    .title {
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        height: 100%;
+        top: 0;
+        line-height: px2rem(190);
+        color: #333333;
+        font-size: px2rem(34);
+        font-weight: bold;
+    }
+
+    .text {
+        position: absolute;
+        right: px2rem(47);
+        height: 100%;
+        top: 0;
+        line-height: px2rem(190);
+        color: #333333;
+        font-size: px2rem(30);
+    }
+}
+
+.timeBox {
+    width: px2rem(710);
+    height: px2rem(191);
+    background: #fff;
+    border-radius: px2rem(30);
+    margin: px2rem(165) auto px2rem(19);
+    position: relative;
+
+    .line {
+        width: px2rem(2);
+        height: px2rem(143);
+        background: #D7DCE6;
+        position: absolute;
+        left: px2rem(219);
+        top: 50%;
+        transform: translateY(-50%);
+        border-radius: px2rem(2);
+    }
+
+    .year {
+        width: px2rem(219);
+        position: absolute;
+        left: 0;
+        top: px2rem(25);
+        color: #A4ABB2;
+        font-size: px2rem(24);
+        font-weight: bold;
+        text-align: center;
+        text-indent: -0.8rem;
+    }
+
+    .startTime {
+        width: px2rem(219);
+        position: absolute;
+        left: 0;
+        top: px2rem(72);
+        color: #848D9C;
+        font-size: px2rem(28);
+        font-weight: bold;
+        // text-align: center;
+
+        b {
+            margin-right: 0.1rem;
+            text-indent: 0.45rem;
+            display: inline-block;
+        }
+
+        img {
+            width: px2rem(24);
+            height: px2rem(16);
+            display: inline-block;
+            margin-top: 0.1rem;
+        }
+    }
+
+    .endTime {
+        width: px2rem(219);
+        position: absolute;
+        left: 0;
+        top: px2rem(122);
+        color: #848D9C;
+        font-size: px2rem(28);
+        font-weight: bold;
+        // text-align: center;
+
+        b {
+            margin-right: 0.1rem;
+            text-indent: 0.45rem;
+            display: inline-block;
+        }
+
+        img {
+            width: px2rem(24);
+            height: px2rem(16);
+            display: inline-block;
+            margin-top: 0.1rem;
+        }
+    }
+
+    .right {
+        width: 5.5rem;
+        height: px2rem(191);
+        position: absolute;
+        right: 0.55rem;
+        top: 0;
+        display: flex;
+        justify-content: space-between;
+
+        div {
+            width: 50%;
+            text-align: center;
+            overflow: hidden;
+            position: relative;
+
+            p {
+                color: #A4ABB2;
+                font-size: px2rem(24);
+                font-weight: bold;
+                margin-top: px2rem(40);
+                margin-bottom: px2rem(25);
+                line-height: 0.34rem;
+            }
+
+            b {
+                color: #848D9C;
+                font-size: px2rem(28);
+                font-weight: bold;
+                position: absolute;
+                left: 50%;
+                transform: translateX(-50%);
+                bottom: px2rem(45);
+            }
+        }
+
+        .goToExchangeGold {
+            position: absolute;
+            top: px2rem(155);
+            right: px2rem(0);
+            color: #D25555;
+            font-size: px2rem(20);
+        }
+    }
+}
+
+.list {
+    width: px2rem(710);
+    height: px2rem(960);
+    background: #fff;
+    border-radius: px2rem(30);
+    margin: px2rem(19) auto px2rem(10);
+    overflow-y: scroll;
+    position: relative;
+    padding-top: 1.2rem;
+    box-sizing: border-box;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+
+    .top {
+        height: 1.5rem;
+        width: px2rem(710);
+        box-sizing: border-box;
+        padding: px2rem(40) px2rem(20) 0;
+        display: flex;
+        justify-content: space-between;
+        line-height: 0.4rem;
+        position: fixed;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 5rem;
+        background: #fff;
+        border-radius: px2rem(30) px2rem(30) 0 0;
+
+        div {
+            width: 25%;
+            text-align: center;
+            color: #5D95FF;
+            font-size: px2rem(22);
+            font-weight: 600;
+        }
+    }
+
+    .other {
+        width: px2rem(657);
+        height: px2rem(151);
+        margin: 0 auto 0;
+        border-bottom: px2rem(2) solid #D7DCE6;
+        display: flex;
+        justify-content: space-between;
+
+        &:last-child {
+            border: none;
+        }
+
+        div {
+            width: 25%;
+            text-align: center;
+            height: 100%;
+            line-height: px2rem(151);
+            color: #848D9C;
+            font-size: px2rem(24);
+            font-weight: 500;
+            white-space: nowrap;
+
+            img {
+                display: block;
+                margin: px2rem(34) auto px2rem(5);
+                width: px2rem(32);
+                height: px2rem(32);
+                border-radius: 50%;
+            }
+
+            p {
+                width: 98%;
+                height: px2rem(25);
+                line-height: 0.32rem;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                text-align: center;
+                color: #848D9C;
+                font-size: px2rem(24);
+                margin-bottom: px2rem(9);
+            }
+
+            .id {
+                width: 100%;
+                text-align: center;
+                color: #A4ABB2;
+                font-size: px2rem(18);
+            }
+        }
+
+        .div11 {
+            line-height: 0rem;
+        }
+    }
+}
--- a/view/molistar/modules/guildAr/css/mobile.css
+++ b/view/molistar/modules/guildAr/css/mobile.css
@@ -0,0 +1,159 @@
+.mobileSelect {
+  position: relative;
+  z-index: 0;
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transition: all .1s;
+  transition: all .1s
+}
+
+.mobileSelect .grayLayer {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background: #eee;
+  background: rgba(0,0,0,.7);
+  z-index: 888;
+  display: block
+}
+
+.mobileSelect .content {
+  width: 100%;
+  display: block;
+  position: fixed;
+  z-index: 889;
+  color: #000;
+  -webkit-transition: all .4s;
+  transition: all .4s;
+  bottom: -350px;
+  left: 0;
+  background: #fff
+}
+
+.mobileSelect .content .fixWidth {
+  width: 90%;
+  margin: 0 auto;
+  position: relative
+}
+
+.mobileSelect .content .fixWidth:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden
+}
+
+.mobileSelect .content .btnBar {
+  border-bottom: 1px solid #dcdcdc;
+  font-size: 15px;
+  height: 45px;
+  position: relative;
+  text-align: center;
+  line-height: 45px
+}
+
+.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure {
+  height: 45px;
+  width: 55px;
+  cursor: pointer;
+  position: absolute;
+  top: 0
+}
+
+.mobileSelect .content .btnBar .cancel {
+  left: 0;
+  color: #A4ABB2;
+  font-weight: bold;
+}
+
+.mobileSelect .content .btnBar .ensure {
+  right: 0;
+  color: #515665;
+  font-weight: bold;
+}
+
+.mobileSelect .content .btnBar .title {
+  font-size: 15px;
+}
+
+.mobileSelect .content .panel:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden
+}
+
+.mobileSelect .content .panel .wheels {
+  width: 100%;
+  height: 200px;
+  overflow: hidden
+}
+
+.mobileSelect .content .panel .wheel {
+  position: relative;
+  z-index: 0;
+  float: left;
+  width: 50%;
+  height: 200px;
+  overflow: hidden;
+  -webkit-transition: width .3s ease;
+  transition: width .3s ease
+}
+
+.mobileSelect .content .panel .wheel .selectContainer {
+  display: block;
+  text-align: center;
+  -webkit-transition: -webkit-transform .18s ease-out;
+  transition: -webkit-transform .18s ease-out;
+  transition: transform .18s ease-out;
+  transition: transform .18s ease-out,-webkit-transform .18s ease-out
+}
+
+.mobileSelect .content .panel .wheel .selectContainer li {
+  font-size: 15px;
+  display: block;
+  height: 40px;
+  line-height: 40px;
+  cursor: pointer;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis
+}
+
+.mobileSelect .content .panel .selectLine {
+  height: 40px;
+  width: 100%;
+  position: absolute;
+  top: 80px;
+  pointer-events: none;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  border-top: 1px solid #dcdcdc;
+  border-bottom: 1px solid #dcdcdc
+}
+
+.mobileSelect .content .panel .shadowMask {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 200px;
+  background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),color-stop(rgba(255,255,255,0)),to(#ffffff));
+  background: -webkit-linear-gradient(top,#ffffff,rgba(255,255,255,0),#ffffff);
+  background: linear-gradient(to bottom,#ffffff,rgba(255,255,255,0),#ffffff);
+  opacity: .9;
+  pointer-events: none
+}
+
+.mobileSelect-show {
+  opacity: 1;
+  z-index: 10000;
+  visibility: visible
+}
+
+.mobileSelect-show .content {
+  bottom: 0
+}
--- a/view/molistar/modules/guildAr/css/search.css
+++ b/view/molistar/modules/guildAr/css/search.css
@@ -0,0 +1,276 @@
+html,
+body {
+  width: 100%;
+  height: 17.78667rem;
+  background: #eaeaec;
+}
+
+.back {
+  width: 100%;
+  height: 2rem;
+  position: fixed;
+  left: 0;
+  top: 0rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+  background: #fff;
+}
+
+.back .backs {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 1rem;
+}
+
+.back .fdj {
+  width: 0.42667rem;
+  height: 0.42667rem;
+  position: absolute;
+  top: 1.10667rem;
+  left: 1.41333rem;
+  z-index: 2;
+}
+
+.back input {
+  border: none;
+  outline: none;
+  background: #eaeaec;
+  width: 6.8rem;
+  height: 0.74667rem;
+  line-height: 0.74667rem;
+  border-radius: 0.74667rem;
+  box-sizing: border-box;
+  padding-left: 0.72rem;
+  position: absolute;
+  left: 1.22667rem;
+  top: 65%;
+  transform: translateY(-50%);
+  color: #333;
+  font-size: 0.32rem;
+}
+
+.back input::placeholder {
+  color: #BCBDCB;
+  font-size: 0.29333rem;
+}
+
+.back .text {
+  position: absolute;
+  right: 0.62667rem;
+  height: 100%;
+  top: 0;
+  line-height: 2.53333rem;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+ul {
+  width: 10rem;
+  height: 15.33333rem;
+  margin: 2rem auto 0;
+  overflow-y: scroll;
+  padding-top: 0.34667rem;
+  box-sizing: border-box;
+}
+
+ul::-webkit-scrollbar {
+  display: none;
+}
+
+ul li {
+  width: 9.06667rem;
+  height: 2.13333rem;
+  box-sizing: border-box;
+  overflow: hidden;
+  margin: 0 auto 0.44rem;
+  position: relative;
+  background: #fff;
+  border-radius: 0.13333rem;
+}
+
+ul li .tx {
+  width: 1.06667rem;
+  height: 1.06667rem;
+  border-radius: 1.06667rem;
+  float: left;
+  margin-right: 0.14667rem;
+  margin-left: 0.13333rem;
+  display: block;
+  margin-top: 0.44rem;
+}
+
+ul li .user {
+  float: left;
+  width: 6rem;
+}
+
+ul li .user p {
+  color: #515665;
+  font-size: 0.37333rem;
+  font-weight: bold;
+  display: inline-block;
+  margin-right: 0.10667rem;
+  margin-bottom: 0.16rem;
+  width: 2.7rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  box-sizing: border-box;
+  padding-top: 0.74667rem;
+}
+
+ul li .user b {
+  display: block;
+  color: #A4ABB2;
+  font-size: 0.32rem;
+}
+
+ul li .user .sex {
+  width: 0.24rem;
+  height: 0.24rem;
+  display: inline-block;
+  margin-top: 0.81333rem;
+  margin-right: 0.10667rem;
+}
+
+ul li .user .wealth,
+ul li .user .charm {
+  display: inline-block;
+  width: 0.96rem;
+  height: 0.48rem;
+  margin-top: 0.64rem;
+}
+
+ul li .but {
+  width: 1.17333rem;
+  height: 0.56rem;
+  background: #7C9EFF;
+  border-radius: 0.56rem;
+  position: absolute;
+  right: 0.34667rem;
+  top: 1.18667rem;
+  text-align: center;
+  color: #fff;
+  line-height: 0.56rem;
+  font-size: 0.34667rem;
+  font-weight: 400;
+}
+
+ul li .chairman {
+  width: 1.04rem;
+  height: 0.34667rem;
+  line-height: 0.34667rem;
+  border-radius: 0.34667rem;
+  text-align: center;
+  color: #333;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  position: absolute;
+  left: 0.16rem;
+  top: 0.94667rem;
+  background: linear-gradient(90deg, #FFEB67, #FFFCE7);
+}
+
+ul li .administrator {
+  width: 1.04rem;
+  height: 0.34667rem;
+  line-height: 0.34667rem;
+  border-radius: 0.34667rem;
+  text-align: center;
+  color: #333;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  position: absolute;
+  left: 0.16rem;
+  top: 0.94667rem;
+  background: linear-gradient(-90deg, #FBE1FF, #F090FF);
+}
+
+ul .null {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+ul .null img {
+  width: 1.96rem;
+  height: 2.01333rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+ul .null span {
+  width: 100%;
+  left: 0;
+  top: 55%;
+  transform: translateY(-50%);
+  color: #A9A9A9;
+  font-size: 0.4rem;
+  font-weight: 400;
+  position: absolute;
+  text-align: center;
+}
+
+.pub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 11;
+  display: none;
+}
+
+.pub .pub_in {
+  background: #fff;
+  border-radius: 0.4rem;
+  box-sizing: border-box;
+  padding: 0.66667rem 0.45333rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.pub .pub_in p {
+  text-align: center;
+  color: #333333;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.pub .pub_in .butBox {
+  width: 6.85333rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 0.66667rem auto 0;
+}
+
+.pub .pub_in .butBox div {
+  width: 3.2rem;
+  height: 1.01333rem;
+  text-align: center;
+  line-height: 1.01333rem;
+  border-radius: 1.01333rem;
+  font-size: 0.45333rem;
+  font-weight: bold;
+}
+
+.pub .pub_in .butBox .close {
+  background: #F5F5F5;
+  color: #999999;
+}
+
+.pub .pub_in .butBox .ok {
+  background: linear-gradient(90deg, #53C7D4, #7C5EFD);
+  color: #fff;
+}
--- a/view/molistar/modules/guildAr/css/search.scss
+++ b/view/molistar/modules/guildAr/css/search.scss
@@ -0,0 +1,281 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1334);
+    background: #eaeaec;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(150);
+    position: fixed;
+    left: 0;
+    top: px2rem(0);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+    background: #fff;
+
+    .backs {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(75);
+    }
+
+    .fdj {
+        width: px2rem(32);
+        height: px2rem(32);
+        position: absolute;
+        top: px2rem(83);
+        left: px2rem(106);
+        z-index: 2;
+    }
+
+    input {
+        border: none;
+        outline: none;
+        background: #eaeaec;
+        width: px2rem(510);
+        height: px2rem(56);
+        line-height: px2rem(56);
+        border-radius: px2rem(56);
+        box-sizing: border-box;
+        padding-left: px2rem(54);
+        position: absolute;
+        left: px2rem(92);
+        top: 65%;
+        transform: translateY(-50%);
+        color: #333;
+        font-size: px2rem(24);
+
+        &::placeholder {
+            color: #BCBDCB;
+            font-size: px2rem(22);
+        }
+    }
+
+    .text {
+        position: absolute;
+        right: px2rem(47);
+        height: 100%;
+        top: 0;
+        line-height: px2rem(190);
+        color: #333333;
+        font-size: px2rem(34);
+        font-weight: bold;
+    }
+}
+
+ul {
+    width: px2rem(750);
+    height: px2rem(1150);
+    margin: px2rem(150) auto 0;
+    overflow-y: scroll;
+    padding-top: px2rem(26);
+    box-sizing: border-box;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+
+    li {
+        width: px2rem(680);
+        height: px2rem(160);
+        box-sizing: border-box;
+        overflow: hidden;
+        margin: 0 auto px2rem(33);
+        position: relative;
+        background: #fff;
+        border-radius: px2rem(10);
+
+        .tx {
+            width: px2rem(80);
+            height: px2rem(80);
+            border-radius: px2rem(80);
+            float: left;
+            margin-right: px2rem(11);
+            margin-left: px2rem(10);
+            display: block;
+            margin-top: px2rem(33);
+        }
+
+        .user {
+            float: left;
+            width: 6rem;
+
+            p {
+                color: #515665;
+                font-size: px2rem(28);
+                font-weight: bold;
+                display: inline-block;
+                margin-right: px2rem(8);
+                // margin-top: px2rem(56);
+                margin-bottom: px2rem(12);
+                width: 2.7rem;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                box-sizing: border-box;
+                padding-top: px2rem(56);
+            }
+
+            b {
+                display: block;
+                color: #A4ABB2;
+                font-size: px2rem(24);
+            }
+
+            .sex {
+                width: px2rem(18);
+                height: px2rem(18);
+                display: inline-block;
+                margin-top: px2rem(61);
+                margin-right: px2rem(8);
+            }
+
+            .wealth,
+            .charm {
+                display: inline-block;
+                width: px2rem(72);
+                height: px2rem(36);
+                margin-top: px2rem(48);
+            }
+        }
+
+        .but {
+            width: px2rem(88);
+            height: px2rem(42);
+            background: #7C9EFF;
+            border-radius: px2rem(42);
+            position: absolute;
+            right: px2rem(26);
+            top: px2rem(89);
+            text-align: center;
+            color: #fff;
+            line-height: px2rem(42);
+            font-size: px2rem(26);
+            font-weight: 400;
+        }
+
+        .chairman {
+            width: px2rem(78);
+            height: px2rem(26);
+            line-height: px2rem(26);
+            border-radius: px2rem(26);
+            text-align: center;
+            color: #333;
+            font-size: px2rem(22);
+            font-weight: 400;
+            position: absolute;
+            left: px2rem(12);
+            top: px2rem(71);
+            background: linear-gradient(90deg, #FFEB67, #FFFCE7);
+        }
+
+        .administrator {
+            width: px2rem(78);
+            height: px2rem(26);
+            line-height: px2rem(26);
+            border-radius: px2rem(26);
+            text-align: center;
+            color: #333;
+            font-size: px2rem(22);
+            font-weight: 400;
+            position: absolute;
+            left: px2rem(12);
+            top: px2rem(71);
+            background: linear-gradient(-90deg, #FBE1FF, #F090FF);
+        }
+    }
+
+    .null {
+        width: 100%;
+        height: 100%;
+        position: relative;
+
+        img {
+            width: px2rem(147);
+            height: px2rem(151);
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            transform: translate(-50%, -50%);
+        }
+
+        span {
+            width: 100%;
+            left: 0;
+            top: 55%;
+            transform: translateY(-50%);
+            color: #A9A9A9;
+            font-size: px2rem(30);
+            font-weight: 400;
+            position: absolute;
+            text-align: center;
+        }
+    }
+}
+
+.pub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 11;
+    display: none;
+
+    .pub_in {
+        background: #fff;
+        border-radius: px2rem(30);
+        box-sizing: border-box;
+        padding: px2rem(50) px2rem(34);
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        p {
+            text-align: center;
+            color: #333333;
+            font-size: px2rem(34);
+            font-weight: bold;
+        }
+
+        .butBox {
+            width: px2rem(514);
+            display: flex;
+            justify-content: space-between;
+            margin: px2rem(50) auto 0;
+
+            div {
+                width: px2rem(240);
+                height: px2rem(76);
+                text-align: center;
+                line-height: px2rem(76);
+                border-radius: px2rem(76);
+                font-size: px2rem(34);
+                font-weight: bold;
+            }
+
+            .close {
+                background: #F5F5F5;
+                color: #999999;
+            }
+
+            .ok {
+                background: linear-gradient(90deg, #53C7D4, #7C5EFD);
+                color: #fff;
+            }
+        }
+    }
+}
--- a/view/molistar/modules/guildAr/guild.html
+++ b/view/molistar/modules/guildAr/guild.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>جميع الوكالات</title>
+    <!-- 未加入公会首页 -->
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/guild.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/backB.png" alt="">
+        جميع الوكالات
+    </div>
+    <!-- 头部 -->
+    <div class="top">
+        <div class="left">الوكالة</div>
+        <img src="./images/fdj.png" alt="">
+    </div>
+    <!-- 列表 -->
+    <ul>
+        <!-- <li>
+            <div class="num"></div>
+            <img src="./images/ts1.png" alt="" class="ts">
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="user">
+                <p>名称</p>
+                <b>ID:0</b>
+            </div>
+            <div class="but">طلب إضافة </div>
+        </li>
+        <li>
+            <div class="num"></div>
+            <img src="./images/ts2.png" alt="" class="ts">
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="user">
+                <p>名称</p>
+                <b>ID:0</b>
+            </div>
+            <div class="but">طلب إضافة </div>
+        </li>
+        <li>
+            <div class="num"></div>
+            <img src="./images/ts3.png" alt="" class="ts">
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="user">
+                <p>名称</p>
+                <b>ID:0</b>
+            </div>
+            <div class="but">طلب إضافة </div>
+        </li>
+        <li>
+            <div class="num">4</div>
+            <img src="./images/txK.png" alt="" class="ts">
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="user">
+                <p>名称</p>
+                <b>ID:0</b>
+            </div>
+            <div class="but">طلب إضافة </div>
+        </li> -->
+    </ul>
+    <!-- 确认加入公会弹窗 -->
+    <div class="pub">
+        <div class="pub_in">
+            <p>هل أنت متأكد أنك تريد التقديم بطلب للانضمام إلى هذه النقابة؟</p>
+            <div class="butBox">
+                <div class="close">حذف</div>
+                <div class="ok">تأكيد</div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="./js/guild.js"></script>
--- a/view/molistar/modules/guildAr/guildInfoSet.html
+++ b/view/molistar/modules/guildAr/guildInfoSet.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>إعدادات معلومات الوكالة</title>
+    <!-- 公会信息设置 -->
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/guildInfoSet.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/backB.png" alt="">
+        إعدادات معلومات الوكالة
+    </div>
+    <!-- 公会昵称 -->
+    <div class="nick">أسم الوكالة: <input type="text" placeholder="أسم الوكالة"></div>
+    <!-- 公会背景 -->
+    <div class="bg">
+        <span>خلفية الوكالة:</span>
+        <img src="./images/upDate.png" alt="">
+        <input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload"
+            style="opacity: 0;">
+    </div>
+    <div class="boxBut">
+        <!-- 取消按钮 -->
+        <div class="close">حذف</div>
+        <!-- 保存按钮 -->
+        <div class="ok">حفظ</div>
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="./js/qiniu.min.js"></script>
+<script src="./js/guildInfoSet.js"></script>
--- a/view/molistar/modules/guildAr/images/boy.png
+++ b/view/molistar/modules/guildAr/images/boy.png
--- a/view/molistar/modules/guildAr/images/fdj.png
+++ b/view/molistar/modules/guildAr/images/fdj.png
--- a/view/molistar/modules/guildAr/images/girl.png
+++ b/view/molistar/modules/guildAr/images/girl.png
--- a/view/molistar/modules/guildAr/images/header.png
+++ b/view/molistar/modules/guildAr/images/header.png
--- a/view/molistar/modules/guildAr/images/header_ts.png
+++ b/view/molistar/modules/guildAr/images/header_ts.png
--- a/view/molistar/modules/guildAr/images/icon1.png
+++ b/view/molistar/modules/guildAr/images/icon1.png
--- a/view/molistar/modules/guildAr/images/icon2.png
+++ b/view/molistar/modules/guildAr/images/icon2.png
--- a/view/molistar/modules/guildAr/images/logo.png
+++ b/view/molistar/modules/guildAr/images/logo.png
--- a/view/molistar/modules/guildAr/images/no1.png
+++ b/view/molistar/modules/guildAr/images/no1.png
--- a/view/molistar/modules/guildAr/images/no2.png
+++ b/view/molistar/modules/guildAr/images/no2.png
--- a/view/molistar/modules/guildAr/images/no3.png
+++ b/view/molistar/modules/guildAr/images/no3.png
--- a/view/molistar/modules/guildAr/images/null.png
+++ b/view/molistar/modules/guildAr/images/null.png
--- a/view/molistar/modules/guildAr/images/topBg.png
+++ b/view/molistar/modules/guildAr/images/topBg.png
--- a/view/molistar/modules/guildAr/images/travel/back.png
+++ b/view/molistar/modules/guildAr/images/travel/back.png
--- a/view/molistar/modules/guildAr/images/travel/backB.png
+++ b/view/molistar/modules/guildAr/images/travel/backB.png
--- a/view/molistar/modules/guildAr/images/ts1.png
+++ b/view/molistar/modules/guildAr/images/ts1.png
--- a/view/molistar/modules/guildAr/images/ts2.png
+++ b/view/molistar/modules/guildAr/images/ts2.png
--- a/view/molistar/modules/guildAr/images/ts3.png
+++ b/view/molistar/modules/guildAr/images/ts3.png
--- a/view/molistar/modules/guildAr/images/txK.png
+++ b/view/molistar/modules/guildAr/images/txK.png
--- a/view/molistar/modules/guildAr/images/upDate.png
+++ b/view/molistar/modules/guildAr/images/upDate.png
--- a/view/molistar/modules/guildAr/images/xjt.png
+++ b/view/molistar/modules/guildAr/images/xjt.png
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
dragon	dfbc314b52	修复bug	2024-05-28 21:16:37 +08:00
dragon	f9acf867db	修复bug	2024-05-28 21:16:37 +08:00
dragon	9ee240c85f	新增儿童节活动	2024-05-28 21:16:36 +08:00
dragon	3588ddde48	修改阿拉伯公会自己信息字段	2024-05-27 15:53:50 +08:00
dragon	a7bf8c2ee5	修改邀请成员页面文件命名	2024-05-24 18:34:37 +08:00
dragon	154c451396	修复邀请成员页面打不开，新增账单类型	2024-05-24 18:22:52 +08:00
dragon	22ba0d9bd4	修复ui和bug	2024-05-24 17:31:01 +08:00
dragon	bebd0aca0c	修复bug	2024-05-22 16:39:32 +08:00
dragon	bc9e9877c9	修复接口报错问题	2024-05-22 16:25:06 +08:00
dragon	e958341e23	新增阿拉伯公会	2024-05-21 18:32:09 +08:00
dragon	edb98ff8d8	替换排行榜ui	2024-05-21 18:31:59 +08:00
dragon	f286f718fc	替换通用多语言ui	2024-05-21 17:48:06 +08:00
dragon	4b2864aa39	去除充值页面line联系方式	2024-05-17 16:47:53 +08:00