房间榜单：全局背景修改

房间榜单：前三昵称不换行显示
房间榜单：样式细节调整
2023-02-22 18:26:04 +08:00 · 2023-02-22 18:14:50 +08:00 · 2023-02-21 15:35:16 +08:00 · 2023-02-20 18:06:32 +08:00 · 2023-02-15 15:25:05 +08:00 · 2023-02-15 15:10:23 +08:00
212 changed files with 12024 additions and 407 deletions
--- a/view/peko/activity/2023-Valentines-Day/css/index.css
+++ b/view/peko/activity/2023-Valentines-Day/css/index.css
--- a/view/peko/activity/2023-Valentines-Day/css/index.scss
+++ b/view/peko/activity/2023-Valentines-Day/css/index.scss
--- a/view/peko/activity/2023-Valentines-Day/css/swiper-bundle.min.css
+++ b/view/peko/activity/2023-Valentines-Day/css/swiper-bundle.min.css
--- a/view/peko/activity/2023-Valentines-Day/images/arrows.png
+++ b/view/peko/activity/2023-Valentines-Day/images/arrows.png
--- a/view/peko/activity/2023-Valentines-Day/images/awardBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/awardBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/bling0.png
+++ b/view/peko/activity/2023-Valentines-Day/images/bling0.png
--- a/view/peko/activity/2023-Valentines-Day/images/bling1.png
+++ b/view/peko/activity/2023-Valentines-Day/images/bling1.png
--- a/view/peko/activity/2023-Valentines-Day/images/bling2.png
+++ b/view/peko/activity/2023-Valentines-Day/images/bling2.png
--- a/view/peko/activity/2023-Valentines-Day/images/btn_act.png
+++ b/view/peko/activity/2023-Valentines-Day/images/btn_act.png
--- a/view/peko/activity/2023-Valentines-Day/images/btn_add.png
+++ b/view/peko/activity/2023-Valentines-Day/images/btn_add.png
--- a/view/peko/activity/2023-Valentines-Day/images/btn_change.png
+++ b/view/peko/activity/2023-Valentines-Day/images/btn_change.png
--- a/view/peko/activity/2023-Valentines-Day/images/btn_cp.png
+++ b/view/peko/activity/2023-Valentines-Day/images/btn_cp.png
--- a/view/peko/activity/2023-Valentines-Day/images/btn_cut.png
+++ b/view/peko/activity/2023-Valentines-Day/images/btn_cut.png
--- a/view/peko/activity/2023-Valentines-Day/images/btn_noact.png
+++ b/view/peko/activity/2023-Valentines-Day/images/btn_noact.png
--- a/view/peko/activity/2023-Valentines-Day/images/btn_rule.png
+++ b/view/peko/activity/2023-Valentines-Day/images/btn_rule.png
--- a/view/peko/activity/2023-Valentines-Day/images/btn_sure.png
+++ b/view/peko/activity/2023-Valentines-Day/images/btn_sure.png
--- a/view/peko/activity/2023-Valentines-Day/images/change_record.png
+++ b/view/peko/activity/2023-Valentines-Day/images/change_record.png
--- a/view/peko/activity/2023-Valentines-Day/images/chargeBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/chargeBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/circle.png
+++ b/view/peko/activity/2023-Valentines-Day/images/circle.png
--- a/view/peko/activity/2023-Valentines-Day/images/close.png
+++ b/view/peko/activity/2023-Valentines-Day/images/close.png
--- a/view/peko/activity/2023-Valentines-Day/images/cpAward.png
+++ b/view/peko/activity/2023-Valentines-Day/images/cpAward.png
--- a/view/peko/activity/2023-Valentines-Day/images/cpAwardBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/cpAwardBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/cpRecordBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/cpRecordBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/drawBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/drawBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/get_letter.png
+++ b/view/peko/activity/2023-Valentines-Day/images/get_letter.png
--- a/view/peko/activity/2023-Valentines-Day/images/giftBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/giftBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/good_num.png
+++ b/view/peko/activity/2023-Valentines-Day/images/good_num.png
--- a/view/peko/activity/2023-Valentines-Day/images/gx.png
+++ b/view/peko/activity/2023-Valentines-Day/images/gx.png
--- a/view/peko/activity/2023-Valentines-Day/images/letter.png
+++ b/view/peko/activity/2023-Valentines-Day/images/letter.png
--- a/view/peko/activity/2023-Valentines-Day/images/letterBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/letterBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/letter_gift.png
+++ b/view/peko/activity/2023-Valentines-Day/images/letter_gift.png
--- a/view/peko/activity/2023-Valentines-Day/images/lianghao.png
+++ b/view/peko/activity/2023-Valentines-Day/images/lianghao.png
--- a/view/peko/activity/2023-Valentines-Day/images/line_l.png
+++ b/view/peko/activity/2023-Valentines-Day/images/line_l.png
--- a/view/peko/activity/2023-Valentines-Day/images/line_r.png
+++ b/view/peko/activity/2023-Valentines-Day/images/line_r.png
--- a/view/peko/activity/2023-Valentines-Day/images/logo.png
+++ b/view/peko/activity/2023-Valentines-Day/images/logo.png
--- a/view/peko/activity/2023-Valentines-Day/images/main.png
+++ b/view/peko/activity/2023-Valentines-Day/images/main.png
--- a/view/peko/activity/2023-Valentines-Day/images/mingpai.png
+++ b/view/peko/activity/2023-Valentines-Day/images/mingpai.png
--- a/view/peko/activity/2023-Valentines-Day/images/mycpBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/mycpBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/myrankBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/myrankBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/myxin.png
+++ b/view/peko/activity/2023-Valentines-Day/images/myxin.png
--- a/view/peko/activity/2023-Valentines-Day/images/openGiftBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/openGiftBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/petitionBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/petitionBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/petition_title.png
+++ b/view/peko/activity/2023-Valentines-Day/images/petition_title.png
--- a/view/peko/activity/2023-Valentines-Day/images/rankAward.png
+++ b/view/peko/activity/2023-Valentines-Day/images/rankAward.png
--- a/view/peko/activity/2023-Valentines-Day/images/rankBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/rankBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/rank_title.png
+++ b/view/peko/activity/2023-Valentines-Day/images/rank_title.png
--- a/view/peko/activity/2023-Valentines-Day/images/recordBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/recordBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/rule.png
+++ b/view/peko/activity/2023-Valentines-Day/images/rule.png
--- a/view/peko/activity/2023-Valentines-Day/images/ruleBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/ruleBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/slide1.png
+++ b/view/peko/activity/2023-Valentines-Day/images/slide1.png
--- a/view/peko/activity/2023-Valentines-Day/images/slide2.png
+++ b/view/peko/activity/2023-Valentines-Day/images/slide2.png
--- a/view/peko/activity/2023-Valentines-Day/images/special1.png
+++ b/view/peko/activity/2023-Valentines-Day/images/special1.png
--- a/view/peko/activity/2023-Valentines-Day/images/special2.png
+++ b/view/peko/activity/2023-Valentines-Day/images/special2.png
--- a/view/peko/activity/2023-Valentines-Day/images/special3.png
+++ b/view/peko/activity/2023-Valentines-Day/images/special3.png
--- a/view/peko/activity/2023-Valentines-Day/images/special4.png
+++ b/view/peko/activity/2023-Valentines-Day/images/special4.png
--- a/view/peko/activity/2023-Valentines-Day/images/swiper_title.png
+++ b/view/peko/activity/2023-Valentines-Day/images/swiper_title.png
--- a/view/peko/activity/2023-Valentines-Day/images/tishiBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/tishiBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/to_charge.png
+++ b/view/peko/activity/2023-Valentines-Day/images/to_charge.png
--- a/view/peko/activity/2023-Valentines-Day/images/toushi.png
+++ b/view/peko/activity/2023-Valentines-Day/images/toushi.png
--- a/view/peko/activity/2023-Valentines-Day/images/txBg.png
+++ b/view/peko/activity/2023-Valentines-Day/images/txBg.png
--- a/view/peko/activity/2023-Valentines-Day/images/unread.png
+++ b/view/peko/activity/2023-Valentines-Day/images/unread.png
--- a/view/peko/activity/2023-Valentines-Day/images/xin.png
+++ b/view/peko/activity/2023-Valentines-Day/images/xin.png
--- a/view/peko/activity/2023-Valentines-Day/images/ziliaoka.png
+++ b/view/peko/activity/2023-Valentines-Day/images/ziliaoka.png
--- a/view/peko/activity/2023-Valentines-Day/images/zuojia.png
+++ b/view/peko/activity/2023-Valentines-Day/images/zuojia.png
--- a/view/peko/activity/2023-Valentines-Day/index.html
+++ b/view/peko/activity/2023-Valentines-Day/index.html
@@ -0,0 +1,381 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <title>情定cp 缔结良缘</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?v=1.43">
+</head>
+
+<body>
+    <div class="wrap no-in-app">
+        <!-- 主视觉 -->
+        <div class="banner"><img src="./images/main.png" alt=""></div>
+        <div class="mycp"><img src="./images/btn_cp.png" alt=""></div>
+        <div class="unread">0</div>
+        <div class="rule"><img src="./images/btn_rule.png" alt=""></div>
+        <!-- 情缘信物 -->
+        <div class="letter-wrap">
+            <div class="tips">購買並贈送CP信物，對方同意締結後，即可結成CP；<br>送情人節限定禮物和信物都能增加情緣值喲~</div>
+            <div class="cp_record">CP獎勵記錄</div>
+            <div class="letter">
+                <div class="imgbox">
+                    <img src="./images/letter_gift.png" alt="">
+                </div>
+                <p>我的信物：<e>0</e>個</p>
+                <div class="letter_rule">締結CP後，互送情人節限定禮物，積攢<br>情緣值即可獲得豐厚特權獎勵~</div>
+            </div>
+            <div class="but">
+                <input type="number" value="1" maxlength="999"
+                    onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
+                <img src="./images/btn_add.png" class="add" alt="">
+                <img src="./images/btn_cut.png" class="cut" alt="">
+            </div>
+            <!-- 获取信物按钮 -->
+            <div class="get_letter">
+                <img src="./images/get_letter.png" alt="">
+            </div>
+            <!-- 特权奖励 -->
+            <div class="award_title">
+                <img class="line" src="./images/line_l.png" alt="">
+                <span>特權獎勵</span>
+                <img class="line" src="./images/line_r.png" alt="">
+            </div>
+            <div class="subheard">達到相應的情緣值即可獲得對應特權獎勵哦～</div>
+            <div class="award">
+                <div class="giftbox">
+                    <img src="./images/special1.png" alt="">
+                    <span>一見鐘情</span>
+                    <p>10000情緣值</p>
+                </div>
+                <img class="arrow" src="./images/arrows.png" alt="">
+                <div class="giftbox">
+                    <img src="./images/special2.png" alt="">
+                    <span>情竇初開</span>
+                    <p>52000情緣值</p>
+                </div>
+                <img class="arrow" src="./images/arrows.png" alt="">
+                <div class="giftbox">
+                    <img src="./images/special3.png" alt="">
+                    <span>心心相印</span>
+                    <p>131400情緣值</p>
+                </div>
+                <img class="arrow" src="./images/arrows.png" alt="">
+                <div class="giftbox">
+                    <img src="./images/special4.png" alt="">
+                    <span>緣定今生</span>
+                    <p>334400情緣值</p>
+                </div>
+            </div>
+        </div>
+        <img class="bling0" src="./images/bling0.png" alt="">
+        <!-- 礼物轮播 -->
+        <div class="swiper-title"></div>
+        <div class="swiper-container swiper">
+            <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                    <img src="./images/slide1.png" alt="">
+                </div>
+                <div class="swiper-slide">
+                    <img src="./images/slide2.png" class="slide2" alt="">
+                </div>
+            </div>
+            <!-- <div class="swiper-pagination swp"></div> -->
+        </div>
+        <img class="bling1" src="./images/bling1.png" alt="">
+        <!-- 送礼得情签 -->
+        <div class="petition_title"></div>
+        <div class="petition-wrap">
+            <div class="myticket">
+                <span>我的情簽: <e></e></span>
+                <div class="charge">兌換記錄</div>
+            </div>
+            <div class="subheard">贈送情人節限定禮物，送出一個禮物可得對應數量的「幸運情簽」,且可增加CP間的情緣值，情簽可兌換特權或抽獎喲~</div>
+            <div class="chargeTab">
+                <div class="item itemact">兌換好禮</div>
+                <div class="item">幸運靚號</div>
+            </div>
+            <ul class="gift-wrap">
+                <li class="li1">
+                    <div class="giftbg">
+                        <img class="mingpai" src="./images/mingpai.png" alt="">
+                    </div>
+                    <span></span>
+                    <div class="but">
+                        <input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
+                        <img src="./images/btn_add.png" class="add" alt="">
+                        <img src="./images/btn_cut.png" class="cut" alt="">
+                    </div>
+                    <div class="btn">兌換銘牌</div>
+                    <p><e></e>情签一次</p>
+                </li>
+                <li class="li2">
+                    <div class="giftbg">
+                        <img class="gift" src="./images/ziliaoka.png" alt="">
+                    </div>
+                    <span></span>
+                    <div class="but">
+                        <input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
+                        <img src="./images/btn_add.png" class="add" alt="">
+                        <img src="./images/btn_cut.png" class="cut" alt="">
+                    </div>
+                    <div class="btn">兌換資料卡</div>
+                    <p><e></e>情签一次</p>
+                </li>
+                <li class="li3">
+                    <div class="giftbg">
+                        <img class="gift" src="./images/toushi.png" alt="">
+                    </div>
+                    <span></span>
+                    <div class="but">
+                        <input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
+                        <img src="./images/btn_add.png" class="add" alt="">
+                        <img src="./images/btn_cut.png" class="cut" alt="">
+                    </div>
+                    <div class="btn">兌換頭飾</div>
+                    <p><e></e>情签一次</p>
+                </li>
+                <li class="li4">
+                    <div class="giftbg">
+                        <img class="gift" src="./images/zuojia.png" alt="">
+                    </div>
+                    <span></span>
+                    <div class="but">
+                        <input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
+                        <img src="./images/btn_add.png" class="add" alt="">
+                        <img src="./images/btn_cut.png" class="cut" alt="">
+                    </div>
+                    <div class="btn">兌換座駕</div>
+                    <p><e></e>情签一次</p>
+                </li>
+            </ul>
+            <ul class="number-wrap" style="display: none;">
+                <li>
+                    <div class="giftbg">
+                        <img class="gift" src="./images/lianghao.png" alt="">
+                    </div>
+                    <span>幸運靚號(52***)1組</span>
+                    <div class="but">
+                        <input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
+                        <img src="./images/btn_add.png" class="add" alt="">
+                        <img src="./images/btn_cut.png" class="cut" alt="">
+                    </div>
+                    <div class="btn">抽取靚號</div>
+                    <p><e></e>情签一次</p>
+                    <div class="tips">中獎後請聯系客服領取哦~</div>
+                </li>
+            </ul>
+        </div>
+        <img class="bling2" src="./images/bling2.png" alt="">
+        <!-- 榜单 -->
+        <div class="rank_title"></div>
+        <div class="rank-wrap">
+            <!-- 奖励 -->
+            <img src="./images/rankAward.png" class="reward" alt="">
+            <!-- 榜单列表 -->
+            <div class="list">
+                <div class="no1">
+                    <div class="txbox1">
+                        <img src="./images/logo.png" class="tx" alt="">
+                    </div>
+                    <div class="txbox2">
+                        <img src="./images/logo.png" class="tx" alt="">
+                    </div>
+                    <div class="nick1">虛位以待</div>
+                    <div class="nick2">虛位以待</div>
+                    <img src="./images/xin.png" class="xin" alt="">
+                    <div class="score">情緣值:<b>0</b></div>
+                </div>
+                <ul>
+                    <!-- <li>
+                        <div class="num">2</div>
+                        <div class="txbox1">
+                            <img src="./images/logo.png" class="tx" alt="">
+                        </div>
+                        <div class="txbox2">
+                            <img src="./images/logo.png" class="tx" alt="">
+                        </div>
+                        <div class="nick1"></div>
+                        <div class="nick2"></div>
+                        <img src="./images/xin.png" class="xin" alt="">
+                        <span>情緣值</span>
+                        <div class="score"></div>
+                    </li>
+                    <li><p>等你來上榜~</p></li> -->
+                </ul>
+            </div>
+            <div class="myRank">
+                <div class="num">未上榜</div>
+                <div class="txbox1">
+                    <img src="./images/logo.png" class="tx" alt="">
+                </div>
+                <div class="txbox2">
+                    <img src="./images/logo.png" class="tx" alt="">
+                </div>
+                <div class="nick1">暫無cp</div>
+                <div class="nick2">暫無cp</div>
+                <img src="./images/myxin.png" class="xin" alt="">
+                <span>情緣值</span>
+                <div class="score">0</div>
+            </div>
+        </div>
+
+    </div>
+
+    <!-- 恭喜获得弹窗1,2 -->
+    <div class="gx">
+        <div class="gx_in">
+            <img src="./images/close.png" class="close" alt="">
+            <ul class="box">
+                <li>
+                    <div class="bg">
+                        <img src="./images/logo.png" alt="">
+                    </div>
+                    <span></span>
+                </li>
+            </ul>
+            <img src="./images/btn_sure.png" class="sure" alt="">
+            <div class="tips">奖励将自动发放到装扮中心，快去展示自己吧~</div>
+            <!-- <div class="tips">*情人节限定5位靓号:52XXX（XXX为随机数字，一组为2个靓号，<br>联系客服领取：LINE: pekoyuyin)</div> -->
+        </div>
+    </div>
+    <!-- 我的cp弹窗 -->
+    <div class="mycpBox">
+        <div class="mycp_in">
+            <img src="./images/close.png" class="close" alt="">
+            <div class="tishi">*CP一旦結成，不可取消</div>
+            <p>
+                <span>我的CP</span>
+                <span>情缘值</span>
+                <span>状态</span>
+            </p>
+            <ul class="box">
+                <li>
+                    <b>CP1的昵称...</b>
+                    <b class="cpValue">170011703</b>
+                    <span class="pass">已缔结</span>
+                </li>
+                <li>
+                    <b>CP1的昵称...</b>
+                     <b class="cpValue">170011703</b>
+                    <span class="waitpass" inviterUid="2346">可通过</span>
+                </li>
+                <li>
+                    <b>Cp1的昵称...</b>
+                     <b class="cpValue">170011703</b>
+                    <span class="canpass">待通过</span>
+                </li>
+            </ul>
+            <div class="tips">暫無更多記錄~</div>
+        </div>
+    </div>
+    <!-- cp奖励记录弹窗 -->
+    <div class="cpRecordBox">
+        <div class="cpRecord_in">
+            <img src="./images/close.png" class="close" alt="">
+            <p>
+                <span>时间</span>
+                <span>我的CP</span>
+                <span>情缘等级</span>
+                <span>奖励</span>
+            </p>
+            <ul class="box">
+                <li>
+                    <b>08.31 <e>23:23</e></b>
+                    <b>CP1的昵称...</b>
+                    <b>缘定今生</b>
+                    <b class="jiangli">XXX座驾1天*1组</b>
+                </li>
+            </ul>
+            <div class="tips">暫無更多記錄~</div>
+        </div>
+    </div>
+    <!-- 情签抽奖记录弹窗 -->
+    <div class="drawBox">
+        <div class="draw_in">
+            <img src="./images/close.png" class="close" alt="">
+            <p>
+                <span>时间</span>
+                <span>消耗情签</span>
+                <span>奖励</span>
+            </p>
+            <ul class="box">
+                <li>
+                    <b>08.31 <e>23:23</e></b>
+                    <b>38</b>
+                    <b class="number">幸运靓号1组</b>
+                </li>
+                <li>
+                    <b>08.31 <e>23:23</e></b>
+                    <b>38</b>
+                    <b class="number">未中奖</b>
+                </li>
+            </ul>
+            <div class="tips">暫無更多記錄~</div>
+        </div>
+    </div>
+    <!-- 情签兑换记录弹窗 -->
+    <div class="exchangeBox">
+        <div class="exchange_in">
+            <img src="./images/close.png" class="close" alt="">
+            <p>
+                <span>时间</span>
+                <span>消耗情签</span>
+                <span>奖励</span>
+                <span>奖励天数</span>
+            </p>
+            <ul class="box">
+                <li>
+                    <b>08.31 <e>23:23</e></b>
+                    <b>28</b>
+                    <b>缘定今生</b>
+                    <b>1天</b>
+                </li>
+
+            </ul>
+            <div class="tips">暫無更多記錄~</div>
+        </div>
+    </div>
+    <!-- 规则弹窗 -->
+    <div class="ruleBox">
+        <div class="rule_in">
+            <img src="./images/close.png" class="close" alt="">
+            <div class="box">
+                <img src="./images/rule.png" alt="">
+            </div>
+        </div>
+    </div>
+    <!-- 榜單獎勵 -->
+    <div class="rewardBox">
+        <div class="reward_in">
+            <img src="./images/close.png" class="close" alt="">
+            <div class="box">
+                <img src="./images/cpAward.png" alt="">
+            </div>
+        </div>
+    </div>
+    <!-- 温馨提示 -->
+    <div class="tishiBox">
+        <div class="tishi_in">
+            <div class="title">鉆石不足，請充值後再來獲取信物吧~</div>
+            <img src="./images/to_charge.png" class="recharge" alt="">
+            <img src="./images/close.png" class="close" alt="">
+        </div>
+    </div>
+
+
+    <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="./js/swiper-bundle.min.js"></script>
+    <script src="./js/index.js?v=1.43"></script>
+</body>
+
+</html>
--- a/view/peko/activity/2023-Valentines-Day/js/index.js
+++ b/view/peko/activity/2023-Valentines-Day/js/index.js
@@ -0,0 +1,876 @@
+
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+
+
+// 封裝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',
+        offset: 'b'
+    })
+}
+
+if (false) {//!browser.app
+    toastMsg('請在app內打開！');
+} else {
+    $('.wrap').removeClass('no-in-app')
+}
+
+var nowTime = new Date().getTime()
+var startTime
+var endTime
+var canGet = true
+
+$(function () {
+    getInfoFromClient()
+    setTimeout(function () {
+        getLetterInit()
+        getPetitionInit()
+        cpOffset()
+        getRank()
+        swiperFun()
+    }, 100)
+})
+
+// 礼物轮播
+function swiperFun() {
+    var swiper = new Swiper('.swiper', {
+        autoplay: {
+            delay: 2000,//2秒切换一次
+        },
+        // loop: true, // 循环模式选项
+        direction: 'horizontal',
+    });
+}
+
+// 获取信物配置
+function getLetterInit() {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/act/valentineCp/getKeepsakeConfig',
+        success(res) {
+            if (res.code === 200) {
+                startTime = res.data.startTime;
+                endTime = res.data.endTime;
+                $('.letter-wrap .letter .imgbox img').attr('src', res.data.keepsake.icon)
+                $('.letter-wrap .letter p e').text(res.data.keepsakeNum)
+                $('.letter-wrap .get_letter').attr('id', res.data.keepsake.id)
+                $('.letter-wrap .get_letter').attr('type', res.data.keepsake.type)
+                if (nowTime >= res.data.endTime) {
+                    $('.letter-wrap .get_letter').css('filter', 'grayscale(0.7)')
+                }
+                hideLoading(layerIndex)
+            } else {
+                toastMsg(res.message)
+                hideLoading(layerIndex)
+            }
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 获取兑换/抽奖配置
+function getPetitionInit() {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/act/valentineCp/getPropItemConfig',
+        success(res) {
+            if (res.code === 200) {
+                $('.petition-wrap .myticket span e').html(res.data.cpCurrency)
+                let numberList = res.data.propTabs.find(item => {
+                    return item.type == 2
+                })
+                let chargeList = res.data.propTabs.find(item => {
+                    return item.type == 1
+                })
+                chargeList.props.forEach((res, i) => {
+                    $(`.petition-wrap .gift-wrap .li${i + 1} .giftbg img`).attr('src', res.icon)
+                    $(`.petition-wrap .gift-wrap .li${i + 1} span`).html(res.name)
+                    $(`.petition-wrap .gift-wrap .li${i + 1} .btn`).attr('id', res.id)
+                    $(`.petition-wrap .gift-wrap .li${i + 1} .btn`).attr('type', res.type)
+                    $(`.petition-wrap .gift-wrap .li${i + 1} .btn`).html(res.type == 2 ? '兌換銘牌' : res.type == 3 ? '兌換資料卡' : res.type == 4 ? '兌換頭飾' : '兌換座駕')
+                    $(`.petition-wrap .gift-wrap .li${i + 1} p e`).html(res.price)
+                })
+
+                numberList.props.forEach(res => {
+                    $('.petition-wrap .number-wrap .giftbg img').attr('src', res.icon)
+                    $('.petition-wrap .number-wrap span').html(res.name)
+                    $('.petition-wrap .number-wrap .btn').attr('id', res.id)
+                    $('.petition-wrap .number-wrap .btn').attr('type', res.type)
+                    $('.petition-wrap .number-wrap p e').html(res.price)
+
+                })
+
+
+                hideLoading(layerIndex)
+            } else {
+                toastMsg(res.message)
+                hideLoading(layerIndex)
+            }
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+
+// 我的cp未读数 
+function cpOffset() {
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/act/valentineCp/cpOffset',
+        success(res) {
+            if (res.code === 200) {
+                if (res.data > 9) {
+                    $('.wrap .unread').html('9+')
+                } else if (res.data == 0) {
+                    $('.wrap .unread').hide()
+                } else {
+                    $('.wrap .unread').html(res.data)
+                }
+            } else {
+                toastMsg(res.message)
+            }
+        },
+        error(err) {
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 我的cp列表
+function myCpList() {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/act/valentineCp/cpList',
+        success(res) {
+            if (res.code === 200) {
+                let cpList = ''
+                if (res.data == 0 || !res.data) {
+                    $('.mycpBox .mycp_in .tips').show()
+                } else {
+                    res.data.forEach(res => {
+                        cpList += `
+                        <li>
+                            <b>${res.nick.length > 5 ? res.nick.slice(0, 5) + '...' : res.nick}</b>
+                            <b class="cpValue">${res.cpValue}</b>
+                            <span inviterUid="${res.uid}" class='${res.status == 0 ? "canpass" : res.status == 1 ? "waitpass" : "pass"}'>${res.status == 0 ? "待通過" : res.status == 1 ? "可通過" : "已締結"}</span>
+                        </li>
+                        `
+                    })
+                    $('.mycpBox .mycp_in ul').append(cpList)
+                }
+                $('.mycpBox').show();
+
+                $('.mycpBox .mycp_in .box li').off()
+                $('.mycpBox .mycp_in .box li').on("click", '.waitpass', function () {
+                    let index = $(this).parents().index()
+                    let inviterUid = $(this).attr('inviterUid')
+                    confirmCp(inviterUid, index)
+                })
+
+
+                hideLoading(layerIndex)
+            } else {
+                toastMsg(res.message)
+                hideLoading(layerIndex)
+            }
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+
+// 通过cp缔结
+function confirmCp(inviterUid, index) {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/act/valentineCp/confirmCp',
+        data: { inviterUid },
+        success(res) {
+            if (res.code === 200) {
+                $('.mycpBox .mycp_in .box li').eq(index).find('span').addClass('pass')
+                $('.mycpBox .mycp_in .box li').eq(index).find('span').removeClass('waitpass')
+                $('.mycpBox .mycp_in .box li').eq(index).find('span').html('已締結')
+                toastMsg('締結成功，快去增加和TA的情緣值吧~')
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            toastMsg('網絡錯誤，請退出重進')
+            hideLoading(layerIndex)
+        }
+    })
+}
+
+// cp奖励记录
+var cpRecordPage = 1
+var cpRecordScroll = true
+function cpRewardRecord(cpRecordPage) {
+    cpRecordScroll = false;
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/act/valentineCp/pageCpRewardRecord',
+        data: { page: cpRecordPage, pageSize: 10 },
+        success(res) {
+            if (res.code === 200) {
+                if (res.data.records.length > 0) {
+                    let str = ``;
+                    res.data.records.forEach((res, i) => {
+                        str += `
+                        <li>
+                            <b>${res.dateTime}</b>
+                            <b>${res.nick.length > 5 ? res.nick.slice(0, 5) + '...' : res.nick}</b>
+                            <b>${res.levelDesc}</b>
+                            <b class="jiangli">${res.rewardDesc}</b>
+                        </li>
+                        `
+                    });
+                    $('.cpRecordBox .cpRecord_in .box').append(str);
+                    cpRecordScroll = true;
+                } else {
+                    cpRecordScroll = false;
+                    $('.cpRecordBox .cpRecord_in .tips').show();
+                }
+                $('.cpRecordBox').show();
+
+                hideLoading(layerIndex)
+            } else {
+                cpRecordScroll = true;
+                bodyScroolFun(false)
+                hideLoading(layerIndex)
+                toastMsg(res.message)
+            }
+        },
+        error(err) {
+            cpRecordScroll = true;
+            bodyScroolFun(false)
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+
+// 获取兑换/抽奖记录
+var drawPage = 1
+var drawScroll = true
+function getDrawRecord(drawPage, tab) {
+    drawScroll = false;
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/act/valentineCp/pageRecord',
+        data: { page: drawPage, pageSize: 10, tab },
+        success(res) {
+            if (res.code === 200) {
+                if (res.data.records.length > 0) {
+                    let str = ``;
+                    if (tab == 1) {
+                        res.data.records.forEach((res, i) => {
+                            str += `
+                            <li>
+                                <b>${res.dateTime}</b>
+                                <b>${res.cost}</b>
+                                <b>${res.rewardDesc}</b>
+                                <b>${res.rewardDays}天</b>
+                            </li>
+                            `
+                        });
+                        $('.exchangeBox .exchange_in .box').append(str);
+                        $('.exchangeBox').show();
+                    } else {
+                        res.data.records.forEach((res, i) => {
+                            str += `
+                            <li>
+                                <b>${res.dateTime}</b>
+                                <b>${res.cost}</b>
+                                <b>${res.rewardDesc}</b>
+                            </li>
+                            `
+                        });
+                        $('.drawBox .draw_in .box').append(str);
+                        $('.drawBox').show();
+                    }
+
+                    drawScroll = true;
+                } else {
+                    drawScroll = false;
+                    if (tab == 1) {
+                        $('.exchangeBox .exchange_in .tips').show();
+                        $('.exchangeBox').show();
+                    } else {
+                        $('.drawBox .draw_in .tips').show();
+                        $('.drawBox').show();
+                    }
+                }
+                hideLoading(layerIndex)
+            } else {
+                drawScroll = true;
+                bodyScroolFun(false)
+                hideLoading(layerIndex)
+                toastMsg(res.message)
+            }
+        },
+        error(err) {
+            drawScroll = true;
+            bodyScroolFun(false)
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+
+// 购买信物、兑换、抽奖 (道具id,数量)
+function buy(id, num, type) {
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/act/valentineCp/buy',
+        data: { id, num },
+        success(res) {
+            if (res.code === 200) {
+                if (res.data.prop) {
+                    if (res.data.prop.type == 1) {
+                        $('.letter-wrap .letter p e').html(res.data.remain)
+                        toastMsg('購買成功，信物已放進背包，快送給你心儀的TA吧~')
+                        canGet = true
+                    } else if (res.data.prop.type == 6) {
+                        $('.petition-wrap .myticket span e').html(res.data.remain)
+                        $('.gx .gx_in .box li img').attr('src', res.data.prop.icon)
+                        $('.gx .gx_in .box li span').html( res.data.prop.name)
+                        $('.gx .gx_in .tips').html(`*情人節限定5位靚號:52XXX（XXX為隨機數字，一組為2個靚號，<br>聯系客服領取：LINE: pekoyuyin)`)
+                        $('.gx').show()
+
+                    } else {
+                        // if (res.data.prop.type == 2){
+                        //     $('.gx .gx_in .box li img').addClass('mingpai')
+                        // }else {
+                        //     $('.gx .gx_in .box li img').removeClass('mingpai')
+                        // }
+                        $('.petition-wrap .myticket span e').html(res.data.remain)
+                        $('.gx .gx_in .box li img').attr('src', res.data.prop.icon)
+                        $('.gx .gx_in .box li span').html(res.data.prop.name)
+                        $('.gx .gx_in .tips').html(`獎勵將自動發放到裝扮中心，快去展示自己吧~`)
+                        $('.gx').show()
+                    }
+                } else {
+                    if (type == 6) {
+                        toastMsg('很遺憾沒有抽到，距離靚號就差一點啦~')
+                        $('.petition-wrap .myticket span e').html(res.data.remain)
+                    } else if(type == 1,type == 3,type == 4,type == 5){
+                        $('.petition-wrap .myticket span e').html(res.data.remain)
+                    }else{
+                        $('.letter-wrap .letter p e').html(res.data.remain)
+                        toastMsg(res.message)
+                    }
+
+                    canGet = true
+                }
+
+                hideLoading(layerIndex)
+            } else if (res.code == 31005) {
+                $('.tishiBox').show()
+                canGet = true
+                hideLoading(layerIndex)
+            } else {
+                toastMsg(res.message)
+                canGet = true
+                hideLoading(layerIndex)
+            }
+        },
+        error(err) {
+            canGet = true
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+
+// 榜单接口
+function getRank() {
+    $('.rank-wrap .list ul li').remove();
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/act/valentineCp/getRank',
+        success(res) {
+            if (res.code === 200) {
+                // 前一
+                var top1 = res.data.rankList.slice(0, 1);
+                var notTop1 = res.data.rankList.slice(1);
+                if (top1.length < 1) {
+                    let arr = new Array(1 - top1.length).fill({
+                        inviterAvatar: './images/logo.png',
+                        inviterNick: '虛位以待',
+                        cpValue: 0,
+                        inviteeAvatar: './images/logo.png',
+                        inviteeNick: '虛位以待',
+                    })
+                    top1.push(...arr)
+                }
+                top1.forEach((res, index) => {
+                    $(`.rank-wrap .list .no${index + 1} .txbox1 img`).attr('src', res.inviterAvatar);
+                    $(`.rank-wrap .list .no${index + 1} .txbox1`).attr('uid', res.inviterUid);
+                    $(`.rank-wrap .list .no${index + 1} .nick1`).html(res.inviterNick.length > 5 ? res.inviterNick.slice(0, 5) + '...' : res.inviterNick);
+                    $(`.rank-wrap .list .no${index + 1} .txbox2 img`).attr('src', res.inviteeAvatar);
+                    $(`.rank-wrap .list .no${index + 1} .txbox2`).attr('uid', res.inviteeUid);
+                    $(`.rank-wrap .list .no${index + 1} .nick2`).html(res.inviteeNick.length > 5 ? res.inviteeNick.slice(0, 5) + '...' : res.inviteeNick);
+                    $(`.rank-wrap .list .no${index + 1} .score b`).html(`${res.cpValue > 10000 ? (Math.floor(res.cpValue / 1000) / 10).toFixed(1) + 'w' : res.cpValue}`);
+                });
+                // 非前
+                let str = ``;
+                notTop1.forEach((res, i) => {
+                    str += `
+                    <li>
+                        <div class="num">${res.ranking}</div>
+                        <div class="txbox1" uid="${res.inviterUid}">
+                            <img src="${res.inviterAvatar}" uid="${res.inviterUid}" class="tx" alt="">
+                        </div>
+                        <div class="txbox2" uid="${res.inviteeUid}">
+                            <img src="${res.inviteeAvatar}" uid="${res.inviteeUid}" class="tx" alt="">
+                        </div>
+                        <div class="nick1">${res.inviterNick.length > 5 ? res.inviterNick.slice(0, 5) + '...' : res.inviterNick}</div>
+                        <div class="nick2">${res.inviteeNick.length > 5 ? res.inviteeNick.slice(0, 5) + '...' : res.inviteeNick}</div>
+                        <img src="./images/xin.png" class="xin" alt="">
+                        <span>情緣值</span>
+                        <div class="score">${res.cpValue > 10000 ? (Math.floor(res.cpValue / 1000) / 10).toFixed(1) + 'w' : res.cpValue}</div>
+                    </li>
+                    `
+                })
+                $('.rank-wrap .list ul').append(str);
+
+                if (notTop1.length < 9) {
+                    $('.rank-wrap .list ul li').eq(notTop1.length - 1).after(`<li><p>等你來上榜~</p></li>`)
+                }
+                if (notTop1.length == 0) {
+                    $('.rank-wrap .list ul').append(`<li><p>等你來上榜~</p></li>`)
+                }
+
+                $('.rank-wrap .list ul li').on('click', '.txbox1,.txbox2', function () {
+                    console.log(123456);
+                    let uid = $(this).attr('uid')
+                    console.log(uid);
+                    if (uid) {
+                        openPerson(uid)
+                    }
+                })
+
+                // 自己排名
+                if (res.data.meRank) {
+                    if (res.data.meRank.ranking == 0) {
+                        $('.rank-wrap .myRank .num').removeClass('norank')
+                    } else {
+                        $('.rank-wrap .myRank .num').addClass('norank')
+                    }
+                    $('.rank-wrap .myRank .num').html(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking);
+                    $('.rank-wrap .myRank .txbox1 img').attr('src', res.data.meRank.inviterAvatar);
+                    $('.rank-wrap .myRank .txbox2 img').attr('src', res.data.meRank.inviteeAvatar);
+                    $('.rank-wrap .myRank .nick1').text(res.data.meRank.inviterNick.length > 5 ? res.data.meRank.inviterNick.slice(0, 5) + '...' : res.data.meRank.inviterNick)
+                    if(res.data.meRank.inviteeNick){
+                        $('.rank-wrap .myRank .nick2').text(res.data.meRank.inviteeNick.length > 5 ? res.data.meRank.inviteeNick.slice(0, 5) + '...' : res.data.meRank.inviteeNick)
+                    }
+                    $('.rank-wrap .myRank .score').html(`${res.data.meRank.cpValue > 10000 ? (Math.floor(res.data.meRank.cpValue / 1000) / 10).toFixed(1) + 'w' : res.data.meRank.cpValue}`);
+                }
+                hideLoading(layerIndex)
+
+            } else {
+                toastMsg(res.message)
+                hideLoading(layerIndex)
+            }
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+
+// 埋点接口
+//  event（去充值=pay_show, 活动规则=rule_click, 排行榜奖励=list_click, 跳转个人主页=pages_click）
+function sendLog(event) {
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/act/valentineCp/log',
+        data: { event: event },
+        success(res) {
+            if (res.code === 200) {
+                // console.log(res);
+            }
+        },
+        error(err) {
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+
+// 点击跳转个人主页
+$('.rank-wrap .list .no1 .tx').click(function () {
+    let uid = $(this).parent().attr('uid')
+    if (uid) {
+        openPerson(uid)
+    }
+})
+
+
+// 情缘信物投入+
+$('.letter-wrap .but .add').click(function () {
+    let val = $('.letter-wrap .but input').val();
+    if (val >= 999) {
+        toastMsg('最多可輸入999')
+        $('.letter-wrap .but input').val(parseInt(999))
+    } else {
+        $('.letter-wrap .but input').val(parseInt(val) + 1)
+    }
+})
+// 情缘信物投入-
+$('.letter-wrap .but .cut').click(function () {
+    let val = $('.letter-wrap .but input').val();
+    if (val <= 1) {
+        toastMsg('至少投入1')
+        $('.letter-wrap .but input').val(parseInt(1))
+    } else {
+        $('.letter-wrap .but input').val(parseInt(val) - 1)
+    }
+})
+// 情缘信物监听输入框
+$('.letter-wrap .but').on('input', 'input', function () {
+    if ($(this).val() >= 999) {
+        toastMsg('最多可輸入999')
+        $('.letter-wrap .but input').val(parseInt(999))
+    } else if ($(this).val() <= 1) {
+        toastMsg('至少投入1')
+        $('.letter-wrap .but input').val(parseInt(1))
+    }
+})
+// 购买情缘信物按钮
+$('.letter-wrap .get_letter').click(function () {
+    if (nowTime >= endTime) {
+        toastMsg('活動已結束~')
+    } else if (nowTime <= startTime) {
+        toastMsg('活動未開始~')
+    } else {
+        let id = $(this).attr('id')
+        let type = $(this).attr('type')
+        let num = $('.letter-wrap .but input').val()
+        if (num == 0) {
+            toastMsg('至少投入1')
+            return
+        }
+        if (canGet) {
+            console.log('id:', id, 'num:', num);
+            buy(id, num, type)
+        } else {
+            toastMsg('信物獲取中，請稍後~')
+        }
+
+    }
+})
+
+
+// 兑换好礼按钮输入框
+// 投入+
+$('.petition-wrap .gift-wrap li .but .add').click(function () {
+    let liIndex = $(this).parents('li').index()
+    let val = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
+    if (val >= 999) {
+        toastMsg('最多可輸入999')
+        $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(999))
+    } else {
+        $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(val) + 1)
+    }
+})
+// 投入-
+$('.petition-wrap .gift-wrap li .but .cut').click(function () {
+    let liIndex = $(this).parents('li').index()
+    let val = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
+    if (val <= 1) {
+        toastMsg('至少投入1')
+        $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(1))
+    } else {
+        $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(val) - 1)
+    }
+})
+// 监听输入框
+$('.petition-wrap .gift-wrap li').on('input', 'input', function () {
+    let liIndex = $(this).parents('li').index()
+    let val = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
+    if (val >= 999) {
+        toastMsg('最多可輸入999')
+        $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(999))
+    } else if (val <= 1) {
+        toastMsg('至少投入1')
+        $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(1))
+    }
+})
+// 兑换按钮
+$('.petition-wrap .gift-wrap li .btn').click(function () {
+    let liIndex = $(this).parents('li').index()
+    let num = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
+    let id = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.btn').attr('id');
+    let type = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.btn').attr('type');
+    buy(id, num, type)
+})
+// 靓号按钮输入框
+// 投入+
+$('.petition-wrap .number-wrap .but .add').click(function () {
+    let val = $('.petition-wrap .number-wrap .but input').val();
+    if (val >= 999) {
+        toastMsg('最多可輸入999')
+        $('.petition-wrap .number-wrap .but input').val(parseInt(999))
+    } else {
+        $('.petition-wrap .number-wrap .but input').val(parseInt(val) + 1)
+    }
+})
+// 投入-
+$('.petition-wrap .number-wrap .but .cut').click(function () {
+    let val = $('.petition-wrap .number-wrap .but input').val();
+    if (val <= 1) {
+        toastMsg('至少投入1')
+        $('.petition-wrap .number-wrap .but input').val(parseInt(1))
+    } else {
+        $('.petition-wrap .number-wrap .but input').val(parseInt(val) - 1)
+    }
+})
+// 监听输入框
+$('.petition-wrap .number-wrap .but').on('input', 'input', function () {
+    if ($(this).val() >= 999) {
+        toastMsg('最多可輸入999')
+        $('.petition-wrap .number-wrap .but input').val(parseInt(999))
+    } else if ($(this).val() <= 1) {
+        toastMsg('至少投入1')
+        $('.petition-wrap .number-wrap .but input').val(parseInt(1))
+    }
+})
+// 抽取靓号
+$('.petition-wrap .number-wrap .btn').click(function () {
+    let id = $(this).attr('id');
+    let type = $(this).attr('type');
+    let num = $('.petition-wrap .number-wrap .but input').val();
+    buy(id, num, type)
+})
+
+// 关闭恭喜获得弹窗
+$('.gx .gx_in .sure,.close').click(function () {
+    $('.gx').hide()
+})
+// 我的cp弹窗
+$('.mycp').click(function () {
+    bodyScroolFun(true)
+    $('.mycpBox .mycp_in ul li').remove()
+    $('.mycpBox .mycp_in .box .tips').hide()
+    myCpList()
+})
+$('.mycpBox .close').click(function () {
+    bodyScroolFun(false)
+    cpOffset()
+    $('.mycpBox').hide();
+})
+// 监听我的cp滚动
+$('.mycpBox .mycp_in .box').scroll(function () {
+    let scrollTop = $(this).scrollTop()
+    let scrollHeight = $('.mycpBox .mycp_in .box')[0].scrollHeight
+    let ulHeight = $(this).innerHeight()
+    if (scrollTop + ulHeight + 100 >= scrollHeight) {
+        $('.mycpBox .mycp_in .tips').show()
+    }
+})
+
+// cp奖励记录弹窗
+$('.letter-wrap .cp_record').click(function () {
+    bodyScroolFun(true)
+    cpRecordPage = 1;
+    totalList = 0
+    $('.cpRecordBox .cpRecord_in .box li').remove();
+    $('.cpRecordBox .cpRecord_in .tips').hide();
+    cpRewardRecord(cpRecordPage)
+})
+$('.cpRecordBox .close').click(function () {
+    bodyScroolFun(false)
+    $('.cpRecordBox').hide();
+})
+// cp奖励记录监听滚动
+$('.cpRecordBox .cpRecord_in .box').scroll(function () {
+    let scrollTop = $(this).scrollTop()
+    let scrollHeight = $('.cpRecordBox .cpRecord_in .box')[0].scrollHeight
+    let ulHeight = $(this).innerHeight()
+    if (scrollTop + ulHeight + 100 >= scrollHeight) {
+        if (cpRecordScroll) {
+            cpRecordPage++;
+            cpRewardRecord(cpRecordPage)
+        }
+    }
+})
+
+// 兑换好礼/靓号切换
+var petitionType = 1 //1:兌換好禮 2:幸運靚號
+$('.petition-wrap .chargeTab .item').click(function () {
+    let index = $(this).index();
+    $(this).addClass('itemact').siblings().removeClass('itemact')
+    if (index == 0) {
+        $('.petition-wrap .gift-wrap').show()
+        $('.petition-wrap .number-wrap').hide()
+        $('.petition-wrap .myticket .charge').html('兌換記錄')
+        petitionType = 1
+
+    } else {
+        $('.petition-wrap .gift-wrap').hide()
+        $('.petition-wrap .number-wrap').show()
+        $('.petition-wrap .myticket .charge').html('抽獎記錄')
+        petitionType = 2
+    }
+})
+// 兑换好礼记录/抽奖记录弹窗
+$('.petition-wrap .charge').click(function () {
+    bodyScroolFun(true)
+    drawPage = 1;
+    if (petitionType == 1) {
+        $('.exchangeBox .exchange_in .box li').remove();
+        $('.exchangeBox .exchange_in .tips').hide();
+        // $('.exchangeBox').show();
+    } else {
+        $('.drawBox .draw_in .box li').remove();
+        $('.drawBox .draw_in .tips').hide();
+        // $('.drawBox').show();
+    }
+    getDrawRecord(drawPage, petitionType)
+
+})
+$('.drawBox .close').click(function () {
+    bodyScroolFun(false)
+    $('.drawBox').hide();
+})
+$('.exchangeBox .close').click(function () {
+    bodyScroolFun(false)
+    $('.exchangeBox').hide();
+})
+// 情签兑换记录监听滚动
+$('.exchangeBox .exchange_in .box').scroll(function () {
+    let scrollTop = $(this).scrollTop()
+    let scrollHeight = $('.exchangeBox .exchange_in .box')[0].scrollHeight
+    let ulHeight = $(this).innerHeight()
+    if (scrollTop + ulHeight + 100 >= scrollHeight) {
+        if (drawScroll) {
+            drawPage++;
+            getDrawRecord(drawPage, petitionType)
+        }
+    }
+})
+// 抽奖记录监听滚动
+$('.drawBox .draw_in .box').scroll(function () {
+    let scrollTop = $(this).scrollTop()
+    let scrollHeight = $('.drawBox .draw_in .box')[0].scrollHeight
+    let ulHeight = $(this).innerHeight()
+    if (scrollTop + ulHeight + 100 >= scrollHeight) {
+        if (drawScroll) {
+            drawPage++;
+            getDrawRecord(drawPage, petitionType)
+        }
+    }
+})
+// 规则弹窗
+$('.rule').click(function () {
+    bodyScroolFun(true)
+    $('.ruleBox').show();
+    sendLog('rule_click')
+})
+$('.ruleBox .close').click(function () {
+    bodyScroolFun(false)
+    $('.ruleBox').hide();
+})
+// 榜單獎勵
+$('.rank-wrap .reward').click(function () {
+    bodyScroolFun(true)
+    $('.rewardBox').show();
+    sendLog('list_click')
+})
+$('.rewardBox .close').click(function () {
+    bodyScroolFun(false)
+    $('.rewardBox').hide();
+})
+
+// 溫馨提示
+$('.tishiBox .close').click(function () {
+    bodyScroolFun(false)
+    $('.tishiBox').hide();
+})
+
+// 去充值(pay_show=点击去充值埋点)
+$('.tishiBox').on('click', '.recharge', function () {
+    if (browser.app) {
+        if (browser.android) {
+            let channel = pubInfo.deviceInfo.channel;
+            console.log(pubInfo.deviceInfo);
+            if (channel == "google") {
+                sendLog('pay_show')
+                window.androidJsObj.openChargePage(0);
+            } else {
+                sendLog('pay_show')
+                window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
+            }
+        } else if (browser.ios) {
+            sendLog('pay_show')
+            window.webkit.messageHandlers.openChargePage.postMessage(null)
+        }
+    } else {
+        toastMsg('請在app內打開')
+    }
+})
+
+//跳转个人主页 （pages_click=跳转主页埋点）
+function openPerson(uid) {
+    if (browser.app) {
+        if (browser.ios) {
+            sendLog('pages_click')
+            window.webkit.messageHandlers.openPersonPage.postMessage(uid);
+        } else if (browser.android) {
+            if (androidJsObj && typeof androidJsObj === 'object') {
+                sendLog('pages_click')
+                window.androidJsObj.openPersonPage(uid);
+            }
+        }
+    } else {
+        toastMsg('請在app內打開')
+    }
+}
+
+// 控制body是否可以滑动
+function bodyScroolFun(bool) {
+    if (bool) {
+        $('body').css('overflow', 'hidden');
+    } else {
+        $('body').css('overflow', 'auto');
+
+    }
+}
--- a/view/peko/activity/2023-Valentines-Day/js/swiper-bundle.min.js
+++ b/view/peko/activity/2023-Valentines-Day/js/swiper-bundle.min.js
--- a/view/peko/activity/act-ocean/css/index.css
+++ b/view/peko/activity/act-ocean/css/index.css
@@ -116,7 +116,7 @@ body {
  top: -0.5333333333rem;
  left: 50%;
  transform: translateX(-50%);
-  width: 4.2933333333rem;
+  width: 5.45rem;
  height: 0.96rem;
  line-height: 0.8266666667rem;
  background: url("https://img.pekolive.com/cf-count-down.png") no-repeat 0 0/100% 100%;
@@ -181,9 +181,10 @@ body {
  height: 0.7733333333rem;
  background: url("https://img.pekolive.com/cf-name-bg.png") no-repeat 0 0/100% 100%;
  text-align: center;
-  font-size: 0.2666666667rem;
+  font-size: 0.3333333333rem;
  font-weight: bold;
  color: white;
+  line-height: 0.6rem;
 }
 .wrap .game-area .select-time ul li .name.general {
  height: 0.6133333333rem;
--- a/view/peko/activity/act-ocean/css/index.scss
+++ b/view/peko/activity/act-ocean/css/index.scss
@@ -162,7 +162,8 @@ body {
                top: px2rem(-40);
                left: 50%;
                transform: translateX(-50%);
-                width: px2rem(322);
+                // width: px2rem(322);
+                width: 5.45rem;
                height: px2rem(72);
                line-height: px2rem(62);
                background: url(prefixurl()+'cf-count-down.png') no-repeat 0 0/100% 100%;
@@ -234,9 +235,10 @@ body {
                        height: px2rem(58);
                        background: url(prefixurl()+'cf-name-bg.png') no-repeat 0 0/100% 100%;
                        text-align: center;
-                        font-size: px2rem(20);
+                        font-size: px2rem(25);
                        font-weight: bold;
                        color: white;
+                        line-height: 0.6rem;

                        &.general {
                            height: px2rem(46);
--- a/view/peko/activity/act-ocean/index.html
+++ b/view/peko/activity/act-ocean/index.html
@@ -8,7 +8,7 @@
    <title>星级厨房</title>

    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="./css/index.css">
+    <link rel="stylesheet" href="./css/index.css?v=2.1">
 </head>

 <body>
@@ -231,7 +231,7 @@
    <script src="../../common/js/layer.js"></script>
    <script src="../../common/js/vconsole.min.js"></script>
    <script src="../../common/js/svga.min.js"></script>
-    <script src="./js/index.js"></script>
+    <script src="./js/index.js?v=2.1"></script>
 </body>

 </html>
--- a/view/peko/common/js/common2.js
+++ b/view/peko/common/js/common2.js
@@ -541,8 +541,8 @@ function getInfoFromClient () {

    } else {
        // 非app环境调试参数
-        pubInfo.uid = 1407;
-        pubInfo.ticket = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjoxNDA3LCJ0aWNrZXRfaWQiOiIyYmNmNzYwZC05ZjQyLTQ1MWItYjE5Ny0yYzBmNjg1ZjA0NTIiLCJleHAiOjM2MDAsImNsaWVudF9pZCI6ImVyYmFuLWNsaWVudCJ9.gTbpYUZl65KkoDxhSjC8OPkfroXQk4mgb_C-fnVSYN4";
+        pubInfo.uid = 2346;
+        pubInfo.ticket = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjoyMzQ2LCJ0aWNrZXRfaWQiOiJhOTY1YzkyYi1hZDM2LTRhZWItODk5OC1iN2UzODEyZjU2ZGYiLCJleHAiOjM2MDAsImNsaWVudF9pZCI6ImVyYmFuLWNsaWVudCJ9.AA-x5FwodxS9zimfJv4CTBXgD5-CPgVeoS-L6EU8VTI";
        // pubInfo.uid = "";
        // pubInfo.ticket = "";

--- a/view/peko/modules/myincome/index.html
+++ b/view/peko/modules/myincome/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>peko</title><link href=./static/css/app.bd5e7f6f3013d3bb76f444e34bf50f1e.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.ff90bd02ecb0d2060419.js></script><script type=text/javascript src=./static/js/vendor.e1f3b20580f807878b61.js></script><script type=text/javascript src=./static/js/app.861748a1f83bae0fde49.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>peko</title><link href=./static/css/app.12cc56eedab054a8f9ca049e8cc508db.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.73ba128795dda6b5ae01.js></script><script type=text/javascript src=./static/js/vendor.e1f3b20580f807878b61.js></script><script type=text/javascript src=./static/js/app.861748a1f83bae0fde49.js></script></body></html>
--- a/view/peko/modules/myincome/static/css/app.12cc56eedab054a8f9ca049e8cc508db.css
+++ b/view/peko/modules/myincome/static/css/app.12cc56eedab054a8f9ca049e8cc508db.css
--- a/view/peko/modules/myincome/static/js/5.9f1b61c9df5c060925e3.js
+++ b/view/peko/modules/myincome/static/js/5.9f1b61c9df5c060925e3.js
--- a/view/peko/modules/myincome/static/js/manifest.73ba128795dda6b5ae01.js
+++ b/view/peko/modules/myincome/static/js/manifest.73ba128795dda6b5ae01.js
@@ -0,0 +1,2 @@
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,f){for(var a,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(n&&n(r,c,f);s.length;)s.shift()();if(f)for(d=0;d<f.length;d++)u=o(o.s=f[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,o.nc&&f.setAttribute("nonce",o.nc),f.src=o.p+"static/js/"+e+"."+{0:"ffe9e684b35b5e6eef2f",1:"531cbf904bcc3493870e",2:"35b21c0ce9f58c2c0810",3:"44d854121d9073f4c390",4:"59c8399860fe4c31bfad",5:"9f1b61c9df5c060925e3",6:"3655d80f5f2b212e3b9f",7:"74b4774fa9af85fa0de2",8:"d9f33ba9220054db9973",9:"13c87d6f964112c86413",10:"e221f303b5cd6ea692bf",11:"d272cf261efb570c4c27",12:"abcd45ba53d9774263d2"}[e]+".js";var a=setTimeout(i,12e4);function i(){f.onerror=f.onload=null,clearTimeout(a);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return f.onerror=f.onload=i,c.appendChild(f),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
+//# sourceMappingURL=manifest.73ba128795dda6b5ae01.js.map
--- a/view/peko/modules/room_rank/css/index.css
+++ b/view/peko/modules/room_rank/css/index.css
@@ -11,7 +11,7 @@
 body {
  width: 100%;
  font-family: "pingfang-bold";
-  background-color: #fff;
+  background-color: #7A83F5;
 }

 .wrap {
@@ -123,7 +123,7 @@ body {
 .wrap .rank_wrap .top_three_wrap .top_three_item .avatar {
  width: 2.32rem;
  height: 2.6666666667rem;
-  margin: 0.4533333333rem auto 0.32rem;
+  margin: 0.4533333333rem auto 0.2rem;
 }
 .wrap .rank_wrap .top_three_wrap .top_three_item .avatar p {
  position: relative;
@@ -143,7 +143,8 @@ body {
  display: flex;
  justify-content: center;
  align-items: center;
-  font-size: 0.32rem;
+  font-size: 0.3733333333rem;
+  white-space: nowrap;
 }
 .wrap .rank_wrap .top_three_wrap .top_three_item .nick img {
  width: 0.4rem;
@@ -157,23 +158,32 @@ body {
 }
 .wrap .rank_wrap .top_three_wrap .top_three_item .num {
  font-size: 0.3733333333rem;
-  color: #FF7979;
+  color: #F8FF7B;
+  padding-top: 0.05rem;
 }
 .wrap .rank_wrap ul {
  height: 3.7333333333rem;
-  margin-top: 0.4533333333rem;
+  padding-top: 0.4533333333rem;
+  background: linear-gradient(180deg, #8C6FFA 0%, #7A83F5 100%);
 }
 .wrap .rank_wrap ul li {
  display: flex;
  align-items: center;
-  margin-bottom: 0.4266666667rem;
+  padding-bottom: 0.4266666667rem;
+  background: #7A83F5;
+}
+.wrap .rank_wrap ul li:nth-child(1) {
+  background: transparent;
+}
+.wrap .rank_wrap ul li:nth-child(2) {
+  background: transparent;
 }
 .wrap .rank_wrap ul li .index {
  width: 0.4rem;
  text-align: center;
  font-size: 0.48rem;
  font-weight: bold;
-  color: #666;
+  color: #fff;
  margin: 0 0.5333333333rem;
 }
 .wrap .rank_wrap ul li .others_avatar {
@@ -194,7 +204,7 @@ body {
  height: 0.9333333333rem;
 }
 .wrap .rank_wrap ul li .info_wrap .others_nick {
-  color: #333;
+  color: #fff;
  font-size: 0.3733333333rem;
 }
 .wrap .rank_wrap ul li .info_wrap .others_nick img {
@@ -203,10 +213,10 @@ body {
  vertical-align: bottom;
 }
 .wrap .rank_wrap ul li .info_wrap .others_erbanNo {
-  color: rgba(102, 102, 102, 0.6);
+  color: rgba(255, 255, 255, 0.6);
 }
 .wrap .rank_wrap ul li .others_num {
-  color: #FF7979;
+  color: #F8FF7B;
  font-size: 0.3733333333rem;
  font-weight: bold;
  margin-right: 0.6666666667rem;
--- a/view/peko/modules/room_rank/css/index.scss
+++ b/view/peko/modules/room_rank/css/index.scss
@@ -1,15 +1,16 @@
-@function px2rem($px, $rem:75) {
+@function px2rem($px, $rem: 75) {
    @return $px / $rem+rem;
 }

-@font-face{
+@font-face {
    font-family: 'pingfang-bold';
    src: url('../../../common/fonts/PingFang\ Bold.ttf');
    src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
        url('../../../common/fonts/PingFang\ Bold.ttf') format('truetype'),
        url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
 }
-@font-face{
+
+@font-face {
    font-family: 'pingfang-medium';
    src: url('../../../common/fonts/PingFang\ Medium.ttf');
    src: url('../../../common/fonts/PingFang\ Medium.ttf') format('woff'),
@@ -17,15 +18,16 @@
        url('../../../common/fonts/PingFang\ Medium.ttf') format('svg');
 }

-body{
+body {
    width: 100%;
    font-family: 'pingfang-bold';
-    background-color: #fff;
+    background-color: #7A83F5;
 }

-.wrap{
+.wrap {
    display: none;
-    .tab_wrap{
+
+    .tab_wrap {
        position: fixed;
        top: 0;
        left: 0;
@@ -34,7 +36,8 @@ body{
        height: px2rem(200, );
        background: url('../images/top.png') no-repeat 0 0/100% 100%;
        overflow: hidden;
-        .tab_contain{
+
+        .tab_contain {
            display: flex;
            justify-content: space-between;
            align-items: center;
@@ -45,31 +48,37 @@ body{
            border-radius: px2rem(40, );
            color: rgba($color: #fff, $alpha: .6);
            font-size: px2rem(30, );
-            p{
+
+            p {
                width: px2rem(312, );
                height: px2rem(64, );
                line-height: px2rem(64, );
                margin: 0 px2rem(4, );
                text-align: center;
                font-weight: bold;
-                &.active{
+
+                &.active {
                    background-color: #fff;
                    color: #7898F3;
                    border-radius: px2rem(40, );
                }
            }
        }
-        .rank_type{
+
+        .rank_type {
            display: flex;
            margin-left: px2rem(60, );
-            p{
+
+            p {
                position: relative;
                margin-right: px2rem(32, );
                color: rgba($color: #fff, $alpha: .6);
                font-size: px2rem(24, );
-                &.active{
+
+                &.active {
                    color: rgba($color: #fff, $alpha: 1);
-                    &::after{
+
+                    &::after {
                        content: '';
                        position: absolute;
                        bottom: px2rem(-16, );
@@ -81,65 +90,78 @@ body{
                        background-color: #fff;
                    }
                }
-                &:last-child{
+
+                &:last-child {
                    display: none;
                }
            }
        }
    }
-    .rank_wrap{
+
+    .rank_wrap {
        overflow: auto;
-        
-        .top_three_wrap{
+
+        .top_three_wrap {
            position: relative;
            width: 100%;
            height: px2rem(400, );
            background: url('../images/topthree-bg.png') no-repeat 0 0/100% 100%;
            margin-top: px2rem(200, );
-            .top_three_item{
+
+            .top_three_item {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                width: px2rem(174, );
                text-align: center;
                color: #fff;
-                &:nth-child(2), &:nth-child(3){
+
+                &:nth-child(2),
+                &:nth-child(3) {
                    left: px2rem(60, );
                    transform: translateX(0);
-                    .avatar{
+
+                    .avatar {
                        width: px2rem(142, );
                        height: px2rem(164, );
                        margin-top: px2rem(112, );
-                        p{
+
+                        p {
                            background-image: url('../images/second.png');
                        }
-                        img{
+
+                        img {
                            top: px2rem(-132, );
                            width: px2rem(116, );
                            height: px2rem(116, );
                        }
                    }
                }
-                &:nth-child(3){
+
+                &:nth-child(3) {
                    left: px2rem(516, );
-                    .avatar{
-                        p{
+
+                    .avatar {
+                        p {
                            background-image: url('../images/third.png');
                        }
                    }
                }
-                .avatar{
+
+                .avatar {
                    width: px2rem(174, );
                    height: px2rem(200, );
-                    margin: px2rem(34, ) auto px2rem(24, );
-                    p{
+                    margin: px2rem(34, ) auto 0.2rem;
+
+                    p {
                        position: relative;
                        z-index: 99;
                        width: 100%;
                        height: 100%;
                        background: url('../images/first.png') no-repeat 0 0/100% 100%;
                    }
-                    img{
+
+                    img {
                        position: relative;
                        top: px2rem(-160, );
                        width: px2rem(144, );
@@ -147,76 +169,100 @@ body{
                        border-radius: 50%;
                    }
                }
-                .nick{
+
+                .nick {
                    display: flex;
                    justify-content: center;
                    align-items: center;
-                    font-size: px2rem(24, );
-                    img{
+                    font-size: px2rem(28, );
+                    white-space: nowrap;
+
+                    img {
                        width: px2rem(30, );
                        width: px2rem(30, );
                        margin-left: px2rem(4, );
                    }
                }
-                .erbanNo{
+
+                .erbanNo {
                    font-size: px2rem(20, );
                    color: rgba($color: #fff, $alpha: .6);
                    margin: px2rem(8, ) 0 px2rem(8, );
                }
-                .num{
+
+                .num {
                    font-size: px2rem(28, );
-                    color: #FF7979;
+                    color: #F8FF7B;
+                    padding-top: 0.05rem;
                }
            }
        }
-        
-        ul{
+
+        ul {
            height: px2rem(280, );
            // overflow: auto;
-            margin-top: px2rem(34, );
-            li{
+            padding-top: px2rem(34, );
+            background: linear-gradient(180deg, #8C6FFA 0%, #7A83F5 100%);
+
+            li {
                display: flex;
                align-items: center;
-                margin-bottom: px2rem(32, );
-                .index{
+                padding-bottom: px2rem(32, );
+                background: #7A83F5;
+
+                &:nth-child(1){
+                    background: transparent;
+                }
+                &:nth-child(2){
+                    background: transparent;
+                }
+
+                .index {
                    width: px2rem(30, );
                    text-align: center;
                    font-size: px2rem(36, );
                    font-weight: bold;
-                    color: #666;
+                    color: #fff;
                    margin: 0 px2rem(40, );
                }
-                .others_avatar{
+
+                .others_avatar {
                    width: px2rem(100, );
                    height: px2rem(100, );
                    margin-right: px2rem(32, );
-                    img{
+
+                    img {
                        width: 100%;
                        height: 100%;
                        border-radius: 50%;
                    }
                }
-                .info_wrap{
+
+                .info_wrap {
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-around;
                    height: px2rem(70, );
-                    .others_nick{
-                        color: #333;
+
+                    .others_nick {
+                        color: #fff;
                        font-size: px2rem(28, );
-                        img{
+
+                        img {
                            width: px2rem(30, );
                            height: px2rem(30, );
                            vertical-align: bottom;
                        }
                    }
-                    .others_erbanNo{
-                        color: rgba($color: #666, $alpha: .6);
+
+                    .others_erbanNo {
+                        color: rgba($color: #fff, $alpha: .6);
                    }
                }
-                .others_num{
-                    color: #FF7979;
+
+                .others_num {
+                    color: #F8FF7B;
                    font-size: px2rem(28, );
                    font-weight: bold;
                    margin-right: px2rem(50, );
@@ -226,7 +272,6 @@ body{
    }
 }

-::-webkit-scrollbar{
+::-webkit-scrollbar {
    display: none;
-}
-
+}
--- a/view/peko/modules/room_rank/index.html
+++ b/view/peko/modules/room_rank/index.html
@@ -7,7 +7,7 @@
    <title>房间榜单</title>

    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="./css/index.css?v=1.5">
+    <link rel="stylesheet" href="./css/index.css?v=1.8">
 </head>
 <body>
    <div class="wrap">
@@ -34,6 +34,6 @@
    <script src="../../common/js/common2.js"></script>
    <script src="../../common/js/layer.js"></script>
    <script src="../../common/js/vconsole.min.js"></script>
-    <script src="./js/index.js?v=1.7"></script>
+    <script src="./js/index.js?v=2.0"></script>
 </body>
 </html>
--- a/view/peko/modules/room_rank/js/index.js
+++ b/view/peko/modules/room_rank/js/index.js
@@ -9,7 +9,7 @@ const showLoading = () => {
        type: 2,
        shadeClose: false,
        content: '加載中...',
-        success (e) {
+        success(e) {
            layerIndex = $(e).attr('index')
        }
    })
@@ -35,7 +35,7 @@ const getShowInfo = () => {
        data: {
            roomUid: queryObj.roomUid
        },
-        success (res) {
+        success(res) {
            if (res.code === 200) {
                showReceiveRankTotal = res.data.showReceiveRankTotal
                showMonthList = res.data.showMonthList
@@ -63,7 +63,7 @@ const getShowInfo = () => {
                toastMsg(res.message)
            }
        },
-        error (err) {
+        error(err) {
            toastMsg('網絡錯誤')
        }
    })
@@ -72,8 +72,15 @@ const getShowInfo = () => {
 let page = 1
 let pageSize = 10
 let rankList = []
-let canNext = true
 let isLock = true
+let dayListNext = true
+let weekListNext = true
+let monthListNext = true
+let totalListNext = true
+let dayCharmListNext = true
+let weekCharmListNext = true
+let monthCharmListNext = true
+let totalCharmListNext = true

 // 获取财富榜数据
 const getList = (type, page = 1) => {
@@ -88,22 +95,60 @@ const getList = (type, page = 1) => {
            pageSize,
            roomUid: queryObj.roomUid
        },
-        success (res) {
+        success(res) {
            if (res.code === 200) {
                if (res.data.rankings.length === pageSize) {
                    // 能够继续请求下一页
-                    canNext = true
+                    if (type == 'day') {
+                        dayListNext = true
+                    } else if (type == 'week') {
+                        weekListNext = true
+                    } else if (type == 'month') {
+                        monthListNext = true
+                    } else {
+                        totalListNext = true
+                    }
                } else {
-                    canNext = false
+                    if (type == 'day') {
+                        dayListNext = false
+                    } else if (type == 'week') {
+                        weekListNext = false
+                    } else if (type == 'month') {
+                        monthListNext = false
+                    } else {
+                        totalListNext = false
+                    }
                }
                rankList.push(...res.data.rankings)
-                renderList()
+                if (showMonthList) {
+                    if (type == 'day') {
+                        sessionStorage.setItem('dayList', JSON.stringify(rankList))
+                        renderList(sessionStorage.getItem('dayList'))
+                    } else if (type == 'week') {
+                        sessionStorage.setItem('weekList', JSON.stringify(rankList))
+                        renderList(sessionStorage.getItem('weekList'))
+                    } else if (type == 'month') {
+                        sessionStorage.setItem('monthList', JSON.stringify(rankList))
+                        renderList(sessionStorage.getItem('monthList'))
+                    }
+                } else {
+                    if (type == 'day') {
+                        sessionStorage.setItem('dayList', JSON.stringify(rankList))
+                        renderList(sessionStorage.getItem('dayList'))
+                    } else if (type == 'week') {
+                        sessionStorage.setItem('weekList', JSON.stringify(rankList))
+                        renderList(sessionStorage.getItem('weekList'))
+                    } else if (type == 'total') {
+                        sessionStorage.setItem('totalList', JSON.stringify(rankList))
+                        renderList(sessionStorage.getItem('totalList'))
+                    }
+                }
                isLock = true
            } else {
                toastMsg(res.message)
            }
        },
-        error (err) {
+        error(err) {
            toastMsg('網絡錯誤')
        }
    })
@@ -122,31 +167,73 @@ const getCharmList = (type, page = 1) => {
            pageSize,
            roomUid: queryObj.roomUid
        },
-        success (res) {
+        success(res) {
            if (res.code === 200) {
                if (res.data.rankings.length === pageSize) {
                    // 能够继续请求下一页
-                    canNext = true
+                    if (type == 'day') {
+                        dayCharmListNext = true
+                    } else if (type == 'week') {
+                        weekCharmListNext = true
+                    } else if (type == 'month') {
+                        monthCharmListNext = true
+                    } else {
+                        totalCharmListNext = true
+                    }
                } else {
-                    canNext = false
+                    if (type == 'day') {
+                        dayCharmListNext = false
+                    } else if (type == 'week') {
+                        weekCharmListNext = false
+                    } else if (type == 'month') {
+                        monthCharmListNext = false
+                    } else {
+                        totalCharmListNext = false
+                    }
                }
                rankList.push(...res.data.rankings)
-                renderList()
+                if (showMonthList) {
+                    if (type == 'day') {
+                        sessionStorage.setItem('dayCharmList', JSON.stringify(rankList))
+                        renderList(sessionStorage.getItem('dayCharmList'))
+                    } else if (type == 'week') {
+                        sessionStorage.setItem('weekCharmList', JSON.stringify(rankList))
+                        renderList(sessionStorage.getItem('weekCharmList'))
+                    } else if (type == 'month') {
+                        sessionStorage.setItem('monthCharmList', JSON.stringify(rankList))
+                        renderList(sessionStorage.getItem('monthCharmList'))
+                    }
+                } else {
+                    if (type == 'day') {
+                        sessionStorage.setItem('dayCharmList', JSON.stringify(rankList))
+                        renderList(sessionStorage.getItem('dayCharmList'))
+                    } else if (type == 'week') {
+                        sessionStorage.setItem('weekCharmList', JSON.stringify(rankList))
+                        renderList(sessionStorage.getItem('weekCharmList'))
+                    } else if (type == 'total') {
+                        sessionStorage.setItem('totalCharmList', JSON.stringify(rankList))
+                        renderList(sessionStorage.getItem('totalCharmList'))
+                    }
+                }
+
+                // renderList()
                isLock = true
            } else {
                toastMsg(res.message)
            }
        },
-        error (err) {
+        error(err) {
            toastMsg('網絡錯誤')
        }
    })
 }

-const renderList = () => {
-    let topThreeArr = rankList.slice(0, 3)
-    if (rankList.length < 3) {
-        let len = 3 - rankList.length
+const renderList = (List) => {
+    let list = JSON.parse(List)
+    rankList = list
+    let topThreeArr = list.slice(0, 3)
+    if (list.length < 3) {
+        let len = 3 - list.length
        let arr = new Array(len).fill({
            nick: '',
            erbanNo: '',
@@ -175,12 +262,12 @@ const renderList = () => {
                        <p></p>
                        <img src="${item.avatar ? item.avatar : `./images/${index + 1}.png`}" alt="">
                    </div>
-                    <div class="nick"}>
+                    <div class="nick">
                        ${item.nick.length > 5 ? item.nick.slice(0, 5) + '...' : item.nick}
                        <img src="${item.gender == 1 ? './images/male.png' : './images/female.png'}" alt="" class='gender' style='display:${item.gender ? 'inline-block' : 'none'}'>
                    </div>
-                    <div class="erbanNo"}><span>${item.erbanNo ? 'ID:' + item.erbanNo : ''}</span></div>
-                    <div class="num"}>${goldAmount ? goldAmount : ''}</div>
+                    <div class="erbanNo"><span>${item.erbanNo ? 'ID:' + item.erbanNo : ''}</span></div>
+                    <div class="num">${goldAmount ? goldAmount : ''}</div>
                </div>
            `
    })
@@ -188,7 +275,7 @@ const renderList = () => {


    // 渲染非前3
-    let othersArr = rankList.slice(3)
+    let othersArr = list.slice(3)
    let others = ''
    othersArr.map((item, index) => {
        let tostr = item.goldAmount.toString()
@@ -240,19 +327,43 @@ $(function () {
            if (showMonthList) {
                $('.wrap .tab_wrap .rank_type p:last-child').show();
                if (currentCharmRankType == 0) {
-                    getCharmList('day')
+                    if (sessionStorage.getItem('dayCharmList')) {
+                        renderList(sessionStorage.getItem('dayCharmList'))
+                    } else {
+                        getCharmList('day')
+                    }
                } else if (currentCharmRankType == 1) {
-                    getCharmList('week')
+                    if (sessionStorage.getItem('weekCharmList')) {
+                        renderList(sessionStorage.getItem('weekCharmList'))
+                    } else {
+                        getCharmList('week')
+                    }
                } else if (currentCharmRankType == 2) {
-                    getCharmList('month')
+                    if (sessionStorage.getItem('monthCharmList')) {
+                        renderList(sessionStorage.getItem('monthCharmList'))
+                    } else {
+                        getCharmList('month')
+                    }
                }
            } else {
                if (currentCharmRankType == 0) {
-                    getCharmList('day')
+                    if (sessionStorage.getItem('dayCharmList')) {
+                        renderList(sessionStorage.getItem('dayCharmList'))
+                    } else {
+                        getCharmList('day')
+                    }
                } else if (currentCharmRankType == 1) {
-                    getCharmList('week')
+                    if (sessionStorage.getItem('weekCharmList')) {
+                        renderList(sessionStorage.getItem('weekCharmList'))
+                    } else {
+                        getCharmList('week')
+                    }
                } else if (currentCharmRankType == 2) {
-                    getCharmList('total')
+                    if (sessionStorage.getItem('totalCharmList')) {
+                        renderList(sessionStorage.getItem('totalCharmList'))
+                    } else {
+                        getCharmList('total')
+                    }
                }
            }
        } else {
@@ -264,20 +375,44 @@ $(function () {
                $('.wrap .tab_wrap .rank_type p:last-child').show();
                $('.rank_type p').eq(currentRankType).addClass('active').siblings('p').removeClass('active')
                if (currentRankType == 0) {
-                    getList('day')
+                    if (sessionStorage.getItem('dayList')) {
+                        renderList(sessionStorage.getItem('dayList'))
+                    } else {
+                        getList('day')
+                    }
                } else if (currentRankType == 1) {
-                    getList('week')
+                    if (sessionStorage.getItem('weekList')) {
+                        renderList(sessionStorage.getItem('weekList'))
+                    } else {
+                        getList('week')
+                    }
                } else if (currentRankType == 2) {
-                    getList('month')
+                    if (sessionStorage.getItem('monthList')) {
+                        renderList(sessionStorage.getItem('monthList'))
+                    } else {
+                        getList('month')
+                    }
                }
            } else {
                $('.rank_type p').eq(currentRankType).addClass('active').siblings('p').removeClass('active')
                if (currentRankType == 0) {
-                    getList('day')
+                    if (sessionStorage.getItem('dayList')) {
+                        renderList(sessionStorage.getItem('dayList'))
+                    } else {
+                        getList('day')
+                    }
                } else if (currentRankType == 1) {
-                    getList('week')
+                    if (sessionStorage.getItem('weekList')) {
+                        renderList(sessionStorage.getItem('weekList'))
+                    } else {
+                        getList('week')
+                    }
                } else if (currentRankType == 2) {
-                    getList('total')
+                    if (sessionStorage.getItem('totalList')) {
+                        renderList(sessionStorage.getItem('totalList'))
+                    } else {
+                        getList('total')
+                    }
                }
            }
        }
@@ -299,19 +434,45 @@ $(function () {

            if (showMonthList) {
                if (index == 0) {
-                    getCharmList('day')
+                    if (sessionStorage.getItem('dayCharmList')) {
+                        renderList(sessionStorage.getItem('dayCharmList'))
+                    } else {
+                        getCharmList('day')
+                    }
+
                } else if (index == 1) {
-                    getCharmList('week')
+                    if (sessionStorage.getItem('weekCharmList')) {
+                        renderList(sessionStorage.getItem('weekCharmList'))
+                    } else {
+                        getCharmList('week')
+                    }
                } else if (index == 2) {
-                    getCharmList('month')
+                    if (sessionStorage.getItem('monthCharmList')) {
+                        renderList(sessionStorage.getItem('monthCharmList'))
+                    } else {
+                        getCharmList('month')
+                    }
                }
            } else {
                if (index == 0) {
-                    getCharmList('day')
+                    if (sessionStorage.getItem('dayCharmList')) {
+                        renderList(sessionStorage.getItem('dayCharmList'))
+                    } else {
+                        getCharmList('day')
+                    }
+
                } else if (index == 1) {
-                    getCharmList('week')
+                    if (sessionStorage.getItem('weekCharmList')) {
+                        renderList(sessionStorage.getItem('weekCharmList'))
+                    } else {
+                        getCharmList('week')
+                    }
                } else if (index == 2) {
-                    getCharmList('total')
+                    if (sessionStorage.getItem('totalCharmList')) {
+                        renderList(sessionStorage.getItem('totalCharmList'))
+                    } else {
+                        getCharmList('total')
+                    }
                }
            }
        } else {
@@ -323,19 +484,45 @@ $(function () {
            rankList = []
            if (showMonthList) {
                if (index == 0) {
-                    getList('day')
+                    if (sessionStorage.getItem('dayList')) {
+                        renderList(sessionStorage.getItem('dayList'))
+                    } else {
+                        getList('day')
+                    }
+
                } else if (index == 1) {
-                    getList('week')
+                    if (sessionStorage.getItem('weekList')) {
+                        renderList(sessionStorage.getItem('weekList'))
+                    } else {
+                        getList('week')
+                    }
                } else if (index == 2) {
-                    getList('month')
+                    if (sessionStorage.getItem('monthList')) {
+                        renderList(sessionStorage.getItem('monthList'))
+                    } else {
+                        getList('month')
+                    }
                }
            } else {
                if (index == 0) {
-                    getList('day')
+                    if (sessionStorage.getItem('dayList')) {
+                        renderList(sessionStorage.getItem('dayList'))
+                    } else {
+                        getList('day')
+                    }
+
                } else if (index == 1) {
-                    getList('week')
+                    if (sessionStorage.getItem('weekList')) {
+                        renderList(sessionStorage.getItem('weekList'))
+                    } else {
+                        getList('week')
+                    }
                } else if (index == 2) {
-                    getList('total')
+                    if (sessionStorage.getItem('totalList')) {
+                        renderList(sessionStorage.getItem('totalList'))
+                    } else {
+                        getList('total')
+                    }
                }
            }
        }
@@ -349,52 +536,64 @@ $(function () {
        if (scrollTop + ulHeight + 100 >= scrollHeight) {
            if (isLock) {
                // 请求下一页
-                if (canNext) {
-                    if (showMonthList) {
-                        if (currentTabIndex) {
-                            if (currentCharmRankType == 0) {
-                                getCharmList('day', ++page)
-                            } else if (currentCharmRankType == 1) {
-                                getCharmList('week', ++page)
-                            } else if (currentCharmRankType == 2) {
-                                getCharmList('month', ++page)
-                            }
-                        } else {
-                            if (currentRankType == 0) {
-                                getList('day', ++page)
-                            } else if (currentRankType == 1) {
-                                getList('week', ++page)
-                            } else if (currentRankType == 2) {
-                                getList('month', ++page)
-                            }
+                // if (canNext) {
+                if (showMonthList) {
+                    if (currentTabIndex) {
+                        if (currentCharmRankType == 0) {
+                            if (!dayCharmListNext) return
+                            getCharmList('day', ++page)
+                        } else if (currentCharmRankType == 1) {
+                            if (!weekCharmListNext) return
+                            getCharmList('week', ++page)
+                        } else if (currentCharmRankType == 2) {
+                            if (!monthCharmListNext) return
+                            getCharmList('month', ++page)
                        }
                    } else {
-                        if (currentTabIndex) {
-                            if (currentCharmRankType == 0) {
-                                getCharmList('day', ++page)
-                            } else if (currentCharmRankType == 1) {
-                                getCharmList('week', ++page)
-                            } else if (currentCharmRankType == 2) {
-                                getCharmList('total', ++page)
-                            }
-                        } else {
-                            if (currentRankType == 0) {
-                                getList('day', ++page)
-                            } else if (currentRankType == 1) {
-                                getList('week', ++page)
-                            } else if (currentRankType == 2) {
-                                getList('total', ++page)
-                            }
+                        if (currentRankType == 0) {
+                            if (!dayListNext) return
+                            getList('day', ++page)
+                        } else if (currentRankType == 1) {
+                            if (!weekListNext) return
+                            getList('week', ++page)
+                        } else if (currentRankType == 2) {
+                            if (!monthListNext) return
+                            getList('month', ++page)
+                        }
+                    }
+                } else {
+                    if (currentTabIndex) {
+                        if (currentCharmRankType == 0) {
+                            if (!dayCharmListNext) return
+                            getCharmList('day', ++page)
+                        } else if (currentCharmRankType == 1) {
+                            if (!weekCharmListNext) return
+                            getCharmList('week', ++page)
+                        } else if (currentCharmRankType == 2) {
+                            if (!totalCharmListNext) return
+                            getCharmList('total', ++page)
+                        }
+                    } else {
+                        if (currentRankType == 0) {
+                            if (!dayListNext) return
+                            getList('day', ++page)
+                        } else if (currentRankType == 1) {
+                            if (!weekListNext) return
+                            getList('week', ++page)
+                        } else if (currentRankType == 2) {
+                            if (!totalListNext) return
+                            getList('total', ++page)
                        }
                    }
-                    isLock = false
                }
+                isLock = false
+                // }
            }
        }
    })

    //跳转个人主页
-    function openPerson (document, dom) {
+    function openPerson(document, dom) {
        $(document).on('click', dom, function () {
            let erbanUid = $(this).data('uid')
            if (!browser.app) return
--- a/view/peko/modules/rule_shenghai/auction.html
+++ b/view/peko/modules/rule_shenghai/auction.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="zh">
+
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport"
+		content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
+	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
+	<link rel="stylesheet" type="text/css" href="../../common/css/reset.css" />
+	<link rel="stylesheet" href="style/_common.css" />
+	<title>拍卖功能介绍</title>
+</head>
+
+<body>
+	<h1 class="title">
+		拍卖功能介绍
+		<!-- <a href="guide.html">
+			<img src="images/close.png" />
+		</a> -->
+	</h1>
+	<p class="desc">
+		&nbsp;&nbsp;房主开房，声优进入房间，点击“+"可上麦，点击自己的“头像”可选择“下麦”。房主点击声优头像可选择发起拍卖，查看声优资料等。用户选择“我要加价”
+		可以选择叫价或者加价。
+	</p>
+	<p class="desc">
+		&nbsp;&nbsp;拍卖价格最终确定后，房主选择结束拍卖即完成拍卖环节。
+	</p>
+	<p class="desc">
+		&nbsp;&nbsp;如何完成订单？拍卖环节完成后，声优回到首页，点击右上角自己头像，选择“我的订单”，进入订单界面，点击需要完成的订单，即可跟客户电话语音聊天。
+		服务时间完成或者客户点击结束订单后，则订单完成，同时所得鉆石由系统自动转至声优账户上。
+	</p>
+</body>
+
+</html>
--- a/view/peko/modules/rule_shenghai/community-norms.html
+++ b/view/peko/modules/rule_shenghai/community-norms.html
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport"
+        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <title>平台社区规范</title>
+  <!--<link rel="stylesheet" href="../../common/css/reset.css">-->
+  <style>
+    * {
+        margin: 0;
+        padding: 0;
+    }
+
+    body {
+        display: none;
+        padding: 0 20px;
+        font-size: 14px;
+    }
+
+    .paragraph {
+        text-indent: 30px;
+        margin: 20px 0;
+    }
+
+    p,
+    b {
+        line-height: 1.6rem;
+    }
+</style>
+</head>
+<body>
+  <div class="title" style="width:100%;font-weight: bold;text-align: center; margin: 10px 0; "><span class='appName'>声海</span>平台社区规范</div>
+  <div class="paragraph">
+      <p>一、原则</p>
+      <p>1、为维护<span class='appName'>声海</span>平台健康生态秩序，共建绿色直播，更好地保障用户合法权益及良好的用户体验，特制定本《<span class='appName'>声海</span>平台社区规范》。
+      </p>
+      <p>2、<span class='appName'>声海</span>用户在<span class='appName'>声海</span>平台的所有活动均须遵守现行法律法规，其行为、言论不得违反相关法律法规，否则，<span class='appName'>声海</span>公司将按照相关法律法规及用户协议规则，对违规行为采取相应的处理措施，坚决禁止不良信息传播，坚决清除违法违规内容。
+      </p>
+      <p>3、若用户对本规范的理解和执行有任何疑惑或争议，可告知我们，我们将根据有关规则予以解释或处理。</p>
+  </div>
+  <div class="paragraph">
+      <p>二、禁止事项</p>
+      <p><span class='appName'>声海</span>用户不得制作、复制、发布包含但不限于以下信息的违规内容，平台将对违规用户进行警告、禁言、封号、封设备等处理：</p>
+      <p>（1）法律法规禁止的内容</p>
+      <p>1.反对宪法所确定的基本原则的；</p>
+      <p>2.危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；</p>
+      <p>3.损害国家荣誉和利益的；</p>
+      <p>4.宣扬恐怖主义、极端主义或者煽动实施恐怖活动、极端主义活动的；</p>
+      <p>5.煽动民族仇恨、民族歧视，破坏民族团结的；</p>
+      <p>6.破坏国家宗教政策，宣扬邪教和封建迷信的；</p>
+      <p>7.散布谣言，扰乱经济秩序和社会秩序的；</p>
+      <p>8.散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</p>
+      <p>9.侮辱或者诽谤他人，侵害他人名誉、隐私和其他合法权益的；</p>
+      <p>10.法律、行政法规禁止的其他内容。</p>
+      <p>（2）广告及诈骗类</p>
+      <p>1.发布手机号、其他平台账号<b>ID</b>或二维码、链接等引导到其他平台的；</p>
+      <p>2.在相册，头像等处上传其他游戏、社交平台等第三方平台以及销售类广告的；</p>
+      <p>3.涉嫌诈骗、非法获利广告行为的；</p>
+      <p>4.出售第三方软件、协议扰乱平台秩序的；</p>
+      <p>5.恶意注册账号、买卖账号的；</p>
+      <p>6.以一切形式冒充官方人员的；</p>
+      <p>7.恶意诋毁平台；</p>
+      <p>8.恶意扰乱平台规则、频繁无意义刷屏等行为的；</p>
+      <p>9.冒充他人或者机构，利用他人的名义传播任何信息的；</p>
+      <p>10.发布各类不实信息，诱骗信息等；</p>
+      <p>11.使用外挂等作弊软件或者其他互联网漏洞来获取不正当利益的；</p>
+      <p>12.利用平台进行洗钱等活动的；</p>
+      <p>13.发布含有代充值、刷单、私下交易等信息的；</p>
+      <p>14.以更改头像、昵称等方式冒充他人，骗取礼物，诈骗钱财的；</p>
+      <p>（3）淫秽色情类</p>
+      <p>1.散布淫秽、色情内容的；</p>
+      <p>2.以色情为目的的情色文字，情色漫画等内容，但不限于上述形式；</p>
+      <p>3.宣传、分享、传播色情低俗的网站等；</p>
+      <p>4.利用平台进行性交易等各种不正当交易的。</p>
+      <p>(4)网络道德类</p>
+      <p>1.涉及泄露他人隐私信息，侵害他人合法权益的；</p>
+      <p>2.悬挂他人图片，开追悼会，葬礼的；</p>
+      <p>3.发表如劝诱自杀，教唆他人犯罪等内容的；</p>
+      <p>4.组织、诱导用户加入传销的组织机构的；</p>
+      <p>5.对其他用户进行辱骂、威胁、恐吓等语言暴力行为的；</p>
+      <p>6.其他被认定为违反一般社会道德或公序良俗的。</p>
+      <!-- <p>(5宣扬暴力、赌博类)</p>
+      <p>1.散播人或动物被杀、致残以及枪击、刺伤、拷打等受伤情形的真实画面的；</p>
+      <p>2.描绘暴力、自残等内容的；</p>
+      <p>3.涉及令人不安的血腥场景的；</p>
+      <p>4.出现以鼓励非法或鲁莽使用方式等为目的而描述真实武器的内容；</p>
+      <p>5.发送、组织聚众赌博、出售赌博器具、传授赌博（千术）技巧、方式、方法等内容；</p>
+      <p>6.宣传关于校园霸凌、社会暴力事件等内容；</p>
+      <p>7.宣传违背人性道德的血腥游戏；</p>
+      <p>8.其他可以被认定为宣扬暴力、赌博的行为。</p>
+      <p>（6）不良信息类</p>
+      <p>1.使用夸张标题，内容与标题严重不符的</p>
+      <p>2.炒作绯闻、丑闻、劣迹等的</p>
+      <p>3.不当评述自然灾害、重大事故等灾难的</p>
+      <p>4.带有性暗示、性挑逗等易使人产生性联想的</p>
+      <p>5.展现血腥、惊悚、残忍等致人身心不适的</p>
+      <p>6.煽动人群歧视、地域歧视等的</p>
+      <p>7.宣扬低俗、庸俗、媚俗内容的</p>
+      <p>8.可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好等的</p>
+      <p>9.其他对网络生态造成不良影响的内容</p> -->
+      <p>（5）侵害未成年人的合法权益类</p>
+      <p>1.发布影响未成年人树立正确价值观内容的；</p>
+      <p>2.向未成年用户传播不良有害信息的；</p>
+      <p>3.诱导未成年人进行违法和不良行为的；</p>
+      <p>4.教唆、诱导未成年人打赏的行为；</p>
+      <p>5.其他侵害未成年人合法权益的行为。</p>
+      <!-- <p>（8）投诉举报类：</p>
+      <p>1.平台严禁公会内部挖人，若举报核实将进行封号处理，情节严重者将对该公会进行处罚。</p>
+      <p>2.用户被投诉举报，一经核实，视其情节严重的程度，对被举报人进行警告、或者封号等处理。</p>
+      <p>3.用户对没有违反社区规范的个人、公会等进行恶意举报，一旦被核实，视其情节严重的程度，将对恶意举报人进行警告、禁言或者封号等处理。</p>
+      <p>4.用户以不正当的方式对付竞争对手、公会等，如组织煽动人员进行恶意谩骂，散播不实的谣言；视其情节严重的程度，将对该用户进行警告、禁言或者封号等处理。</p>
+      <p>5.用户因发表不当言论而被封号的，封号的时长依次递增</p>
+      <p>6.用户多次对平台进行恶意举报或投诉的，将对该用户进行警告或者封号、封设备等处理。</p>
+      <p>7.请<span class='appName'>声海</span>的各位用户，遵守平台社区规范。同时，欢迎大家共同监督，对发现的违规行为及时在平台举报通道进行投诉举报。</p> -->
+  </div>
+  <div class="paragraph">
+      <p>三、主播有义务保证应用社区环境健康有序，主播需要对音视频中的连麦者、直播信息等所有内容负责，若以上部分存在违规行为，<span class='appName'>声海</span>平台官方有依据违规情况，处罚违规者的同时，连带处罚主播。</p>
+  </div>
+  <div class="paragraph">
+      <p>四、<b>本社区规范为动态文档，我们有权根据相关法律法规、政策监管或产品/服务运营的需要对其内容进行修改并不定期更新、公示，以最新更新的文档为准，请用户反复查看以便获得最新消息。</b>
+          本规范的各项规定，以符合国家法律法规政策为基本原则，若有不一致之处，以国家的法律法规政策的规定为解释准则。</p>
+  </div>
+  <div class="paragraph">
+      <p>五、本规范自发布之日起生效并实施，适用于<span class='appName'>声海</span>平台所有用户。用户使用<span class='appName'>声海</span>平台服务即视为对本规范的接受，对用户具有法律约束力。</p>
+  </div>
+  <div class="paragraph">
+      <p>六、本规范是《<span class='appName'>声海</span>用户注册服务协议》不可分割的组成部分，如本规范有未尽事宜的，适用《<span class='appName'>声海</span>软件许可服务协议》相关约定。</p>
+  </div>
+  <div class="paragraph">
+      <p>七、投诉方式<br>
+            客服LINE：<b>声海yuyin</b><br>
+          <!-- 客服微信二维码：<br>
+          <img src="./images/code-community.png" alt="" style="width: 200px;"> -->
+      </p>
+  </div>
+</body>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script>
+  let browser = checkVersion()
+  getInfoFromClient()
+  if (browser.app) {
+        if (browser.android) {
+            let channel = JSON.parse(pubInfo.deviceInfo).channel
+            if (channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1 || channel.indexOf('toutiao_douyin') != -1) {
+                    $('.appName').html('声海')
+                }
+                if (channel.indexOf('toutiao') != -1) {
+                    $('.subject').html('广州时间在线网络科技有限公司')
+                }
+                if (channel.indexOf('kuaishou') != -1) {
+                    $('.subject').html('广州芒果互联网络科技有限公司')
+                }
+                if (channel.indexOf('kuaishou') != -1) {
+                    $('.subject').html('香港栗子科技有限公司')
+                }
+        }
+    }
+    setTimeout(() => {
+        $('body').show()
+    }, 0)
+</script>
+</html>
--- a/view/peko/modules/rule_shenghai/contact.html
+++ b/view/peko/modules/rule_shenghai/contact.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport"
+        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+	<link rel="stylesheet" type="text/css" href="../../common/css/reset.css"/>
+	<link rel="stylesheet" href="style/contact.css" />
+	<title>联系官方</title>
+	<style>
+		body{
+			display: none;
+		}
+	</style>
+</head>
+<body>
+	<!-- <div class="cooperation">
+		<h1 class="title"><span class="appname"></span>相关问题反馈及事宜合作</h1>
+		<div class="q_num">官方QQ群:581321437（1群已满），585749306（2群）</div>
+		<div class="email">合作邮箱:erbanyuyin@163.com</div>
+	</div> -->
+	<div class="service">
+		<h1 class="title"><span class="appname"></span>客服</h1>
+		<!-- <div class="num"><a href="tel:020-85698266">客服电话:020-85698266</a></div> -->
+		<div class="num"><a href="javascript:void(0)"><span class="appName">LINE</span>号: 声海yuyin</a></div>
+		<!-- <div class="num"><a href="javascript:void(0)">或扫码添加微信</a></div>
+		<img src="./images/code.png" alt="" style="width: 200px;"> -->
+	</div>
+	<!-- <div class="contact">
+		联系在线客服
+	</div> -->
+  <script src="../../common/js/jquery-3.2.1.min.js"></script>
+  <script src="../../common/js/common2.js"></script>
+  <script>
+	  let browser = checkVersion()
+		getInfoFromClient()
+		if (browser.app) {
+			if (browser.android) {
+				let channel = JSON.parse(pubInfo.deviceInfo).channel
+				if (channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1|| channel.indexOf('toutiao_douyin') != -1) {
+					$('.appName').html('声海')
+				}
+			}
+		}
+		setTimeout(() => {
+			$('body').show()
+		}, 0)
+  </script>
+	
+</body>
+</html>
--- a/view/peko/modules/rule_shenghai/data.html
+++ b/view/peko/modules/rule_shenghai/data.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport"
+        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+	<link rel="stylesheet" type="text/css" href="../../common/css/reset.css"/>
+	<link rel="stylesheet" href="style/_common.css" />
+	<title>个人资料、动态、好友</title>
+</head>
+<body>
+		<h1 class="title">
+			个人资料、动态、好友
+			<!-- <a href="guide.html">
+				<img src="images/close.png"/>				
+			</a> -->
+		</h1>	
+		<ol class="desc">
+			<li>
+				1、如何编辑个人资料？
+				<p>&nbsp;&nbsp;在主界面选择点击左上角处自己的头像，点击“设置”，即可对个人资料进行编辑完善，当完成编辑后，再点击右上角“完成”即可。</p>
+			</li>
+			<li>
+				2、如何关注好友？
+				<p>&nbsp;&nbsp;点击对方头像→查看资料→点击“关注”按钮即可关注。</p>
+			</li>
+			<li>
+				3、如何查看已关注的好友？
+				<p>&nbsp;&nbsp;在首页点击右上角“关注”按钮，即可查看。</p>
+			</li>
+			<li>
+				4、如何取消关注？
+				<p>&nbsp;&nbsp;在首页，点击右上角“关注”按钮，在新弹出的页面点击已关注好友，在好友资料界面点击“已关注”即取消关注。</p>
+			</li>
+		</ol>
+</body>
+</html>
--- a/view/peko/modules/rule_shenghai/dating.html
+++ b/view/peko/modules/rule_shenghai/dating.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport"
+        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
+        <meta http-equiv="X-UA-Compatible" content="ie
+        =edge" />
+    <link rel="stylesheet" type="text/css" href="../../common/css/reset.css"/>
+    <link rel="stylesheet" href="./style/dating.css?v=1.0">
+    <title>相亲规则</title>
+</head>
+<body>
+    <img src="./images/dating.png" alt="">
+    <!--  帽子 -->
+    <div class="f-s female"><img src="" alt=""><span></span></div>
+    <div class="f-m female"><img src="" alt=""><span></span></div>
+    <div class="f-l female"><img src="" alt=""><span></span></div>
+    <!-- 男神帽子 -->
+    <div class="m-s male"><img src="" alt=""><span></span></div>
+    <div class="m-m male"><img src="" alt=""><span></span></div>
+    <div class="m-l male"><img src="" alt=""><span></span></div>
+    <!-- 心动值 -->
+    <p class="h-1 h"></p>
+    <p class="h-2 h"></p>
+    <p class="h-3 h"></p>
+    <p class="h-4 h"></p>
+    <p class="h-5 h"></p>
+</body>
+<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="./js/dating.js"></script>
+</html>
--- a/view/peko/modules/rule_shenghai/environment.html
+++ b/view/peko/modules/rule_shenghai/environment.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport"
+        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+	<link rel="stylesheet" type="text/css" href="../../common/css/reset.css"/>
+	<link rel="stylesheet" href="style/_common.css" />
+	<title>账号申诉</title>
+	<style>
+		body{
+			display: none;
+		}
+	</style>
+</head>
+<body>
+		<h1 class="title">
+			账号申诉
+			<!-- <a href="guide.html">
+				<img src="images/close.png"/>
+			</a> -->
+		</h1>
+		<ol class="desc">
+			<li>
+				1、如何账号申诉？
+				<p>&nbsp;&nbsp;发送以下信息至QQ群</p>
+				<p>&nbsp;&nbsp;&nbsp;&nbsp;①	您的<span class="appname"></span>号</p>
+				<p>&nbsp;&nbsp;&nbsp;&nbsp;② 您的联系方式：手机号/QQ号</p>
+				<p>&nbsp;&nbsp;&nbsp;&nbsp;③ 申诉原因</p>
+				<p>&nbsp;&nbsp;完整提交以上信息后，我们将在一个工作日内为您解决。</p>
+			</li>
+		</ol>
+		<script src="../../common/js/jquery-3.2.1.min.js"></script>
+		<script src="../../common/js/common2.js"></script>
+		<script>
+			$('.appname').html('声海')
+			getInfoFromClient()
+			let browser = checkVersion()
+
+			if (browser.app) {
+				if (browser.android) {
+					let channel = JSON.parse(pubInfo.deviceInfo).channel
+					if (channel.indexOf('toutiao_douyin') != -1 || channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1) {
+						$('.appname').html('声海')
+					}
+				}
+			}
+
+			setTimeout(() => {
+				$('body').show()
+			}, 0);
+		</script>
+</body>
+</html>
--- a/view/peko/modules/rule_shenghai/faq.html
+++ b/view/peko/modules/rule_shenghai/faq.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport"
+        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+  <meta http-equiv="pragma" content="no-cache">
+	<meta http-equiv="cache-control" content="no-cache">
+	<meta http-equiv="expires" content="">
+	<link rel="stylesheet" type="text/css" href="../../common/css/reset.css"/>
+	<link rel="stylesheet" href="style/_common.css" />
+	<title>常见问题</title>
+	<style>
+		body{
+			display: none;
+		}
+	</style>
+</head>
+<body>
+		<!-- <h1 class="title">常见问题<a href="guide.html"><img src="images/close.png"/>	</a></h1> -->
+		<ol class="desc">
+			<li>
+				1、在房间里对方听不到我的声音怎么办？
+				<p>&nbsp;&nbsp;如果对方听不到你的声音，可能是以下原因： </p>
+				<p>&nbsp;&nbsp;&nbsp;&nbsp;A.你未授予<span class="appname"></span>录音权限，请到系统设置修改后再尝试；如未设置成功，请卸载重装，重装时请注意授予<span class="appname"></span>录音权限；仍有问题发送以下信息至
+					申诉邮箱：
+				</p>
+				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;①	您的<span class="appname"></span>号： </p>
+				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;② 您的联系方式：手机号/QQ号</p>
+				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;③ 遇到的问题</p>
+				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;完整提交以上信息后，我们将在两个工作日内为您解决问题。</p>
+				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;示例：小米“设置-应用-<span class="appname"></span>-权限管理-录音”，打开录音权限即可；三星 “设定-更多-应用程序许可-<span class="appname"></span>-录制音频”，
+					打开录音权限即可；苹果：“设置-<span class="appname"></span>-麦克风权限开启”
+				</p>
+				<p>&nbsp;&nbsp;&nbsp;&nbsp;B.网络状态不佳，请检查网络状态后重试；</p>
+				<p>&nbsp;&nbsp;&nbsp;&nbsp;C.机型没有适配，请在意见反馈中使用问题项中编辑“声音”二字，再将您遇到的问题现象详细描述，提供手机型号并留下您的联系方式，我们会尽快帮您解决。</p>
+				<p>&nbsp;&nbsp;&nbsp;&nbsp;D.手机话筒故障；</p>
+			</li><br />
+			<li>
+				2、如何退出或更换账号？
+				<p>&nbsp;&nbsp;进入首页，点击“我的”，然后选择设置按钮，即可退出或更换账号。</p>
+			</li><br />
+			<li>
+				3、如何修改房间设置？
+				<p>&nbsp;&nbsp;“轰趴房”点击房间右上角“关闭”图标，在弹出的下拉框里面选择房间设置，即可设置房间名称和房间话题以及房间密码，选择房间标签和管理员，黑名单等问题。</p>
+			</li>
+			
+		</ol>
+		<div class="blank" style="height: 30px;"></div>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script>
+	$('.appname').html('声海')
+	getInfoFromClient()
+	let browser = checkVersion()
+
+	if (browser.app) {
+		if (browser.android) {
+			let channel = JSON.parse(pubInfo.deviceInfo).channel
+			if (channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1 || channel.indexOf('toutiao_douyin') != -1) {
+                    $('.appName').html('声海')
+                }
+		}
+	}
+
+	setTimeout(() => {
+		$('body').show()
+	}, 0);
+</script>
+</body>
+</html>
--- a/view/peko/modules/rule_shenghai/gold.html
+++ b/view/peko/modules/rule_shenghai/gold.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport"
+        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+	<link rel="stylesheet" type="text/css" href="../../common/css/reset.css"/>
+	<link rel="stylesheet" href="style/_common.css" />
+	<title>金币鉆石提现问题</title>
+	<style>
+		body{
+			display: none;
+		}
+	</style>
+</head>
+<body>
+		<h1 class="title">
+			金币鉆石提现问题
+			<!-- <a href="guide.html">
+				<img src="images/close.png"/>				
+			</a> -->
+		</h1>	
+		<ol class="desc">
+			<li>
+				1、金币
+				<p>&nbsp;&nbsp;金币是用户通过现金充值获得的<span class="appName">声海</span>平台消费货币，只能用于竞拍出价和购买礼物等消费行为。</p>
+			</li>
+			<li>
+				2、鉆石
+				<p>&nbsp;&nbsp;鉆石是声优通过完成拍卖订单、收取礼物等操作后，获得的收益货币。只能用于提取佣金，暂时不能进行兑换金币。10鉆石=1元。</p>
+			</li>
+			<li>
+				3、提现
+				<p>&nbsp;&nbsp;在首页点击自己头像，→ “我的钱包”→“鉆石”→“提现”→绑定你的支付宝账号资料，填写验证码，接着选择你要提现的金额档次→点击“兑换”即可。兑换比
+			例为10鉆石=1元。</p>
+			</li>
+		</ol>
+    <script src="../../common/js/jquery-3.2.1.min.js"></script>
+    <script src="../../common/js/common2.js"></script>
+	<script>
+		let browser = checkVersion()
+		getInfoFromClient()
+		if (browser.app) {
+			  if (browser.android) {
+				  let channel = JSON.parse(pubInfo.deviceInfo).channel
+				  if (channel.indexOf('toutiao_douyin') != -1 || channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1) {
+					  $('.appName').html('声海')
+				  }
+			  }
+		  }
+		  setTimeout(() => {
+			  $('body').show()
+		  }, 0)
+	  </script>
+</body>
+</html>
--- a/view/peko/modules/rule_shenghai/guide.html
+++ b/view/peko/modules/rule_shenghai/guide.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="zh">
+
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport"
+		content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
+	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
+	<meta http-equiv="pragma" content="no-cache">
+	<meta http-equiv="cache-control" content="no-cache">
+	<meta http-equiv="expires" content="">
+	<link rel="stylesheet" type="text/css" href="../../common/css/reset.css" />
+	<link rel="stylesheet" href="style/guide.css" />
+	<title>帮助</title>
+</head>
+
+<body>
+	<div class="faq">
+		<!-- <h1 class="title">常见问题</h1> -->
+		<ul class="q_list">
+
+			<!--<li class="border-1px">-->
+			<!--<a href="auction.html">-->
+			<!--拍卖功能介绍-->
+			<!--</a>-->
+			<!--</li>-->
+			<!-- <li class="border-1px">
+				<a href="faq.html" class="link-1">
+					常见问题
+				</a>
+			</li>
+			<li class="border-1px">
+				<a href="protocol.html" class="link-1">用户协议</a>
+			</li>
+
+			<li class="border-1px">
+				<a href="rechargeAgreement.html" class="link-1">用户充值协议</a>
+			</li>
+			<li class="border-1px">
+				<a href="privacy-wap.html" class="link-1">隐私政策</a>
+			</li>
+			<li class="border-1px">
+				<a href="community-norms.html" class="link-1">社区规范</a>
+			</li>
+			<li class="border-1px">
+				<a href="live-protocol.html" class="link-1">直播协议</a>
+			</li> -->
+			<!-- <li class="border-1px">
+				<a href="data.html">
+					个人资料、动态、好友
+				</a>
+			</li> -->
+			<!-- <li class="border-1px">
+				<a href="environment.html" class="link-2">
+					账号申诉
+				</a>
+			</li> -->
+			<li class="border-1px">
+				<a href="loginout.html" class="link-2">
+					注销账号
+				</a>
+			</li>
+			<li class="border-1px">
+				<a href="contact.html" class="link-1">联系官方</a>
+			</li>
+
+			<!--<li class="border-1px">-->
+			<!--<a href="gold.html">-->
+			<!--金币鉆石提现问题-->
+			<!--</a>-->
+			<!--</li>-->
+		</ul>
+	</div>
+	<script src="../../common/js/jquery-3.2.1.min.js"></script>
+	<script src="../../common/js/common2.js"></script>
+	<script>
+		var locateObj = getQueryString();
+		var appname = $('.appname');
+		if (locateObj.platform == "planet") {
+			$('.link-1').attr('href', 'faq.html?platform=planet')
+			$('.link-2').attr('href', 'environment.html?platform=planet')
+			appname.html("hello处CP");
+		} else {
+			appname.html("声海");
+		}
+	</script>
+</body>
+
+</html>
--- a/view/peko/modules/rule_shenghai/identity-rule.html
+++ b/view/peko/modules/rule_shenghai/identity-rule.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>常见问题</title>
+	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+	<link rel="stylesheet" href="../../common/css/reset.css">
+	<style>
+    .identity-max{
+      display: none;
+      padding: 10px;
+    }
+    .bold-title{
+      font-weight: bold;
+      margin-top: 5px;
+      margin-bottom: 5px;
+    }
+	</style>
+</head>
+<body>
+  <div class="identity-max">
+    <p class="bold-title">1、绑定身份证号个数限制</p>
+    <p>目前一个身份证可以绑定5个<span class="appName">声海</span>用户账号。</p>
+
+    <p class="bold-title">2、可认证人群</p>
+    <p>实人认证服务目前仅支持对拥有中华人民共和国第二代居民身份证的居民进行认证。</p>
+
+    <p class="bold-title">3、人脸验证无法通过</p>
+    <p>（1）确保为身份证所持者本人进行操作；</p>
+    <p>（2）更换环境再次尝试，不要背光或者过度迎光，保持面部清晰可见；</p>
+    <p>（3）若面部装饰过多，可尝试取下眼镜等饰品；</p>
+    <p>（4）手机距离适度，保持采集画面中人像大小与系统所给轮廓接近。</p>
+
+    <p class="bold-title">4、绑定失败提示“请输入正确的证件信息”，请根据自身情况查看解决方法：</p>
+    <p>（1）集体户口</p>
+    <p>请咨询国政通客服（客服电话：4008165110）；</p>
+    <p>（2）更改过姓名/最近做过户口迁移</p>
+    <p>由于更改姓名及户口迁移有一定时效性，需要等待核验，建议等待生效后再次操作绑定；</p>
+    <p>（3）绑定的是军官证/护照</p>
+    <p>选择【请输入正确证件信息】并点击下方连线人工联系客服处理。</p>
+    <p>（4）其余情况</p>
+    <p>由于绑定证件信息是由国政通系统获取，建议您之后再进行操作绑定。</p>
+
+    <p class="bold-title">5、绑定失败提示“在本设备上使用3天后可以绑定证件信息”</p>
+    <p>建议您在该设备上活跃使用（例如进房间和主播互动/与新老朋友聊天互动/联系或邀请通讯录好友一起来玩<span class="appName">声海</span>）3天后再进行操作即可。</p>
+
+    <p class="bold-title">6、绑定成功后是否支持更改/解绑</p>
+    <p>为保证帐户安全，身份证信息绑定成功后在修改密码、申诉时需进行验证身份证信息，故暂不支持解绑。</p>
+
+    <p class="bold-title">7、若以上还未解决你的问题，请咨询</p> <p>客服<span class="appName">LINE</span>号：声海yuyin<br>或扫码添加微信</p>
+    <img src="./images/code.png" alt="" style="width: 200px">
+
+  </div>
+  <script src="../../common/js/jquery-3.2.1.min.js"></script>
+  <script src="../../common/js/common2.js"></script>
+  <script>
+    let browser = checkVersion()
+    getInfoFromClient()
+    if (browser.app) {
+          if (browser.android) {
+              let channel = JSON.parse(pubInfo.deviceInfo).channel
+              if (channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1 || channel.indexOf('toutiao_douyin') != -1) {
+                    $('.appName').html('声海')
+                }
+          }
+      }
+      setTimeout(() => {
+          $('.identity-max').show()
+      }, 0)
+  </script>
+</body>
+</html>
--- a/view/peko/modules/rule_shenghai/images/1.png
+++ b/view/peko/modules/rule_shenghai/images/1.png
--- a/view/peko/modules/rule_shenghai/images/2.png
+++ b/view/peko/modules/rule_shenghai/images/2.png
--- a/view/peko/modules/rule_shenghai/images/close.png
+++ b/view/peko/modules/rule_shenghai/images/close.png
--- a/view/peko/modules/rule_shenghai/images/code-community.png
+++ b/view/peko/modules/rule_shenghai/images/code-community.png
--- a/view/peko/modules/rule_shenghai/images/code.png
+++ b/view/peko/modules/rule_shenghai/images/code.png
--- a/view/peko/modules/rule_shenghai/images/dating.png
+++ b/view/peko/modules/rule_shenghai/images/dating.png
--- a/view/peko/modules/rule_shenghai/images/diamond.png
+++ b/view/peko/modules/rule_shenghai/images/diamond.png
--- a/view/peko/modules/rule_shenghai/images/icon.png
+++ b/view/peko/modules/rule_shenghai/images/icon.png
--- a/view/peko/modules/rule_shenghai/images/patrician-yy.png
+++ b/view/peko/modules/rule_shenghai/images/patrician-yy.png
--- a/view/peko/modules/rule_shenghai/images/patrician.png
+++ b/view/peko/modules/rule_shenghai/images/patrician.png
--- a/view/peko/modules/rule_shenghai/images/right.png
+++ b/view/peko/modules/rule_shenghai/images/right.png
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
qf	9398b10240	房间榜单：全局背景修改	2023-02-22 18:26:04 +08:00
qf	e73df1d25a	房间榜单：前三昵称不换行显示	2023-02-22 18:14:50 +08:00
qf	ba5e5a6b77	房间榜单：样式细节调整	2023-02-21 15:35:16 +08:00
qf	09985ea05a	房间榜单：增加会话存储加载榜单，样式修改	2023-02-20 18:06:32 +08:00
qf	3ff071780b	新增声海规则	2023-02-15 15:25:05 +08:00
qf	e1f6253807	星级厨房：调整细节样式	2023-02-15 15:10:23 +08:00
qf	3caed7927b	23情人节：自己没有cp时跳转个人主页错误解决	2023-02-10 11:04:21 +08:00
qf	1871830a8c	23情人节：恭喜弹窗名字不展示修改	2023-02-09 18:27:00 +08:00
qf	0347d1d055	23情人节：消耗情签字体修改	2023-02-09 18:05:45 +08:00
qf	3eaa4c2fae	23情人节：替换规则切图	2023-02-09 17:53:37 +08:00
qf	9f946f0837	23情人节：替换规则图片	2023-02-09 15:10:33 +08:00
qf	8afbeb96e8	23情人节：抽靓号渲染图片删除多余prop	2023-02-09 14:27:47 +08:00
qf	5de1125e3c	23情人节：cp弹窗提示修改	2023-02-08 18:54:41 +08:00
qf	724cf39448	23情人节：remain修改	2023-02-08 18:01:03 +08:00
qf	989c70160c	23情人节：购买后值不刷新修改，cp奖励记录弹窗修改	2023-02-08 17:29:35 +08:00
qf	6452505805	2023情人节：样式调整	2023-02-08 14:55:54 +08:00
qf	a259af6c6a	23情人节：自己排名、购买成功礼物样式，替换图片	2023-02-07 16:28:05 +08:00
qf	8729fc7f5b	23情人节：购买接口增加未中奖提示	2023-02-06 18:46:18 +08:00
qf	82dc3faf62	23情人节：cp列表渲染修改	2023-02-06 14:55:52 +08:00
qf	f238bb7555	23情人节：缔结按钮不可点击修改，换图	2023-02-06 14:47:29 +08:00
qf	bcdd71940b	2023情人节：购买后刷新，修改我的cp样式	2023-02-06 11:28:16 +08:00
qf	8961247913	23情人节：增加礼物轮播，修改文案	2023-02-05 22:29:53 +08:00
qf	8f1f3ffd05	2023情人节：抽奖记录请求参数修改	2023-02-03 18:42:12 +08:00
qf	88338517c4	新增2023情人节活动	2023-02-02 18:36:38 +08:00
qf	e3a6e343bd	小精灵：成功找到钻石字段修改	2023-01-16 16:55:00 +08:00
qf	bb9ad461b0	小精灵：请求失败关闭动效	2023-01-11 17:46:35 +08:00
qf	303c60e445	小精灵：动效改为播放一秒后请求	2023-01-11 17:44:19 +08:00
qf	39469b924d	小精灵：取消cdn加载	2023-01-11 17:19:42 +08:00
qf	24b3a8ca5e	小精灵：动效改为本地加载	2023-01-11 16:08:57 +08:00
qf	30709845dd	小精灵：清缓存	2023-01-11 15:28:39 +08:00
qf	b88da33b28	小精灵：cdn获取图片	2023-01-11 11:48:35 +08:00
qf	1f638070cc	小精灵：关闭小精灵弹窗修改请求状态字段,记录请求增加loading	2023-01-10 16:14:35 +08:00
qf	edfeb646f6	修改结果弹窗礼物名称字段，中奖记录弹窗初始化	2023-01-10 15:40:07 +08:00
qf	ab175d9390	小精灵优化，钻石收入增加小精灵奖励	2023-01-10 11:58:13 +08:00