修复寻爱免责声明

活动新增免责声明
写死注销传参
2023-08-04 14:33:06 +08:00 · 2023-08-04 14:10:07 +08:00 · 2023-08-03 14:47:59 +08:00 · 2023-08-02 14:51:36 +08:00 · 2023-08-01 22:45:49 +08:00 · 2023-08-01 16:54:12 +08:00
259 changed files with 11786 additions and 842 deletions
--- a/view/peko/activity/act-ocean/css/index.css
+++ b/view/peko/activity/act-ocean/css/index.css
@@ -11,9 +11,26 @@
 html,
 body {
  font-family: "din-medium";
-  background: #531800;
+  background: #E17E3D;
  overflow-x: hidden;
 }
+html::-webkit-scrollbar,
+body::-webkit-scrollbar {
+  display: none;
+}
+
+.back {
+  position: fixed;
+  top: 0.9333333333rem;
+  left: 0.4533333333rem;
+  z-index: 9;
+  width: 0.8266666667rem;
+  height: 0.8266666667rem;
+}
+.back img {
+  width: 100%;
+  height: 100%;
+}

 .wrap {
  width: 100%;
@@ -181,6 +198,7 @@ body {
  padding-left: 0.6266666667rem;
 }
 .wrap .game-area .select-time ul li {
+  transition: all, 0.2s;
  position: relative;
  z-index: 99;
  width: 1.84rem;
--- a/view/peko/activity/act-ocean/css/index.scss
+++ b/view/peko/activity/act-ocean/css/index.scss
@@ -25,12 +25,27 @@
 html,
 body {
    font-family: 'din-medium';
-    background: #531800;
+    background: #E17E3D;
    // 海浪svga过长
    overflow-x: hidden;
    // height: 19rem;
+    &::-webkit-scrollbar{
+        display: none;
    }
+}
+.back {
+    position: fixed;
+    top: px2rem(70, );
+    left: px2rem(34, );
+    z-index: 9;
+    width: px2rem(62, );
+    height: px2rem(62, );

+    img {
+        width: 100%;
+        height: 100%;
+    }
+}
 .wrap {
    width: 100%;
    height: 100vh;
@@ -291,6 +306,7 @@ body {
                padding-left: px2rem(47);

                li {
+                    transition: all, 0.2s;
                    position: relative;
                    z-index: 99;
                    width: px2rem(138);
--- a/view/peko/activity/act-ocean/images/1.png
+++ b/view/peko/activity/act-ocean/images/1.png
--- a/view/peko/activity/act-ocean/images/2.png
+++ b/view/peko/activity/act-ocean/images/2.png
--- a/view/peko/activity/act-ocean/images/3.png
+++ b/view/peko/activity/act-ocean/images/3.png
--- a/view/peko/activity/act-ocean/images/4.png
+++ b/view/peko/activity/act-ocean/images/4.png
--- a/view/peko/activity/act-ocean/images/5.png
+++ b/view/peko/activity/act-ocean/images/5.png
--- a/view/peko/activity/act-ocean/images/6.png
+++ b/view/peko/activity/act-ocean/images/6.png
--- a/view/peko/activity/act-ocean/images/7.png
+++ b/view/peko/activity/act-ocean/images/7.png
--- a/view/peko/activity/act-ocean/images/8.png
+++ b/view/peko/activity/act-ocean/images/8.png
--- a/view/peko/activity/act-ocean/images/add.png
+++ b/view/peko/activity/act-ocean/images/add.png
--- a/view/peko/activity/act-ocean/images/banner.png
+++ b/view/peko/activity/act-ocean/images/banner.png
--- a/view/peko/activity/act-ocean/images/btn-wrap-bg.png
+++ b/view/peko/activity/act-ocean/images/btn-wrap-bg.png
--- a/view/peko/activity/act-ocean/images/btn_result.png
+++ b/view/peko/activity/act-ocean/images/btn_result.png
--- a/view/peko/activity/act-ocean/images/bubble-bg.png
+++ b/view/peko/activity/act-ocean/images/bubble-bg.png
--- a/view/peko/activity/act-ocean/images/count-down.png
+++ b/view/peko/activity/act-ocean/images/count-down.png
--- a/view/peko/activity/act-ocean/images/default-hui.png
+++ b/view/peko/activity/act-ocean/images/default-hui.png
--- a/view/peko/activity/act-ocean/images/default.png
+++ b/view/peko/activity/act-ocean/images/default.png
--- a/view/peko/activity/act-ocean/images/diamond.png
+++ b/view/peko/activity/act-ocean/images/diamond.png
--- a/view/peko/activity/act-ocean/images/drawBg.png
+++ b/view/peko/activity/act-ocean/images/drawBg.png
--- a/view/peko/activity/act-ocean/images/first.png
+++ b/view/peko/activity/act-ocean/images/first.png
--- a/view/peko/activity/act-ocean/images/fragment-btn-active.png
+++ b/view/peko/activity/act-ocean/images/fragment-btn-active.png
--- a/view/peko/activity/act-ocean/images/fragment-btn.png
+++ b/view/peko/activity/act-ocean/images/fragment-btn.png
--- a/view/peko/activity/act-ocean/images/game-area.png
+++ b/view/peko/activity/act-ocean/images/game-area.png
--- a/view/peko/activity/act-ocean/images/index-bottom.png
+++ b/view/peko/activity/act-ocean/images/index-bottom.png
--- a/view/peko/activity/act-ocean/images/last-little-bubble.png
+++ b/view/peko/activity/act-ocean/images/last-little-bubble.png
--- a/view/peko/activity/act-ocean/images/little-bubble-active.png
+++ b/view/peko/activity/act-ocean/images/little-bubble-active.png
--- a/view/peko/activity/act-ocean/images/little-bubble.png
+++ b/view/peko/activity/act-ocean/images/little-bubble.png
--- a/view/peko/activity/act-ocean/images/logo.png
+++ b/view/peko/activity/act-ocean/images/logo.png
--- a/view/peko/activity/act-ocean/images/mall.png
+++ b/view/peko/activity/act-ocean/images/mall.png
--- a/view/peko/activity/act-ocean/images/mineBg.png
+++ b/view/peko/activity/act-ocean/images/mineBg.png
--- a/view/peko/activity/act-ocean/images/multiple-bg.png
+++ b/view/peko/activity/act-ocean/images/multiple-bg.png
--- a/view/peko/activity/act-ocean/images/myBoxBg.png
+++ b/view/peko/activity/act-ocean/images/myBoxBg.png
--- a/view/peko/activity/act-ocean/images/name-bg.png
+++ b/view/peko/activity/act-ocean/images/name-bg.png
--- a/view/peko/activity/act-ocean/images/name-general-bg.png
+++ b/view/peko/activity/act-ocean/images/name-general-bg.png
--- a/view/peko/activity/act-ocean/images/no1.png
+++ b/view/peko/activity/act-ocean/images/no1.png
--- a/view/peko/activity/act-ocean/images/no2.png
+++ b/view/peko/activity/act-ocean/images/no2.png
--- a/view/peko/activity/act-ocean/images/no3.png
+++ b/view/peko/activity/act-ocean/images/no3.png
--- a/view/peko/activity/act-ocean/images/previous-result-bg.png
+++ b/view/peko/activity/act-ocean/images/previous-result-bg.png
--- a/view/peko/activity/act-ocean/images/previous_Round_Result.png
+++ b/view/peko/activity/act-ocean/images/previous_Round_Result.png
--- a/view/peko/activity/act-ocean/images/previous_Round_Result_Li.png
+++ b/view/peko/activity/act-ocean/images/previous_Round_Result_Li.png
--- a/view/peko/activity/act-ocean/images/qipao-2s.png
+++ b/view/peko/activity/act-ocean/images/qipao-2s.png
--- a/view/peko/activity/act-ocean/images/rank.png
+++ b/view/peko/activity/act-ocean/images/rank.png
--- a/view/peko/activity/act-ocean/images/record.png
+++ b/view/peko/activity/act-ocean/images/record.png
--- a/view/peko/activity/act-ocean/images/record/diamond.png
+++ b/view/peko/activity/act-ocean/images/record/diamond.png
--- a/view/peko/activity/act-ocean/images/record/record-bg.png
+++ b/view/peko/activity/act-ocean/images/record/record-bg.png
--- a/view/peko/activity/act-ocean/images/record/result.png
+++ b/view/peko/activity/act-ocean/images/record/result.png
--- a/view/peko/activity/act-ocean/images/record/touru.png
+++ b/view/peko/activity/act-ocean/images/record/touru.png
--- a/view/peko/activity/act-ocean/images/record_bubble.png
+++ b/view/peko/activity/act-ocean/images/record_bubble.png
--- a/view/peko/activity/act-ocean/images/record_bubble_act.png
+++ b/view/peko/activity/act-ocean/images/record_bubble_act.png
--- a/view/peko/activity/act-ocean/images/result_list_bg.png
+++ b/view/peko/activity/act-ocean/images/result_list_bg.png
--- a/view/peko/activity/act-ocean/images/result_main.png
+++ b/view/peko/activity/act-ocean/images/result_main.png
--- a/view/peko/activity/act-ocean/images/rule-bg.png
+++ b/view/peko/activity/act-ocean/images/rule-bg.png
--- a/view/peko/activity/act-ocean/images/rule.png
+++ b/view/peko/activity/act-ocean/images/rule.png
--- a/view/peko/activity/act-ocean/images/shelf.png
+++ b/view/peko/activity/act-ocean/images/shelf.png
--- a/view/peko/activity/act-ocean/images/subtitle.png
+++ b/view/peko/activity/act-ocean/images/subtitle.png
--- a/view/peko/activity/act-ocean/images/t1.png
+++ b/view/peko/activity/act-ocean/images/t1.png
--- a/view/peko/activity/act-ocean/images/t2.png
+++ b/view/peko/activity/act-ocean/images/t2.png
--- a/view/peko/activity/act-ocean/images/t3.png
+++ b/view/peko/activity/act-ocean/images/t3.png
--- a/view/peko/activity/act-ocean/images/tip.png
+++ b/view/peko/activity/act-ocean/images/tip.png
--- a/view/peko/activity/act-ocean/images/title-bg.png
+++ b/view/peko/activity/act-ocean/images/title-bg.png
--- a/view/peko/activity/act-ocean/images/travel/back.png
+++ b/view/peko/activity/act-ocean/images/travel/back.png
--- a/view/peko/activity/act-ocean/images/wljg.png
+++ b/view/peko/activity/act-ocean/images/wljg.png
--- a/view/peko/activity/act-ocean/index.html
+++ b/view/peko/activity/act-ocean/index.html
@@ -6,12 +6,13 @@
    <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">
    <link rel="stylesheet" href="./css/index.css?v=2.2">
 </head>

 <body>
+    <!-- 顶部返回 -->
+    <!-- <div class="back"><img src="./images/travel/back.png" alt=""></div> -->
    <div class="wrap no-in-app">
        <!-- <div class="wrap "> -->
        <div class="banner">
@@ -36,7 +37,7 @@
            <div class="recharge"><img src="./images/mall/recharge.png" alt=""></div>
        </div>
        <!-- 游戏区域 -->
-        <div class="game-area" style="display: none;">
+        <div class="game-area" >
            <!-- 本轮轮次 -->
            <div class="roundId"></div>
            <!-- 选择时间 -->
@@ -50,7 +51,86 @@
                    <div>10000</div>
                </div>
                <ul>
-
+                    <!-- <li class="li0" data-total-num="">
+                        <img src="./images/1.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li1" data-total-num="">
+                        <img src="./images/2.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li2" data-total-num="">
+                        <img src="./images/3.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li3" data-total-num="">
+                        <img src="./images/4.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li4" data-total-num="">
+                        <img src="./images/5.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li5" data-total-num="">
+                        <img src="./images/6.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li6" data-total-num="">
+                        <img src="./images/7.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li7" data-total-num="">
+                        <img src="./images/8.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li> -->
                </ul>

                <div class="shelf"><img src="./images/shelf.png" alt=""></div>
@@ -62,7 +142,7 @@
                <div class="current-tip">等待结果</div>
            </div>
            <!-- 开奖展示动画时间 -->
-            <div class="draw-time">
+            <div class="draw-time" style="display: none;">
                <div class="count-down">下一轮：<span class="count-down-num"></span>秒</div>
                <div class="current-tip">本轮结果：<span class="current-result"></span></div>
                <!-- 中奖物品展示 -->
@@ -189,7 +269,7 @@
                    <div class="qtsm">
                        <p class="title">其他說明</p>
                        如果以上說明未能解答您的疑問，請聯繫客服，會有專人解答疑難
-                        <p>本活動與蘋果公司無關</p>
+                        <p>本活動以及活動獎勵與Google/蘋果公司無關</p>
                    </div>
                </main>
            </div>
@@ -245,7 +325,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?v=2.2"></script>
+    <script src="./js/index.js?v=2.1"></script>
 </body>

 </html>
--- a/view/peko/activity/act-ocean/js/index.js
+++ b/view/peko/activity/act-ocean/js/index.js
@@ -82,6 +82,7 @@ const getUserPieceNum = () => {
        success (res) {
            if (res.code === 200) {
                $('.info-bottom').find('.fragment span').html(res.data.diamonds)
+                $('.wrap .info-bottom .info-wrap .diamond-num span').text(res.data.diamonds)
                myFragment = res.data.diamonds;
            } else {
                return toastMsg(res.message)
@@ -132,6 +133,7 @@ const getNewestAct = () => {
                    return showLoading('服務器正在維護中...')
                } else {
                    console.log(res.timestamp > res.data.endTime);
+                    if (res.data.endTime == null) res.data.endTime = undefined
                    if (res.timestamp >= res.data.endTime) { //請求的還是上一輪的數據，重新請求
                        console.log('請求的還是上一輪的數據，必須重新請求');
                        showLoading()
@@ -454,10 +456,10 @@ const renderDrawInfo = () => {
    $('.wrap .game-area .draw-time .draw-pic').remove();
    var lenght = drawInfo.drawItemList.length;
    var drawStr = '';
-    drawInfo.drawItemList.forEach(res => {
+    drawInfo.drawItemList.forEach(item => {
        drawStr += `
        <div class="draw-pic">
-            <img src="${res.drawImageUrl}" alt="">
+            <img src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt="">
        </div>
        `
    })
@@ -503,13 +505,13 @@ const renderDrawInfo = () => {
    $('.put-wrap .list .item').remove()
    // 渲染投入列表
    let list = ''
-    drawInfo.userDrawResult.drawRecords.map(res => {
+    drawInfo.userDrawResult.drawRecords.map(item => {
        list += `
            <div class="item">
-                <p><img src="${res.imgUrl}" class="gift" alt=""></p>
+                <p><img src="${item.name == '洋蔥' ? './images/1.png' : item.name == '番茄' ? './images/2.png' : item.name == '蘑菇' ? './images/3.png' : item.name == '土豆' ? './images/4.png' : item.name == '大閘蟹' ? './images/5.png' : item.name == '魚' ? './images/6.png' : item.name == '雞肉' ? './images/7.png' : item.name == '龍蝦' ? './images/8.png' : item.imgUrl}" class="gift" alt=""></p>
                <div>
                    <img src="./images/diamond.png" class="diamond" alt="">
-                    <span class="in">${res.costPieceNum}</span>
+                    <span class="in">${item.costPieceNum}</span>
                </div>
            </div>
        `
@@ -608,10 +610,10 @@ const renderListItem = () => {
            `
        })
    } else {
-        listItem.map((item) => {
+        listItem.forEach((item, i) => {
            str += `
                <li data-total-num={"number":"${item.costPieceNum}","id":"${item.id}"}>
-                    <img src="${item.imgUrl}" alt="">
+                    <img src="${item.name == '洋蔥' ? './images/1.png' : item.name == '番茄' ? './images/2.png' : item.name == '蘑菇' ? './images/3.png' : item.name == '土豆' ? './images/4.png' : item.name == '大閘蟹' ? './images/5.png' : item.name == '魚' ? './images/6.png' : item.name == '雞肉' ? './images/7.png' : item.name == '龍蝦' ? './images/8.png' : item.imgUrl}" alt="">
                    <div class="multiple">x${item.multiple}</div>
                    <div class="name">${item.name} <p class="gift-price">${item.price ? `(${item.price}鉆石)` : ''}</p></div>
                    <div class="bubble-2s">
@@ -669,13 +671,13 @@ const renderPreviousResults = (val) => {
            <li>
                ${res.drawItemList.map(item => {
            if (res.drawItemList.length == 1) {
-                return `<p style="width:0.8rem;height:0.8rem"><img  src="${item.drawImageUrl}" alt=""></p>`;
+                return `<p style="width:0.8rem;height:0.8rem"><img  src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
            } else if (res.drawItemList.length == 2) {
-                return `<p style="width:0.6rem;height:0.6rem"><img  src="${item.drawImageUrl}" alt=""></p>`;
+                return `<p style="width:0.6rem;height:0.6rem"><img  src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
            } else if (res.drawItemList.length == 3) {
-                return `<p style="width:0.45rem;height:0.45rem"><img  src="${item.drawImageUrl}" alt=""></p>`;
+                return `<p style="width:0.45rem;height:0.45rem"><img  src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
            } else {
-                return `<p><img style="width:0.3333333333rem;height:0.3333333333rem" src="${item.drawImageUrl}" alt=""></p>`;
+                return `<p><img style="width:0.3333333333rem;height:0.3333333333rem" src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
            }

        }).join('')
@@ -703,17 +705,19 @@ const sendUserDrawInfo = (itemId, num, tais) => {
                tais.data('total-num').number = parseInt(tais.data('total-num').number) + fragmentNum
                tais
                    .stop(true, true)
-                    .animate({ scale: 1.1 }, 200)
-                    .animate({ scale: 1 }, 200, function () {
-                        if (lock) {
-                            tais.find('.select-num').html('+' + tais.data('total-num').number).hide().fadeIn(200)
-                        }
-                        setTimeout(() => {
+                    .animate({ scale: 1.1, }, 50)//skew(10deg, 10deg)
+                    .animate({ scale: 1, }, 50)//skew(10deg, 10deg) rotate: 0,
+                // .animate({ scale: 1, rotate: 0 }, 50, function () {
+                // if (lock) {
+                // tais.find('.select-num').html('+' + tais.data('total-num').number).hide().fadeIn(200)
+                tais.find('.select-num').html('+' + tais.data('total-num').number).hide().fadeIn(50)
+                // }
+                // setTimeout(() => {
                // getUserInfo()
                getUserPieceNum()
                // getListItem(roundId)
-                        }, 100)
-                    })
+                // }, 100)
+                // })
                hideLoading(layerIndex)
            } else if (31005) {
                lock = !lock
@@ -1016,7 +1020,7 @@ $(function () {
        $('.recharge').click(function () {
            // if (browser.app) {
            //     if (browser.ios) {
-            //         window.location.href = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4';
+            //         window.location.href = 'http://192.168.0.19:5502/view/peko/modules/pay/index.html?channelType=4';
            //     } else {
            //         if (browser.android) {
            //             let channel = pubInfo.deviceInfo.channel
@@ -1078,9 +1082,14 @@ $(function () {
                    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
                }
            } else if (browser.ios) {
+                let channel = pubInfo.deviceInfo.channel;
+                if (channel == "appstore") { 
+                    window.webkit.messageHandlers.openChargePage.postMessage(null);
+                } else {
                    window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
                    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
                }
+            }
        } else {
            toastMsg('請在app內打開')
        }
@@ -1138,68 +1147,7 @@ $(function () {
    $('.shade-content-rank').on('click', function (e) {
        e.stopPropagation()
    })
-    // 監聽滾動
-    // $('.other-rank').on('scroll', function () {
-    //     let scrollTop = $(this).scrollTop();//這是已經卷進去滾動條的的高度
-    //     let scrollHeight = $('.other-rank')[0].scrollHeight;//這個是other-rank包含滾動條的總高度
-    //     let ulHeight = $(this).innerHeight();//這個是other-rank的高度

-    //     //這樣距離到底還有一段距離就請求，但是會導致重復請求，所以要加鎖限製
-    //     if (scrollTop + ulHeight + 100 >= scrollHeight) {
-    //         if (type === 1) {
-    //             if (isLockD) {
-    //                 isLockD = false
-    //                 pageD++
-    //                 if (pageSize * pageD > 30) {
-    //                     toastMsg('沒有更多數據啦~')
-    //                 } else {
-    //                     if (canRequsetNextPageD) {
-    //                         getListRank(type, pageD);
-    //                     } else {
-    //                         toastMsg('沒有更多數據啦~')
-    //                     }
-    //                 }
-    //             } else {
-    //                 if (scrollTop + ulHeight >= scrollHeight) {
-    //                     if (pageSize * pageD > 30) {
-    //                         toastMsg('沒有更多數據啦~')
-    //                     }
-    //                 }
-    //             }
-
-    //         } else {
-    //             if (isLockN) {
-    //                 isLockN = false
-    //                 pageN++
-    //                 if (pageSize * pageN > 30) {
-    //                     toastMsg('沒有更多數據啦~')
-    //                 } else {
-    //                     if (canRequsetNextPageN) {
-    //                         getListRank(type, pageN);
-    //                     } else {
-    //                         toastMsg('沒有更多數據啦')
-    //                     }
-    //                 }
-    //             } else {
-    //                 if (scrollTop + ulHeight >= scrollHeight) {
-    //                     if (pageSize * pageN > 30) {
-    //                         toastMsg('沒有更多數據啦~')
-    //                     }
-    //                 }
-    //             }
-    //         }
-    //     }
-    // })
-
-    // 播放3s動畫
-    // let player1 = new SVGA.Player('.draw-time');
-    // let parser1 = new SVGA.Parser('.draw-time');
-    // parser1.load('./images/draw.svga', function (videoItem) {
-    //     // player.loops = 2;
-    //     player1.clearsAfterStop = false;
-    //     player1.setVideoItem(videoItem);
-    //     player1.startAnimation();
-    // })
    // 点击跳转个人主页
    // $('.draw-time .top-three .top-three-list .no').off()
    $('.draw-time .top-three .top-three-list .no').click(function () {
@@ -1231,9 +1179,14 @@ $(function () {
                    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
                }
            } else if (browser.ios) {
+                let channel = pubInfo.deviceInfo.channel;
+                if (channel == "appstore") { 
+                    window.webkit.messageHandlers.openChargePage.postMessage(null);
+                } else {
                    window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
                    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
                }
+            }
        } else {
            toastMsg('請在app內打開')
        }
@@ -1252,8 +1205,8 @@ $(function () {
            return
        }

-        if (!lock) {
-            lock = !lock
+        // if (!lock) {
+        //     lock = !lock
        // console.log($(this).data('total-num'));
        // console.log($(this).data('total-num').number);
        // console.log(fragmentNum);
@@ -1272,7 +1225,7 @@ $(function () {
        //         }, 100)
        //     })
        sendUserDrawInfo($(this).data('total-num').id, fragmentNum, $(this))
-        }
+        // }
    })

    // ios去到後臺或者鎖屏後再回來倒計時不準確
@@ -1294,6 +1247,7 @@ $(function () {
            $countDown.html(countDownTime)
        }
    })
+
 })
 //返回页面 重新请求接口
 var hiddenProperty = 'hidden' in document ? 'hidden' :
--- a/view/peko/common/js/common2.js
+++ b/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();
@@ -541,15 +543,13 @@ function getInfoFromClient () {

    } else {
        // 非app环境调试参数
-        pubInfo.uid = 0;
-        pubInfo.ticket = "0";
-        // pubInfo.uid = "";
-        // pubInfo.ticket = "";
-
+        pubInfo.uid = sessionStorage.getItem("uid") ? sessionStorage.getItem("uid") : '';
+        // pubInfo.ticket = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
+        pubInfo.h5_token = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
        pubInfo.deviceId = "0";
        pubInfo.deviceInfo = {
            app: 'peko',
-            appVersion: '0.0.0',
+            appVersion: '9.9.9',
            os: '0.0.0',
            osVersion: '0.0.0',
            channel: 'browser',
@@ -764,19 +764,22 @@ function networkRequest (reqObj = {}, type) {
    if (typeof pubInfo.deviceInfo === 'string') {
        pubInfo.deviceInfo = JSON.parse(pubInfo.deviceInfo);
    };
-    const pubHeader = {
-        app: type != 'yinbaos' ? pubInfo.deviceInfo.app : 'yinbao',
+    var browser = checkVersion();
+    const pubHeader = {};
+    pubHeader.app = type != 'yinbaos' ? pubInfo.deviceInfo.app : 'yinbao'
    // app: 'peko',
    // app: pubInfo.deviceInfo.app.indexOf('peko') != -1 ? 'peko' : 'PlanetStar',
-        appVersion: pubInfo.deviceInfo.appVersion || '',
-        os: pubInfo.deviceInfo.os || '',
-        os_version: pubInfo.deviceInfo.osVersion || '',
-        channel: pubInfo.deviceInfo.channel || '',
-        client: 'h5',
-        pub_uid: pubInfo.uid,
-        pub_ticket: pubInfo.ticket
-    };
-
+    pubHeader.appVersion = pubInfo.deviceInfo.appVersion || ''
+    pubHeader.os = pubInfo.deviceInfo.os || ''
+    pubHeader.os_version = pubInfo.deviceInfo.osVersion || ''
+    pubHeader.channel = pubInfo.deviceInfo.channel || ''
+    pubHeader.client = 'h5'
+    pubHeader.pub_uid = window.location.pathname.match(/login.html/) ? 0 : pubInfo.uid
+    if (browser.app) {
+        pubHeader.pub_ticket = pubInfo.ticket
+    } else {
+        pubHeader.h5_token =sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
+    }
    const url = reqObj.url;
    const commParams = objToParam(pubHeader);
    if (url.indexOf('?') >= 0) {
@@ -793,3 +796,12 @@ 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');
+
+    }
+}
--- a/view/peko/home/js/index.js
+++ b/view/peko/home/js/index.js
@@ -27,7 +27,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.pekolive';
    let iosUrl = 'http://doudouyue.com/8axv'   //ios企业包
    //   let iosUrl = 'https://apps.apple.com/cn/app/id1571083482'   //ios商店包

@@ -103,14 +103,15 @@ $(function () {
    })
    // logo跳转
    $('.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.pekolive'
    })
    $('.appleStore').click(function () {
        // console.log(version, 'version');
        if (version.webKit && version.ios) {
-      window.location.href = 'itms-services:///?action=download-manifest&url=https://img.pekolive.com/distribute.plist'
-    } else {
-      window.location.href = 'http://doudouyue.com/h958'
+            window.location.href = 'https://apps.apple.com/cn/app/id6446155565'
+        }
+        else {
+            window.location.href = 'http://doudouyue.com/3gh2'
        }
    })
    $('.apk').click(function () {
--- a/view/peko/modules/act-treasureSnatching/images/rule_rule.png
+++ b/view/peko/modules/act-treasureSnatching/images/rule_rule.png
--- a/view/peko/modules/act-treasureSnatching/rule.html
+++ b/view/peko/modules/act-treasureSnatching/rule.html
@@ -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="probability">0%</div>
+            <div class="score"></div>
+            <div class="probability"></div>
        </li>
    </ul>
    <div class="tab2">
--- a/view/peko/modules/game/js/index.js
+++ b/view/peko/modules/game/js/index.js
@@ -176,7 +176,7 @@ $(function(){
    setTimeout(function(){
        getInviteList()
        getRule()
-    }, 50)
+    }, 150)

    if (browser.app) {
        if (browser.android) {
--- a/view/peko/modules/h5Income/chainBank.html
+++ b/view/peko/modules/h5Income/chainBank.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport"
+        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <title>賬戶資料</title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/chainBank.css">
+</head>
+
+<body>
+    <!-- 返回 -->
+    <img src="./images/back.png" alt="" class="back">
+    <!-- 標題 -->
+    <h3>中國大陸銀聯</h3>
+    <!-- 姓名身份證 -->
+    <div class="box1">
+        <div>
+            <span>真實姓名</span>
+            <input class="name" type="text" placeholder="例：張三">
+        </div>
+        <div>
+            <span>身份證號</span>
+            <input class="card" type="text" placeholder="請輸入正確的身份證號碼">
+        </div>
+    </div>
+    <!-- 銀行卡手機號等信息 -->
+    <div class="box2">
+        <div>
+            <span>銀行卡號</span>
+            <input class="bankCard" type="text" placeholder="請填寫銀行卡號">
+        </div>
+        <div>
+            <span>手機號碼</span>
+            <input class="phone" type="text" placeholder="請輸入手機號碼">
+        </div>
+        <div>
+            <span>支付寶號</span>
+            <input class="alipay" type="text" placeholder="請輸入支付寶賬號 ( 非必填 )">
+        </div>
+        <div>
+            <span>個人地址</span>
+            <input class="address" type="text" placeholder="請輸入身份證地址">
+        </div>
+    </div>
+    <!-- 上傳身份證 -->
+    <div class="box3">
+        <p>上傳身份證照片</p>
+        <div class="idBox">
+            <!-- 正面 -->
+            <div class="z">
+                <img src="./images/chainBank/documents_front.png" alt="" class="documents">
+                <img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
+                <span>請上傳正面照片</span>
+                <input type="file" id="frontImageUpload" accept="image/*" onchange="fileChangeZ(event)" class="upload"
+                    style="opacity: 0;">
+            </div>
+            <!-- 反面 -->
+            <div class="f">
+                <img src="./images/chainBank/documents_reverse.png" alt="" class="documents">
+                <img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
+                <span>請上傳反面照片</span>
+                <input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload"
+                    style="opacity: 0;">
+            </div>
+        </div>
+    </div>
+    <!-- 綁定按鈕 -->
+    <div class="but">確認綁定</div>
+    <!-- 說明 -->
+    <div class="rule">
+        <p>註意：</p>
+        <p>1.該頁面適用於中國大陸地區的提領，非大陸地區請切換其他提領方式；</p>
+        <p>2.提領人必須年滿18周歲，提領資料請勿隨意填寫，需正確填寫以上資料；</p>
+        <p>3.銀行卡號、手機號、身份證號碼必須與提領實名一致，否則提領不能到賬；</p>
+        <p>4.請勿將賬號綁定他人的姓名，提領真實姓名綁定後不能修改，請謹慎操作；</p>
+        <p>5.實際提領收益按照轉賬時的匯率之後金額；</p>
+        <p>6.首次進行提領流程時，會需要上傳您的身份證相關信息；</p>
+        <p>7.如有疑問請聯繫Wechat:sd245376</p>
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./js/qiniu.min.js"></script>
+<script src="./js/chainBank.js?v=1.0"></script>
--- a/view/peko/modules/h5Income/css/chainBank.css
+++ b/view/peko/modules/h5Income/css/chainBank.css
@@ -0,0 +1,197 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+h3 {
+  width: 100%;
+  margin-top: 0.5333333333rem;
+  margin-bottom: 0.4266666667rem;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+
+input {
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  font-size: 0.3733333333rem;
+}
+input::placeholder {
+  font-size: 0.3733333333rem;
+  color: #8A8CAB;
+}
+
+.box1 {
+  width: 9.1466666667rem;
+  height: 2.7733333333rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box1 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box1 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box1 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box2 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box2 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box2 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box2 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box3 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.5333333333rem;
+  overflow: hidden;
+}
+.box3 p {
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox .z,
+.box3 .idBox .f {
+  width: 3.84rem;
+  height: 3.1466666667rem;
+  background: #F3F5FA;
+  border-radius: 0.2666666667rem;
+  position: relative;
+}
+.box3 .idBox .z .documents,
+.box3 .idBox .f .documents {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+}
+.box3 .idBox .z .icon_camera,
+.box3 .idBox .f .icon_camera {
+  position: absolute;
+  width: 1.0666666667rem;
+  height: 1.0666666667rem;
+  left: 50%;
+  top: 0.8rem;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+.box3 .idBox .z span,
+.box3 .idBox .f span {
+  position: absolute;
+  color: #8A8CAB;
+  font-size: 0.32rem;
+  left: 50%;
+  top: 2.4rem;
+  transform: translateX(-50%);
+  width: 100%;
+  text-align: center;
+}
+.box3 .idBox .z .upload,
+.box3 .idBox .f .upload {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+  z-index: 2;
+}
+
+.but {
+  width: 8.08rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  border-radius: 1.28rem;
+  margin: 0 auto 0.64rem;
+  text-align: center;
+  font-size: 0.4266666667rem;
+  color: #FFFFFF;
+  background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+
+.active {
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+  width: 8.72rem;
+  margin: 0 auto 0.6666666667rem;
+  color: #8A8CAB;
+  font-size: 0.3733333333rem;
+}
+.rule p {
+  margin-bottom: 0.1333333333rem;
+  line-height: 0.45rem;
+}
+
+/*# sourceMappingURL=chainBank.css.map */
--- a/view/peko/modules/h5Income/css/chainBank.scss
+++ b/view/peko/modules/h5Income/css/chainBank.scss
@@ -0,0 +1,210 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+h3 {
+    width: 100%;
+    margin-top: px2rem(40, );
+    margin-bottom: px2rem(32, );
+    text-align: center;
+    color: #1F1B4F;
+    font-size: px2rem(36, );
+    font-weight: bold;
+}
+
+input {
+    background: transparent;
+    border: none;
+    outline: none;
+    box-sizing: border-box;
+    font-size: px2rem(28, );
+
+    &::placeholder {
+        font-size: px2rem(28, );
+        color: #8A8CAB;
+    }
+}
+
+.box1 {
+    width: px2rem(686, );
+    height: px2rem(208, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box2 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box3 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(40, );
+    overflow: hidden;
+
+    p {
+        font-size: px2rem(28, );
+        color: #1F1B4F;
+        margin-top: px2rem(32, );
+    }
+
+    .idBox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        margin-top: px2rem(32, );
+
+        .z,
+        .f {
+            width: px2rem(288, );
+            height: px2rem(236, );
+            background: #F3F5FA;
+            border-radius: px2rem(20, );
+            position: relative;
+
+            .documents {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+            }
+
+            .icon_camera {
+                position: absolute;
+                width: px2rem(80, );
+                height: px2rem(80, );
+                left: 50%;
+                top: px2rem(60, );
+                transform: translateX(-50%);
+                z-index: 2;
+            }
+
+            span {
+                position: absolute;
+                color: #8A8CAB;
+                font-size: px2rem(24, );
+                left: 50%;
+                top: px2rem(180, );
+                transform: translateX(-50%);
+                width: 100%;
+                text-align: center;
+            }
+
+            .upload {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+                z-index: 2;
+            }
+        }
+    }
+}
+
+.but {
+    width: px2rem(606, );
+    height: px2rem(96, );
+    line-height: px2rem(96, );
+    border-radius: px2rem(96, );
+    margin: 0 auto px2rem(48, );
+    text-align: center;
+    font-size: px2rem(32, );
+    color: #FFFFFF;
+    background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+.active{
+    background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+    width: px2rem(654, );
+    margin: 0 auto px2rem(50, );
+    color: #8A8CAB;
+    font-size: px2rem(28, );
+
+    p {
+        margin-bottom: px2rem(10, );
+        line-height: 0.45rem;
+    }
+}
--- a/view/peko/modules/h5Income/css/exchangeGold.css
+++ b/view/peko/modules/h5Income/css/exchangeGold.css
@@ -0,0 +1,164 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+.box {
+  width: 9.1466666667rem;
+  height: 6.1333333333rem;
+  background: url(../images/exchangeGold/bg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0.9333333333rem auto 1.0666666667rem;
+  position: relative;
+}
+.box .golds {
+  position: absolute;
+  left: 0.4266666667rem;
+  top: 0.4266666667rem;
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+}
+.box .diamonds {
+  position: absolute;
+  left: 0.4266666667rem;
+  top: 3.3066666667rem;
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+}
+.box .num {
+  position: absolute;
+  right: 0.3733333333rem;
+  top: 1.28rem;
+  width: 7.1rem;
+  height: 1.3866666667rem;
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  padding: 0 0.3733333333rem;
+  text-align: right;
+  font-weight: bold;
+  color: #000;
+}
+.box .num::placeholder {
+  font-size: 0.4266666667rem;
+  color: #ADB9D9;
+  font-weight: bold;
+}
+.box .num2 {
+  position: absolute;
+  right: 0.3733333333rem;
+  top: 4.16rem;
+  width: 7.1rem;
+  height: 1.3866666667rem;
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  padding: 0 0.3733333333rem;
+  text-align: right;
+  font-weight: bold;
+  color: #000;
+}
+.box .num2::placeholder {
+  font-size: 0.4266666667rem;
+  color: #ADB9D9;
+  font-weight: bold;
+}
+
+.but {
+  width: 8.08rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  border-radius: 1.28rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.4266666667rem;
+  margin: 0 auto 0;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.pub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+.pub .pub_in {
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  width: 8.5066666667rem;
+  height: 4.96rem;
+}
+.pub .pub_in .title {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+  top: 0.64rem;
+  left: 0;
+}
+.pub .pub_in p {
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  left: 0;
+  top: 1.7333333333rem;
+}
+.pub .pub_in p b {
+  color: #9168FA;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+}
+.pub .pub_in .close {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: #E6E6F0;
+  position: absolute;
+  left: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+.pub .pub_in .ok {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  position: absolute;
+  right: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+
+/*# sourceMappingURL=exchangeGold.css.map */
--- a/view/peko/modules/h5Income/css/exchangeGold.scss
+++ b/view/peko/modules/h5Income/css/exchangeGold.scss
@@ -0,0 +1,179 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+.box {
+    width: px2rem(686, );
+    height: px2rem(460, );
+    background: url(../images/exchangeGold/bg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: px2rem(70, ) auto px2rem(80, );
+    position: relative;
+
+    .golds {
+        position: absolute;
+        left: px2rem(32, );
+        top: px2rem(32, );
+        color: #1F1B4F;
+        font-size: px2rem(32, );
+        font-weight: bold;
+    }
+
+    .diamonds {
+        position: absolute;
+        left: px2rem(32, );
+        top: px2rem(248, );
+        color: #1F1B4F;
+        font-size: px2rem(32, );
+        font-weight: bold;
+    }
+
+    .num {
+        position: absolute;
+        right: px2rem(28, );
+        top: px2rem(96, );
+        width: 7.1rem;
+        height: px2rem(104, );
+        background: transparent;
+        border: none;
+        outline: none;
+        box-sizing: border-box;
+        padding: 0 px2rem(28, );
+        text-align: right;
+        font-weight: bold;
+        color: #000;
+
+        &::placeholder {
+            font-size: px2rem(32, );
+            color: #ADB9D9;
+            font-weight: bold;
+        }
+    }
+
+    .num2 {
+        position: absolute;
+        right: px2rem(28, );
+        top: px2rem(312, );
+        width: 7.1rem;
+        height: px2rem(104, );
+        background: transparent;
+        border: none;
+        outline: none;
+        box-sizing: border-box;
+        padding: 0 px2rem(28, );
+        text-align: right;
+        font-weight: bold;
+        color: #000;
+
+        &::placeholder {
+            font-size: px2rem(32, );
+            color: #ADB9D9;
+            font-weight: bold;
+        }
+    }
+}
+
+.but {
+    width: px2rem(606, );
+    height: px2rem(96, );
+    line-height: px2rem(96, );
+    border-radius: px2rem(96, );
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(32, );
+    margin: 0 auto 0;
+    background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.pub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .6);
+    display: none;
+
+    .pub_in {
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background: #fff;
+        border-radius: px2rem(40, );
+        width: px2rem(638, );
+        height: px2rem(372, );
+
+        .title {
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-weight: bold;
+            font-size: px2rem(32, );
+            top: px2rem(48, );
+            left: 0;
+        }
+
+        p {
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            left: 0;
+            top: px2rem(130, );
+
+            b {
+                color: #9168FA;
+                font-weight: bold;
+                font-size: px2rem(32, );
+            }
+        }
+
+        .close {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: #E6E6F0;
+            position: absolute;
+            left: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+
+        .ok {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            position: absolute;
+            right: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+    }
+}
--- a/view/peko/modules/h5Income/css/index.css
+++ b/view/peko/modules/h5Income/css/index.css
@@ -0,0 +1,167 @@
+html,
+body {
+  width: 100%;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+.myInfo {
+  width: 9.2rem;
+  height: 1.8133333333rem;
+  margin: 0.8rem auto 0.4266666667rem;
+}
+.myInfo img {
+  display: block;
+  width: 1.8133333333rem;
+  height: 1.8133333333rem;
+  border-radius: 50%;
+  float: left;
+}
+.myInfo div {
+  float: left;
+  margin-left: 0.2933333333rem;
+  overflow: hidden;
+}
+.myInfo div p {
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+  margin-bottom: 0.16rem;
+  margin-top: 0.4rem;
+  width: 6.5rem;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.myInfo div b {
+  color: #8A8CAB;
+  font-size: 0.32rem;
+}
+
+.diamond {
+  width: 9.2rem;
+  height: 3.84rem;
+  background: url(../images/index/diamondBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.4266666667rem;
+  position: relative;
+}
+.diamond .diamondIcon {
+  width: 0.64rem;
+  height: 0.64rem;
+  position: absolute;
+  left: 0.5333333333rem;
+  top: 0.4rem;
+}
+.diamond .moreD {
+  width: 0.32rem;
+  height: 0.32rem;
+  position: absolute;
+  right: 0.5333333333rem;
+  top: 0.56rem;
+}
+.diamond span {
+  font-size: 0.5333333333rem;
+  font-weight: bold;
+  color: #1F1B4F;
+  position: absolute;
+  left: 1.28rem;
+  top: 0.48rem;
+}
+.diamond b {
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+  position: absolute;
+  right: 0.9066666667rem;
+  top: 0.5333333333rem;
+}
+.diamond p {
+  font-weight: bold;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  left: 0.5333333333rem;
+  top: 1.4666666667rem;
+  position: absolute;
+}
+
+.gold {
+  width: 9.2rem;
+  height: 3.84rem;
+  background: url(../images/index/goldBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.4266666667rem;
+  position: relative;
+}
+.gold .goldIcon {
+  width: 0.64rem;
+  height: 0.64rem;
+  position: absolute;
+  left: 0.5333333333rem;
+  top: 0.4rem;
+}
+.gold .moreG {
+  width: 0.32rem;
+  height: 0.32rem;
+  position: absolute;
+  right: 0.5333333333rem;
+  top: 0.56rem;
+}
+.gold span {
+  font-size: 0.5333333333rem;
+  font-weight: bold;
+  color: #1F1B4F;
+  position: absolute;
+  left: 1.28rem;
+  top: 0.48rem;
+}
+.gold b {
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+  position: absolute;
+  right: 0.9066666667rem;
+  top: 0.5333333333rem;
+}
+.gold p {
+  font-weight: bold;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  left: 0.5333333333rem;
+  top: 1.4666666667rem;
+  position: absolute;
+}
+.gold .exchangeGold {
+  width: 3.8933333333rem;
+  height: 1.0666666667rem;
+  line-height: 1.0666666667rem;
+  border-radius: 1.0666666667rem;
+  text-align: center;
+  color: #93570B;
+  font-size: 0.4266666667rem;
+  position: absolute;
+  left: 0.5333333333rem;
+  bottom: 0.48rem;
+  border: 0.0266666667rem solid #93570B;
+  box-sizing: border-box;
+}
+.gold .withdrawal {
+  width: 3.8933333333rem;
+  height: 1.0666666667rem;
+  line-height: 1.0666666667rem;
+  border-radius: 1.0666666667rem;
+  text-align: center;
+  color: #582815;
+  font-size: 0.4266666667rem;
+  position: absolute;
+  right: 0.5333333333rem;
+  bottom: 0.48rem;
+  background: #EDC36B;
+}
+
+/*# sourceMappingURL=index.css.map */
--- a/view/peko/modules/h5Income/css/index.scss
+++ b/view/peko/modules/h5Income/css/index.scss
@@ -0,0 +1,186 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+.myInfo {
+    width: px2rem(690, );
+    height: px2rem(136, );
+    margin: px2rem(60, ) auto px2rem(32, );
+
+    img {
+        display: block;
+        width: px2rem(136, );
+        height: px2rem(136, );
+        border-radius: 50%;
+        float: left;
+    }
+
+    div {
+        float: left;
+        margin-left: px2rem(22, );
+        overflow: hidden;
+
+        p {
+            color: #1F1B4F;
+            font-size: px2rem(36, );
+            font-weight: bold;
+            margin-bottom: px2rem(12, );
+            margin-top: px2rem(30, );
+            width: 6.5rem;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+        }
+
+        b {
+            color: #8A8CAB;
+            font-size: px2rem(24, );
+        }
+    }
+}
+
+.diamond {
+    width: px2rem(690, );
+    height: px2rem(288, );
+    background: url(../images/index/diamondBg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto px2rem(32, );
+    position: relative;
+
+    .diamondIcon {
+        width: px2rem(48, );
+        height: px2rem(48, );
+        position: absolute;
+        left: px2rem(40, );
+        top: px2rem(30, );
+    }
+
+    .moreD {
+        width: px2rem(24, );
+        height: px2rem(24, );
+        position: absolute;
+        right: px2rem(40, );
+        top: px2rem(42, );
+    }
+
+    span {
+        font-size: px2rem(40, );
+        font-weight: bold;
+        color: #1F1B4F;
+        position: absolute;
+        left: px2rem(96, );
+        top: px2rem(36, );
+    }
+
+    b {
+        font-size: px2rem(28, );
+        color: #1F1B4F;
+        position: absolute;
+        right: px2rem(68, );
+        top: px2rem(40, );
+    }
+
+    p {
+        font-weight: bold;
+        color: #1F1B4F;
+        font-size: px2rem(36, );
+        left: px2rem(40, );
+        top: px2rem(110, );
+        position: absolute;
+    }
+}
+
+.gold {
+    width: px2rem(690, );
+    height: px2rem(288, );
+    background: url(../images/index/goldBg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto px2rem(32, );
+    position: relative;
+
+    .goldIcon {
+        width: px2rem(48, );
+        height: px2rem(48, );
+        position: absolute;
+        left: px2rem(40, );
+        top: px2rem(30, );
+    }
+
+    .moreG {
+        width: px2rem(24, );
+        height: px2rem(24, );
+        position: absolute;
+        right: px2rem(40, );
+        top: px2rem(42, );
+    }
+
+    span {
+        font-size: px2rem(40, );
+        font-weight: bold;
+        color: #1F1B4F;
+        position: absolute;
+        left: px2rem(96, );
+        top: px2rem(36, );
+    }
+
+    b {
+        font-size: px2rem(28, );
+        color: #1F1B4F;
+        position: absolute;
+        right: px2rem(68, );
+        top: px2rem(40, );
+    }
+
+    p {
+        font-weight: bold;
+        color: #1F1B4F;
+        font-size: px2rem(36, );
+        left: px2rem(40, );
+        top: px2rem(110, );
+        position: absolute;
+    }
+
+    .exchangeGold {
+        width: px2rem(292, );
+        height: px2rem(80, );
+        line-height: px2rem(80, );
+        border-radius: px2rem(80, );
+        text-align: center;
+        color: #93570B;
+        font-size: px2rem(32, );
+        position: absolute;
+        left: px2rem(40, );
+        bottom: px2rem(36, );
+        border: px2rem(2, ) solid #93570B;
+        box-sizing: border-box;
+    }
+
+    .withdrawal {
+        width: px2rem(292, );
+        height: px2rem(80, );
+        line-height: px2rem(80, );
+        border-radius: px2rem(80, );
+        text-align: center;
+        color: #582815;
+        font-size: px2rem(32, );
+        position: absolute;
+        right: px2rem(40, );
+        bottom: px2rem(36, );
+        background: #EDC36B;
+    }
+}
--- a/view/peko/modules/h5Income/css/login.css
+++ b/view/peko/modules/h5Income/css/login.css
@@ -0,0 +1,214 @@
+html,
+body {
+  width: 100%;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.6666666667rem;
+  display: none;
+}
+
+.header {
+  width: 100%;
+  height: 8.88rem;
+  background: url(../images/login/bg.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  margin: 0 auto -2rem;
+}
+.header .logo {
+  position: absolute;
+  width: 5.7066666667rem;
+  height: 5.7066666667rem;
+  left: 50%;
+  top: 2.4266666667rem;
+  transform: translateX(-50%);
+}
+
+.box {
+  width: 10rem;
+  height: 14.6133333333rem;
+  border-radius: 0.6666666667rem 0.6666666667rem 0px 0px;
+  margin: 0 auto;
+  position: relative;
+  z-index: 2;
+  background: #fff;
+  overflow: hidden;
+}
+.box input {
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  padding: 0 0.64rem;
+}
+.box input::placeholder {
+  font-size: 0.3733333333rem;
+  color: #8A8CAB;
+}
+.box .idLogin .id {
+  width: 8.08rem;
+  height: 1.3866666667rem;
+  background: #F3F5FA;
+  border-radius: 1.3866666667rem;
+  margin: 1.28rem auto 0.5333333333rem;
+  display: block;
+}
+.box .idLogin .password {
+  width: 8.08rem;
+  height: 1.3866666667rem;
+  background: #F3F5FA;
+  border-radius: 1.3866666667rem;
+  margin: 0rem auto 1.0666666667rem;
+  display: block;
+}
+.box .phone {
+  display: none;
+}
+.box .phone .phoneNumberBox {
+  width: 8.08rem;
+  height: 1.3866666667rem;
+  background: #F3F5FA;
+  border-radius: 1.3866666667rem;
+  margin: 1.28rem auto 0.5333333333rem;
+  box-sizing: border-box;
+  padding-left: 0.64rem;
+}
+.box .phone .phoneNumberBox .prefix {
+  float: left;
+  font-size: 0.4266666667rem;
+  color: #1F1B4F;
+  font-weight: bold;
+  height: 100%;
+  line-height: 1.3866666667rem;
+}
+.box .phone .phoneNumberBox .prefix b {
+  font-size: 0.4266666667rem;
+  color: #1F1B4F;
+  font-weight: bold;
+  margin-right: 0.1066666667rem;
+}
+.box .phone .phoneNumberBox .prefix img {
+  display: inline-block;
+  width: 0.32rem;
+  height: 0.2133333333rem;
+  vertical-align: middle;
+}
+.box .phone .phoneNumberBox .phoneNumber {
+  float: right;
+  height: 100%;
+  padding: 0;
+  width: 5.5rem;
+}
+.box .phone .codeBox {
+  width: 8.08rem;
+  height: 1.3866666667rem;
+  background: #F3F5FA;
+  border-radius: 1.3866666667rem;
+  margin: 0rem auto 1.0666666667rem;
+}
+.box .phone .codeBox .code {
+  float: left;
+  width: 5rem;
+  height: 100%;
+}
+.box .phone .codeBox .codeBut {
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.3733333333rem;
+  border-radius: 1.0133333333rem;
+  width: 2.72rem;
+  height: 1.0133333333rem;
+  line-height: 1.0133333333rem;
+  float: right;
+  margin-top: 0.1866666667rem;
+  margin-right: 0.2133333333rem;
+  background: #9168FA;
+}
+.box .phone .codeBox .codeButTime {
+  background: #DED1FD;
+}
+.box .but {
+  width: 8.08rem;
+  height: 1.28rem;
+  border-radius: 1.28rem;
+  line-height: 1.28rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.4266666667rem;
+  margin: 0 auto 0.5333333333rem;
+  background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+.box .butok {
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+.box .hone {
+  width: 8.08rem;
+  height: 1.28rem;
+  border-radius: 1.28rem;
+  line-height: 1.28rem;
+  text-align: center;
+  color: #9168FA;
+  font-size: 0.4266666667rem;
+  margin: 0 auto 0.5333333333rem;
+  background: linear-gradient(270deg, #FAEDFF 0%, #E6FDFF 100%);
+  border: 1px solid #D480FF;
+}
+
+.area {
+  position: fixed;
+  z-index: 99;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+.area .box {
+  width: 100%;
+  height: 8.88rem;
+  border-radius: 0.7466666667rem 0.7466666667rem 0 0;
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+.area .box p {
+  width: 100%;
+  text-align: center;
+  height: 1.8133333333rem;
+  line-height: 1.8133333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  font-size: 0.48rem;
+  font-weight: bold;
+  color: #1F1B4F;
+}
+.area .box .list {
+  position: absolute;
+  left: 0;
+  top: 1.8133333333rem;
+  overflow-y: scroll;
+  width: 100%;
+  height: 7rem;
+}
+.area .box .list span {
+  display: block;
+  width: 100%;
+  height: 1.36rem;
+  line-height: 1.36rem;
+  font-size: 0.4266666667rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  text-align: center;
+  color: #1F1B4F;
+}
+.area .box .list .active {
+  background: #F3F5FA;
+}
+
+/*# sourceMappingURL=login.css.map */
--- a/view/peko/modules/h5Income/css/login.scss
+++ b/view/peko/modules/h5Income/css/login.scss
@@ -0,0 +1,244 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: px2rem(50, );
+    display: none;
+}
+
+.header {
+    width: 100%;
+    height: px2rem(666, );
+    background: url(../images/login/bg.png) no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    margin: 0 auto -2rem;
+
+    .logo {
+        position: absolute;
+        width: px2rem(428, );
+        height: px2rem(428, );
+        left: 50%;
+        top: px2rem(182, );
+        transform: translateX(-50%);
+
+    }
+}
+
+.box {
+    width: px2rem(750, );
+    height: px2rem(1096, );
+    border-radius: px2rem(50, ) px2rem(50, ) 0px 0px;
+    margin: 0 auto;
+    position: relative;
+    z-index: 2;
+    background: #fff;
+    overflow: hidden;
+
+    input {
+        background: transparent;
+        border: none;
+        outline: none;
+        box-sizing: border-box;
+        padding: 0 px2rem(48, );
+
+        &::placeholder {
+            font-size: px2rem(28, );
+            color: #8A8CAB;
+        }
+    }
+
+    .idLogin {
+        .id {
+            width: px2rem(606, );
+            height: px2rem(104, );
+            background: #F3F5FA;
+            border-radius: px2rem(104, );
+            margin: px2rem(96, ) auto px2rem(40, );
+            display: block;
+        }
+
+        .password {
+            width: px2rem(606, );
+            height: px2rem(104, );
+            background: #F3F5FA;
+            border-radius: px2rem(104, );
+            margin: px2rem(0, ) auto px2rem(80, );
+            display: block;
+        }
+    }
+
+    .phone {
+        display: none;
+
+        .phoneNumberBox {
+            width: px2rem(606, );
+            height: px2rem(104, );
+            background: #F3F5FA;
+            border-radius: px2rem(104, );
+            margin: px2rem(96, ) auto px2rem(40, );
+            box-sizing: border-box;
+            padding-left: px2rem(48, );
+
+            .prefix {
+                float: left;
+                font-size: px2rem(32, );
+                color: #1F1B4F;
+                font-weight: bold;
+                height: 100%;
+                line-height: px2rem(104, );
+
+                b {
+                    font-size: px2rem(32, );
+                    color: #1F1B4F;
+                    font-weight: bold;
+                    margin-right: px2rem(8, );
+                }
+
+                img {
+                    display: inline-block;
+                    width: px2rem(24, );
+                    height: px2rem(16, );
+                    vertical-align: middle;
+                }
+            }
+
+            .phoneNumber {
+                float: right;
+                height: 100%;
+                padding: 0;
+                width: 5.5rem;
+            }
+        }
+
+        .codeBox {
+            width: px2rem(606, );
+            height: px2rem(104, );
+            background: #F3F5FA;
+            border-radius: px2rem(104, );
+            margin: px2rem(0, ) auto px2rem(80, );
+
+            .code {
+                float: left;
+                width: 5rem;
+                height: 100%;
+            }
+
+            .codeBut {
+                text-align: center;
+                color: #FFFFFF;
+                font-size: px2rem(28, );
+                border-radius: px2rem(76, );
+                width: px2rem(204, );
+                height: px2rem(76, );
+                line-height: px2rem(76, );
+                float: right;
+                margin-top: px2rem(14, );
+                margin-right: px2rem(16, );
+                background: #9168FA;
+            }
+
+            .codeButTime {
+                background: #DED1FD;
+            }
+        }
+    }
+
+
+
+    .but {
+        width: px2rem(606, );
+        height: px2rem(96, );
+        border-radius: px2rem(96, );
+        line-height: px2rem(96, );
+        text-align: center;
+        color: #FFFFFF;
+        font-size: px2rem(32, );
+        margin: 0 auto px2rem(40, );
+        background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+    }
+
+    .butok {
+        background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+    }
+
+    .hone {
+        width: px2rem(606, );
+        height: px2rem(96, );
+        border-radius: px2rem(96, );
+        line-height: px2rem(96, );
+        text-align: center;
+        color: #9168FA;
+        font-size: px2rem(32, );
+        margin: 0 auto px2rem(40, );
+        background: linear-gradient(270deg, #FAEDFF 0%, #E6FDFF 100%);
+        border: 1px solid #D480FF;
+    }
+}
+
+.area {
+    position: fixed;
+    z-index: 99;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    display: none;
+
+    .box {
+        width: 100%;
+        height: px2rem(666, );
+        border-radius: px2rem(56, ) px2rem(56, ) 0 0;
+        background: #fff;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+
+        p {
+            width: 100%;
+            text-align: center;
+            height: px2rem(136, );
+            line-height: px2rem(136, );
+            border-bottom: px2rem(1, ) solid #EBEEF5;
+            font-size: px2rem(36, );
+            font-weight: bold;
+            color: #1F1B4F;
+        }
+
+        .list {
+            position: absolute;
+            left: 0;
+            top: px2rem(136, );
+            overflow-y: scroll;
+            width: 100%;
+            height: 7rem;
+
+            span {
+                display: block;
+                width: 100%;
+                height: px2rem(102, );
+                line-height: px2rem(102, );
+                font-size: px2rem(32, );
+                border-bottom: px2rem(1, ) solid #EBEEF5;
+                text-align: center;
+                color: #1F1B4F;
+            }
+
+            .active {
+                background: #F3F5FA;
+            }
+        }
+    }
+}
--- a/view/peko/modules/h5Income/css/malaysia.css
+++ b/view/peko/modules/h5Income/css/malaysia.css
@@ -0,0 +1,197 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+h3 {
+  width: 100%;
+  margin-top: 0.5333333333rem;
+  margin-bottom: 0.4266666667rem;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+
+input {
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  font-size: 0.3733333333rem;
+}
+input::placeholder {
+  font-size: 0.3733333333rem;
+  color: #8A8CAB;
+}
+
+.box1 {
+  width: 9.1466666667rem;
+  height: 9.7066666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box1 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box1 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box1 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box2 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box2 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box2 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box2 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box3 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.5333333333rem;
+  overflow: hidden;
+}
+.box3 p {
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox .z,
+.box3 .idBox .f {
+  width: 3.84rem;
+  height: 3.1466666667rem;
+  background: #F3F5FA;
+  border-radius: 0.2666666667rem;
+  position: relative;
+}
+.box3 .idBox .z .documents,
+.box3 .idBox .f .documents {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+}
+.box3 .idBox .z .icon_camera,
+.box3 .idBox .f .icon_camera {
+  position: absolute;
+  width: 1.0666666667rem;
+  height: 1.0666666667rem;
+  left: 50%;
+  top: 0.8rem;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+.box3 .idBox .z span,
+.box3 .idBox .f span {
+  position: absolute;
+  color: #8A8CAB;
+  font-size: 0.32rem;
+  left: 50%;
+  top: 2.4rem;
+  transform: translateX(-50%);
+  width: 100%;
+  text-align: center;
+}
+.box3 .idBox .z .upload,
+.box3 .idBox .f .upload {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+  z-index: 2;
+}
+
+.but {
+  width: 8.08rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  border-radius: 1.28rem;
+  margin: 0 auto 0.64rem;
+  text-align: center;
+  font-size: 0.4266666667rem;
+  color: #FFFFFF;
+  background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+
+.active {
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+  width: 8.72rem;
+  margin: 0 auto 0.6666666667rem;
+  color: #8A8CAB;
+  font-size: 0.3733333333rem;
+}
+.rule p {
+  margin-bottom: 0.1333333333rem;
+  line-height: 0.45rem;
+}
+
+/*# sourceMappingURL=malaysia.css.map */
--- a/view/peko/modules/h5Income/css/malaysia.scss
+++ b/view/peko/modules/h5Income/css/malaysia.scss
@@ -0,0 +1,210 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+h3 {
+    width: 100%;
+    margin-top: px2rem(40, );
+    margin-bottom: px2rem(32, );
+    text-align: center;
+    color: #1F1B4F;
+    font-size: px2rem(36, );
+    font-weight: bold;
+}
+
+input {
+    background: transparent;
+    border: none;
+    outline: none;
+    box-sizing: border-box;
+    font-size: px2rem(28, );
+
+    &::placeholder {
+        font-size: px2rem(28, );
+        color: #8A8CAB;
+    }
+}
+
+.box1 {
+    width: px2rem(686, );
+    height: px2rem(728, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box2 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box3 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(40, );
+    overflow: hidden;
+
+    p {
+        font-size: px2rem(28, );
+        color: #1F1B4F;
+        margin-top: px2rem(32, );
+    }
+
+    .idBox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        margin-top: px2rem(32, );
+
+        .z,
+        .f {
+            width: px2rem(288, );
+            height: px2rem(236, );
+            background: #F3F5FA;
+            border-radius: px2rem(20, );
+            position: relative;
+
+            .documents {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+            }
+
+            .icon_camera {
+                position: absolute;
+                width: px2rem(80, );
+                height: px2rem(80, );
+                left: 50%;
+                top: px2rem(60, );
+                transform: translateX(-50%);
+                z-index: 2;
+            }
+
+            span {
+                position: absolute;
+                color: #8A8CAB;
+                font-size: px2rem(24, );
+                left: 50%;
+                top: px2rem(180, );
+                transform: translateX(-50%);
+                width: 100%;
+                text-align: center;
+            }
+
+            .upload {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+                z-index: 2;
+            }
+        }
+    }
+}
+
+.but {
+    width: px2rem(606, );
+    height: px2rem(96, );
+    line-height: px2rem(96, );
+    border-radius: px2rem(96, );
+    margin: 0 auto px2rem(48, );
+    text-align: center;
+    font-size: px2rem(32, );
+    color: #FFFFFF;
+    background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+.active{
+    background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+    width: px2rem(654, );
+    margin: 0 auto px2rem(50, );
+    color: #8A8CAB;
+    font-size: px2rem(28, );
+
+    p {
+        margin-bottom: px2rem(10, );
+        line-height: 0.45rem;
+    }
+}
--- a/view/peko/modules/h5Income/css/other.css
+++ b/view/peko/modules/h5Income/css/other.css
@@ -0,0 +1,166 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+h3 {
+  width: 100%;
+  margin-top: 0.5333333333rem;
+  margin-bottom: 0.4266666667rem;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+
+input {
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  font-size: 0.3733333333rem;
+}
+input::placeholder {
+  font-size: 0.3733333333rem;
+  color: #8A8CAB;
+}
+
+.box2 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box2 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box2 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box2 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box3 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.5333333333rem;
+  overflow: hidden;
+}
+.box3 p {
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox .z,
+.box3 .idBox .f {
+  width: 3.84rem;
+  height: 3.1466666667rem;
+  background: #F3F5FA;
+  border-radius: 0.2666666667rem;
+  position: relative;
+}
+.box3 .idBox .z .documents,
+.box3 .idBox .f .documents {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+}
+.box3 .idBox .z .icon_camera,
+.box3 .idBox .f .icon_camera {
+  position: absolute;
+  width: 1.0666666667rem;
+  height: 1.0666666667rem;
+  left: 50%;
+  top: 0.8rem;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+.box3 .idBox .z span,
+.box3 .idBox .f span {
+  position: absolute;
+  color: #8A8CAB;
+  font-size: 0.32rem;
+  left: 50%;
+  top: 2.4rem;
+  transform: translateX(-50%);
+  width: 100%;
+  text-align: center;
+}
+.box3 .idBox .z .upload,
+.box3 .idBox .f .upload {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+  z-index: 2;
+}
+
+.but {
+  width: 8.08rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  border-radius: 1.28rem;
+  margin: 0 auto 0.64rem;
+  text-align: center;
+  font-size: 0.4266666667rem;
+  color: #FFFFFF;
+  background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+
+.active {
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+  width: 8.72rem;
+  margin: 0 auto 0.6666666667rem;
+  color: #8A8CAB;
+  font-size: 0.3733333333rem;
+}
+.rule p {
+  margin-bottom: 0.1333333333rem;
+  line-height: 0.45rem;
+}
+
+/*# sourceMappingURL=other.css.map */
--- a/view/peko/modules/h5Income/css/other.scss
+++ b/view/peko/modules/h5Income/css/other.scss
@@ -0,0 +1,175 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+h3 {
+    width: 100%;
+    margin-top: px2rem(40, );
+    margin-bottom: px2rem(32, );
+    text-align: center;
+    color: #1F1B4F;
+    font-size: px2rem(36, );
+    font-weight: bold;
+}
+
+input {
+    background: transparent;
+    border: none;
+    outline: none;
+    box-sizing: border-box;
+    font-size: px2rem(28, );
+
+    &::placeholder {
+        font-size: px2rem(28, );
+        color: #8A8CAB;
+    }
+}
+.box2 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box3 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(40, );
+    overflow: hidden;
+
+    p {
+        font-size: px2rem(28, );
+        color: #1F1B4F;
+        margin-top: px2rem(32, );
+    }
+
+    .idBox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        margin-top: px2rem(32, );
+
+        .z,
+        .f {
+            width: px2rem(288, );
+            height: px2rem(236, );
+            background: #F3F5FA;
+            border-radius: px2rem(20, );
+            position: relative;
+
+            .documents {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+            }
+
+            .icon_camera {
+                position: absolute;
+                width: px2rem(80, );
+                height: px2rem(80, );
+                left: 50%;
+                top: px2rem(60, );
+                transform: translateX(-50%);
+                z-index: 2;
+            }
+
+            span {
+                position: absolute;
+                color: #8A8CAB;
+                font-size: px2rem(24, );
+                left: 50%;
+                top: px2rem(180, );
+                transform: translateX(-50%);
+                width: 100%;
+                text-align: center;
+            }
+
+            .upload {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+                z-index: 2;
+            }
+        }
+    }
+}
+
+.but {
+    width: px2rem(606, );
+    height: px2rem(96, );
+    line-height: px2rem(96, );
+    border-radius: px2rem(96, );
+    margin: 0 auto px2rem(48, );
+    text-align: center;
+    font-size: px2rem(32, );
+    color: #FFFFFF;
+    background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+.active{
+    background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+    width: px2rem(654, );
+    margin: 0 auto px2rem(50, );
+    color: #8A8CAB;
+    font-size: px2rem(28, );
+
+    p {
+        margin-bottom: px2rem(10, );
+        line-height: 0.45rem;
+    }
+}
--- a/view/peko/modules/h5Income/css/rule.css
+++ b/view/peko/modules/h5Income/css/rule.css
@@ -0,0 +1,41 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+.box {
+  width: 9.1466666667rem;
+  height: auto;
+  margin: 0.8666666667rem auto 0;
+  box-sizing: border-box;
+  padding: 0.64rem 0.5333333333rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+}
+.box h3 {
+  width: 100%;
+  display: block;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+  margin-bottom: 0.32rem;
+}
+.box p {
+  color: #8A8CAB;
+  font-size: 0.3466666667rem;
+  margin-bottom: 0.2666666667rem;
+  width: 100%;
+}
+
+/*# sourceMappingURL=rule.css.map */
--- a/view/peko/modules/h5Income/css/rule.scss
+++ b/view/peko/modules/h5Income/css/rule.scss
@@ -0,0 +1,47 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+.box {
+    width: px2rem(686, );
+    // height: px2rem(1348, );
+    height: auto;
+    margin: px2rem(65, ) auto 0;
+    box-sizing: border-box;
+    padding: px2rem(48, ) px2rem(40, );
+    background: #fff;
+    border-radius: px2rem(20, );
+
+    h3 {
+        width: 100%;
+        display: block;
+        text-align: center;
+        color: #1F1B4F;
+        font-size: px2rem(32, );
+        font-weight: bold;
+        margin-bottom: px2rem(24, );
+    }
+
+    p {
+        color: #8A8CAB;
+        font-size: px2rem(26, );
+        margin-bottom: px2rem(20, );
+        width: 100%;
+    }
+}
--- a/view/peko/modules/h5Income/css/singapore.css
+++ b/view/peko/modules/h5Income/css/singapore.css
@@ -0,0 +1,197 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+h3 {
+  width: 100%;
+  margin-top: 0.5333333333rem;
+  margin-bottom: 0.4266666667rem;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+
+input {
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  font-size: 0.3733333333rem;
+}
+input::placeholder {
+  font-size: 0.3733333333rem;
+  color: #8A8CAB;
+}
+
+.box1 {
+  width: 9.1466666667rem;
+  height: 9.7066666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box1 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box1 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box1 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box2 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box2 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box2 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box2 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box3 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.5333333333rem;
+  overflow: hidden;
+}
+.box3 p {
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox .z,
+.box3 .idBox .f {
+  width: 3.84rem;
+  height: 3.1466666667rem;
+  background: #F3F5FA;
+  border-radius: 0.2666666667rem;
+  position: relative;
+}
+.box3 .idBox .z .documents,
+.box3 .idBox .f .documents {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+}
+.box3 .idBox .z .icon_camera,
+.box3 .idBox .f .icon_camera {
+  position: absolute;
+  width: 1.0666666667rem;
+  height: 1.0666666667rem;
+  left: 50%;
+  top: 0.8rem;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+.box3 .idBox .z span,
+.box3 .idBox .f span {
+  position: absolute;
+  color: #8A8CAB;
+  font-size: 0.32rem;
+  left: 50%;
+  top: 2.4rem;
+  transform: translateX(-50%);
+  width: 100%;
+  text-align: center;
+}
+.box3 .idBox .z .upload,
+.box3 .idBox .f .upload {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+  z-index: 2;
+}
+
+.but {
+  width: 8.08rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  border-radius: 1.28rem;
+  margin: 0 auto 0.64rem;
+  text-align: center;
+  font-size: 0.4266666667rem;
+  color: #FFFFFF;
+  background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+
+.active {
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+  width: 8.72rem;
+  margin: 0 auto 0.6666666667rem;
+  color: #8A8CAB;
+  font-size: 0.3733333333rem;
+}
+.rule p {
+  margin-bottom: 0.1333333333rem;
+  line-height: 0.45rem;
+}
+
+/*# sourceMappingURL=singapore.css.map */
--- a/view/peko/modules/h5Income/css/singapore.scss
+++ b/view/peko/modules/h5Income/css/singapore.scss
@@ -0,0 +1,210 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+h3 {
+    width: 100%;
+    margin-top: px2rem(40, );
+    margin-bottom: px2rem(32, );
+    text-align: center;
+    color: #1F1B4F;
+    font-size: px2rem(36, );
+    font-weight: bold;
+}
+
+input {
+    background: transparent;
+    border: none;
+    outline: none;
+    box-sizing: border-box;
+    font-size: px2rem(28, );
+
+    &::placeholder {
+        font-size: px2rem(28, );
+        color: #8A8CAB;
+    }
+}
+
+.box1 {
+    width: px2rem(686, );
+    height: px2rem(728, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box2 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box3 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(40, );
+    overflow: hidden;
+
+    p {
+        font-size: px2rem(28, );
+        color: #1F1B4F;
+        margin-top: px2rem(32, );
+    }
+
+    .idBox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        margin-top: px2rem(32, );
+
+        .z,
+        .f {
+            width: px2rem(288, );
+            height: px2rem(236, );
+            background: #F3F5FA;
+            border-radius: px2rem(20, );
+            position: relative;
+
+            .documents {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+            }
+
+            .icon_camera {
+                position: absolute;
+                width: px2rem(80, );
+                height: px2rem(80, );
+                left: 50%;
+                top: px2rem(60, );
+                transform: translateX(-50%);
+                z-index: 2;
+            }
+
+            span {
+                position: absolute;
+                color: #8A8CAB;
+                font-size: px2rem(24, );
+                left: 50%;
+                top: px2rem(180, );
+                transform: translateX(-50%);
+                width: 100%;
+                text-align: center;
+            }
+
+            .upload {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+                z-index: 2;
+            }
+        }
+    }
+}
+
+.but {
+    width: px2rem(606, );
+    height: px2rem(96, );
+    line-height: px2rem(96, );
+    border-radius: px2rem(96, );
+    margin: 0 auto px2rem(48, );
+    text-align: center;
+    font-size: px2rem(32, );
+    color: #FFFFFF;
+    background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+.active{
+    background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+    width: px2rem(654, );
+    margin: 0 auto px2rem(50, );
+    color: #8A8CAB;
+    font-size: px2rem(28, );
+
+    p {
+        margin-bottom: px2rem(10, );
+        line-height: 0.45rem;
+    }
+}
--- a/view/peko/modules/h5Income/css/withdrawal.css
+++ b/view/peko/modules/h5Income/css/withdrawal.css
@@ -0,0 +1,572 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+.butBig {
+  width: 8.08rem;
+  height: 1.28rem;
+  background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+  border-radius: 1.28rem;
+  line-height: 1.28rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.4266666667rem;
+  margin: 0 auto 0.6666666667rem;
+}
+
+.butBigActive {
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.myInfo {
+  width: 9.2rem;
+  height: 1.8133333333rem;
+  margin: 0.8rem auto 0.4266666667rem;
+}
+.myInfo img {
+  display: block;
+  width: 1.8133333333rem;
+  height: 1.8133333333rem;
+  border-radius: 50%;
+  float: left;
+}
+.myInfo div {
+  float: left;
+  margin-left: 0.2933333333rem;
+  overflow: hidden;
+}
+.myInfo div p {
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+  margin-bottom: 0.16rem;
+  margin-top: 0.4rem;
+  width: 6.5rem;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.myInfo div b {
+  color: #8A8CAB;
+  font-size: 0.32rem;
+}
+
+.income {
+  width: 9.1466666667rem;
+  height: 2.88rem;
+  background: url(../images/withdrawal/bg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.1066666667rem;
+  position: relative;
+}
+.income .rule {
+  color: #9168FA;
+  font-size: 0.32rem;
+  position: absolute;
+  right: 0.4266666667rem;
+  top: 0.24rem;
+}
+.income img {
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  position: absolute;
+  left: 0.5333333333rem;
+  top: 1.0666666667rem;
+}
+.income span {
+  color: #FFFFFF;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  left: 0.5333333333rem;
+  top: 0.4266666667rem;
+}
+.income p {
+  color: #FFFFFF;
+  font-size: 0.64rem;
+  font-weight: bold;
+  position: absolute;
+  left: 1.3866666667rem;
+  top: 1.1733333333rem;
+}
+
+.account {
+  width: 9.1466666667rem;
+  height: 1.6rem;
+  line-height: 1.6rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  margin: 0 auto 0.4266666667rem;
+  position: relative;
+}
+.account .icon_account {
+  position: absolute;
+  left: 0.5333333333rem;
+  top: 0.5333333333rem;
+  width: 0.5333333333rem;
+  height: 0.5333333333rem;
+}
+.account .arrow_right {
+  position: absolute;
+  right: 0.5333333333rem;
+  top: 0.5333333333rem;
+  width: 0.5333333333rem;
+  height: 0.5333333333rem;
+}
+.account div {
+  height: 100%;
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+  position: absolute;
+  top: 0;
+  left: 1.2266666667rem;
+}
+.account span {
+  height: 100%;
+  color: #B3B3C3;
+  font-size: 0.32rem;
+  position: absolute;
+  top: 0;
+  right: 1.0666666667rem;
+}
+.account .active {
+  color: #1F1B4F;
+  font-weight: bold;
+}
+
+.withdrawal {
+  width: 9.1466666667rem;
+  height: 7.6266666667rem;
+  margin: 0 auto 0.5333333333rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  position: relative;
+  overflow: hidden;
+}
+.withdrawal .gold {
+  width: 0.5333333333rem;
+  height: 0.5333333333rem;
+  position: absolute;
+  top: 0.5333333333rem;
+  left: 0.5333333333rem;
+}
+.withdrawal .title {
+  margin-top: 0.5333333333rem;
+  margin-left: 1.2266666667rem;
+  font-size: 0.4266666667rem;
+  color: #1F1B4F;
+  font-weight: bold;
+}
+.withdrawal input {
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  width: 8.08rem;
+  height: 1.28rem;
+  margin: 0.4266666667rem auto 0.64rem;
+  background: #F3F5FA;
+  display: block;
+  border-radius: 0.2133333333rem;
+}
+.withdrawal input::placeholder {
+  font-size: 0.3733333333rem;
+  color: #B3B3C3;
+}
+.withdrawal .withdrawalBox {
+  width: 8.08rem;
+  height: 1.28rem;
+  position: absolute;
+  left: 0.55rem;
+  top: 1.3rem;
+}
+.withdrawal .numBox {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.7466666667rem;
+}
+.withdrawal .numBox span {
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+}
+.withdrawal .numBox b {
+  color: #B3B3C3;
+  font-size: 0.3733333333rem;
+  float: right;
+}
+.withdrawal .numBox .active {
+  color: #9168FA;
+  font-size: 0.4666666667rem;
+  font-weight: bold;
+}
+.withdrawal p {
+  margin-bottom: 0.16rem;
+  color: #8A8CAB;
+  font-size: 0.32rem;
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+}
+.withdrawal p i {
+  font-style: normal;
+}
+
+.accountPub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+.accountPub .accountPub_in {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  border-radius: 0.7466666667rem 0.7466666667rem 0 0;
+  background: #fff;
+  overflow: hidden;
+  height: 8.88rem;
+}
+.accountPub .accountPub_in h3 {
+  height: 1.8133333333rem;
+  line-height: 1.8133333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+.accountPub .accountPub_in ul {
+  width: 100%;
+  height: 7rem;
+  overflow-y: scroll;
+}
+.accountPub .accountPub_in ul li {
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  height: 1.3866666667rem;
+  line-height: 1.3866666667rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+}
+.accountPub .accountPub_in ul .active {
+  color: #9168FA;
+}
+
+.goldPub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 99;
+  display: none;
+}
+.goldPub .goldPub_in {
+  width: 8.5066666667rem;
+  height: 7.3066666667rem;
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.goldPub .goldPub_in .title {
+  width: 100%;
+  text-align: center;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+  color: #1F1B4F;
+  position: absolute;
+  left: 0;
+  top: 0.64rem;
+}
+.goldPub .goldPub_in .num {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  text-align: center;
+  top: 1.8666666667rem;
+  left: 0;
+  font-size: 0.7466666667rem;
+  font-weight: bold;
+}
+.goldPub .goldPub_in img {
+  position: absolute;
+  left: 3.2rem;
+  top: 2.7333333333rem;
+  width: 0.5333333333rem;
+  height: 0.5333333333rem;
+}
+.goldPub .goldPub_in span {
+  position: absolute;
+  top: 2.8rem;
+  left: 3.84rem;
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+}
+.goldPub .goldPub_in input {
+  width: 6.8rem;
+  height: 1.28rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.6266666667rem;
+  text-align: center;
+  background: #F3F5FA;
+  outline: none;
+  border: none;
+  border-radius: 0.2133333333rem;
+  font-size: 0.3733333333rem;
+}
+.goldPub .goldPub_in .but {
+  width: 7.0133333333rem;
+  height: 1.2266666667rem;
+  line-height: 1.2266666667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.44rem;
+  text-align: center;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  border-radius: 1.2266666667rem;
+  color: #FFFFFF;
+  font-size: 0.4266666667rem;
+}
+
+.withDrawalPub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 99;
+  display: none;
+}
+.withDrawalPub .withDrawalPub_in {
+  width: 8.5066666667rem;
+  height: 5.8133333333rem;
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.withDrawalPub .withDrawalPub_in .title {
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+  position: absolute;
+  left: 0;
+  top: 0.64rem;
+}
+.withDrawalPub .withDrawalPub_in p {
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  left: 0;
+  top: 1.8666666667rem;
+}
+.withDrawalPub .withDrawalPub_in p b {
+  font-weight: bold;
+}
+.withDrawalPub .withDrawalPub_in span {
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  left: 0;
+  top: 2.72rem;
+}
+.withDrawalPub .withDrawalPub_in span b {
+  color: #9168FA;
+  font-size: 0.4266666667rem;
+}
+.withDrawalPub .withDrawalPub_in .but {
+  width: 7.0133333333rem;
+  height: 1.2266666667rem;
+  line-height: 1.2266666667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.9466666667rem;
+  text-align: center;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  border-radius: 1.2266666667rem;
+  color: #FFFFFF;
+  font-size: 0.4266666667rem;
+}
+
+.binding {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+.binding .pub_in {
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  width: 8.5066666667rem;
+  height: 4.96rem;
+}
+.binding .pub_in .title {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+  top: 0.64rem;
+  left: 0;
+}
+.binding .pub_in p {
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  left: 0;
+  top: 1.7333333333rem;
+}
+.binding .pub_in p b {
+  color: #9168FA;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+}
+.binding .pub_in .close {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: #E6E6F0;
+  position: absolute;
+  left: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+.binding .pub_in .ok {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  position: absolute;
+  right: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+
+.switch {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+.switch .pub_in {
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  width: 8.5066666667rem;
+  height: 4.96rem;
+}
+.switch .pub_in .title {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+  top: 0.64rem;
+  left: 0;
+}
+.switch .pub_in p {
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  left: 0;
+  top: 1.7333333333rem;
+}
+.switch .pub_in p b {
+  color: #9168FA;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+}
+.switch .pub_in .close {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: #E6E6F0;
+  position: absolute;
+  left: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+.switch .pub_in .ok {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  position: absolute;
+  right: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+
+/*# sourceMappingURL=withdrawal.css.map */
--- a/view/peko/modules/h5Income/css/withdrawal.scss
+++ b/view/peko/modules/h5Income/css/withdrawal.scss
@@ -0,0 +1,633 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+.butBig {
+    width: px2rem(606, );
+    height: px2rem(96, );
+    background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+    border-radius: px2rem(96, );
+    line-height: px2rem(96, );
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(32, );
+    margin: 0 auto px2rem(50, );
+}
+
+.butBigActive {
+    background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+    ;
+}
+
+.myInfo {
+    width: px2rem(690, );
+    height: px2rem(136, );
+    margin: px2rem(60, ) auto px2rem(32, );
+
+    img {
+        display: block;
+        width: px2rem(136, );
+        height: px2rem(136, );
+        border-radius: 50%;
+        float: left;
+    }
+
+    div {
+        float: left;
+        margin-left: px2rem(22, );
+        overflow: hidden;
+
+        p {
+            color: #1F1B4F;
+            font-size: px2rem(36, );
+            font-weight: bold;
+            margin-bottom: px2rem(12, );
+            margin-top: px2rem(30, );
+            width: 6.5rem;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+        }
+
+        b {
+            color: #8A8CAB;
+            font-size: px2rem(24, );
+        }
+    }
+}
+
+.income {
+    width: px2rem(686, );
+    height: px2rem(216, );
+    background: url(../images/withdrawal/bg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto px2rem(8, );
+    position: relative;
+
+    .rule {
+        color: #9168FA;
+        font-size: px2rem(24, );
+        position: absolute;
+        right: px2rem(32, );
+        top: px2rem(18, );
+    }
+
+    img {
+        width: px2rem(56, );
+        height: px2rem(56, );
+        position: absolute;
+        left: px2rem(40, );
+        top: px2rem(80, );
+
+    }
+
+    span {
+        color: #FFFFFF;
+        font-size: px2rem(28, );
+        position: absolute;
+        left: px2rem(40, );
+        top: px2rem(32, );
+    }
+
+    p {
+        color: #FFFFFF;
+        font-size: px2rem(48, );
+        font-weight: bold;
+        position: absolute;
+        left: px2rem(104, );
+        top: px2rem(88, );
+    }
+}
+
+.account {
+    width: px2rem(686, );
+    height: px2rem(120, );
+    line-height: px2rem(120, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    margin: 0 auto px2rem(32, );
+    position: relative;
+
+    .icon_account {
+        position: absolute;
+        left: px2rem(40, );
+        top: px2rem(40, );
+        width: px2rem(40, );
+        height: px2rem(40, );
+    }
+
+    .arrow_right {
+        position: absolute;
+        right: px2rem(40, );
+        top: px2rem(40, );
+        width: px2rem(40, );
+        height: px2rem(40, );
+    }
+
+    div {
+        height: 100%;
+        color: #1F1B4F;
+        font-size: px2rem(32, );
+        font-weight: bold;
+        position: absolute;
+        top: 0;
+        left: px2rem(92, );
+    }
+
+    span {
+        height: 100%;
+        color: #B3B3C3;
+        font-size: px2rem(24, );
+        position: absolute;
+        top: 0;
+        right: px2rem(80, );
+    }
+
+    .active {
+        color: #1F1B4F;
+        font-weight: bold;
+    }
+}
+
+.withdrawal {
+    width: px2rem(686, );
+    height: px2rem(572, );
+    margin: 0 auto px2rem(40, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    position: relative;
+    overflow: hidden;
+
+    .gold {
+        width: px2rem(40, );
+        height: px2rem(40, );
+        position: absolute;
+        top: px2rem(40, );
+        left: px2rem(40, );
+    }
+
+    .title {
+        margin-top: px2rem(40, );
+        margin-left: px2rem(92, );
+        font-size: px2rem(32, );
+        color: #1F1B4F;
+        font-weight: bold;
+    }
+
+    input {
+        background: transparent;
+        border: none;
+        outline: none;
+        box-sizing: border-box;
+        padding: 0 px2rem(40, );
+        width: px2rem(606, );
+        height: px2rem(96, );
+        margin: px2rem(32, ) auto px2rem(48, );
+        background: #F3F5FA;
+        display: block;
+        border-radius: px2rem(16, );
+
+        &::placeholder {
+            font-size: px2rem(28, );
+            color: #B3B3C3;
+        }
+    }
+
+    .withdrawalBox {
+        width: px2rem(606, );
+        height: px2rem(96, );
+        position: absolute;
+        left: 0.55rem;
+        top: 1.3rem;
+    }
+
+    .numBox {
+        width: 100%;
+        box-sizing: border-box;
+        padding: 0 px2rem(40, );
+        margin: 0 auto px2rem(56, );
+
+        span {
+            color: #1F1B4F;
+            font-size: px2rem(32, );
+            // float: left;
+        }
+
+        b {
+            color: #B3B3C3;
+            font-size: px2rem(28, );
+            float: right;
+        }
+
+        .active {
+            color: #9168FA;
+            font-size: px2rem(35, );
+            font-weight: bold;
+        }
+    }
+
+    p {
+        margin-bottom: px2rem(12, );
+        color: #8A8CAB;
+        font-size: px2rem(24, );
+        display: block;
+        width: 100%;
+        box-sizing: border-box;
+        padding: 0 px2rem(40, );
+
+        i {
+            font-style: normal;
+        }
+    }
+}
+
+.accountPub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .6);
+    display: none;
+
+    .accountPub_in {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        border-radius: px2rem(56, ) px2rem(56, ) 0 0;
+        background: #fff;
+        overflow: hidden;
+        height: px2rem(666, );
+
+        h3 {
+            height: px2rem(136, );
+            line-height: px2rem(136, );
+            border-bottom: px2rem(1, ) solid #EBEEF5;
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-size: px2rem(36, );
+            font-weight: bold;
+        }
+
+        ul {
+            width: 100%;
+            height: 7rem;
+            overflow-y: scroll;
+
+            li {
+                width: 100%;
+                text-align: center;
+                color: #1F1B4F;
+                font-size: px2rem(28, );
+                height: px2rem(104, );
+                line-height: px2rem(104, );
+                border-bottom: px2rem(1, ) solid #EBEEF5;
+            }
+
+            .active {
+                color: #9168FA;
+            }
+        }
+    }
+}
+
+.goldPub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 99;
+    display: none;
+
+    .goldPub_in {
+        width: px2rem(638, );
+        height: px2rem(548, );
+        background: #fff;
+        border-radius: px2rem(40, );
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .title {
+            width: 100%;
+            text-align: center;
+            font-size: px2rem(32, );
+            font-weight: bold;
+            color: #1F1B4F;
+            position: absolute;
+            left: 0;
+            top: px2rem(48, );
+        }
+
+        .num {
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            text-align: center;
+            top: px2rem(140, );
+            left: 0;
+            font-size: px2rem(56, );
+            font-weight: bold;
+        }
+
+        img {
+            position: absolute;
+            left: px2rem(240, );
+            top: px2rem(205, );
+            width: px2rem(40, );
+            height: px2rem(40, );
+        }
+
+        span {
+            position: absolute;
+            top: px2rem(210, );
+            left: px2rem(288, );
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+        }
+
+        input {
+            width: px2rem(510, );
+            height: px2rem(96, );
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(272, );
+            text-align: center;
+            background: #F3F5FA;
+            outline: none;
+            border: none;
+            border-radius: px2rem(16, );
+            font-size: px2rem(28, );
+        }
+
+        .but {
+            width: px2rem(526, );
+            height: px2rem(92, );
+            line-height: px2rem(92, );
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(408, );
+            text-align: center;
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            border-radius: px2rem(92, );
+            color: #FFFFFF;
+            font-size: px2rem(32, );
+        }
+    }
+}
+
+.withDrawalPub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 99;
+    display: none;
+
+    .withDrawalPub_in {
+        width: px2rem(638, );
+        height: px2rem(436, );
+        background: #fff;
+        border-radius: px2rem(40, );
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .title {
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-size: px2rem(32, );
+            font-weight: bold;
+            position: absolute;
+            left: 0;
+            top: px2rem(48, );
+        }
+
+        p {
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            left: 0;
+            top: px2rem(140, );
+
+            b {
+                font-weight: bold;
+            }
+        }
+
+        span {
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            left: 0;
+            top: px2rem(204, );
+
+            b {
+                color: #9168FA;
+                font-size: px2rem(32, );
+            }
+        }
+
+        .but {
+            width: px2rem(526, );
+            height: px2rem(92, );
+            line-height: px2rem(92, );
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(296, );
+            text-align: center;
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            border-radius: px2rem(92, );
+            color: #FFFFFF;
+            font-size: px2rem(32, );
+        }
+    }
+}
+
+.binding {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .6);
+    display: none;
+
+    .pub_in {
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background: #fff;
+        border-radius: px2rem(40, );
+        width: px2rem(638, );
+        height: px2rem(372, );
+
+        .title {
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-weight: bold;
+            font-size: px2rem(32, );
+            top: px2rem(48, );
+            left: 0;
+        }
+
+        p {
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            left: 0;
+            top: px2rem(130, );
+
+            b {
+                color: #9168FA;
+                font-weight: bold;
+                font-size: px2rem(32, );
+            }
+        }
+
+        .close {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: #E6E6F0;
+            position: absolute;
+            left: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+
+        .ok {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            position: absolute;
+            right: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+    }
+}
+
+.switch {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .6);
+    display: none;
+
+    .pub_in {
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background: #fff;
+        border-radius: px2rem(40, );
+        width: px2rem(638, );
+        height: px2rem(372, );
+
+        .title {
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-weight: bold;
+            font-size: px2rem(32, );
+            top: px2rem(48, );
+            left: 0;
+        }
+
+        p {
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            left: 0;
+            top: px2rem(130, );
+
+            b {
+                color: #9168FA;
+                font-weight: bold;
+                font-size: px2rem(32, );
+            }
+        }
+
+        .close {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: #E6E6F0;
+            position: absolute;
+            left: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+
+        .ok {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            position: absolute;
+            right: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+    }
+}
--- a/view/peko/modules/h5Income/exchangeGold.html
+++ b/view/peko/modules/h5Income/exchangeGold.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport"
+        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <title>我的收益</title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/exchangeGold.css">
+</head>
+
+<body>
+    <!-- 返回 -->
+    <img src="./images/back.png" alt="" class="back">
+    <!-- 兌換信息 -->
+    <div class="box">
+        <div class="golds">我的金幣：0</div>
+        <div class="diamonds">我的鉆石：0</div>
+        <input type="number" placeholder="0" class="num">
+        <input type="number" disabled placeholder="0" class="num2">
+    </div>
+    <!-- 確認兌換 -->
+    <div class="but">確認兌換</div>
+    <!-- 二次確認彈窗 -->
+    <div class="pub">
+        <div class="pub_in">
+            <div class="title">確認兌換</div>
+            <p>確認獎 <b class="gold">0</b> 金幣兌換為 <b class="diamond">0</b> 鉆石嗎？</p>
+            <div class="close">取消</div>
+            <div class="ok">確認</div>
+        </div>
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./js/exchangeGold.js"></script>
--- a/view/peko/modules/h5Income/images/back.png
+++ b/view/peko/modules/h5Income/images/back.png
--- a/view/peko/modules/h5Income/images/chainBank/documents_front.png
+++ b/view/peko/modules/h5Income/images/chainBank/documents_front.png
--- a/view/peko/modules/h5Income/images/chainBank/documents_reverse.png
+++ b/view/peko/modules/h5Income/images/chainBank/documents_reverse.png
--- a/view/peko/modules/h5Income/images/chainBank/icon_camera.png
+++ b/view/peko/modules/h5Income/images/chainBank/icon_camera.png
--- a/view/peko/modules/h5Income/images/exchangeGold/bg.png
+++ b/view/peko/modules/h5Income/images/exchangeGold/bg.png
--- a/view/peko/modules/h5Income/images/index/diamondBg.png
+++ b/view/peko/modules/h5Income/images/index/diamondBg.png
--- a/view/peko/modules/h5Income/images/index/diamondIcon.png
+++ b/view/peko/modules/h5Income/images/index/diamondIcon.png
--- a/view/peko/modules/h5Income/images/index/goldBg.png
+++ b/view/peko/modules/h5Income/images/index/goldBg.png
--- a/view/peko/modules/h5Income/images/index/goldIcon.png
+++ b/view/peko/modules/h5Income/images/index/goldIcon.png
--- a/view/peko/modules/h5Income/images/index/moreD.png
+++ b/view/peko/modules/h5Income/images/index/moreD.png
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Dragon	3e9a323e77	修复寻爱免责声明	2023-08-04 14:33:06 +08:00
Dragon	192846f665	活动新增免责声明	2023-08-04 14:10:07 +08:00
Dragon	04ec4e1213	写死注销传参	2023-08-03 14:47:59 +08:00
Dragon	d4edc4d7f9	更新注销逻辑	2023-08-02 14:51:36 +08:00
Dragon	33b327ef08	修复流水太长样式异常问题	2023-08-01 22:45:49 +08:00
Dragon	c402e91b4b	修复不选择充值档位的情况下仍然可以发起支付问题	2023-08-01 16:54:12 +08:00
Dragon	e5bc021b76	替换塔罗动效	2023-07-27 19:26:08 +08:00
Dragon	7ad353af3a	新增动效	2023-07-27 19:04:32 +08:00
Dragon	6ef6df6bd5	修复金币账单文案错误问题	2023-07-26 19:36:52 +08:00
Dragon	3b2d5f3ec8	修改金币账单文案提示	2023-07-26 19:25:19 +08:00
Dragon	b23b00110b	更改首页榜单，修复大陆提现校验问题	2023-07-26 18:36:28 +08:00
Dragon	effa4fc182	新增房间流水登入	2023-07-26 18:03:32 +08:00
Dragon	fda137edd4	新增房间柳树	2023-07-26 14:36:41 +08:00
Dragon	104c2a5ea9	修改遗漏繁体	2023-07-24 10:46:55 +08:00
Dragon	9c8dcfc5bc	隐藏塔罗充值弹窗，增加roomuid	2023-07-24 10:46:54 +08:00
Dragon	59dfb185c7	新增余额不足弹窗	2023-07-24 10:46:54 +08:00
Dragon	f9bf2c5473	修改roomUid	2023-07-24 10:46:54 +08:00
Dragon	cbbe553bf0	完成新塔罗	2023-07-24 10:46:54 +08:00
Dragon	3f314a647b	新塔罗暂存	2023-07-24 10:46:52 +08:00
Dragon	775a68a23c	新塔罗	2023-07-24 10:46:49 +08:00
Dragon	46db54d18b	隐藏厨房滚动条	2023-07-21 16:06:32 +08:00
Dragon	23630c40b9	修改贵族排行榜默认值	2023-07-21 10:40:56 +08:00
Dragon	c9b16d9fac	新增返回按钮	2023-07-20 16:10:45 +08:00
Dragon	9e345cf51a	修复无法跳转，名字不居中问题	2023-07-20 16:04:06 +08:00
Dragon	3d0df56d13	更新我的收益文件	2023-07-20 10:26:20 +08:00
Dragon	aeba089ded	去除顶部钻石记录	2023-07-20 10:16:59 +08:00
Dragon	50223def70	修改小精灵跳转方式	2023-07-19 19:37:52 +08:00
Dragon	6d251a0399	修复自己贵族不展示问题	2023-07-19 16:41:41 +08:00
Dragon	673005f471	修改bug替换贵族icon	2023-07-19 16:30:18 +08:00
Dragon	b9c7691b98	修复不显示自己榜单问题	2023-07-18 17:45:34 +08:00
Dragon	0c23babc9d	新增贵族	2023-07-18 17:45:33 +08:00
Dragon	bf6f941752	修复上传身份证问题	2023-07-18 17:32:28 +08:00
Dragon	2f88fdc21d	修改礼物获得文案	2023-07-17 22:15:16 +08:00
Dragon	661db811c0	设置token值	2023-07-17 15:35:38 +08:00
Dragon	7747ee7e93	修改请求头公共参数	2023-07-17 15:27:10 +08:00
Dragon	c625084bbb	新增请求头	2023-07-17 15:19:03 +08:00
Dragon	aaf2b2f6ed	修改请求头	2023-07-17 15:03:29 +08:00
Dragon	be4a1e09b2	修改登入传参	2023-07-17 14:32:06 +08:00
Dragon	47864dabdb	修改meta标签	2023-07-17 01:06:17 +08:00
Dragon	8f5bd66761	限制缩放	2023-07-17 00:40:35 +08:00
Dragon	7351a4b76d	修改默认值，加清除缓存	2023-07-17 00:22:26 +08:00
Dragon	6b16354f64	修改礼物收入数据异常问题	2023-07-14 17:51:07 +08:00
Dragon	1b3986bcf3	修改收益类型	2023-07-14 17:31:18 +08:00
Dragon	c19d1c92a2	加密账号	2023-07-14 17:20:38 +08:00
Dragon	f1badb8d03	新增金币账单，修复验证码登入失败问题	2023-07-14 16:37:12 +08:00
Dragon	131a276e58	修复bug	2023-07-14 15:27:25 +08:00
Dragon	f594d0de0c	修改取值	2023-07-12 18:27:12 +08:00
Dragon	2c0f58f815	新增判断	2023-07-12 18:11:00 +08:00
Dragon	844dc5c831	加密手机号，压缩图片	2023-07-12 17:29:57 +08:00
Dragon	f9886b9089	完善提现功能	2023-07-12 17:00:50 +08:00
Dragon	733ab19c71	解决厨房商店包undefined问题	2023-07-11 19:17:12 +08:00
Dragon	80bea3e94a	厨房修改商店包跳转	2023-07-11 19:10:12 +08:00
Dragon	f937063d9b	修改邀请好友获取uid失效	2023-07-11 18:35:47 +08:00
Dragon	cdc8f2290c	联调登入	2023-07-11 18:01:38 +08:00
Dragon	296a640744	修改uid和ticket传参规则	2023-07-11 17:05:35 +08:00
Dragon	c41e8dd980	新增登入接口	2023-07-11 16:05:21 +08:00
Dragon	7a21b824ab	暂存	2023-07-11 15:50:39 +08:00
Dragon	1148a0753e	新增福袋	2023-07-11 15:27:08 +08:00
Dragon	3c57f4e780	修改引入文件	2023-07-10 19:08:55 +08:00
Dragon	d300b7a056	提交福袋规则页面，暂存提现	2023-07-10 18:52:04 +08:00
Dragon	e47906fd91	提现	2023-07-10 09:56:34 +08:00
Dragon	c0dfb7c41b	更新apk下载链接	2023-07-06 14:29:21 +08:00
Dragon	daf57dd1ad	更新下载链接	2023-07-06 14:26:18 +08:00
Dragon	c6df9a0872	支持连点，去除左右动效	2023-07-05 15:34:33 +08:00
Dragon	180d64064a	优化图片加载过慢问题	2023-07-05 14:16:21 +08:00
Dragon	518bac9298	压缩图片	2023-07-03 17:20:30 +08:00
Dragon	9974ad913c	优化选择食材动效	2023-06-27 14:16:41 +08:00
Dragon	609dea5884	修改举报页面请求域名	2023-06-25 18:08:45 +08:00
Dragon	8fba10d4d5	厨房：修改第三阶段判断条件	2023-06-15 14:27:44 +08:00