新增金币账单

view/peko/activity/2023-Valentines-Day/index.html

@@ -241,7 +241,7 @@
             </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 class="tips">*情人节限定5位靓号:52XXX（XXX为随机数字，一组为2个靓号，<br>联系客服领取：LINE: pikoyuyin)</div> -->
         </div>
     </div>
     <!-- 我的cp弹窗 -->

view/peko/activity/2023-Valentines-Day/js/index.js

@@ -370,7 +370,7 @@ function buy(id, num, type) {
                         $('.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 .gx_in .tips').html(`*情人節限定5位靚號:52XXX（XXX為隨機數字，一組為2個靚號，<br>聯系客服領取：LINE: pikoyuyin)`)
                         $('.gx').show()
 
                     } else {

view/peko/activity/act-celebration/wish.html

@@ -76,7 +76,7 @@
         <div class="tab2_contain">
             <div class="rule_wrap">
                 <p class="rule_item">
-                    活动期间，每日登录pekoApp即可免费获赠一个魔法棒（每台设备每日限一次）
+                    活动期间，每日登录pikoApp即可免费获赠一个魔法棒（每台设备每日限一次）
                 </p>
             </div>
             <div class="panel_wrap">

view/peko/activity/act-magicSchool/js/index.js

@@ -756,7 +756,7 @@ function getRank (rankType, currentTime, comeFrom) {
                 $('.page3 .myList img').attr('src', res.data.userRank.avatar);
                 $('.page3 .myList .num').text(res.data.userRank.rank == 0 ? '未上榜' : res.data.userRank.rank);
                 $('.page3 .myList .nick').text(res.data.userRank.nick.length > 8 ? res.data.userRank.nick.slice(0, 8) + '...' : res.data.userRank.nick);
-                $('.page3 .myList .score').text(comeFrom == 1 ? 'peko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
+                $('.page3 .myList .score').text(comeFrom == 1 ? 'piko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
                 hideLoading(layerIndex)
                 // 处理前三
                 if (top3.length < 3) {
@@ -770,7 +770,7 @@ function getRank (rankType, currentTime, comeFrom) {
                 top3.forEach((res, index) => {
                     $(`.page3 .list .top${index + 1} .txBg`).attr('src', res.avatar);
                     $(`.page3 .list .top${index + 1} .nick`).text(res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick);
-                    $(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
+                    $(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
                 })
                 // 非前三
                 var str = '';
@@ -780,7 +780,7 @@ function getRank (rankType, currentTime, comeFrom) {
                             <div class="num">NO.${index + 4}</div>
                             <img src="${res.avatar}" alt="">
                             <div class="nick">${res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick}</div>
-                            <div class="score">${comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
+                            <div class="score">${comeFrom == 1 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
                         </li>`
                 })
                 $('.page3 .list .notTop').append(str);

view/peko/activity/act-nameplate/index.html

@@ -45,7 +45,7 @@
             <p>剩余7天</p>
             <div class="nameplate">
               <img src="http://image.uat.zhongjialx.com/FqVz-oYR2lzqfzIlZNM3BrA016cX?imageslim" alt="">
-              <span>peko看看</span>
+              <span>piko看看</span>
             </div>
             <div class="delay-btn">
               <img src="./images/delay-btn.png" alt="">

view/peko/activity/act-ocean/index.html

@@ -269,7 +269,7 @@
                     <div class="qtsm">
                         <p class="title">其他說明</p>
                         如果以上說明未能解答您的疑問，請聯繫客服，會有專人解答疑難
-                        <p>本活動與蘋果公司無關</p>
+                        <p>本活動以及活動獎勵與Google/蘋果公司無關</p>
                     </div>
                 </main>
             </div>

view/peko/activity/annualCelebration/wish.html

@@ -76,7 +76,7 @@
         <div class="tab2_contain">
             <div class="rule_wrap">
                 <p class="rule_item">
-                    活动期间，每日登录pekoApp即可免费获赠一个魔法棒（每台设备每日限一次）
+                    活动期间，每日登录pikoApp即可免费获赠一个魔法棒（每台设备每日限一次）
                 </p>
             </div>
             <div class="panel_wrap">

view/peko/activity/channel-new/index.html

@@ -6,7 +6,7 @@
   <meta name="viewport"
     content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-  <title>peko</title>
+  <title>piko</title>
 
   <link rel="stylesheet" href="./css/reset.css">
   <link rel="stylesheet" href="./css/index.css">
@@ -22,7 +22,7 @@
     <div class="button2-wrapper download">
     </div>
     <div class="eori">
-      <div class="weixin-name">peko客服微信：pekokefu01</div>
+      <div class="weixin-name">piko客服微信：pikokefu01</div>
       <p>粤网文:(2018)8220-2981号</p>
       <p class="recordfoot">
         <i class="record"></i>

view/peko/activity/channel/index.html

@@ -25,7 +25,7 @@
   <meta name="msapplication-tap-highlight" content="no">
   <meta name="apple-mobile-web-app-capable" content="no" />
   <meta name="format-detection" content="telephone=no">
-  <title>peko</title>
+  <title>piko</title>
 
   <!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
   <link rel="stylesheet" href="./css/reset.css">
@@ -47,7 +47,7 @@
       <!--<a href="javascript:void(0)" class="jumpUrl"><img src="./home/images/pc/iosBtn.png" alt=""></a>-->
     </div>
     <div class="eori">
-      <div class="weixin-name">peko客服微信：pekokefu01</div>
+      <div class="weixin-name">piko客服微信：pikokefu01</div>
       <p>粤网文:(2018)8220-2981号</p>
       <p class="recordfoot">
         <i class="record"></i>

view/peko/activity/explore_abandon/index.html

@@ -5,7 +5,7 @@
   <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>探索peko</title>
+  <title>探索piko</title>
 
   <!-- <%- include('../html_tpl/style.html') %> -->
   <link rel="stylesheet" href="./css/index.css">

view/peko/activity/first_anniversary/js/time_cinema.js

@@ -36,7 +36,7 @@ let shareObj = {
     type: 2,
     data: {
         msg: 'llllll',
-        title: '我的peko一周年报告',
+        title: '我的piko一周年报告',
         imgUrl: 'https://beta.api.pekolive.com/peko/modules/wxPubPay/images/logo.png',
         desc: '我的专属称号竟然是这样的！快来试试你的~',
     }

view/peko/activity/first_anniversary/time_cinema.html

@@ -19,7 +19,7 @@
                 <h3>嗨，鹅宝</h3>
                 <p class="p1">还记得<span><b></b><b></b><b></b></span></p>
                 <p>我们第一次相遇</p>
-                <p>截止目前peko已陪伴你<span class="sp1"></span>天~</p>
+                <p>截止目前piko已陪伴你<span class="sp1"></span>天~</p>
             </div>
             <div class="touchBox">
                 <img src="./images/time_cinema/touch.png" alt="">
@@ -29,7 +29,7 @@
         <div class="bg bg2">
             <div class="text">
                 <h3>过去的一年</h3>
-                <p>你有<span class="sp1">2222222</span>天都在peko里畅游</p>
+                <p>你有<span class="sp1">2222222</span>天都在piko里畅游</p>
                 <p>累计登入<span class="sp2">22222222</span>次</p>
                 <p>你一共探索了<span class="sp3">2222</span>个房间</p>
                 <p>其中<span class="sp4">ID:5200</span>的房间陪伴你最久</p>
@@ -79,7 +79,7 @@
         <div class="bg bg5">
             <div class="text">
                 <p>无论未来如何</p>
-                <p>希望peko还能陪伴你度过岁岁年年~</p>
+                <p>希望piko还能陪伴你度过岁岁年年~</p>
                 <p>在此授予你:</p>
                 <h3><span>XXXX</span>称号</h3>
             </div>

view/peko/activity/goHouseRewards/index.html

@@ -13,7 +13,7 @@
     <div class="content"></div>
     <div class="activityReward"></div>
     <div class="but"></div>
-    <div class="text">该活动最终解释权归peko平台所有</div>
+    <div class="text">该活动最终解释权归piko平台所有</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>

view/peko/activity/goHouseRewards/qiwang.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>peko棋王杯</title>
+    <title>piko棋王杯</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/qiwang.css">
 </head>

view/peko/activity/goHouseRewards/qixi.html

@@ -13,7 +13,7 @@
     <div class="content"></div>
     <div class="activityReward"></div>
     <div class="but"></div>
-    <div class="text">该活动最终解释权归peko平台所有</div>
+    <div class="text">该活动最终解释权归piko平台所有</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>

view/peko/activity/goodLuckCard/index.html

@@ -126,7 +126,7 @@
             <li><span>1</span>集齐所有福卡即可获得瓜分奖池的机会，瓜分金额随机，集齐次数越多，瓜分次数越多，瓜分奖励统一一次发放至账户</li>
             <li><span>2</span>瓜分奖励时间：<p class="tip">2月12日0点至2月15日0点</p></li>
             <li><span>3</span>获得敬业福需找客服报备赠送对应的装扮，赠送次数不叠加，每人仅限报备一次装扮</li>
-            <li><span>4</span>有任何疑问可添加官方客服<p class="tip">（pekokefu01）</p>进行咨询</li>
+            <li><span>4</span>有任何疑问可添加官方客服<p class="tip">（pikokefu01）</p>进行咨询</li>
         </ul>
     </div>
     <!-- 尾部图片 -->

view/peko/activity/invitation/js/index.js

@@ -32,7 +32,7 @@ let shareObj = {
     type: 2,
     data: {
         msg: 'llllll',
-        title: '上peko，开黑交友玩游戏',
+        title: '上piko，开黑交友玩游戏',
         imgUrl: 'https://api.pekolive.com/peko/modules/wxPubPay/images/logo.png',
         desc: '邀请好友得金铲铲豪华大礼，快来加入吧！',
     }
@@ -48,8 +48,8 @@ const getInviteList = () => {
             if(res.code === 200){
                 userInfo = res.data.inviteUser
 
-                if(pubInfo.deviceInfo.app == 'pekoEnterprise'){
+                if(pubInfo.deviceInfo.app == 'pikoEnterprise'){
-                    shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pekoEnterprise'
+                    shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pikoEnterprise'
                 }else{
                     shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid
                 }

view/peko/activity/lol-drainage/index.html

@@ -30,7 +30,7 @@
     </div>
     <!-- 我的豆子 -->
     <div class="w_myBeans">
-        <p>每成功邀请一位新人好友，即可获得200金豆好友下载peko并登录，金豆即刻到账</p>
+        <p>每成功邀请一位新人好友，即可获得200金豆好友下载piko并登录，金豆即刻到账</p>
         <span>我的金豆：<b></b> <i>刷新 <img src="./images/refresh.png" alt=""></i></span>
     </div>
     <!-- tab 切换 -->
@@ -96,7 +96,7 @@
         <div class="z_user_info">
             <img src="" alt="" class="z_user_avatar">
             <p>
-                <span class="z_user_nick">peko</span>  
+                <span class="z_user_nick">piko</span>  
                 <span class="z_user_erban">ID：666666</span>  
             </p>
             <span class="z_user_bonus">总获得：<span>0</span>金豆</span>
@@ -108,7 +108,7 @@
         <div class="z_content">
             <p class="z_title">兑换成功</p>
             <img src="./images/350.png" alt="" class="z_award_pic">
-            <p class="z_award_name">peko新用户游戏激励金3.8元</p>
+            <p class="z_award_name">piko新用户游戏激励金3.8元</p>
             <p class="z_award_get_way">已放入我的装扮</p>
             <img src="./images/know-btn.png" alt="" class="z_know">
         </div>

view/peko/activity/lol-drainage/js/index.js

@@ -7,7 +7,7 @@ let w_link;
 let share = {
     title: '英雄联盟手游皮肤免费送！！',
     // link: link,
-    desc: '来peko，更有丰厚游戏激励金等你来~',
+    desc: '来piko，更有丰厚游戏激励金等你来~',
     imgUrl: 'https://api.pekolive.com/peko/modules/wxPubPay/images/logo.png'
 }
 let shareObj = {
@@ -141,13 +141,13 @@ const awardObj = [
         pic: './images/nameplate.png'
     },
     {
-        name: 'peko新用户游戏激励金3.8元',
+        name: 'piko新用户游戏激励金3.8元',
-        desc: 'peko新用户游戏<br>激励金3.8元',
+        desc: 'piko新用户游戏<br>激励金3.8元',
         pic: './images/cash.png'
     },
     {
-        name: 'peko新用户游戏激励金5.8元',
+        name: 'piko新用户游戏激励金5.8元',
-        desc: 'peko新用户游戏<br>激励金5.8元',
+        desc: 'piko新用户游戏<br>激励金5.8元',
         pic: './images/cash.png'
     },
     {

view/peko/activity/planet/index.html

@@ -10,7 +10,7 @@
 </head>
 <body>
     <div class="lead">
-        <p>peko的小可爱们~</p>
+        <p>piko的小可爱们~</p>
         <p>快来踏上星际探索的旅途吧</p>
         <p>送出小星球可探索到各个星球的物资</p>
         <p>最高可探索到7777鉆的礼物哦~</p>

view/peko/activity/popular-anchor-plan/index.html

@@ -204,7 +204,7 @@
                     <div class="explain">
                         1.若出现挂机三次及以上，则取消参与活动资格。</br> 
                         2.奖励将于三个工作日内发放。 </br>
-                        3.活动最终解释权归peko所有。 
+                        3.活动最终解释权归piko所有。 
                     </div>
                     <div class="code">
                         <img src="./images/wx_code.jpg" alt="">

view/peko/activity/recruit/index.html

@@ -5,7 +5,7 @@
   <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>peko公会招募令</title>
+  <title>piko公会招募令</title>
   <style>
     img {
       width: 100%;

view/peko/activity/recruit/js/index.js

@@ -5,11 +5,11 @@ var info = {};
 var betaUrl = 'https://beta.api.pekolive.com/peko/activity/recruit/index.html';
 var realUrl = tranUrl + '/peko/activity/recruit/index.html';
 var share = {
-  title: 'peko公会招募令',
+  title: 'piko公会招募令',
   link: tranUrl + '/peko/activity/recruit/index.html',
   // imgUrl: 'https://img.letusmix.com/new_logo.png',
   imgUrl: 'https://api.pekolive.com/peko/modules/wxPubPay/images/logo.png',
-  desc: 'peko公会招募令',// 分享描述
+  desc: 'piko公会招募令',// 分享描述
 };
 if (EnvCheck() == 'test') {
   var vConsole = new VConsole();

view/peko/activity/ticketsPackage/index.html

@@ -3,7 +3,7 @@
 <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>peko</title>
+    <title>piko</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/index.css?v=2.0">
 </head>
@@ -21,7 +21,7 @@
             <p class="ticket-left-num">当前剩余：<span>0</span>张</p>
         </div>
         <div class="form-wrap">
-            <input type="text" placeholder="输入注册peko的手机号" class="mobile-number" maxlength="11" id="mobile-number">
+            <input type="text" placeholder="输入注册piko的手机号" class="mobile-number" maxlength="11" id="mobile-number">
             <div class="verify-wrap">
                 <input type="text" placeholder="输入验证码" class="verify-ipt" id="verify-ipt">
                 <p class="verify-btn">获取验证码</p>
@@ -38,7 +38,7 @@
         <p class="huode">获得</p>
         <img alt="">
         <p class="ticket-name"></p>
-        <p class="tip1">快去peko参赛赢赏金吧~</p>
+        <p class="tip1">快去piko参赛赢赏金吧~</p>
         <a class="success-btn">去参赛>></a>
     </div>
 
@@ -51,7 +51,7 @@
 
     <div class="bottom">
         <img src="./images/logo.png" alt="">
-        <p>来peko打游戏，争夺更多赏金！</p>
+        <p>来piko打游戏，争夺更多赏金！</p>
         <a class="download">下载APP</a>
     </div>
 

view/peko/activity/ticketsPackage/invalid.html

@@ -3,7 +3,7 @@
 <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>peko</title>
+    <title>piko</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/invalid.css">
 </head>

view/peko/activity/ticketsPackage/js/index.js

@@ -49,12 +49,12 @@ const getTicketDetail = () => {
                 if(browser.android){
                     options = {
                         scheme: {
-                            protocol: 'pekoapp',
+                            protocol: 'pikoapp',
                             host: 'linkedme'
                         },
                         intent: {
-                            package: 'com.mango.peko',
+                            package: 'com.mango.piko',
-                            scheme: 'pekoapp',
+                            scheme: 'pikoapp',
                         },
                         universal: {
                             host: 'api.zhongjialx.com',
@@ -118,7 +118,7 @@ const getCode = (mobile) => {
     showLoading()
     $.ajax({
         type: 'POST',
-        url: urlPrefix + '/sms/getCode?app=peko',
+        url: urlPrefix + '/sms/getCode?app=piko',
         data: {
             mobile,
             type: 1
@@ -181,8 +181,8 @@ const drawTicket = (params) => {
                 $('.index-wrap').hide()
                 $('.success-wrap').show()
             } else if (res.code === 230003) {
-                $('.shade-content .title').html('该手机号未注册pekoApp<br>无法领取门票')
+                $('.shade-content .title').html('该手机号未注册pikoApp<br>无法领取门票')
-                $('.shade-content .content-tip').html('请先前往pekoApp完成注册再来领取哦~')
+                $('.shade-content .content-tip').html('请先前往pikoApp完成注册再来领取哦~')
                 $('.shade-content .content-btn').html('去APP内注册>>')
                 $('.shade-mask').show()
             } else if (res.code === 230004) {

view/peko/common/js/common.js

@@ -124,7 +124,7 @@ function checkVersion() {
         webApp: u.indexOf('Safari') > -1, //是否web应该程序，没有头部与底部
         weixin: u.indexOf('MicroMessenger') > -1, //是否微信
         qq: u.match(/\sQQ/i) == " qq", //是否QQ
-        pekoApp: u.match('pekoApp'),
+        pikoApp: u.match('pikoApp'),
         app: u.match('tutuApp') //是否在app内
     };
 }

view/peko/common/js/common2.js

@@ -529,11 +529,13 @@ function getInfoFromClient () {
         console.log('从客户端获取了用户信息（设备信息），此信息来源：common2.js');
         if (browser.android) {
             pubInfo.uid = methodsFromClient.uid.android();
+            pubInfo.roomUid = methodsFromClient.roomUid.android();
             pubInfo.ticket = methodsFromClient.ticket.android();
             pubInfo.deviceId = methodsFromClient.deviceId.android();
             pubInfo.deviceInfo = methodsFromClient.deviceInfo.android();
         } else {
             methodsFromClient.uid.ios();
+            methodsFromClient.roomUid.ios();
             methodsFromClient.ticket.ios();
             methodsFromClient.deviceId.ios();
             methodsFromClient.deviceInfo.ios();
@@ -765,8 +767,8 @@ function networkRequest (reqObj = {}, type) {
     var browser = checkVersion();
     const pubHeader = {};
     pubHeader.app = type != 'yinbaos' ? pubInfo.deviceInfo.app : 'yinbao'
-    // app: 'peko',
+    // app: 'piko',
-    // app: pubInfo.deviceInfo.app.indexOf('peko') != -1 ? 'peko' : 'PlanetStar',
+    // app: pubInfo.deviceInfo.app.indexOf('piko') != -1 ? 'piko' : 'PlanetStar',
     pubHeader.appVersion = pubInfo.deviceInfo.appVersion || ''
     pubHeader.os = pubInfo.deviceInfo.os || ''
     pubHeader.os_version = pubInfo.deviceInfo.osVersion || ''
@@ -793,4 +795,13 @@ function networkRequest (reqObj = {}, type) {
 
     const response = $.ajax(reqObj);
     return response;
+}
+// 控制body是否可以滑动
+function bodyScroolFun (bool) {
+    if (bool) {
+        $('body').css('overflow', 'hidden');
+    } else {
+        $('body').css('overflow', 'auto');
+
+    }
 }

view/peko/home-yinyou/index.html

@@ -25,7 +25,7 @@
     <meta name="msapplication-tap-highlight" content="no">
     <meta name="apple-mobile-web-app-capable" content="no" />
     <meta name="format-detection" content="telephone=no">
-    <title>peko</title>
+    <title>piko</title>
 
     <!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
     <link rel="stylesheet" href="./css/reset.css">

view/peko/home-yinyou/js/index.js

@@ -5,18 +5,18 @@ let urlData = getQueryString()
 let channelData = urlData.channel
 //定义官方渠道包
 const channelDict = {
-  'peko0': 'https://image.lecheng163.com/peko_peko0.apk',
+  'piko0': 'https://image.lecheng163.com/piko_piko0.apk',
-  'peko1': 'https://image.lecheng163.com/peko_peko1.apk',
+  'piko1': 'https://image.lecheng163.com/piko_piko1.apk',
-  'peko2': 'https://image.lecheng163.com/peko_peko2.apk',
+  'piko2': 'https://image.lecheng163.com/piko_piko2.apk',
-  'peko3': 'https://image.lecheng163.com/peko_peko3.apk',
+  'piko3': 'https://image.lecheng163.com/piko_piko3.apk',
-  'peko4': 'https://image.lecheng163.com/peko_peko4.apk',
+  'piko4': 'https://image.lecheng163.com/piko_piko4.apk',
-  'peko5': 'https://image.lecheng163.com/peko_peko5.apk',
+  'piko5': 'https://image.lecheng163.com/piko_piko5.apk',
-  'peko6': 'https://image.lecheng163.com/peko_peko6.apk',
+  'piko6': 'https://image.lecheng163.com/piko_piko6.apk',
-  'peko7': 'https://image.lecheng163.com/peko_peko7.apk',
+  'piko7': 'https://image.lecheng163.com/piko_piko7.apk',
-  'peko8': 'https://image.lecheng163.com/peko_peko8.apk',
+  'piko8': 'https://image.lecheng163.com/piko_piko8.apk',
-  'peko9': 'https://image.lecheng163.com/peko_peko9.apk',
+  'piko9': 'https://image.lecheng163.com/piko_piko9.apk',
-  'peko10': 'https://image.lecheng163.com/peko_peko10.apk',
+  'piko10': 'https://image.lecheng163.com/piko_piko10.apk',
-  'gongzhonghao': 'https://image.lecheng163.com/peko_gongzhonghao.apk',
+  'gongzhonghao': 'https://image.lecheng163.com/piko_gongzhonghao.apk',
   'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
   
   // 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
@@ -25,7 +25,7 @@ $(function () {
   let version = checkVersion()
   //判断url参数是否是与渠道包名一致
   let androidUrl = null;
-  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://image.lecheng163.com/peko_official.apk';
+  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://image.lecheng163.com/piko_official.apk';
   let iosUrl = 'http://doudouyue.com/8axv'   //ios企业包
 //   let iosUrl = 'https://apps.apple.com/cn/app/id1571083482'   //ios商店包
   

view/peko/home-yinyou/support.html

@@ -3,7 +3,7 @@
 <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>peko技术服务支持</title>
+    <title>piko技术服务支持</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/index.css">
     <style>

view/peko/home/index.html

@@ -2,7 +2,7 @@
 <html lang="en">
 
 <head>
-  <meta charset="UTF-8">
+  <meta charset="UTF-8"> 
   <meta name="viewport"
     content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
@@ -25,7 +25,7 @@
   <meta name="msapplication-tap-highlight" content="no">
   <meta name="apple-mobile-web-app-capable" content="no" />
   <meta name="format-detection" content="telephone=no">
-  <title>peko</title>
+  <title>piko</title>
 
   <!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
   <link rel="stylesheet" href="./css/reset.css">

view/peko/home/js/index.js

@@ -7,18 +7,18 @@ const urlPrefix = getUrlPrefix()
 let channelData = urlData.channel
 //定义官方渠道包
 const channelDict = {
-    'peko0': 'https://image.lecheng163.com/peko_peko0.apk',
+    'poke0': 'https://image.lecheng163.com/poke_poke0.apk',
-    'peko1': 'https://image.lecheng163.com/peko_peko1.apk',
+    'poke1': 'https://image.lecheng163.com/poke_poke1.apk',
-    'peko2': 'https://image.lecheng163.com/peko_peko2.apk',
+    'poke2': 'https://image.lecheng163.com/poke_poke2.apk',
-    'peko3': 'https://image.lecheng163.com/peko_peko3.apk',
+    'poke3': 'https://image.lecheng163.com/poke_poke3.apk',
-    'peko4': 'https://image.lecheng163.com/peko_peko4.apk',
+    'poke4': 'https://image.lecheng163.com/poke_poke4.apk',
-    'peko5': 'https://image.lecheng163.com/peko_peko5.apk',
+    'poke5': 'https://image.lecheng163.com/poke_poke5.apk',
-    'peko6': 'https://image.lecheng163.com/peko_peko6.apk',
+    'poke6': 'https://image.lecheng163.com/poke_poke6.apk',
-    'peko7': 'https://image.lecheng163.com/peko_peko7.apk',
+    'poke7': 'https://image.lecheng163.com/poke_poke7.apk',
-    'peko8': 'https://image.lecheng163.com/peko_peko8.apk',
+    'poke8': 'https://image.lecheng163.com/poke_poke8.apk',
-    'peko9': 'https://image.lecheng163.com/peko_peko9.apk',
+    'poke9': 'https://image.lecheng163.com/poke_poke9.apk',
-    'peko10': 'https://image.lecheng163.com/peko_peko10.apk',
+    'poke10': 'https://image.lecheng163.com/poke_poke10.apk',
-    'gongzhonghao': 'https://image.lecheng163.com/peko_gongzhonghao.apk',
+    'gongzhonghao': 'https://image.lecheng163.com/poke_gongzhonghao.apk',
     'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
 
     // 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
@@ -115,6 +115,6 @@ $(function () {
         }
     })
     $('.apk').click(function () {
-        window.location.href = 'https://img.pekolive.com/peko_official.apk'
+        window.location.href = 'https://img.pekolive.com/piko_official.apk'
     })
 })

view/peko/home/support.html

@@ -3,7 +3,7 @@
 <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>peko技术服务支持</title>
+    <title>piko技术服务支持</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/index.css">
     <style>

view/peko/homeCheck/index.html

@@ -25,7 +25,7 @@
   <meta name="msapplication-tap-highlight" content="no">
   <meta name="apple-mobile-web-app-capable" content="no" />
   <meta name="format-detection" content="telephone=no">
-  <title>peko</title>
+  <title>piko</title>
 
   <!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
   <link rel="stylesheet" href="./css/reset.css">

view/peko/homeCheck/js/index.js

@@ -7,18 +7,18 @@ const urlPrefix = getUrlPrefix()
 let channelData = urlData.channel
 //定义官方渠道包
 const channelDict = {
-  'peko0': 'https://image.lecheng163.com/peko_peko0.apk',
+  'piko0': 'https://image.lecheng163.com/piko_piko0.apk',
-  'peko1': 'https://image.lecheng163.com/peko_peko1.apk',
+  'piko1': 'https://image.lecheng163.com/piko_piko1.apk',
-  'peko2': 'https://image.lecheng163.com/peko_peko2.apk',
+  'piko2': 'https://image.lecheng163.com/piko_piko2.apk',
-  'peko3': 'https://image.lecheng163.com/peko_peko3.apk',
+  'piko3': 'https://image.lecheng163.com/piko_piko3.apk',
-  'peko4': 'https://image.lecheng163.com/peko_peko4.apk',
+  'piko4': 'https://image.lecheng163.com/piko_piko4.apk',
-  'peko5': 'https://image.lecheng163.com/peko_peko5.apk',
+  'piko5': 'https://image.lecheng163.com/piko_piko5.apk',
-  'peko6': 'https://image.lecheng163.com/peko_peko6.apk',
+  'piko6': 'https://image.lecheng163.com/piko_piko6.apk',
-  'peko7': 'https://image.lecheng163.com/peko_peko7.apk',
+  'piko7': 'https://image.lecheng163.com/piko_piko7.apk',
-  'peko8': 'https://image.lecheng163.com/peko_peko8.apk',
+  'piko8': 'https://image.lecheng163.com/piko_piko8.apk',
-  'peko9': 'https://image.lecheng163.com/peko_peko9.apk',
+  'piko9': 'https://image.lecheng163.com/piko_piko9.apk',
-  'peko10': 'https://image.lecheng163.com/peko_peko10.apk',
+  'piko10': 'https://image.lecheng163.com/piko_piko10.apk',
-  'gongzhonghao': 'https://image.lecheng163.com/peko_gongzhonghao.apk',
+  'gongzhonghao': 'https://image.lecheng163.com/piko_gongzhonghao.apk',
   'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
 
   // 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
@@ -53,7 +53,7 @@ $(function () {
 
   //判断url参数是否是与渠道包名一致
   let androidUrl = null;
-  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.peko';
+  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.piko';
   let iosUrl = 'http://doudouyue.com/8axv'   //ios企业包
   //   let iosUrl = 'https://apps.apple.com/cn/app/id1571083482'   //ios商店包
 
@@ -117,7 +117,7 @@ $(function () {
   })
   // goglo跳转
   $('.googlePlay').click(function () {
-    window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.peko'
+    window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.piko'
   })
   $('.appleStore').click(function () {
     // console.log(version, 'version');
@@ -128,6 +128,6 @@ $(function () {
     }
   })
   $('.apk').click(function () {
-    window.location.href = 'https://img.pekolive.com/peko_official.apk'
+    window.location.href = 'https://img.pekolive.com/piko_official.apk'
   })
 })

view/peko/homeCheck/support.html

@@ -3,7 +3,7 @@
 <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>peko技术服务支持</title>
+    <title>piko技术服务支持</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/index.css">
     <style>

view/peko/modules/act-treasureSnatching/rule.html

@@ -19,7 +19,7 @@
     <!-- tab切换 -->
     <div class="tab">
         <div class="active">玩法概率<span></span></div>
-        <div>玩法规则<span></span></div>
+        <div>玩法规则<span></span></div> 
     </div>
     <!-- 内容 -->
     <ul class="tab1">
@@ -27,10 +27,10 @@
             <div class="txBox">
                 <img src="" alt="">
             </div>
-            <div class="giftName">我又我又我又啊</div>
+            <div class="giftName"></div>
             <img src="" alt="" class="icon">
-            <div class="score">202.5W</div>
+            <div class="score"></div>
-            <div class="probability">0%</div>
+            <div class="probability"></div>
         </li>
     </ul>
     <div class="tab2">

view/peko/modules/associateAccount/js/index.js

@@ -5,7 +5,7 @@ if (env == 'test') {
     new VConsole();
 }
 
-let appName = 'peko'
+let appName = 'piko'
 
 // 封装layer消息提醒框
 let layerIndex
@@ -100,7 +100,7 @@ $(function () {
         if(browser.android){
             let channel = JSON.parse(pubInfo.deviceInfo).channel
             if(channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1){
-                appName = 'peko'
+                appName = 'piko'
             }
         }
     }

view/peko/modules/game/index.html

@@ -17,7 +17,7 @@
             <div class="avatar"><img src="../../common/images/logo.png" alt=""></div>
             <div class="personal-info">
                 <p class="nickname"></p>
-                <p class="platform-code"><span class="appName">peko</span>號：<span class="erbanNo"></span></p>
+                <p class="platform-code"><span class="appName">piko</span>號：<span class="erbanNo"></span></p>
                 <p class="invite-code">邀请码：<span></span></p>
             </div>
             <div class="qr">
@@ -28,7 +28,7 @@
     <div class="share-btn"></div>
     <div class="rule-wrap">
         <div>分享規則</div>
-        <p>1.分享後好友註冊並下載Peko，填寫您的邀請碼:</p>
+        <p>1.分享後好友註冊並下載piko，填寫您的邀請碼:</p>
         <p>2.同一臺手機設備註冊的用戶，視為同一用戶;</p>
         <p>3.每位新用戶僅能填寫一次邀請碼， 填寫後不可修改。</p>
     </div>

view/peko/modules/game/js/index.js

@@ -44,9 +44,9 @@ let shareObj = {
     type: 2,
     data: {
         msg: 'llllll',
-        title: '來peko，邂逅你的專屬聲音',
+        title: '來piko，邂逅你的專屬聲音',
         imgUrl: 'http://beta.img.pekolive.com/logo.png',
-        desc: '聽聲音玩遊戲交朋友，來peko~',
+        desc: '聽聲音玩遊戲交朋友，來piko~',
     }
 }
 
@@ -67,10 +67,10 @@ const getInviteList = () => {
                 renderUserInfo()
                 renderInviteList()
 
-                if(pubInfo.deviceInfo.app == 'pekoEnterprise'){
+                if(pubInfo.deviceInfo.app == 'pikoEnterprise'){
-                    shareObj.data.link = shareObj.data.showUrl = `${urlPrefixNew}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pekoEnterprise'
+                    shareObj.data.link = shareObj.data.showUrl = `${urlPrefixNew}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pikoEnterprise'
 
-                    $('.qr').qrcode(`${urlPrefixNew}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pekoEnterprise')
+                    $('.qr').qrcode(`${urlPrefixNew}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pikoEnterprise')
                     $('canvas').addClass('active')
                 }else{
                     shareObj.data.link = shareObj.data.showUrl = `${urlPrefixNew}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid
@@ -184,7 +184,7 @@ $(function(){
             if (channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1) {
                 $('.banner img').attr('src', './images/banner-yy.png')
                 $('.avatar img').attr('src', './images/logo-yy.png')
-                $('.appName').html('peko')
+                $('.appName').html('piko')
             }
         }
     }

view/peko/modules/game/js/register.js

@@ -72,7 +72,7 @@ $(function () {
     //         if (channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1) {
     //             $('.avatar img').attr('src', './images/logo-yy.png')
     //             $('.bottom img').attr('src', './images/logo-yy.png')
-    //             $('.appName').html('peko')
+    //             $('.appName').html('piko')
     //         }
     //     }
     // }

view/peko/modules/game/register.html

@@ -9,8 +9,8 @@
     <meta property="og:url" content="" />
       <meta property="fb:app_id" content="1266232494209868" />
       <meta property="og:type" content="website" />
-      <meta property="og:title" content="來peko，邂逅你的專屬聲音" />
+      <meta property="og:title" content="來piko，邂逅你的專屬聲音" />
-      <meta property="og:description" content="聽聲音玩遊戲交朋友，來peko" />
+      <meta property="og:description" content="聽聲音玩遊戲交朋友，來piko" />
       <!-- https://pic.lecheng163.com/ananLogo256.png -->
       <meta class="content_image" property="og:image" content="http://beta.img.pekolive.com/logo-512.png?from_wecom=1" />
       <meta property="og:image:width" content="256">
@@ -22,7 +22,7 @@
 
 <body>
     <div class="avatar"><img src="./images/logo.png" alt=""></div>
-    <p class="tip">邀你来<span class="appName">peko</span>一起聊天打游戏</p>
+    <p class="tip">邀你来<span class="appName">piko</span>一起聊天打游戏</p>
     <div class="form-wrap">
         <div class="verify-wrap">
             <input type="text" placeholder="邀请码：" class="verify-ipt" disabled>
@@ -35,7 +35,7 @@
 
     <div class="bottom">
         <img src="./images/logo.png" alt="">
-        <p>来<span class="appName">peko</span>，邂逅你的專屬聲音~</p>
+        <p>来<span class="appName">piko</span>，邂逅你的專屬聲音~</p>
         <a class="download" id="bomlinkdomload1">下载APP</a>
     </div>
 

view/peko/modules/h5Income/chainBank.html

@@ -36,7 +36,7 @@
         </div>
         <div>
             <span>手機號碼</span>
-            <input class="phone" type="number" placeholder="請輸入手機號碼">
+            <input class="phone" type="text" placeholder="請輸入手機號碼">
         </div>
         <div>
             <span>支付寶號</span>

view/peko/modules/h5Income/index.html

@@ -19,7 +19,7 @@
     <div class="myInfo">
         <img src="./images/login/logo.png" alt="">
         <div>
-            <p>Peko</p>
+            <p>piko</p>
             <b>ID:</b>
         </div>
     </div>

view/peko/modules/h5Income/js/chainBank.js

@@ -178,7 +178,12 @@ $('.but').click(function () {
             toastMsg('請上傳身份證');
             return;
         }
-        withdrawUserAccount($('.box1 div .name').val(), $('.box1 div .card').val(), $('.box2 div .bankCard').val(), $('.box2 div .phone').val(), $('.box2 div .alipay').val(), $('.box2 div .address').val(),
+        withdrawUserAccount($('.box1 div .name').val(),
+            $('.box1 div .card').val(),
+            $('.box2 div .bankCard').val(),
+            $('.box2 div .phone').val(),
+            $('.box2 div .alipay').val(),
+            $('.box2 div .address').val(),
             $('.box3 .idBox .z .documents').attr('src'),
             $('.box3 .idBox .f .documents').attr('src'));
     }

view/peko/modules/h5Income/js/login.js

@@ -193,11 +193,11 @@ $('.box .hone').click(function () {
     if (idOrPhone) {
         $('.idLogin').show();
         $('.phone').hide();
-        $('.box .hone').text('Peko手機號登錄');
+        $('.box .hone').text('piko手機號登錄');
     } else {
         $('.phone').show();
         $('.idLogin').hide();
-        $('.box .hone').text('Peko賬號登錄');
+        $('.box .hone').text('piko賬號登錄');
     }
 })
 // 打開選擇區號

view/peko/modules/h5Income/js/other.js

@@ -181,10 +181,10 @@ $('.but').click(function () {
             return;
         }
         withdrawUserAccount(
-            $('.box1 div .bankCard').val(),
+            $('.box2 div .bankCard').val(),
-            $('.box1 div .name').val(),
+            $('.box2 div .name').val(),
-            $('.box1 div .card').val(),
+            $('.box2 div .card').val(),
-            $('.box1 div .phone').val(),
+            $('.box2 div .phone').val(),
             $('.box3 .idBox .z .documents').attr('src'),
             $('.box3 .idBox .f .documents').attr('src')
         );

view/peko/modules/h5Income/login.html

@@ -23,7 +23,7 @@
     <div class="box">
         <!-- 賬號登入 -->
         <div class="idLogin">
-            <input type="number" class="id" placeholder="請輸入Peko賬號">
+            <input type="number" class="id" placeholder="請輸入piko賬號">
             <input type="password" class="password" placeholder="請輸入密碼">
         </div>
         <!-- 手機號登入 -->
@@ -41,7 +41,7 @@
         </div>
         <!-- 登入按鈕 -->
         <div class="but">登錄</div>
-        <div class="hone">Peko手機號登錄</div>
+        <div class="hone">piko手機號登錄</div>
     </div>
     <!-- 區號選擇 -->
     <div class="area">

view/peko/modules/h5Income/withdrawal.html

@@ -19,7 +19,7 @@
     <div class="myInfo">
         <img src="./images/login/logo.png" alt="">
         <div>
-            <p>Peko</p>
+            <p>piko</p>
             <b>ID:</b>
         </div>
     </div>

view/peko/modules/identity/index.html

@@ -48,7 +48,7 @@
       <div class="title">认证须知</div>
       <p>1.该认证仅支持中国内地（不含港澳台地区）的用户。</p>
       <p>2.请确保填写身份证信息真实并与本人一致。</p>
-      <p>3.根据国家相关的法律法规，您需要提供您的真实身份信息（真实姓名、身份证号）、身份证正反面照片、面部信息以完成实名验证。您所提供的身份信息仅用于身份验证，未经您本人的许可不会被用于其他用途。这些信息属于个人敏感信息，我们将会尽可能的保护您个人敏感信息的安全。如果您不提供这些信息，您将不能使用提现等相关功能，但不影响您继续使用"peko"的其他服务。</p>
+      <p>3.根据国家相关的法律法规，您需要提供您的真实身份信息（真实姓名、身份证号）、身份证正反面照片、面部信息以完成实名验证。您所提供的身份信息仅用于身份验证，未经您本人的许可不会被用于其他用途。这些信息属于个人敏感信息，我们将会尽可能的保护您个人敏感信息的安全。如果您不提供这些信息，您将不能使用提现等相关功能，但不影响您继续使用"piko"的其他服务。</p>
       <p>4.为保护用户权益，开启实名认证后我们将不提供解除恢复的功能，请谅解。</p>
       <p>5.一个身份证最多用于5个用户账号的实名认证。</p>
     </div>

view/peko/modules/identity/js/new.js

@@ -21,7 +21,7 @@ $(function () {
     if (browser.android) {
       let channel = JSON.parse(pubInfo.deviceInfo).channel
       if (channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1) {
-        $('.appName').html('peko')
+        $('.appName').html('piko')
       }
     }
   }

view/peko/modules/identity/new.html

@@ -50,7 +50,7 @@
             <div class="title">认证须知</div>
             <p>1.该认证仅支持中国内地（不含港澳台地区）的用户。</p>
             <p>2.请确保填写身份证信息真实并与本人一致。</p>
-            <p>3.根据国家相关的法律法规，您需要提供您的真实身份信息（真实姓名、身份证号）、身份证正反面照片、面部信息以完成实名验证。您所提供的身份信息仅用于身份验证，未经您本人的许可不会被用于其他用途。这些信息属于个人敏感信息，我们将会尽可能的保护您个人敏感信息的安全。如果您不提供这些信息，您将不能使用提现等相关功能，但不影响您继续使用"<span class="appName">peko</span>"的其他服务。</p>
+            <p>3.根据国家相关的法律法规，您需要提供您的真实身份信息（真实姓名、身份证号）、身份证正反面照片、面部信息以完成实名验证。您所提供的身份信息仅用于身份验证，未经您本人的许可不会被用于其他用途。这些信息属于个人敏感信息，我们将会尽可能的保护您个人敏感信息的安全。如果您不提供这些信息，您将不能使用提现等相关功能，但不影响您继续使用"<span class="appName">piko</span>"的其他服务。</p>
             <p>4.为保护用户权益，开启实名认证后我们将不提供解除恢复的功能，请谅解。</p>
             <p>5.一个身份证最多用于5个用户账号的实名认证。</p>
             <p>6.若人脸认证遇到问题，<a href="../rule/identity-rule.html">请点击这里</a></p>
@@ -97,7 +97,7 @@
             appname.html("hello处CP");
             $('.link-1').attr('href', '../rule/live-protocol.html?platform=planet')
         } else {
-            appname.html("peko");
+            appname.html("piko");
         }
     </script>
 </body>

view/peko/modules/inform/help.html

@@ -72,7 +72,7 @@
   if(locateObj.platform == "planet"){
     appname.html("hello处CP");
   }else{
-    appname.html("peko");
+    appname.html("piko");
   }
 </script>
 </html>

view/peko/modules/inviteCode/index.html

@@ -25,7 +25,7 @@
     <div class="invite-rule-wrap">
         <div class="invite-rule-title">邀请规则</div>
         <div class="invite-rule-item">
-            1. 好友下载并注册peko，填写你的邀请码；<br> 2. 同一台手机设备注册的用户，视为同一用户；<br> 3. 每位新用户仅能填写一次邀请码，填写后不可修改。
+            1. 好友下载并注册piko，填写你的邀请码；<br> 2. 同一台手机设备注册的用户，视为同一用户；<br> 3. 每位新用户仅能填写一次邀请码，填写后不可修改。
         </div>
     </div>
 

view/peko/modules/inviteCode/js/index.js

@@ -9,7 +9,7 @@ if (EnvCheck() === 'test') {
     new VConsole()
 }
 let share = {
-    title: '玩游戏交朋友，来peko',
+    title: '玩游戏交朋友，来piko',
     // link: link,
     desc: '人美声甜小姐姐在线连麦陪玩，有趣的人正在等你~',
     imgUrl: 'https://api.pekolive.com/peko/modules/wxPubPay/images/logo.png'
@@ -50,7 +50,7 @@ $(function () {
     function getData() {
         $.ajax({
             type: 'GET',
-            url: '/inviteCode/getList?app=peko',
+            url: '/inviteCode/getList?app=piko',
             headers: {
                 pub_ticket: info.ticket,
                 pub_uid: info.uid

view/peko/modules/inviteCode/share.html

@@ -4,7 +4,7 @@
 <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>peko</title>
+    <title>piko</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/share.css">
 
@@ -14,7 +14,7 @@
 <body>
     <div class="wrap">
         <img src="" alt="">
-        <div class="text">邀你一起来畅游peko</div>
+        <div class="text">邀你一起来畅游piko</div>
         <div class="code-text">注 册 时 请 填 邀 请 码，点 击 复 制</div>
         <div class="code" data-clipboard-target="#int"></div>
         <input type="text" style="opacity:0;z-index:-1" id="int">

view/peko/modules/level/index.html

@@ -76,7 +76,7 @@
         </div>
         <!-- <div class="explain">
           <p class="explain-tit">等级说明</p>
-          <p class="explain-title">魅力等级是您在peko个人魅力的成长属性，每收到1个鉆石的礼物，积累一点魅力值，随着您的等级上升，您的等级标致会有相应的颜色变化。</p>
+          <p class="explain-title">魅力等级是您在piko个人魅力的成长属性，每收到1个鉆石的礼物，积累一点魅力值，随着您的等级上升，您的等级标致会有相应的颜色变化。</p>
         </div> -->
         <img class="explain-img" src="./images/charm.png" alt="">
       </div>

view/peko/modules/logout/confirm.html

@@ -20,9 +20,9 @@
             账号注销后,你将无法使用本软件提供的各项服务,  你所获得的道具，积分，资格等等内容等视为你自行放弃，同样将无法继续使用。你理解并同意，本软件无法协助你重新回复前述服务。
         </div>
         <div class="tip1">
-            请再次确认以上信息,确认后,在下方输入框中输入“我已知晓并确认账号注销”点击确认注销后完成注销操作
+            请再次确认以上信息,确认后,在下方输入框中输入“我已知曉並确認賬號注銷”点击确认注销后完成注销操作
         </div>
-        <input type="text" placeholder="请输入：我已知晓并确认账号注销" class="ipt">
+        <input type="text" placeholder="请输入：我已知曉並确認賬號注銷" class="ipt">
         <div class="confirm_btn">确认注销</div>
     </div>
 
@@ -30,7 +30,7 @@
         <div class="content">
             <div class="popup_title">确认账号信息</div>
             <div class="nick">昵称：<span></span></div>
-            <div class="erbanNo">peko号：<span></span></div>
+            <div class="erbanNo">piko号：<span></span></div>
             <div class="popup_tip">确认注销该账号</div>
             <div class="popup_btn_wrap">
                 <div class="cancel">取消</div>

view/peko/modules/logout/js/confirm.js

@@ -13,11 +13,11 @@ $(function(){
 
     $('.confirm_btn').click(() => {
         text = $('.ipt').val().trim()
-        if (text === '我已知晓并确认账号注销') {
+        if (text === '我已知曉並确認賬號注銷') {
             getUserInfo()
             $('.popup').show()
         } else {
-            toastMsg('输入错误，请检查输入内容')
+            toastMsg('輸入錯誤，請檢查輸入內容')
         }
     })
 
@@ -56,7 +56,8 @@ const confirmLogout = (text) => {
         type: 'POST',
         url: urlPrefix + '/user/cancel/users',
         data: {
-            confirmTxt : text
+            // confirmTxt : text
+            confirmTxt : '我已知晓并确认账号注销',
         },
         success(res) {
             if (res.code === 200) {

view/peko/modules/luckyTarot/css/index.css

@@ -0,0 +1,618 @@
+body {
+  width: 100%;
+  height: 21.6533333333rem;
+  background: url(../images/bg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto;
+  position: relative;
+  box-sizing: border-box;
+  padding-top: 2.0933333333rem;
+}
+
+.back {
+  position: fixed;
+  top: 0.9333333333rem;
+  left: 0.4533333333rem;
+  z-index: 9999;
+  width: 0.8266666667rem;
+  height: 0.8266666667rem;
+}
+.back img {
+  width: 100%;
+  height: 100%;
+}
+.back p {
+  color: #fff;
+  font-size: 0.4266666667rem;
+  position: absolute;
+  width: 9rem;
+  left: 0;
+  top: 0;
+  height: 100%;
+  text-align: center;
+  line-height: 0.8266666667rem;
+}
+
+.header {
+  width: 9.12rem;
+  height: 3.04rem;
+  margin: 0 auto 0rem;
+  display: block;
+  position: relative;
+  z-index: 3;
+}
+
+.roulette {
+  width: 10rem;
+  height: 11.3333333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0rem;
+}
+.roulette .roulette_in {
+  width: 100%;
+  height: 100%;
+}
+.roulette .roulette_in canvas {
+  width: 100%;
+  height: 100%;
+}
+
+.gold_10 {
+  width: 6.4266666667rem;
+  height: 0.6933333333rem;
+  margin: 0rem auto 0.2666666667rem;
+  display: block;
+  position: relative;
+  z-index: 3;
+}
+
+.rule {
+  width: 0.68rem;
+  height: 1.8666666667rem;
+  background: url(../images/icon.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 2.8133333333rem;
+  right: 0;
+  color: #FFE7A9;
+  font-size: 0.2933333333rem;
+  text-align: center;
+  padding: 0.3333333333rem 0.1333333333rem 0.3066666667rem 0.2666666667rem;
+  box-sizing: border-box;
+  z-index: 3;
+}
+
+.record {
+  width: 0.68rem;
+  height: 1.8666666667rem;
+  background: url(../images/icon.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 4.8533333333rem;
+  right: 0;
+  color: #FFE7A9;
+  font-size: 0.2933333333rem;
+  text-align: center;
+  padding: 0.3333333333rem 0.1333333333rem 0.3066666667rem 0.2666666667rem;
+  box-sizing: border-box;
+  z-index: 9;
+}
+
+.tarotBox {
+  width: 9.8266666667rem;
+  height: 14.1333333333rem;
+  background: url(../images/middleBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  position: relative;
+}
+.tarotBox .tabBox {
+  width: 9.56rem;
+  height: 1.3066666667rem;
+  display: flex;
+  justify-content: space-between;
+  background: url(../images/tabBox.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto;
+}
+.tarotBox .tabBox div {
+  width: 3.3733333333rem;
+  height: 100%;
+  color: #FEF0C0;
+  font-size: 0.3733333333rem;
+  text-align: center;
+  box-sizing: border-box;
+  padding-top: 0.3466666667rem;
+}
+.tarotBox .tabBox div b {
+  color: #FEF0C0;
+  font-size: 0.24rem;
+  margin-top: 0.04rem;
+  display: block;
+}
+.tarotBox .tabBox .active1 {
+  background: url(../images/active1.png) no-repeat;
+  background-size: 100% 100%;
+  color: #FFFFFF;
+}
+.tarotBox .tabBox .active1 b {
+  color: #FFFFFF;
+}
+.tarotBox .tabBox .active2 {
+  background: url(../images/active2.png) no-repeat;
+  background-size: 100% 100%;
+  color: #FFFFFF;
+}
+.tarotBox .tabBox .active2 b {
+  color: #FFFFFF;
+}
+.tarotBox .tabBox .active3 {
+  background: url(../images/active3.png) no-repeat;
+  background-size: 100% 100%;
+  color: #FFFFFF;
+}
+.tarotBox .tabBox .active3 b {
+  color: #FFFFFF;
+}
+.tarotBox .gradeText {
+  position: absolute;
+  left: 0.9866666667rem;
+  top: 1.4666666667rem;
+  color: #FFEAA9;
+  font-size: 0.32rem;
+}
+.tarotBox .diamond {
+  min-width: 1.9733333333rem;
+  height: 0.5866666667rem;
+  border-radius: 0.5866666667rem;
+  line-height: 0.5866666667rem;
+  position: absolute;
+  right: 0.96rem;
+  top: 1.28rem;
+  background: #343662;
+  color: #FFFFFF;
+  border: 0.0133333333rem solid #FFF3B1;
+  box-sizing: border-box;
+  vertical-align: middle;
+}
+.tarotBox .diamond .diamondIcon {
+  display: inline-block;
+  width: 0.3866666667rem;
+  height: 0.28rem;
+  margin-top: 0.16rem;
+  margin-left: 0.1733333333rem;
+}
+.tarotBox .diamond b {
+  font-size: 0.2666666667rem;
+  display: inline-block;
+  margin: 0 0.0933333333rem;
+}
+.tarotBox .diamond .add {
+  width: 0.24rem;
+  height: 0.24rem;
+  display: inline-block;
+  margin-top: 0.1733333333rem;
+  margin-right: 0.1866666667rem;
+}
+.tarotBox .cardBox {
+  width: 1.9733333333rem;
+  height: 3.2133333333rem;
+  position: absolute;
+  z-index: 3;
+}
+.tarotBox .card1 {
+  background: url(../images/card.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card2 {
+  background: url(../images/card2.png) no-repeat;
+  background-size: 100% 100%;
+  display: none;
+}
+.tarotBox .card3 {
+  background: url(../images/card3.png) no-repeat;
+  background-size: 100% 100%;
+  display: none;
+}
+.tarotBox .card1_active {
+  background: url(../images/card1_active.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card2_active {
+  background: url(../images/card2_active.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card3_active {
+  background: url(../images/card3_active.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card_not {
+  background: url(../images/not.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card_winning1 {
+  background: url(../images/winning1.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card_winning2 {
+  background: url(../images/winning2.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card_winning3 {
+  background: url(../images/winning3.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .cardBox0 {
+  left: 0.9466666667rem;
+  top: 2.0933333333rem;
+}
+.tarotBox .cardBox1 {
+  left: 2.9866666667rem;
+  top: 2.0933333333rem;
+}
+.tarotBox .cardBox2 {
+  left: 5.04rem;
+  top: 2.0933333333rem;
+}
+.tarotBox .cardBox3 {
+  left: 7.08rem;
+  top: 2.0933333333rem;
+}
+.tarotBox .cardBox4 {
+  left: 7.08rem;
+  top: 5.52rem;
+}
+.tarotBox .cardBox5 {
+  left: 7.08rem;
+  top: 8.8533333333rem;
+}
+.tarotBox .cardBox6 {
+  left: 5.04rem;
+  top: 8.8533333333rem;
+}
+.tarotBox .cardBox7 {
+  left: 2.9866666667rem;
+  top: 8.8533333333rem;
+}
+.tarotBox .cardBox8 {
+  left: 0.9466666667rem;
+  top: 8.8533333333rem;
+}
+.tarotBox .cardBox9 {
+  left: 0.9466666667rem;
+  top: 5.52rem;
+}
+.tarotBox .cardBoxBut {
+  width: 2.5066666667rem;
+  height: 0.9866666667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 7.4666666667rem;
+  z-index: 3;
+}
+.tarotBox .butAgain {
+  width: 2.5066666667rem;
+  height: 0.9866666667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 7.4666666667rem;
+  display: none;
+  z-index: 3;
+}
+.tarotBox .gonggao {
+  width: 100%;
+  height: 1.3rem;
+  box-sizing: border-box;
+  position: absolute;
+  left: 0;
+  top: 12.25rem;
+  overflow: hidden;
+}
+.tarotBox .gonggao .ul1 {
+  width: 100%;
+  height: 100%;
+}
+.tarotBox .gonggao .ul1 li {
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-size: 0.32rem;
+  margin-bottom: 0.1466666667rem;
+}
+.tarotBox .gonggao .ul1 li b {
+  color: #FFEAA9;
+}
+.tarotBox .gonggao .ul1 li i {
+  font-style: normal;
+  color: #80E6FF;
+}
+.tarotBox .cardBoxText_gift {
+  width: 4.2666666667rem;
+  height: 3.0133333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.76rem;
+  color: #FEF0C0;
+  font-size: 0.4rem;
+  text-align: center;
+}
+.tarotBox .cardBoxText_gx {
+  width: 4.2666666667rem;
+  height: 3.0133333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.52rem;
+  box-sizing: border-box;
+  padding-top: 0.88rem;
+  display: none;
+}
+.tarotBox .cardBoxText_gx p {
+  width: 100%;
+  text-align: center;
+  margin-bottom: 0.2133333333rem;
+  color: #FFE26D;
+  font-size: 0.3733333333rem;
+}
+.tarotBox .cardBoxText_gx p i {
+  font-style: normal;
+}
+.tarotBox .cardBoxText_gx p b {
+  color: #FFE26D;
+}
+.tarotBox .cardBoxText_no {
+  width: 4.2666666667rem;
+  height: 3.0133333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.52rem;
+  box-sizing: border-box;
+  padding-top: 0.88rem;
+  display: none;
+}
+.tarotBox .cardBoxText_no p {
+  width: 100%;
+  text-align: center;
+  margin-bottom: 0.2133333333rem;
+  color: #fff;
+  font-size: 0.3733333333rem;
+}
+.tarotBox .cardBoxText_no p i {
+  font-style: normal;
+}
+.tarotBox .cardBoxText_no p b {
+  color: #80E6FF;
+}
+.tarotBox .cardBoxText {
+  width: 4.2666666667rem;
+  height: 3.0133333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.52rem;
+  box-sizing: border-box;
+  padding-top: 0.88rem;
+  z-index: 3;
+}
+.tarotBox .cardBoxText p {
+  width: 100%;
+  text-align: center;
+  margin-bottom: 0.2133333333rem;
+  color: #fff;
+  font-size: 0.3733333333rem;
+}
+.tarotBox .cardBoxText p i {
+  font-style: normal;
+}
+.tarotBox .cardBoxText p b {
+  color: #80E6FF;
+}
+.tarotBox .star {
+  width: 4.48rem;
+  height: 3.8666666667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.52rem;
+}
+.tarotBox .star .star_in {
+  width: 100%;
+  height: 100%;
+}
+.tarotBox .star .star_in canvas {
+  width: 100%;
+  height: 100%;
+}
+
+h3 {
+  width: 100%;
+  margin-bottom: 0.16rem;
+  color: #D7D9F7;
+  font-size: 0.24rem;
+  text-align: center;
+}
+
+.rule_pub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99999;
+  background: rgba(0, 0, 0, 0.4);
+  display: none;
+}
+.rule_pub .rule_pub_in {
+  width: 8.72rem;
+  height: 11.6533333333rem;
+  background: url(../images/rule.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.rule_pub .rule_pub_in .close {
+  position: absolute;
+  width: 0.9066666667rem;
+  height: 0.9066666667rem;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: -1.3333333333rem;
+}
+
+.winningRecord {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99999;
+  background: rgba(0, 0, 0, 0.4);
+  display: none;
+}
+.winningRecord .winningRecord_in {
+  width: 8.72rem;
+  height: 11.6533333333rem;
+  background: url(../images/winningRecord.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.winningRecord .winningRecord_in .title {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 0.4266666667rem;
+}
+.winningRecord .winningRecord_in .title div {
+  width: 25%;
+  color: #FFFFFF;
+  font-size: 0.3733333333rem;
+  margin-top: 2.1866666667rem;
+  text-align: center;
+}
+.winningRecord .winningRecord_in ul {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 0.04rem;
+  height: 8rem;
+  margin: 0 auto;
+  overflow-y: scroll;
+}
+.winningRecord .winningRecord_in ul::-webkit-scrollbar {
+  width: 0;
+  display: none;
+}
+.winningRecord .winningRecord_in ul li {
+  background: none;
+  width: 100%;
+  height: 1.0666666667rem;
+  line-height: 1.0666666667rem;
+  color: #FFEE9D;
+  font-size: 0.3466666667rem;
+  display: flex;
+  justify-content: space-between;
+  overflow: hidden;
+}
+.winningRecord .winningRecord_in ul li div {
+  text-align: center;
+  width: 25%;
+}
+.winningRecord .winningRecord_in ul li .box {
+  line-height: 1.0666666667rem;
+}
+.winningRecord .winningRecord_in ul li .box_acitve {
+  line-height: 0.45rem;
+  margin-top: 0.1rem;
+}
+.winningRecord .winningRecord_in ul li .time {
+  line-height: 0.4rem;
+  margin-top: 0.2rem;
+}
+.winningRecord .winningRecord_in ul .active {
+  background: rgba(135, 133, 243, 0.6);
+}
+.winningRecord .winningRecord_in .close {
+  position: absolute;
+  width: 0.9066666667rem;
+  height: 0.9066666667rem;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: -1.3333333333rem;
+}
+
+.shade-mask-fragmentNum {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 99999;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 8rem;
+  height: 8rem;
+  background: white;
+  border-radius: 0.32rem;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-title {
+  font-size: 0.48rem;
+  font-weight: bold;
+  color: #333333;
+  margin-top: 0.5066666667rem;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum img {
+  width: 1.6rem;
+  width: 1.6rem;
+  margin-top: 1.44rem;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum p {
+  font-size: 0.4rem;
+  font-weight: 600;
+  color: #333333;
+  margin-top: 0.6666666667rem;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap {
+  display: flex;
+  justify-content: space-between;
+  width: 6.8266666667rem;
+  height: 1.0133333333rem;
+  margin-top: 1.2rem;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .cancel-btn,
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .confirm-btn {
+  width: 3.2rem;
+  height: 1.0133333333rem;
+  line-height: 1.0133333333rem;
+  text-align: center;
+  border-radius: 0.5066666667rem;
+  font-size: 0.3733333333rem;
+  font-weight: 600;
+  background-color: #EAE5FC;
+  color: #7154EE;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .confirm-btn {
+  background-color: #735FFE;
+  color: #fff;
+}
+
+/*# sourceMappingURL=index.css.map */

view/peko/modules/luckyTarot/css/index.scss

@@ -0,0 +1,710 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html {}
+
+body {
+    width: 100%;
+    height: px2rem(1624, );
+    background: url(../images/bg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto;
+    position: relative;
+    box-sizing: border-box;
+    padding-top: 2.0933333333rem;
+    // overflow-y: scroll;
+}
+
+.back {
+    position: fixed;
+    top: px2rem(70, );
+    left: px2rem(34, );
+    z-index: 9999;
+    width: px2rem(62, );
+    height: px2rem(62, );
+
+    img {
+        width: 100%;
+        height: 100%;
+    }
+
+    p {
+        color: #fff;
+        font-size: px2rem(32, );
+        position: absolute;
+        width: 9rem;
+        left: 0;
+        top: 0;
+        height: 100%;
+        text-align: center;
+        line-height: px2rem(62, );
+    }
+}
+
+.header {
+    width: px2rem(684, );
+    height: px2rem(228, );
+    margin: 0 auto px2rem(0, );
+    display: block;
+    position: relative;
+    z-index: 3;
+}
+
+.roulette {
+    width: px2rem(750, );
+    height: px2rem(850, );
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    top: px2rem(0, );
+
+    .roulette_in {
+        width: 100%;
+        height: 100%;
+
+        canvas {
+            width: 100%;
+            height: 100%;
+        }
+    }
+}
+
+.gold_10 {
+    width: px2rem(482, );
+    height: px2rem(52, );
+    margin: px2rem(0, ) auto px2rem(20, );
+    display: block;
+    position: relative;
+    z-index: 3;
+}
+
+.rule {
+    width: px2rem(51, );
+    height: px2rem(140, );
+    background: url(../images/icon.png) no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    top: px2rem(211, );
+    right: 0;
+    color: #FFE7A9;
+    font-size: px2rem(22, );
+    text-align: center;
+    padding: px2rem(25, ) px2rem(10, ) px2rem(23, ) px2rem(20, );
+    box-sizing: border-box;
+    z-index: 3;
+}
+
+.record {
+    width: px2rem(51, );
+    height: px2rem(140, );
+    background: url(../images/icon.png) no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    top: px2rem(364, );
+    right: 0;
+    color: #FFE7A9;
+    font-size: px2rem(22, );
+    text-align: center;
+    padding: px2rem(25, ) px2rem(10, ) px2rem(23, ) px2rem(20, );
+    box-sizing: border-box;
+    z-index: 9;
+}
+
+.tarotBox {
+    width: px2rem(737, );
+    height: px2rem(1060, );
+    background: url(../images/middleBg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto 0;
+    position: relative;
+
+    .tabBox {
+        width: px2rem(717, );
+        height: px2rem(98, );
+        display: flex;
+        justify-content: space-between;
+        background: url(../images/tabBox.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto;
+
+        div {
+            width: px2rem(253, );
+            height: 100%;
+            color: #FEF0C0;
+            font-size: px2rem(28, );
+            text-align: center;
+            box-sizing: border-box;
+            padding-top: px2rem(26, );
+
+            b {
+                color: #FEF0C0;
+                font-size: px2rem(18, );
+                margin-top: px2rem(3, );
+                display: block;
+            }
+        }
+
+        .active1 {
+            background: url(../images/active1.png) no-repeat;
+            background-size: 100% 100%;
+            color: #FFFFFF;
+
+            b {
+                color: #FFFFFF;
+            }
+        }
+
+        .active2 {
+            background: url(../images/active2.png) no-repeat;
+            background-size: 100% 100%;
+            color: #FFFFFF;
+
+            b {
+                color: #FFFFFF;
+            }
+        }
+
+        .active3 {
+            background: url(../images/active3.png) no-repeat;
+            background-size: 100% 100%;
+            color: #FFFFFF;
+
+            b {
+                color: #FFFFFF;
+            }
+        }
+    }
+
+    .gradeText {
+        position: absolute;
+        left: px2rem(74, );
+        top: px2rem(110, );
+        color: #FFEAA9;
+        font-size: px2rem(24, );
+    }
+
+    .diamond {
+        min-width: px2rem(148, );
+        height: px2rem(44, );
+        border-radius: px2rem(44, );
+        line-height: px2rem(44, );
+        position: absolute;
+        right: px2rem(72, );
+        top: px2rem(96, );
+        background: #343662;
+        color: #FFFFFF;
+        border: px2rem(1, ) solid #FFF3B1;
+        box-sizing: border-box;
+        vertical-align: middle;
+
+        .diamondIcon {
+            display: inline-block;
+            width: px2rem(29, );
+            height: px2rem(21, );
+            margin-top: px2rem(12, );
+            margin-left: px2rem(13, );
+        }
+
+        b {
+            font-size: px2rem(20, );
+            display: inline-block;
+            margin: 0 px2rem(7, );
+        }
+
+        .add {
+            width: px2rem(18, );
+            height: px2rem(18, );
+            display: inline-block;
+            margin-top: px2rem(13, );
+            margin-right: px2rem(14, );
+        }
+    }
+
+    .cardBox {
+        width: px2rem(148, );
+        height: px2rem(241, );
+        position: absolute;
+        z-index: 3;
+        // transition: all 1s;
+    }
+
+    .card1 {
+        background: url(../images/card.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+
+    .card2 {
+        background: url(../images/card2.png) no-repeat;
+        background-size: 100% 100%;
+        display: none;
+    }
+
+
+    .card3 {
+        background: url(../images/card3.png) no-repeat;
+        background-size: 100% 100%;
+        display: none;
+    }
+
+    .card1_active {
+        background: url(../images/card1_active.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .card2_active {
+        background: url(../images/card2_active.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .card3_active {
+        background: url(../images/card3_active.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .card_not {
+        background: url(../images/not.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .card_winning1 {
+        background: url(../images/winning1.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .card_winning2 {
+        background: url(../images/winning2.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .card_winning3 {
+        background: url(../images/winning3.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .cardBox0 {
+        left: px2rem(71, );
+        top: px2rem(157, );
+    }
+
+    .cardBox1 {
+        left: px2rem(224, );
+        top: px2rem(157, );
+    }
+
+    .cardBox2 {
+        left: px2rem(378, );
+        top: px2rem(157, );
+    }
+
+    .cardBox3 {
+        left: px2rem(531, );
+        top: px2rem(157, );
+    }
+
+    .cardBox4 {
+        left: px2rem(531, );
+        top: px2rem(414, );
+    }
+
+    .cardBox5 {
+        left: px2rem(531, );
+        top: px2rem(664, );
+    }
+
+    .cardBox6 {
+        left: px2rem(378, );
+        top: px2rem(664, );
+    }
+
+    .cardBox7 {
+        left: px2rem(224, );
+        top: px2rem(664, );
+    }
+
+    .cardBox8 {
+        left: px2rem(71, );
+        top: px2rem(664, );
+    }
+
+    .cardBox9 {
+        left: px2rem(71, );
+        top: px2rem(414, );
+    }
+
+    .cardBoxBut {
+        width: px2rem(188, );
+        height: px2rem(74, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(560, );
+        z-index: 3;
+    }
+
+    .butAgain {
+        width: px2rem(188, );
+        height: px2rem(74, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(560, );
+        display: none;
+        z-index: 3;
+    }
+
+    .gonggao {
+        width: 100%;
+        height: 1.3rem;
+        box-sizing: border-box;
+        position: absolute;
+        left: 0;
+        top: 12.25rem;
+        overflow: hidden;
+
+        .ul1 {
+            width: 100%;
+            height: 100%;
+
+            li {
+                width: 100%;
+                text-align: center;
+                color: #fff;
+                font-size: px2rem(24, );
+                margin-bottom: px2rem(11, );
+
+                b {
+                    color: #FFEAA9;
+                }
+
+                i {
+                    font-style: normal;
+                    color: #80E6FF;
+                }
+            }
+        }
+    }
+
+    .cardBoxText_gift {
+        width: px2rem(320, );
+        height: px2rem(226, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(432, );
+        color: #FEF0C0;
+        font-size: px2rem(30, );
+        text-align: center;
+    }
+
+    .cardBoxText_gx {
+        width: px2rem(320, );
+        height: px2rem(226, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(414, );
+        box-sizing: border-box;
+        padding-top: px2rem(66, );
+        display: none;
+
+        p {
+            width: 100%;
+            text-align: center;
+            margin-bottom: px2rem(16, );
+            color: #FFE26D;
+            font-size: px2rem(28, );
+
+            i {
+                font-style: normal;
+            }
+
+            b {
+                color: #FFE26D;
+            }
+        }
+    }
+
+    .cardBoxText_no {
+        width: px2rem(320, );
+        height: px2rem(226, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(414, );
+        box-sizing: border-box;
+        padding-top: px2rem(66, );
+        display: none;
+
+        p {
+            width: 100%;
+            text-align: center;
+            margin-bottom: px2rem(16, );
+            color: #fff;
+            font-size: px2rem(28, );
+
+            i {
+                font-style: normal;
+            }
+
+            b {
+                color: #80E6FF;
+            }
+        }
+    }
+
+    .cardBoxText {
+        width: px2rem(320, );
+        height: px2rem(226, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(414, );
+        box-sizing: border-box;
+        padding-top: px2rem(66, );
+        z-index: 3;
+
+        p {
+            width: 100%;
+            text-align: center;
+            margin-bottom: px2rem(16, );
+            color: #fff;
+            font-size: px2rem(28, );
+
+            i {
+                font-style: normal;
+            }
+
+            b {
+                color: #80E6FF;
+            }
+        }
+    }
+
+    .star {
+        width: px2rem(336, );
+        height: px2rem(290, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(414, );
+
+        .star_in {
+            width: 100%;
+            height: 100%;
+
+            canvas {
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+}
+
+h3 {
+    width: 100%;
+    margin-bottom: px2rem(12, );
+    color: #D7D9F7;
+    font-size: px2rem(18, );
+    text-align: center;
+}
+
+.rule_pub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99999;
+    background: rgba(0, 0, 0, .4);
+    display: none;
+
+    .rule_pub_in {
+        width: px2rem(654, );
+        height: px2rem(874, );
+        background: url(../images/rule.png) no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .close {
+            position: absolute;
+            width: px2rem(68, );
+            height: px2rem(68, );
+            left: 50%;
+            transform: translateX(-50%);
+            bottom: px2rem(-100, );
+        }
+    }
+}
+
+.winningRecord {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99999;
+    background: rgba(0, 0, 0, .4);
+    display: none;
+
+    .winningRecord_in {
+        width: px2rem(654, );
+        height: px2rem(874, );
+        background: url(../images/winningRecord.png) no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .title {
+            width: 100%;
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: px2rem(32, );
+
+            div {
+                width: 25%;
+                color: #FFFFFF;
+                font-size: px2rem(28, );
+                margin-top: px2rem(164, );
+                text-align: center;
+            }
+        }
+
+        ul {
+            width: 100%;
+            box-sizing: border-box;
+            padding: 0 px2rem(3, );
+            height: 8rem;
+            margin: 0 auto;
+            overflow-y: scroll;
+
+            &::-webkit-scrollbar {
+                width: 0;
+                display: none;
+            }
+
+            li {
+                background: none;
+                width: 100%;
+                height: px2rem(80, );
+                line-height: px2rem(80, );
+                color: #FFEE9D;
+                font-size: px2rem(26, );
+                display: flex;
+                justify-content: space-between;
+                overflow: hidden;
+
+                div {
+                    text-align: center;
+                    width: 25%;
+                }
+
+                .box {
+                    line-height: px2rem(80, );
+                }
+
+                .box_acitve {
+                    line-height: 0.45rem;
+                    margin-top: 0.1rem;
+                }
+
+                .time {
+                    line-height: 0.4rem;
+                    margin-top: 0.2rem;
+                }
+            }
+
+            .active {
+                background: rgba(135, 133, 243, 0.6);
+            }
+        }
+
+        .close {
+            position: absolute;
+            width: px2rem(68, );
+            height: px2rem(68, );
+            left: 50%;
+            transform: translateX(-50%);
+            bottom: px2rem(-100, );
+        }
+    }
+}
+
+// 碎片不足弹窗
+.shade-mask-fragmentNum {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 99999;
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba($color: #000000, $alpha: 0.6);
+
+    .shade-content-fragmentNum {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: px2rem(600);
+        height: px2rem(600);
+        background: white;
+        border-radius: px2rem(24);
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .fragmentNum-title {
+            font-size: px2rem(36);
+            font-weight: bold;
+            color: #333333;
+            margin-top: px2rem(38);
+        }
+
+        img {
+            width: px2rem(120);
+            width: px2rem(120);
+            margin-top: px2rem(108);
+        }
+
+        p {
+            font-size: px2rem(30);
+            font-weight: 600;
+            color: #333333;
+            margin-top: px2rem(50);
+        }
+
+        .fragmentNum-btn-wrap {
+            display: flex;
+            justify-content: space-between;
+            width: px2rem(512);
+            height: px2rem(76);
+            margin-top: px2rem(90);
+
+            .cancel-btn,
+            .confirm-btn {
+                width: px2rem(240);
+                height: px2rem(76);
+                line-height: px2rem(76);
+                text-align: center;
+                border-radius: px2rem(38);
+                font-size: px2rem(28);
+                font-weight: 600;
+                background-color: #EAE5FC;
+                color: #7154EE;
+            }
+
+            .confirm-btn {
+                background-color: #735FFE;
+                color: #fff;
+            }
+        }
+    }
+}