修复不选择充值档位的情况下仍然可以发起支付问题

替换塔罗动效
新增动效
2023-08-01 16:54:12 +08:00 · 2023-07-27 19:26:08 +08:00 · 2023-07-27 19:04:32 +08:00 · 2023-07-26 19:36:52 +08:00 · 2023-07-26 19:25:19 +08:00 · 2023-07-26 18:36:28 +08:00
191 changed files with 11617 additions and 719 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%;
--- 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;
--- 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/index.html
+++ b/view/peko/activity/act-ocean/index.html
@@ -11,6 +11,8 @@
 </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">
--- a/view/peko/activity/act-ocean/js/index.js
+++ b/view/peko/activity/act-ocean/js/index.js
@@ -704,9 +704,9 @@ const sendUserDrawInfo = (itemId, num, tais) => {
            if (res.code === 200) {
                tais.data('total-num').number = parseInt(tais.data('total-num').number) + fragmentNum
                tais
-                .stop(true, true)
-                .animate({ scale: 1.1, }, 50)//skew(10deg, 10deg)
-                .animate({ scale: 1, }, 50)//skew(10deg, 10deg) rotate: 0,
+                    .stop(true, true)
+                    .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)
@@ -1082,8 +1082,13 @@ $(function () {
                    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
                }
            } else if (browser.ios) {
-                window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
-                window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
+                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內打開')
@@ -1174,8 +1179,13 @@ $(function () {
                    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
                }
            } else if (browser.ios) {
-                window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
-                window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
+                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內打開')
--- 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',
-        // 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
-    };
-
+    var browser = checkVersion();
+    const pubHeader = {};
+    pubHeader.app = type != 'yinbaos' ? pubInfo.deviceInfo.app : 'yinbao'
+    // app: 'peko',
+    // app: pubInfo.deviceInfo.app.indexOf('peko') != -1 ? 'peko' : 'PlanetStar',
+    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) {
@@ -792,4 +795,13 @@ function networkRequest (reqObj = {}, type) {

    const response = $.ajax(reqObj);
    return response;
+}
+// 控制body是否可以滑动
+function bodyScroolFun (bool) {
+    if (bool) {
+        $('body').css('overflow', 'hidden');
+    } else {
+        $('body').css('overflow', 'auto');
+
+    }
 }
--- a/view/peko/home/js/index.js
+++ b/view/peko/home/js/index.js
@@ -7,113 +7,114 @@ const urlPrefix = getUrlPrefix()
 let channelData = urlData.channel
 //定义官方渠道包
 const channelDict = {
-  'peko0': 'https://image.lecheng163.com/peko_peko0.apk',
-  'peko1': 'https://image.lecheng163.com/peko_peko1.apk',
-  'peko2': 'https://image.lecheng163.com/peko_peko2.apk',
-  'peko3': 'https://image.lecheng163.com/peko_peko3.apk',
-  'peko4': 'https://image.lecheng163.com/peko_peko4.apk',
-  'peko5': 'https://image.lecheng163.com/peko_peko5.apk',
-  'peko6': 'https://image.lecheng163.com/peko_peko6.apk',
-  'peko7': 'https://image.lecheng163.com/peko_peko7.apk',
-  'peko8': 'https://image.lecheng163.com/peko_peko8.apk',
-  'peko9': 'https://image.lecheng163.com/peko_peko9.apk',
-  'peko10': 'https://image.lecheng163.com/peko_peko10.apk',
-  'gongzhonghao': 'https://image.lecheng163.com/peko_gongzhonghao.apk',
-  'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
+    'peko0': 'https://image.lecheng163.com/peko_peko0.apk',
+    'peko1': 'https://image.lecheng163.com/peko_peko1.apk',
+    'peko2': 'https://image.lecheng163.com/peko_peko2.apk',
+    'peko3': 'https://image.lecheng163.com/peko_peko3.apk',
+    'peko4': 'https://image.lecheng163.com/peko_peko4.apk',
+    'peko5': 'https://image.lecheng163.com/peko_peko5.apk',
+    'peko6': 'https://image.lecheng163.com/peko_peko6.apk',
+    'peko7': 'https://image.lecheng163.com/peko_peko7.apk',
+    'peko8': 'https://image.lecheng163.com/peko_peko8.apk',
+    'peko9': 'https://image.lecheng163.com/peko_peko9.apk',
+    'peko10': 'https://image.lecheng163.com/peko_peko10.apk',
+    'gongzhonghao': 'https://image.lecheng163.com/peko_gongzhonghao.apk',
+    'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'

-  // 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
+    // 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
 }
 $(function () {

-  //判断url参数是否是与渠道包名一致
-  let androidUrl = null;
-  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.peko';
-  let iosUrl = 'http://doudouyue.com/8axv'   //ios企业包
-  //   let iosUrl = 'https://apps.apple.com/cn/app/id1571083482'   //ios商店包
+    //判断url参数是否是与渠道包名一致
+    let androidUrl = null;
+    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商店包

-  if (version.ios) {
-    $('.button-wrapper').on('click', function () {
-      if (version.weixin) {
-        $('.tips').show()
-        return
-      }
-      window.location.href = iosUrl;
-    })
+    if (version.ios) {
+        $('.button-wrapper').on('click', function () {
+            if (version.weixin) {
+                $('.tips').show()
+                return
+            }
+            window.location.href = iosUrl;
+        })

-  } else if (version.android) {
-    $('.button-wrapper').on('click', function () {
-      if (version.weixin) {
-        $('.tips').show()
-        return
-      }
-      window.location.href = androidUrl;
-    })
-  } else {
-    $('.button-wrapper').on('click', function () {
-      window.location.href = androidUrl;
-    })
-    $('.button2-wrapper').on('click', function () {
-      window.location.href = iosUrl;
-    })
-  }
+    } else if (version.android) {
+        $('.button-wrapper').on('click', function () {
+            if (version.weixin) {
+                $('.tips').show()
+                return
+            }
+            window.location.href = androidUrl;
+        })
+    } else {
+        $('.button-wrapper').on('click', function () {
+            window.location.href = androidUrl;
+        })
+        $('.button2-wrapper').on('click', function () {
+            window.location.href = iosUrl;
+        })
+    }

 })

-function swiperFun() {
-  var swiper = new Swiper('.swiper', {
-    direction: 'horizontal',
-    loop: true,
-    autoplay: 5000,
-    slidesPerView: "auto",
-    centeredSlides: true,
-    spaceBetween: 0,
-    initialSlide: 1,//默认第二个居中
+function swiperFun () {
+    var swiper = new Swiper('.swiper', {
+        direction: 'horizontal',
+        loop: true,
+        autoplay: 5000,
+        slidesPerView: "auto",
+        centeredSlides: true,
+        spaceBetween: 0,
+        initialSlide: 1,//默认第二个居中

-  });
+    });
 }

 $(function () {
-  $(document).ready(function () {
-    var deviceWidth = document.documentElement.clientWidth;
-    if (deviceWidth > 768) {
-      document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
-    } else {
-      document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
+    $(document).ready(function () {
+        var deviceWidth = document.documentElement.clientWidth;
+        if (deviceWidth > 768) {
+            document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
+        } else {
+            document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
+        }
+    });
+    window.onresize = function () {
+        var deviceWidth = document.documentElement.clientWidth;
+        // console.log('deviceWidth', deviceWidth);
+        if (deviceWidth > 768) {
+            document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
+        } else {
+            document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
+        }
    }
-  });
-  window.onresize = function () {
-    var deviceWidth = document.documentElement.clientWidth;
-    // console.log('deviceWidth', deviceWidth);
-    if (deviceWidth > 768) {
-      document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
-    } else {
-      document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
-    }
-  }

-  swiperFun();
+    swiperFun();

-  //跳转pc端充值 
-  $('.homePc .charge').click(function () {
-    window.location.href = urlPrefix + '/peko/modules/payPc/index.html?channelType=4';
-  })
-  // 跳转移动端h5充值
-  $('.homeM .charge').click(function () {
-    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
-  })
-  // logo跳转
-  $('.googlePlay').click(function () {
-    window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.peko'
-  })
-  $('.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'
-    }
-  })
-  $('.apk').click(function () {
-    window.location.href = 'https://img.pekolive.com/peko_official.apk'
-  })
+    //跳转pc端充值 
+    $('.homePc .charge').click(function () {
+        window.location.href = urlPrefix + '/peko/modules/payPc/index.html?channelType=4';
+    })
+    // 跳转移动端h5充值
+    $('.homeM .charge').click(function () {
+        window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
+    })
+    // logo跳转
+    $('.googlePlay').click(function () {
+        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 = 'https://apps.apple.com/cn/app/id6446155565'
+        }
+        else {
+            window.location.href = 'http://doudouyue.com/3gh2'
+        }
+    })
+    $('.apk').click(function () {
+        window.location.href = 'https://img.pekolive.com/peko_official.apk'
+    })
 })
--- 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/view/peko/modules/h5Income/images/index/moreG.png
+++ b/view/peko/modules/h5Income/images/index/moreG.png
--- a/view/peko/modules/h5Income/images/login/bg.png
+++ b/view/peko/modules/h5Income/images/login/bg.png
--- a/view/peko/modules/h5Income/images/login/logo.png
+++ b/view/peko/modules/h5Income/images/login/logo.png
--- a/view/peko/modules/h5Income/images/login/more.png
+++ b/view/peko/modules/h5Income/images/login/more.png
--- a/view/peko/modules/h5Income/images/withdrawal/arrow_right.png
+++ b/view/peko/modules/h5Income/images/withdrawal/arrow_right.png
--- a/view/peko/modules/h5Income/images/withdrawal/bg.png
+++ b/view/peko/modules/h5Income/images/withdrawal/bg.png
--- a/view/peko/modules/h5Income/images/withdrawal/gold.png
+++ b/view/peko/modules/h5Income/images/withdrawal/gold.png
--- a/view/peko/modules/h5Income/images/withdrawal/icon_account.png
+++ b/view/peko/modules/h5Income/images/withdrawal/icon_account.png
--- a/view/peko/modules/h5Income/images/withdrawal/icon_mone.png
+++ b/view/peko/modules/h5Income/images/withdrawal/icon_mone.png
--- a/view/peko/modules/h5Income/index.html
+++ b/view/peko/modules/h5Income/index.html
@@ -0,0 +1,60 @@
+<!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/index.css">
+</head>
+
+<body>
+    <!-- 返回 -->
+    <img src="./images/back.png" alt="" class="back">
+    <!-- 我的基本信息 -->
+    <div class="myInfo">
+        <img src="./images/login/logo.png" alt="">
+        <div>
+            <p>Peko</p>
+            <b>ID:</b>
+        </div>
+    </div>
+    <!-- 鉆石 -->
+    <div class="diamond">
+        <img src="./images/index/diamondIcon.png" alt="" class="diamondIcon">
+        <!-- <img src="./images/index/moreD.png" alt="" class="moreD"> -->
+        <span>鉆石</span>
+        <!-- <b>明細</b> -->
+        <p>0</p>
+    </div>
+    <!-- 金幣 -->
+    <div class="gold">
+        <img src="./images/index/goldIcon.png" alt="" class="goldIcon">
+        <span>金幣</span>
+        <a href="../myincome/index.html#/GoldLog">
+            <b>明細</b>
+            <img src="./images/index/moreG.png" alt="" class="moreG">
+        </a>
+        <p>0</p>
+        <a href="./exchangeGold.html">
+            <div class="exchangeGold">兌換鉆石</div>
+        </a>
+        <a href="./withdrawal.html">
+            <div class="withdrawal">提領</div>
+        </a>
+    </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/index.js?v=1.0"></script>
--- a/view/peko/modules/h5Income/js/chainBank.js
+++ b/view/peko/modules/h5Income/js/chainBank.js
@@ -0,0 +1,190 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+var url = getQueryString();
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封装layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+        }, 100)
+    })
+})
+// 返回按钮
+$('.back').click(function () {
+    window.history.go(-1)
+})
+function fileChangeZ (e) {
+    var filesList = document.querySelector('#frontImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(1)
+}
+function fileChangeF (e) {
+    var filesList = document.querySelector('#backImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(2)
+}
+// 上传身份证接口
+function getUploadToken (type) {
+    const frontImage = document.getElementById('frontImageUpload').files[0];
+    const backImage = document.getElementById('backImageUpload').files[0];
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/qiniu/upload/getUploadToken',
+        success (res) {
+            if (res.code === 200) {
+                var frontImageKey = res.data.key;
+                var frontImageToken = res.data.token;
+                showLoading()
+                const observable = qiniu.upload(
+                    type == 1 ? frontImage : backImage,
+                    frontImageKey,
+                    frontImageToken
+                );
+                observable.subscribe({
+                    complete: (res) => {
+                        console.log(res);
+                        if (type == 1) {
+                            $('.box3 .idBox .z .documents').attr('src', res.path);
+                        } else {
+                            $('.box3 .idBox .f .documents').attr('src', res.path);
+                        }
+                        hideLoading(layerIndex)
+                        toastMsg("上傳成功")
+
+                    },
+                });
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            // hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 确认绑定按钮
+$('.but').click(function () {
+    if (listenFun()) {
+        var filesList = document.querySelector('#frontImageUpload').files;
+        var backImageUpload = document.querySelector('#backImageUpload').files;
+        if (filesList.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證照片')
+            return;
+        }
+    }
+})
+//监听是否完善信息
+function listenFun () {
+    var num1 = $(".box1 div .name").val();
+    var num2 = $(".box1 div .card").val();
+    var num3 = $(".box2 div .bankCard").val();
+    var num4 = $(".box2 div .phone").val();
+    var num5 = $(".box2 div .address").val();
+    if (num1 != '' && num2 != '' && num3 != '' && num4 != '' && num5 != '') {
+        $('.but').addClass('active');
+        return true;
+    } else {
+        $('.but').removeClass('active');
+        return false;
+    }
+}
+// 监听所有输入框输入
+$(".box1 div .name,.box1 div .card,.box2 div .bankCard,.box2 div .phone,.box2 div .address").on("keyup", function () {
+    listenFun()
+});
+// 
+// 保存绑定
+function withdrawUserAccount (name, idCardNo, accountNo, contact, thirdAccountNo, address, frontPhoto, backPhoto) {
+    var obj = {
+        uid: pubInfo.uid,
+        accountType: url.accountType,
+        name,
+        idCardNo,
+        accountNo,
+        contact,
+        thirdAccountNo,
+        address,
+        frontPhoto,
+        backPhoto,
+    };
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/withdrawUserAccount/save',
+        contentType: 'application/json',
+        data: JSON.stringify(obj),
+        success (res) {
+            if (res.code === 200) {
+                toastMsg('保存成功')
+                setTimeout(function () {
+                    window.location.href = './withdrawal.html'
+                }, 500)
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+$('.but').click(function () {
+    var frontImageUpload = document.querySelector('#frontImageUpload').files;
+    var backImageUpload = document.querySelector('#backImageUpload').files;
+    if (listenFun()) {
+        if (frontImageUpload.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證');
+            return;
+        }
+        withdrawUserAccount($('.box1 div .name').val(),
+            $('.box1 div .card').val(),
+            $('.box2 div .bankCard').val(),
+            $('.box2 div .phone').val(),
+            $('.box2 div .alipay').val(),
+            $('.box2 div .address').val(),
+            $('.box3 .idBox .z .documents').attr('src'),
+            $('.box3 .idBox .f .documents').attr('src'));
+    }
+})
--- a/view/peko/modules/h5Income/js/des.js
+++ b/view/peko/modules/h5Income/js/des.js
--- a/view/peko/modules/h5Income/js/exchangeGold.js
+++ b/view/peko/modules/h5Income/js/exchangeGold.js
@@ -0,0 +1,123 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var rate;//轉換比例
+var minDiamonds;//最少兌換鉆石
+var maxDiamonds;//最多兌換鉆石
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+            getConfig();
+        }, 100)
+    })
+})
+// 鉆石金幣接口
+function getConfig () {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/goldExchangeDiamond/getConfig',
+        success (res) {
+            if (res.code === 200) {
+                rate = res.data.rate;
+                maxDiamonds = res.data.maxDiamonds;
+                minDiamonds = res.data.minDiamonds;
+                $('.box .golds').text('我的金幣：' + res.data.golds);
+                $('.box .diamonds').text('我的鉆石：' + res.data.diamonds);
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) { 
+                window.location.href = './login.html' 
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 確認兌換接口
+function exchange () {
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/goldExchangeDiamond/exchange',
+        data: { currency: 1, diamondNum: Number($('.box .num2').val()), goldNum: Number($('.box .num').val()) },
+        success (res) {
+            if (res.code === 200) {
+                $('.pub').hide();
+                getConfig();
+                toastMsg('兌換成功')
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) { 
+                window.location.href = './login.html' 
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 返回按鈕
+$('.back').click(function () {
+    window.history.go(-1)
+})
+// 監聽輸入
+$(".box .num").on("keyup", function () {
+    var val = $(this).val();
+    $('.box .num2').val(val * rate);
+});
+// 打開二次彈窗
+$('.but').click(function () {
+    var num = Number($('.box .num2').val());
+    if (num < minDiamonds) {
+        toastMsg(`至少需要兌換${minDiamonds}鉆石`)
+    } else if (num > maxDiamonds) {
+        toastMsg(`兌換鉆石不能超過${maxDiamonds}鉆石`)
+    } else {
+        $('.pub .pub_in p .gold').text($('.box .num').val());
+        $('.pub .pub_in p .diamond').text($('.box .num2').val());
+        $('.pub').show();
+    }
+})
+// 確認兌換
+$('.pub .pub_in .ok').click(function () {
+    exchange();
+})
+// 取消兌換
+$('.pub .pub_in .close').click(function () {
+    $('.pub').hide();
+})
--- a/view/peko/modules/h5Income/js/index.js
+++ b/view/peko/modules/h5Income/js/index.js
@@ -0,0 +1,106 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+            getQueryWithRoomType();
+            getUser();
+        }, 100)
+    })
+})
+// 鉆石金幣接口
+function getQueryWithRoomType () {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/purse/queryWithRoomType',
+        success (res) {
+            if (res.code === 200) {
+                $('.diamond p').text(res.data.diamonds);
+                $('.gold p').text(res.data.golds);
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 基本信息接口
+function getUser () {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/user/get',
+        data: { uid: pubInfo.uid },
+        success (res) {
+            if (res.code === 200) {
+                $('.myInfo img').attr('src', res.data.avatar);
+                $('.myInfo div p').text(res.data.nick);
+                $('.myInfo div b').text("ID:" + res.data.erbanNo);
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 返回按鈕
+$('.back').click(function () {
+    window.history.go(-1)
+})
+
+//返回页面 重新请求接口
+var hiddenProperty = 'hidden' in document ? 'hidden' :
+    'webkitHidden' in document ? 'webkitHidden' :
+        'mozHidden' in document ? 'mozHidden' : null;
+
+var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
+var onVisibilityChange = function () {
+    if (!document[hiddenProperty]) {
+        location.reload()
+    }
+}
+document.addEventListener(visibilityChangeEvent, onVisibilityChange);
--- a/view/peko/modules/h5Income/js/login.js
+++ b/view/peko/modules/h5Income/js/login.js
@@ -0,0 +1,258 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var idOrPhone = true;//判斷id登入或手機號登入
+var times = 0;//倒計時計時器
+var isClick = true;//判斷是否再次獲取驗證碼
+var token;
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        setTimeout(function () {
+            getAreaInfo();
+        }, 100)
+    })
+})
+
+// 獲取驗證碼接口
+function getCode () {
+    var mobileDes = encryptDes(`${$('.box .phone .phoneNumberBox .prefix b').text()}${$('.box .phone .phoneNumberBox .phoneNumber').val()}`, '1ea53d260ecf11e7b56e00163e046a26');
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/sms/getCode',
+        headers: { "pub_uid": "0" },
+        data: { mobile: mobileDes, phoneAreaCode: $('.box .phone .phoneNumberBox .prefix b').text(), type: 2 },
+        success (res) {
+            if (res.code === 200) {
+                toastMsg(res.message);
+                $('.box .phone .codeBox .codeBut').addClass('codeButTime')
+                timerFun()
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// ticket接口 
+function ticket () {
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/oauth/ticket',
+        data: { issue_type: "multi", access_token: token },
+        success (res) {
+            if (res.code === 200) {
+                sessionStorage.setItem("uid", res.data.uid);
+                sessionStorage.setItem("ticket", res.data.tickets[0].ticket);
+                window.location.href = './index.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 登入接口 
+function oauthToken () {
+    if (idOrPhone) {
+        var phone = encryptDes($('.box .idLogin .id').val(), '1ea53d260ecf11e7b56e00163e046a26');
+        var password = encryptDes($('.box .idLogin .password').val(), '1ea53d260ecf11e7b56e00163e046a26');
+    } else {
+        var phone = $('.box .phone .phoneNumberBox .phoneNumber').val();
+        var code = $('.box .phone .codeBox .code').val();
+        var phoneAreaCode = $('.box .phone .phoneNumberBox .prefix b').text();
+    }
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/oauth/h5/token',
+        data: idOrPhone ? {
+            "grant_type": "password", phone, password,
+        } :
+            { grant_type: 'verify_code', phoneAreaCode, phone:`${phoneAreaCode}${phone}`, code,},
+        success (res) {
+            if (res.code === 200) {
+                token = res.data.access_token;
+                // ticket();
+                sessionStorage.setItem("uid", res.data.uid);
+                sessionStorage.setItem("ticket", token);
+                window.location.href = './index.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 區號接口
+function getAreaInfo () {
+    showLoading()
+    networkRequest({
+        type: 'GEt',
+        url: urlPrefix + '/areaInfo/list',
+        success (res) {
+            if (res.code === 200) {
+                var str = '';
+                res.data.forEach((res, i) => {
+                    str += `
+
+                        <span>${res.name} +${res.phoneAreaCode}</span>
+                    `
+                });
+                $('.area .box .list').append(str);
+                $('.area .box .list span').click(function () {
+                    $('.box .phone .phoneNumberBox .prefix b').text($(this).text().replace(/[^0-9]/gi, ''));
+                    $(this).addClass('active').siblings().removeClass('active');
+                })
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 點擊獲取驗證碼
+$('.box .phone .codeBox .codeBut').click(function () {
+    var val = $('.box .phone .phoneNumberBox .phoneNumber').val();
+    if (val == '') {
+        toastMsg('請輸入手機號')
+        return
+    }
+    if (isClick) {
+        getCode()
+    }
+
+})
+// 倒計時
+function timerFun () {
+    isClick = false;
+    times = 59;
+    // 開啟定時器
+    var timer = setInterval(function () {
+        // 判斷剩余秒數
+        if (times == 0) {
+            // 清除定時器和復原按鈕
+            clearInterval(timer);
+            $('.box .phone .codeBox .codeBut').text('獲取驗證碼');
+            $('.box .phone .codeBox .codeBut').removeClass('codeButTime')
+            isClick = true;
+        } else {
+            $('.box .phone .codeBox .codeBut').text(`${times}秒`);
+            times--;
+        }
+    }, 1000);
+}
+// 切換登入方式按鈕
+$('.box .hone').click(function () {
+    idOrPhone = !idOrPhone;
+    $('.box .phone .phoneNumberBox .phoneNumber,.box .phone .codeBox .code,.box .idLogin .id,.box .idLogin .password').val('');
+    $('.box .but').removeClass('butok');
+    if (idOrPhone) {
+        $('.idLogin').show();
+        $('.phone').hide();
+        $('.box .hone').text('Peko手機號登錄');
+    } else {
+        $('.phone').show();
+        $('.idLogin').hide();
+        $('.box .hone').text('Peko賬號登錄');
+    }
+})
+// 打開選擇區號
+$('.box .phone .phoneNumberBox .prefix').click(function () {
+    $('.area').show();
+    return false;
+})
+// 關閉選擇區號
+$('.area').click(function () {
+    $('.area').hide();
+    return false;
+})
+//監聽是否可以登入函數
+function phoneFun () {
+    var num1 = $(".box .idLogin .id").val();
+    var num2 = $(".box .idLogin .password").val();
+    var num3 = $(".box .phone .phoneNumberBox .phoneNumber").val();
+    var num4 = $(".box .phone .codeBox .code").val();
+    if (num1 != '' && num2 != '' || num3 != '' && num4 != '') {
+        $('.box .but').addClass('butok');
+        return true;
+    } else {
+        $('.box .but').removeClass('butok');
+        return false;
+    }
+}
+// 監聽賬號輸入
+$(".box .idLogin .id").on("keyup", function () {
+    phoneFun()
+});
+// 監聽密碼輸入
+$(".box .idLogin .password").on("keyup", function () {
+    phoneFun()
+});
+// 監聽手機號輸入
+$(".box .phone .phoneNumberBox .phoneNumber").on("keyup", function () {
+    phoneFun()
+});
+// 監聽驗證碼輸入
+$(".box .phone .codeBox .code").on("keyup", function () {
+    phoneFun()
+});
+// 登入按鈕
+$('.box .but').click(function () {
+    if (phoneFun()) {
+        oauthToken();
+    }
+})
+
+//DES加密
+const encryptDes = (message, key) => {
+    var keyHex = CryptoJS.enc.Utf8.parse(key);
+    var encrypted = CryptoJS.DES.encrypt(message, keyHex, {
+        mode: CryptoJS.mode.ECB,
+        padding: CryptoJS.pad.Pkcs7
+    });
+    return encrypted.toString();
+}
--- a/view/peko/modules/h5Income/js/malaysia.js
+++ b/view/peko/modules/h5Income/js/malaysia.js
@@ -0,0 +1,220 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+var url = getQueryString();
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+        }, 100)
+    })
+})
+// 返回按鈕
+$('.back').click(function () {
+    window.history.go(-1)
+})
+function fileChangeZ (e) {
+    var filesList = document.querySelector('#frontImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(1)
+}
+function fileChangeF (e) {
+    var filesList = document.querySelector('#backImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(2)
+}
+// 上傳身份證接口
+function getUploadToken (type) {
+    const frontImage = document.getElementById('frontImageUpload').files[0];
+    const backImage = document.getElementById('backImageUpload').files[0];
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/qiniu/upload/getUploadToken',
+        success (res) {
+            if (res.code === 200) {
+                var frontImageKey = res.data.key;
+                var frontImageToken = res.data.token;
+                showLoading()
+                const observable = qiniu.upload(
+                    type == 1 ? frontImage : backImage,
+                    frontImageKey,
+                    frontImageToken
+                );
+                observable.subscribe({
+                    complete: (res) => {
+                        console.log(res);
+                        if (type == 1) {
+                            $('.box3 .idBox .z .documents').attr('src', res.path);
+                        } else {
+                            $('.box3 .idBox .f .documents').attr('src', res.path);
+                        }
+                        hideLoading(layerIndex)
+                        toastMsg("上傳成功")
+
+                    },
+                });
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            // hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 確認綁定按鈕
+$('.but').click(function () {
+    if (listenFun()) {
+        var filesList = document.querySelector('#frontImageUpload').files;
+        var backImageUpload = document.querySelector('#backImageUpload').files;
+        if (filesList.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證照片')
+            return;
+        }
+    }
+})
+//監聽是否完善信息
+function listenFun () {
+    var num1 = $(".box1 div .name").val();
+    var num2 = $(".box1 div .accountName").val();
+    var num3 = $(".box1 div .card").val();
+    var num4 = $(".box1 div .state").val();
+    var num5 = $(".box1 div .city").val();
+    var num7 = $(".box1 div .street").val();
+    var num8 = $(".box1 div .postalCode").val();
+    var num9 = $(".box2 div .bankAccount").val();
+    var num10 = $(".box2 div .bankName").val();
+    var num11 = $(".box2 div .swiftCode").val();
+    var num12 = $(".box2 div .phone").val();
+    if (num1 != '' && num2 != '' && num3 != '' && num4 != '' && num5 != '' && num7 != '' && num8 != '' && num9 != '' && num10 != '' && num11 != '' && num12 != '') {
+        $('.but').addClass('active');
+        return true;
+    } else {
+        $('.but').removeClass('active');
+        return false;
+    }
+}
+// 監聽所有輸入框輸入
+$(".box1 div .name,.box1 div .accountName,.box1 div .card,.box1 div .state,.box1 div .city,.box1 div .street,.box1 div .postalCode,.box2 div .bankAccount,.box2 div .bankName,.box2 div .swiftCode,.box2 div .phone").on("keyup", function () {
+    listenFun()
+});
+// 保存绑定
+function withdrawUserAccount (
+    surname,
+    name,
+    idCardNo,
+    province,
+    city,
+    street,
+    postCode,
+    accountNo,
+    bankName,
+    swiftCode,
+    contact,
+    frontPhoto,
+    backPhoto,) {
+    var obj = {
+        uid: pubInfo.uid,
+        accountType: url.accountType,
+        surname,
+        name,
+        idCardNo,
+        province,
+        city,
+        street,
+        postCode,
+        accountNo,
+        bankName,
+        swiftCode,
+        contact,
+        frontPhoto,
+        backPhoto,
+    };
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/withdrawUserAccount/save',
+        contentType: 'application/json',
+        data: JSON.stringify(obj),
+        success (res) {
+            if (res.code === 200) {
+                toastMsg('保存成功')
+                setTimeout(function () {
+                    window.location.href = './withdrawal.html'
+                }, 500)
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+$('.but').click(function () {
+    var frontImageUpload = document.querySelector('#frontImageUpload').files;
+    var backImageUpload = document.querySelector('#backImageUpload').files;
+    if (listenFun()) {
+        if (frontImageUpload.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證');
+            return;
+        }
+        withdrawUserAccount(
+            $('.box1 div .name').val(),
+            $('.box1 div .accountName').val(),
+            $('.box1 div .card').val(),
+            $('.box1 div .state').val(),
+            $('.box1 div .city').val(),
+            $('.box1 div .street').val(),
+            $('.box1 div .postalCode').val(),
+            $('.box2 div .bankAccount').val(),
+            $('.box2 div .bankName').val(),
+            $('.box2 div .swiftCode').val(),
+            $('.box2 div .phone').val(),
+            $('.box3 .idBox .z .documents').attr('src'),
+            $('.box3 .idBox .f .documents').attr('src')
+        );
+    }
+})
--- a/view/peko/modules/h5Income/js/other.js
+++ b/view/peko/modules/h5Income/js/other.js
@@ -0,0 +1,192 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+var url = getQueryString();
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+        }, 100)
+    })
+})
+// 返回按鈕
+$('.back').click(function () {
+    window.history.go(-1)
+})
+function fileChangeZ (e) {
+    var filesList = document.querySelector('#frontImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(1)
+}
+function fileChangeF (e) {
+    var filesList = document.querySelector('#backImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(2)
+}
+// 上傳身份證接口
+function getUploadToken (type) {
+    const frontImage = document.getElementById('frontImageUpload').files[0];
+    const backImage = document.getElementById('backImageUpload').files[0];
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/qiniu/upload/getUploadToken',
+        success (res) {
+            if (res.code === 200) {
+                var frontImageKey = res.data.key;
+                var frontImageToken = res.data.token;
+                showLoading()
+                const observable = qiniu.upload(
+                    type == 1 ? frontImage : backImage,
+                    frontImageKey,
+                    frontImageToken
+                );
+                observable.subscribe({
+                    complete: (res) => {
+                        console.log(res);
+                        if (type == 1) {
+                            $('.box3 .idBox .z .documents').attr('src', res.path);
+                        } else {
+                            $('.box3 .idBox .f .documents').attr('src', res.path);
+                        }
+                        hideLoading(layerIndex)
+                        toastMsg("上傳成功")
+
+                    },
+                });
+            } else if (res.code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            // hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 確認綁定按鈕
+$('.but').click(function () {
+    if (listenFun()) {
+        var filesList = document.querySelector('#frontImageUpload').files;
+        var backImageUpload = document.querySelector('#backImageUpload').files;
+        if (filesList.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證照片')
+            return;
+        }
+    }
+})
+//監聽是否完善信息
+function listenFun () {
+    var num1 = $(".box2 div .bankCard").val();
+    var num2 = $(".box2 div .name").val();
+    var num3 = $(".box2 div .card").val();
+    var num4 = $(".box2 div .phone").val();
+    if (num1 != '' && num2 != '' && num3 != '' && num4 != '') {
+        $('.but').addClass('active');
+        return true;
+    } else {
+        $('.but').removeClass('active');
+        return false;
+    }
+}
+// 監聽所有輸入框輸入
+$(".box2 div .bankCard,.box2 div .name,.box2 div .card,.box2 div .phone").on("keyup", function () {
+    listenFun()
+});
+// 保存绑定
+function withdrawUserAccount (
+    accountNo,
+    name,
+    idCardNo,
+    contact,
+    frontPhoto,
+    backPhoto,) {
+    var obj = {
+        uid: pubInfo.uid,
+        accountType: url.accountType,
+        accountNo,
+        name,
+        idCardNo,
+        contact,
+        frontPhoto,
+        backPhoto,
+    };
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/withdrawUserAccount/save',
+        contentType: 'application/json',
+        data: JSON.stringify(obj),
+        success (res) {
+            if (res.code === 200) {
+                toastMsg('保存成功')
+                setTimeout(function () {
+                    window.location.href = './withdrawal.html'
+                }, 500)
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+$('.but').click(function () {
+    var frontImageUpload = document.querySelector('#frontImageUpload').files;
+    var backImageUpload = document.querySelector('#backImageUpload').files;
+    if (listenFun()) {
+        if (frontImageUpload.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證');
+            return;
+        }
+        withdrawUserAccount(
+            $('.box1 div .bankCard').val(),
+            $('.box1 div .name').val(),
+            $('.box1 div .card').val(),
+            $('.box1 div .phone').val(),
+            $('.box3 .idBox .z .documents').attr('src'),
+            $('.box3 .idBox .f .documents').attr('src')
+        );
+    }
+})
--- a/view/peko/modules/h5Income/js/qiniu.min.js
+++ b/view/peko/modules/h5Income/js/qiniu.min.js
--- a/view/peko/modules/h5Income/js/rule.js
+++ b/view/peko/modules/h5Income/js/rule.js
@@ -0,0 +1,68 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+            getConfig()
+        }, 100)
+    })
+})
+// 提領配置接口接口
+function getConfig () {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/withdrawUser/config',
+        data: { uid: pubInfo.uid },
+        success (res) {
+            if (res.code === 200) {
+                $('.box p .b2').text(res.data.weekLimitCount);
+                $('.box p .b1').text(res.data.minValue);
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            console.log();
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 返回按鈕
+$('.back').click(function () {
+    window.history.go(-1)
+})
--- a/view/peko/modules/h5Income/js/singapore.js
+++ b/view/peko/modules/h5Income/js/singapore.js
@@ -0,0 +1,220 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+var url = getQueryString();
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+        }, 100)
+    })
+})
+// 返回按鈕
+$('.back').click(function () {
+    window.history.go(-1)
+})
+function fileChangeZ (e) {
+    var filesList = document.querySelector('#frontImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(1)
+}
+function fileChangeF (e) {
+    var filesList = document.querySelector('#backImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(2)
+}
+// 上傳身份證接口
+function getUploadToken (type) {
+    const frontImage = document.getElementById('frontImageUpload').files[0];
+    const backImage = document.getElementById('backImageUpload').files[0];
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/qiniu/upload/getUploadToken',
+        success (res) {
+            if (res.code === 200) {
+                var frontImageKey = res.data.key;
+                var frontImageToken = res.data.token;
+                showLoading()
+                const observable = qiniu.upload(
+                    type == 1 ? frontImage : backImage,
+                    frontImageKey,
+                    frontImageToken
+                );
+                observable.subscribe({
+                    complete: (res) => {
+                        console.log(res);
+                        if (type == 1) {
+                            $('.box3 .idBox .z .documents').attr('src', res.path);
+                        } else {
+                            $('.box3 .idBox .f .documents').attr('src', res.path);
+                        }
+                        hideLoading(layerIndex)
+                        toastMsg("上傳成功")
+
+                    },
+                });
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) { 
+                window.location.href = './login.html' 
+            } else {
+                toastMsg(res.message)
+            }
+            // hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 確認綁定按鈕
+$('.but').click(function () {
+    if (listenFun()) {
+        var filesList = document.querySelector('#frontImageUpload').files;
+        var backImageUpload = document.querySelector('#backImageUpload').files;
+        if (filesList.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證照片')
+            return;
+        }
+    }
+})
+//監聽是否完善信息
+function listenFun () {
+    var num1 = $(".box1 div .name").val();
+    var num2 = $(".box1 div .accountName").val();
+    var num3 = $(".box1 div .card").val();
+    var num4 = $(".box1 div .state").val();
+    var num5 = $(".box1 div .city").val();
+    var num7 = $(".box1 div .street").val();
+    var num8 = $(".box1 div .postalCode").val();
+    var num9 = $(".box2 div .bankAccount").val();
+    var num10 = $(".box2 div .bankName").val();
+    var num11 = $(".box2 div .swiftCode").val();
+    var num12 = $(".box2 div .phone").val();
+    if (num1 != '' && num2 != '' && num3 != '' && num4 != '' && num5 != ''  && num7 != '' && num8 != '' && num9 != '' && num10 != '' && num11 != '' && num12 != '') {
+        $('.but').addClass('active');
+        return true;
+    } else {
+        $('.but').removeClass('active');
+        return false;
+    }
+}
+// 監聽所有輸入框輸入
+$(".box1 div .name,.box1 div .accountName,.box1 div .card,.box1 div .state,.box1 div .city,.box1 div .street,.box1 div .postalCode,.box2 div .bankAccount,.box2 div .bankName,.box2 div .swiftCode,.box2 div .phone").on("keyup", function () {
+    listenFun()
+});
+// 保存绑定
+function withdrawUserAccount (
+    surname,
+    name,
+    idCardNo,
+    province,
+    city,
+    street,
+    postCode,
+    accountNo,
+    bankName,
+    swiftCode,
+    contact,
+    frontPhoto,
+    backPhoto,) {
+    var obj = {
+        uid: pubInfo.uid,
+        accountType: url.accountType,
+        surname,
+        name,
+        idCardNo,
+        province,
+        city,
+        street,
+        postCode,
+        accountNo,
+        bankName,
+        swiftCode,
+        contact,
+        frontPhoto,
+        backPhoto,
+    };
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/withdrawUserAccount/save',
+        contentType: 'application/json',
+        data: JSON.stringify(obj),
+        success (res) {
+            if (res.code === 200) {
+                toastMsg('保存成功')
+                setTimeout(function () {
+                    window.location.href = './withdrawal.html'
+                }, 500)
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+$('.but').click(function () {
+    var frontImageUpload = document.querySelector('#frontImageUpload').files;
+    var backImageUpload = document.querySelector('#backImageUpload').files;
+    if (listenFun()) {
+        if (frontImageUpload.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證');
+            return;
+        }
+        withdrawUserAccount(
+            $('.box1 div .name').val(),
+            $('.box1 div .accountName').val(),
+            $('.box1 div .card').val(),
+            $('.box1 div .state').val(),
+            $('.box1 div .city').val(),
+            $('.box1 div .street').val(),
+            $('.box1 div .postalCode').val(),
+            $('.box2 div .bankAccount').val(),
+            $('.box2 div .bankName').val(),
+            $('.box2 div .swiftCode').val(),
+            $('.box2 div .phone').val(),
+            $('.box3 .idBox .z .documents').attr('src'),
+            $('.box3 .idBox .f .documents').attr('src')
+        );
+    }
+})
--- a/view/peko/modules/h5Income/js/withdrawal.js
+++ b/view/peko/modules/h5Income/js/withdrawal.js
@@ -0,0 +1,377 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var accountType;//1 其它賬戶 2 中國大陸銀聯 4 馬來西亞銀行 8 新加坡銀行
+var minValue;//最小提領金币数量
+var golds;//当前剩余金币
+var weekLimitCount;//本周剩余次数
+var weekMaxValue;//本周剩余最大金额
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+            getUser();
+        }, 100)
+    })
+})
+// 提領配置接口接口
+function getConfig () {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/withdrawUser/config',
+        data: { uid: pubInfo.uid },
+        success (res) {
+            if (res.code === 200) {
+                minValue = res.data.minValue;
+                weekLimitCount = res.data.weekLimitCount;
+                weekMaxValue = res.data.weekMaxValue;
+                var str = `
+                <p>收益金幣達到${res.data.minValue}或以上可以申請提領</p>
+                <p>提領金幣必須為100的整倍數</p>
+                <p>每周可提領次數：<i>${res.data.weekLimitCount}</i></p>
+                <p>提領手續費：<i>${res.data.chargeRate}%</i></p>
+                `
+                $('.withdrawal').append(str);
+                getAccounts();
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            console.log();
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 用戶錢包接口
+function query () {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/purse/query',
+        data: { uid: pubInfo.uid },
+        success (res) {
+            if (res.code === 200) {
+                $('.income p').text(`金幣 ${res.data.golds}`);
+                golds = res.data.golds;
+                getConfig();
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            console.log();
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 用戶基本信息接口 
+function getUser () {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/user/get',
+        data: { uid: pubInfo.uid },
+        success (res) {
+            if (res.code === 200) {
+                $('.myInfo img').attr('src', res.data.avatar);
+                $('.myInfo div p').text(res.data.nick);
+                $('.myInfo div b').text("ID:" + res.data.erbanNo);
+                query()
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 提領賬戶管理接口 
+function getAccounts () {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/withdrawAccountDtl/getAccounts',
+        data: { uid: pubInfo.uid },
+        success (res) {
+            if (res.code === 200) {
+                var str = '';
+                res.data.forEach(res => {
+                    str += `
+                    <li accountType=${res.accountType} isBind=${res.isBind}>${res.accountName}${res.isBind == 0 ? "（未綁定）" : ''}</li>
+               `
+                    if (res.isPrev == 1) {
+                        accountType = res.accountType
+                        $('.account span').text(res.accountName);
+                        $('.account span').addClass('active');
+                    } else {
+                        if (res.isBind == 1) {
+                            accountType = res.accountType
+                            $('.account span').text(res.accountName);
+                            $('.account span').addClass('active');
+                        }
+                    }
+                });
+                $('.accountPub .accountPub_in ul').append(str);
+                // 跳轉綁定賬戶或選擇賬戶
+                $('.accountPub .accountPub_in ul li').click(function () {
+                    var isBind = $(this).attr('isBind');//是否綁定 0 否 1 是
+                    if (isBind == 1) {
+                        var accountTypes = $(this).attr('accounttype');//1 其它賬戶 2 中國大陸銀聯 4 馬來西亞銀行 8 新加坡銀行
+                        if (accountTypes == 1) {
+                            $('.switch .pub_in p').text('是否切換到其它賬戶提領 ');
+                        } else if (accountTypes == 2) {
+                            $('.switch .pub_in p').text('是否切換到中國大陸銀聯提領 ');
+                        } else if (accountTypes == 4) {
+                            $('.switch .pub_in p').text('是否切換到馬來西亞銀行提領 ');
+                        } else if (accountTypes == 8) {
+                            $('.switch .pub_in p').text('是否切換到新加坡銀行提領 ');
+                        }
+                        $('.switch .pub_in .ok').attr('accounttype', accountTypes);
+                        $('.switch .pub_in .ok').attr('text', $(this).text());
+                        $('.switch').show();
+                    } else {
+                        var accountTypes = $(this).attr('accounttype');//1 其它賬戶 2 中國大陸銀聯 4 馬來西亞銀行 8 新加坡銀行
+                        if (accountTypes == 1) {
+                            $('.binding .pub_in p').text('需要先綁定賬戶資料');
+                        } else if (accountTypes == 2) {
+                            $('.binding .pub_in p').text('需要先綁定中國大陸銀聯賬戶資料');
+                        } else if (accountTypes == 4) {
+                            $('.binding .pub_in p').text('需要先綁定馬來西亞銀行賬戶資料');
+                        } else if (accountTypes == 8) {
+                            $('.binding .pub_in p').text('需要先綁定新加坡銀行賬戶資料');
+                        }
+                        $('.binding').show();
+                        // 確認跳轉綁定頁面按鈕
+                        $('.binding .pub_in .ok').click(function () {
+                            if (accountTypes == 1) {
+                                window.location.href = `./other.html?accountType=${accountTypes}`;
+                            } else if (accountTypes == 2) {
+                                window.location.href = `./chainBank.html?accountType=${accountTypes}`;
+                            } else if (accountTypes == 4) {
+                                window.location.href = `./malaysia.html?accountType=${accountTypes}`;
+                            } else if (accountTypes == 8) {
+                                window.location.href = `./singapore.html?accountType=${accountTypes}`;
+                            }
+                        })
+                    }
+                    return false;
+                })
+                if (golds < minValue) {
+                    $('.withdrawal input').attr('placeholder', '可提領金幣不足');
+                } else if ($('.account span').text() != '未绑定') {
+                    $(`.withdrawal input`).text('請輸入提領金幣數額');
+                    $(`.withdrawal .withdrawalBox`).attr('click', 1);
+                }
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 取消切换按钮
+$('.switch .pub_in .close').click(function () {
+    $('.switch').hide();
+})
+// 确认切换按钮
+$('.switch .pub_in .ok').click(function () {
+    accountType = $(this).attr('accounttype');//1 其它賬戶 2 中國大陸銀聯 4 馬來西亞銀行 8 新加坡銀行
+    $('.account span').text($(this).attr("text"));
+    $('.account span').addClass('active');
+    $('.accountPub').hide();
+    $('.switch').hide();
+    calculate();
+})
+// 确定输入提領弹窗按钮
+$('.goldPub .goldPub_in .but').click(function () {
+    var num = $('.goldPub .goldPub_in input').val();
+    if (num == '') {
+        toastMsg('請輸入提領金幣數額');
+        return
+    }
+    if (num < minValue) {
+        toastMsg(`最少申請金幣为${minValue}`);
+        return
+    }
+    if (num % 100 != 0) {
+        toastMsg(`提領金幣必須為100的整倍數`);
+        return
+    }
+    calculate();
+    return false;
+})
+// 计算汇率接口
+function calculate () {
+    var num = $('.goldPub .goldPub_in input').val();
+    num.length == 0 ? num = $('.withdrawal input').val() : num;
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/withdrawUserAccount/calculate',
+        data: { uid: pubInfo.uid, accountType, goldNum: num, },
+        success (res) {
+            if (res.code === 200) {
+                $('.withdrawal .numBox b').addClass('active');
+                $('.withdrawal input').val(num);
+                $('.withdrawal .numBox b').text(`${res.data.currency} ${res.data.currencyAmount}`);
+                $('.goldPub').hide();
+                $('.goldPub .goldPub_in input').val('');
+                $('.butBig').addClass('butBigActive');
+                $('.butBig').attr('click', 1);
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 关闭二次确认提領按钮
+$('.withDrawalPub').click(function () {
+    $('.withDrawalPub').hide();
+    return false;
+})
+// 确定提領按钮
+$('.butBig').click(function () {
+    var num = $('.withdrawal input').val();
+    var status = $(this).attr("click");
+    if (status != 1) {
+        return
+    }
+    if (weekLimitCount <= 0) {
+        toastMsg('超出本周最大提领次数')
+        return
+    }
+    $('.withDrawalPub .withDrawalPub_in p ').html(`確認通過 <b>${$('.account .active').text()}</b> 提領 <b>${num}</b>金幣?`)
+    $('.withDrawalPub .withDrawalPub_in span b ').html(`${$('.withdrawal .numBox b').text()}`)
+    $('.withDrawalPub').show();
+})
+// 二次确认提領按钮
+$('.withDrawalPub .withDrawalPub_in .but').click(function () {
+    var num = $('.withdrawal input').val();
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/withdrawUserAccount/apply',
+        data: { uid: pubInfo.uid, accountType, goldNum: num, },
+        success (res) {
+            if (res.code === 200) {
+                getUser();
+                $('.withDrawalPub').hide();
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            console.log();
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+    return false;
+})
+// 点击输入提領数额按钮
+$('.withdrawal .withdrawalBox').click(function () {
+    var status = $(this).attr('click');
+    if (status == 1) {
+        $('.goldPub .goldPub_in .num').text(golds);
+        $('.goldPub').show();
+    }
+});
+// 防止提領输入事件冒泡
+$('.goldPub .goldPub_in').click(function () {
+    return false;
+})
+// 取消输入提領弹窗
+$('.goldPub').click(function () {
+    $('.goldPub').hide();
+})
+// 點擊綁定賬戶
+$('.account').click(function () {
+    $('.accountPub').show();
+})
+// 關閉綁定賬戶彈窗
+$('.accountPub').click(function () {
+    $('.accountPub').hide();
+})
+// 關閉跳轉綁定頁面按鈕
+$('.binding .pub_in .close').click(function () {
+    $('.binding ').hide();
+})
+// 返回按鈕
+$('.back').click(function () {
+    window.history.go(-1)
+})
+// 跳转提領规则页面
+$('.income .rule').click(function () {
+    window.location.href = './rule.html';
+})
+//返回页面 重新请求接口
+var hiddenProperty = 'hidden' in document ? 'hidden' :
+    'webkitHidden' in document ? 'webkitHidden' :
+        'mozHidden' in document ? 'mozHidden' : null;
+
+var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
+var onVisibilityChange = function () {
+    if (!document[hiddenProperty]) {
+        location.reload()
+    }
+}
+document.addEventListener(visibilityChangeEvent, onVisibilityChange);
--- a/view/peko/modules/h5Income/login.html
+++ b/view/peko/modules/h5Income/login.html
@@ -0,0 +1,66 @@
+<!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/login.css">
+</head>
+
+<body>
+    <!-- 返回 -->
+    <img src="./images/back.png" alt="" class="back">
+    <!-- 頭部 -->
+    <div class="header">
+        <img src="./images/login/logo.png" alt="" class="logo">
+    </div>
+    <!-- 底部登入 -->
+    <div class="box">
+        <!-- 賬號登入 -->
+        <div class="idLogin">
+            <input type="number" class="id" placeholder="請輸入Peko賬號">
+            <input type="password" class="password" placeholder="請輸入密碼">
+        </div>
+        <!-- 手機號登入 -->
+        <div class="phone">
+            <div class="phoneNumberBox">
+                <div class="prefix">
+                    +<b>852</b><img src="./images/login/more.png" alt="" class="more">
+                </div>
+                <input type="number" class="phoneNumber" placeholder="請輸入手機號">
+            </div>
+            <div class="codeBox">
+                <input type="number" class="code" placeholder="請獲取驗證碼">
+                <div class="codeBut">獲取驗證碼</div>
+            </div>
+        </div>
+        <!-- 登入按鈕 -->
+        <div class="but">登錄</div>
+        <div class="hone">Peko手機號登錄</div>
+    </div>
+    <!-- 區號選擇 -->
+    <div class="area">
+        <div class="box">
+            <p>請選擇區號</p>
+            <div class="list">
+                <!-- <span>123123</span> -->
+            </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="../../common/js/crypto-js.js"></script>
+<script src="./js/login.js?v=1.0"></script>
--- a/view/peko/modules/h5Income/malaysia.html
+++ b/view/peko/modules/h5Income/malaysia.html
@@ -0,0 +1,117 @@
+<!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/malaysia.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="例：ZHANG">
+        </div>
+        <div>
+            <span>開戶名稱</span>
+            <input class="accountName" type="text" placeholder="例：LEE HONG">
+        </div>
+        <div>
+            <span>身份證號備份</span>
+            <input class="card" type="text" placeholder="請輸入正確的身份證號碼備份">
+        </div>
+        <div>
+            <span>省（州）</span>
+            <input class="state" type="text" placeholder="請輸入身份證上的地址信息">
+        </div>
+        <div>
+            <span>城市</span>
+            <input class="city" type="text" placeholder="請輸入身份證上的地址信息">
+        </div>
+        <div>
+            <span>街道地址</span>
+            <input class="street " type="text" placeholder="請輸入身份證上的地址信息">
+        </div>
+        <div>
+            <span>郵編</span>
+            <input class="postalCode" type="text" placeholder="請輸入身份證上的郵編信息">
+        </div>
+    </div>
+    <!-- 銀行卡手機號等信息 -->
+    <div class="box2">
+        <div>
+            <span>銀行收款賬戶</span>
+            <input class="bankAccount " type="text" placeholder="例：666666">
+        </div>
+        <div>
+            <span>銀行名稱</span>
+            <input class="bankName" type="text" placeholder="例：CIMB Bank">
+        </div>
+        <div>
+            <span>SWIFT CODE</span>
+            <input class="swiftCode" type="text" placeholder="例：MBBEMYKLPKG">
+        </div>
+        <div>
+            <span>聯繫方式</span>
+            <input class="phone" 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.提領資料請勿隨意填寫，需正確填寫以上資料；</p>
+        <p>3.銀行賬號與身份證號碼必須與提領實名一致，否則提領不能到賬；</p>
+        <p>4.請勿將賬號綁定他人的姓名，提領真實姓名綁定後不能修改，請謹慎操作；</p>
+        <p>5.實際提領收益按照轉賬時的匯率之後金額；</p>
+        <p>6.首次進行提領流程時，會需要上傳您的身份證相關信息；</p>
+        <p>7.申請提領人為未滿二十歲的未成年人，除需提供申請人的身份證相關信息外，另須提供法定代理人（或監護人）的身份證件相關信息；</p>
+        <p>8.如有疑問請聯繫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/malaysia.js?v=1.0"></script>
--- a/view/peko/modules/h5Income/other.html
+++ b/view/peko/modules/h5Income/other.html
@@ -0,0 +1,85 @@
+<!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/other.css">
+</head>
+
+<body>
+    <!-- 返回 -->
+    <img src="./images/back.png" alt="" class="back">
+    <!-- 標題 -->
+    <h3>其他賬戶</h3>
+    <!-- 銀行卡手機號等信息 -->
+    <div class="box2">
+        <div>
+            <span>Payoneer賬戶</span>
+            <input class="bankCard" type="text" placeholder="Payoneer賬戶">
+        </div>
+        <div>
+            <span>真實姓名</span>
+            <input class="name" type="text" placeholder="例：張三">
+        </div>
+        <div>
+            <span>身份證號</span>
+            <input class="card" type="text" placeholder="請輸入正確的身份證號碼">
+        </div>
+        <div>
+            <span>聯繫方式</span>
+            <input class="phone" 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.其他賬戶提領將由Payoneer發放；</p>
+        <p>2.Payoneer的使用方法請聯繫客服 Wechat:sd245376 咨詢；</p>
+        <p>3.Payoneer賬戶必須與真實姓名一致，否則提領不能到賬；</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/other.js?v=1.0"></script>
--- a/view/peko/modules/h5Income/rule.html
+++ b/view/peko/modules/h5Income/rule.html
@@ -0,0 +1,44 @@
+<!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/rule.css">
+</head>
+
+<body>
+    <!-- 返回 -->
+    <img src="./images/back.png" alt="" class="back">
+    <!-- 内容 -->
+    <div class="box">
+        <h3>提領規則</h3>
+        <p>1.什是金幣</p>
+        <p>金幣是在房間收到的禮物打賞可以收穫金幣。</p>
+        <p>2.如何獲得金幣</p>
+        <p>可以通過接受別人打賞的禮物，獲得金幣。</p>
+        <p>3.收益提領规则</p>
+        <p>3.1. 1000金幣等於1美元，根據提領地區匯率換算，匯率每週更新</p>
+        <p>3.2. 每周可申請提領<b class="b2"></b>次，次日發放；</p> 
+        <p>3.3. 金幣數量需大於或等於<b class="b1"></b>金幣才能申請提取；</p>
+        <p>3.4. 如您的提領信息有誤無法發放，金幣原路退回帳號，請聯繫客服；</p>
+        <p>4.金幣兌換鑽石规则</p>
+        <p>金幣可兌換為鑽石，兌換比例：1000金幣=1000鑽石。</p>
+        <p>5.不提取不兌換，金幣則不會被清空。</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/rule.js"></script>
--- a/view/peko/modules/h5Income/singapore.html
+++ b/view/peko/modules/h5Income/singapore.html
@@ -0,0 +1,117 @@
+<!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/singapore.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="例：ZHANG">
+        </div>
+        <div>
+            <span>開戶名稱</span>
+            <input class="accountName" type="text" placeholder="例：LEE HONG">
+        </div>
+        <div>
+            <span>身份證號备份</span>
+            <input class="card" type="text" placeholder="請輸入正確的身份證號碼备份">
+        </div>
+        <div>
+            <span>省（州）</span>
+            <input class="state" type="text" placeholder="請輸入身份證上的地址信息">
+        </div>
+        <div>
+            <span>城市</span>
+            <input class="city" type="text" placeholder="請輸入身份證上的地址信息">
+        </div>
+        <div>
+            <span>街道地址</span>
+            <input class="street " type="text" placeholder="請輸入身份證上的地址信息">
+        </div>
+        <div>
+            <span>郵編</span>
+            <input class="postalCode" type="text" placeholder="請輸入身份證上的郵編信息">
+        </div>
+    </div>
+    <!-- 银行卡手机号等信息 -->
+    <div class="box2">
+        <div>
+            <span>銀行收款賬戶</span>
+            <input class="bankAccount " type="text" placeholder="例：666666">
+        </div>
+        <div>
+            <span>銀行名稱</span>
+            <input class="bankName" type="text" placeholder="例：CIMB Bank">
+        </div>
+        <div>
+            <span>SWIFT CODE</span>
+            <input class="swiftCode" type="text" placeholder="例：MBBEMYKLPKG">
+        </div>
+        <div>
+            <span>聯系方式</span>
+            <input class="phone" 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.提領資料請勿隨意填寫，需正確填寫以上資料；</p>
+        <p>3.銀行賬號與身份證號碼必須與提領實名一致，否則提領不能到賬；</p>
+        <p>4.請勿將賬號綁定他人的姓名，提領真實姓名綁定後不能修改，請謹慎操作；</p>
+        <p>5.實際提領收益按照轉賬時的匯率之後金額；</p>
+        <p>6.首次進行提領流程時，會需要上傳您的身份證相關信息；</p>
+        <p>7.申請提領人為未滿二十歲的未成年人，除需提供申請人的身份證相關信息外，另須提供法定代理人（或監護人）的身份證件相關信息；</p>
+        <p>8.如有疑問請聯系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/singapore.js?v=1.0"></script>
--- a/view/peko/modules/h5Income/withdrawal.html
+++ b/view/peko/modules/h5Income/withdrawal.html
@@ -0,0 +1,113 @@
+<!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/withdrawal.css">
+</head>
+
+<body>
+    <!-- 返回 -->
+    <img src="./images/back.png" alt="" class="back">
+    <!-- 我的基本信息 -->
+    <div class="myInfo">
+        <img src="./images/login/logo.png" alt="">
+        <div>
+            <p>Peko</p>
+            <b>ID:</b>
+        </div>
+    </div>
+    <!-- 我的收益 -->
+    <div class="income">
+        <div class="rule">提领规则</div>
+        <span>我的收益</span>
+        <img src="./images/withdrawal/gold.png" alt="">
+        <p>金币 </p>
+    </div>
+    <!-- 账户 -->
+    <div class="account">
+        <img src="./images/withdrawal/icon_account.png" alt="" class="icon_account">
+        <img src="./images/withdrawal/arrow_right.png" alt="" class="arrow_right">
+        <div>提领账户</div>
+        <span>未绑定</span>
+    </div>
+    <!-- 提领提交 -->
+    <div class="withdrawal">
+        <img src="./images/withdrawal/icon_mone.png" alt="" class="gold">
+        <div class="title">提领金币</div>
+        <input type="number" placeholder="請先選擇提領賬戶" disabled>
+        <div class="withdrawalBox"></div>
+        <div class="numBox">
+            <span>提領到賬數額</span>
+            <b>請輸入提領金幣數額</b>
+        </div>
+        <!-- <p>收益金幣達到5000或以上可以申請提領</p>
+        <p>提領金幣必須為100的整倍數</p>
+        <p>每周可提領次數：<i>y</i></p>
+        <p>提領手續費：<i>x%</i></p> -->
+    </div>
+    <div class="butBig">提交提領申請</div>
+    <!-- 账户弹窗 -->
+    <div class="accountPub">
+        <div class="accountPub_in">
+            <h3>請選擇提領方式</h3>
+            <ul>
+                <!-- <li>中國大陸銀聯（未綁定）</li> -->
+            </ul>
+        </div>
+    </div>
+    <!-- 输入提領金币数额弹窗 -->
+    <div class="goldPub">
+        <div class="goldPub_in">
+            <p class="title">輸入提領金幣數額</p>
+            <div class="num">00</div>
+            <span>金幣余額</span>
+            <img src="./images/withdrawal/gold.png" alt="">
+            <input type="number" placeholder="請輸入提領金幣數額">
+            <div class="but">確認</div>
+        </div>
+    </div>
+    <!-- 二次确认弹窗 -->
+    <div class="withDrawalPub">
+        <div class="withDrawalPub_in">
+            <div class="title">確認提領</div>
+            <p>確認通過 <b>中國大陸銀聯</b> 提領 <b>6666</b>金幣?</p>
+            <span>提領到賬數額為 <b>CNY 343.9</b></span>
+            <div class="but">確認</div>
+        </div>
+    </div>
+    <!-- 二次确认綁定弹窗 -->
+    <div class="binding">
+        <div class="pub_in">
+            <div class="title">確認綁定</div>
+            <p>需要先綁定中國大陸銀聯賬戶資料 </p>
+            <div class="close">取消</div>
+            <div class="ok">确认</div>
+        </div>
+    </div>
+    <!-- 二次确认切换弹窗 -->
+    <div class="switch">
+        <div class="pub_in">
+            <div class="title">確認綁定</div>
+            <p>是否切換到馬來西亞銀行提領 </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/withdrawal.js"></script>
--- a/view/peko/modules/luckyBagLinear/css/index.css
+++ b/view/peko/modules/luckyBagLinear/css/index.css
@@ -0,0 +1,66 @@
+.wrap {
+  margin: 0rem 0.4rem 0rem 0.53333rem;
+}
+
+.wrap header {
+  margin-top: 0.53333rem;
+  margin-bottom: 0.4rem;
+  text-align: center;
+  color: #333333;
+  font-size: 0.42667rem;
+  font-weight: bold;
+}
+
+.wrap p.desc {
+  margin-top: 0.53333rem;
+  color: #666666;
+  font-size: 0.34667rem;
+}
+
+.wrap ul li {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 1.44rem;
+  border-bottom: 0.01333rem solid #F4F4F4;
+}
+
+.wrap ul li .gift-pic {
+  width: 0.90667rem;
+  height: 0.88rem;
+}
+
+.wrap ul li .gift-detail {
+  flex: 1;
+  margin-left: 0.42667rem;
+}
+
+.wrap ul li .gift-detail .gift-name {
+  color: #333333;
+  font-size: 0.34667rem;
+  margin-bottom: 0.10667rem;
+}
+
+.wrap ul li .gift-detail .gift-price {
+  color: #999999;
+  font-size: 0.32rem;
+}
+
+.wrap ul li .diamond {
+  width: 0.34667rem;
+  height: 0.26667rem;
+  vertical-align: bottom;
+}
+
+.wrap ul li .prop {
+  color: #999999;
+  font-size: 0.32rem;
+}
+
+.wrap footer {
+  margin-top: 0.53333rem;
+  margin-bottom: 0.26667rem;
+  text-align: center;
+  color: #999999;
+  font-size: 0.29333rem;
+}
--- a/view/peko/modules/luckyBagLinear/css/index.scss
+++ b/view/peko/modules/luckyBagLinear/css/index.scss
@@ -0,0 +1,82 @@
+@function px2rem($px, $rem:75){
+    @return $px / $rem + rem
+};
+
+
+.wrap{
+    // width: px2rem(600);
+    // height: px2rem(860);
+    // margin: 0 auto;
+    margin: px2rem(0) px2rem(30) px2rem(0) px2rem(40);
+
+    // border-radius: px2rem(24);
+    // border: 1px solid #ccc;
+
+    header{
+        margin-top: px2rem(40);
+        margin-bottom: px2rem(30);
+        text-align: center;
+        color: #333333;
+        font-size: px2rem(32);
+        font-weight: bold;
+    }
+
+    p.desc{
+        margin-top: px2rem(40);
+        color: #666666;
+        font-size: px2rem(26);
+    }
+
+    ul{
+
+        li{
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: px2rem(108);
+            border-bottom: px2rem(1) solid #F4F4F4;
+
+            .gift-pic{
+                width: px2rem(68);
+                height: px2rem(66);
+            }
+
+            .gift-detail{
+                flex: 1;
+                margin-left: px2rem(32);
+
+                .gift-name{
+                    color: #333333;
+                    font-size: px2rem(26);
+                    margin-bottom: px2rem(8);
+                }
+    
+                .gift-price{
+                    color: #999999;
+                    font-size: px2rem(24);
+                }
+            }
+
+           
+
+            .diamond{
+                width: px2rem(26);
+                height: px2rem(20);
+                vertical-align: bottom;
+            }
+
+            .prop{
+                color: #999999;
+                font-size: px2rem(24);
+            }
+        }
+    }
+
+    footer{
+        margin-top: px2rem(40);
+        margin-bottom: px2rem(20);
+        text-align: center;
+        color: #999999;
+        font-size: px2rem(22);
+    }
+}
--- a/view/peko/modules/luckyBagLinear/images/close.png
+++ b/view/peko/modules/luckyBagLinear/images/close.png
--- a/view/peko/modules/luckyBagLinear/images/diamond.png
+++ b/view/peko/modules/luckyBagLinear/images/diamond.png
--- a/view/peko/modules/luckyBagLinear/images/pie.png
+++ b/view/peko/modules/luckyBagLinear/images/pie.png
--- a/view/peko/modules/luckyBagLinear/index.html
+++ b/view/peko/modules/luckyBagLinear/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <title>玩法说明</title>
+
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/index.css">
+    <script src="../../common/js/flexible.js"></script>
+</head>
+<body>
+    <div class="wrap">
+        <!-- <header>玩法说明</header> -->
+        <p class="desc">通过送出【<span class="gift"></span>】有概率开出以下礼物：</p>
+        <ul>
+            <!-- <li>
+                <img src="./images/pie.png" alt="" class="gift-pic">
+                <div class="gift-detail">
+                    <p class="gift-name">礼物名称</p>
+                    <p>
+                        <span class="gift-price">999</span>
+                        <img src="./images/diamond.png" alt="" class="diamond">
+                    </p>
+                </div>
+                <span class="prop">15.0%</span>
+            </li> -->
+
+            
+        </ul>
+        <footer>本活动与提供奖品与苹果公司无关</footer>
+    </div>
+
+    <script src="../../common/js/jquery-3.2.1.min.js"></script> 
+    <script src="../../common/js/common2.js"></script>
+    <script src="../../common/js/layer.js"></script>
+    <script src="./js/index.js?v=1.0"></script>
+</body>
+</html>
--- a/view/peko/modules/luckyBagLinear/js/index.js
+++ b/view/peko/modules/luckyBagLinear/js/index.js
@@ -0,0 +1,95 @@
+let baseUrl = EnvCheck() == 'test' ? 'https://beta.api.pekolive.com' : 'https://api.pekolive.com'
+let browser = checkVersion()
+let locateObj = getQueryString()
+let info = {}
+let showLoading = () => {
+    layer.open({
+        type: 2,
+        shadeClose: false
+    })
+}
+
+let hideLoading = () => {
+    layer.closeAll()
+}
+
+let toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        skin: 'msg',
+        time
+    })
+}
+
+$(function () {
+    if (browser.app) {
+        if (browser.ios) {
+            var allcookies = document.cookie;
+            var $uid = allcookies.match(/\d+/);
+            info.uid = $uid[0]
+            window.webkit.messageHandlers.getTicket.postMessage(null);
+        } else if (browser.android) {
+            if (androidJsObj && typeof androidJsObj === 'object') {
+                info.uid = parseInt(window.androidJsObj.getUid());
+                info.ticket = window.androidJsObj.getTicket();
+            }
+        }   
+    } else {
+        
+    }
+
+    function getData(){
+        showLoading()
+        $.ajax({
+            type: 'GET',
+            url: baseUrl + '/luckybag/listPoolShowRate',
+            headers: {
+                pub_ticket: info.ticket,
+                pub_uid: info.uid,
+            },
+            data: {
+                giftId: locateObj.giftId
+            },
+            success(res) {
+                hideLoading()
+                if(res.code == 200){
+                    renderGiftList(res.data.poolList)
+                    $('.gift').html(res.data.gift.giftName)
+                }
+            },
+            error(){
+                hideLoading()
+                toastMsg('网络错误')
+            }
+        })
+    }
+
+    function renderGiftList(data){
+        
+        let arr = data.map(function(item){
+            return `
+                <li>
+                    <img src="${item.giftPic}" alt="" class="gift-pic">
+                    <div class="gift-detail">
+                        <p class="gift-name">${item.giftName}</p>
+                        <p>
+                            <span class="gift-price">${item.giftValue}</span>
+                            <img src="./images/diamond.png" alt="" class="diamond">
+                        </p>
+                    </div>
+                    <span class="prop">${item.rate.toFixed(2) + '%'}</span>
+                </li>
+            `
+        })
+        let str = arr.join('')
+        $('ul').html(str)
+    }
+
+    setTimeout(()=>{
+        getData()
+    },50)
+})
+
+function getMessage(key, value) {
+    info[key] = value;
+}
--- a/view/peko/modules/luckyTarot/css/index.css
+++ b/view/peko/modules/luckyTarot/css/index.css
@@ -0,0 +1,618 @@
+body {
+  width: 100%;
+  height: 21.6533333333rem;
+  background: url(../images/bg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto;
+  position: relative;
+  box-sizing: border-box;
+  padding-top: 2.0933333333rem;
+}
+
+.back {
+  position: fixed;
+  top: 0.9333333333rem;
+  left: 0.4533333333rem;
+  z-index: 9999;
+  width: 0.8266666667rem;
+  height: 0.8266666667rem;
+}
+.back img {
+  width: 100%;
+  height: 100%;
+}
+.back p {
+  color: #fff;
+  font-size: 0.4266666667rem;
+  position: absolute;
+  width: 9rem;
+  left: 0;
+  top: 0;
+  height: 100%;
+  text-align: center;
+  line-height: 0.8266666667rem;
+}
+
+.header {
+  width: 9.12rem;
+  height: 3.04rem;
+  margin: 0 auto 0rem;
+  display: block;
+  position: relative;
+  z-index: 3;
+}
+
+.roulette {
+  width: 10rem;
+  height: 11.3333333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0rem;
+}
+.roulette .roulette_in {
+  width: 100%;
+  height: 100%;
+}
+.roulette .roulette_in canvas {
+  width: 100%;
+  height: 100%;
+}
+
+.gold_10 {
+  width: 6.4266666667rem;
+  height: 0.6933333333rem;
+  margin: 0rem auto 0.2666666667rem;
+  display: block;
+  position: relative;
+  z-index: 3;
+}
+
+.rule {
+  width: 0.68rem;
+  height: 1.8666666667rem;
+  background: url(../images/icon.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 2.8133333333rem;
+  right: 0;
+  color: #FFE7A9;
+  font-size: 0.2933333333rem;
+  text-align: center;
+  padding: 0.3333333333rem 0.1333333333rem 0.3066666667rem 0.2666666667rem;
+  box-sizing: border-box;
+  z-index: 3;
+}
+
+.record {
+  width: 0.68rem;
+  height: 1.8666666667rem;
+  background: url(../images/icon.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 4.8533333333rem;
+  right: 0;
+  color: #FFE7A9;
+  font-size: 0.2933333333rem;
+  text-align: center;
+  padding: 0.3333333333rem 0.1333333333rem 0.3066666667rem 0.2666666667rem;
+  box-sizing: border-box;
+  z-index: 9;
+}
+
+.tarotBox {
+  width: 9.8266666667rem;
+  height: 14.1333333333rem;
+  background: url(../images/middleBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  position: relative;
+}
+.tarotBox .tabBox {
+  width: 9.56rem;
+  height: 1.3066666667rem;
+  display: flex;
+  justify-content: space-between;
+  background: url(../images/tabBox.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto;
+}
+.tarotBox .tabBox div {
+  width: 3.3733333333rem;
+  height: 100%;
+  color: #FEF0C0;
+  font-size: 0.3733333333rem;
+  text-align: center;
+  box-sizing: border-box;
+  padding-top: 0.3466666667rem;
+}
+.tarotBox .tabBox div b {
+  color: #FEF0C0;
+  font-size: 0.24rem;
+  margin-top: 0.04rem;
+  display: block;
+}
+.tarotBox .tabBox .active1 {
+  background: url(../images/active1.png) no-repeat;
+  background-size: 100% 100%;
+  color: #FFFFFF;
+}
+.tarotBox .tabBox .active1 b {
+  color: #FFFFFF;
+}
+.tarotBox .tabBox .active2 {
+  background: url(../images/active2.png) no-repeat;
+  background-size: 100% 100%;
+  color: #FFFFFF;
+}
+.tarotBox .tabBox .active2 b {
+  color: #FFFFFF;
+}
+.tarotBox .tabBox .active3 {
+  background: url(../images/active3.png) no-repeat;
+  background-size: 100% 100%;
+  color: #FFFFFF;
+}
+.tarotBox .tabBox .active3 b {
+  color: #FFFFFF;
+}
+.tarotBox .gradeText {
+  position: absolute;
+  left: 0.9866666667rem;
+  top: 1.4666666667rem;
+  color: #FFEAA9;
+  font-size: 0.32rem;
+}
+.tarotBox .diamond {
+  min-width: 1.9733333333rem;
+  height: 0.5866666667rem;
+  border-radius: 0.5866666667rem;
+  line-height: 0.5866666667rem;
+  position: absolute;
+  right: 0.96rem;
+  top: 1.28rem;
+  background: #343662;
+  color: #FFFFFF;
+  border: 0.0133333333rem solid #FFF3B1;
+  box-sizing: border-box;
+  vertical-align: middle;
+}
+.tarotBox .diamond .diamondIcon {
+  display: inline-block;
+  width: 0.3866666667rem;
+  height: 0.28rem;
+  margin-top: 0.16rem;
+  margin-left: 0.1733333333rem;
+}
+.tarotBox .diamond b {
+  font-size: 0.2666666667rem;
+  display: inline-block;
+  margin: 0 0.0933333333rem;
+}
+.tarotBox .diamond .add {
+  width: 0.24rem;
+  height: 0.24rem;
+  display: inline-block;
+  margin-top: 0.1733333333rem;
+  margin-right: 0.1866666667rem;
+}
+.tarotBox .cardBox {
+  width: 1.9733333333rem;
+  height: 3.2133333333rem;
+  position: absolute;
+  z-index: 3;
+}
+.tarotBox .card1 {
+  background: url(../images/card.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card2 {
+  background: url(../images/card2.png) no-repeat;
+  background-size: 100% 100%;
+  display: none;
+}
+.tarotBox .card3 {
+  background: url(../images/card3.png) no-repeat;
+  background-size: 100% 100%;
+  display: none;
+}
+.tarotBox .card1_active {
+  background: url(../images/card1_active.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card2_active {
+  background: url(../images/card2_active.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card3_active {
+  background: url(../images/card3_active.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card_not {
+  background: url(../images/not.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card_winning1 {
+  background: url(../images/winning1.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card_winning2 {
+  background: url(../images/winning2.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .card_winning3 {
+  background: url(../images/winning3.png) no-repeat;
+  background-size: 100% 100%;
+}
+.tarotBox .cardBox0 {
+  left: 0.9466666667rem;
+  top: 2.0933333333rem;
+}
+.tarotBox .cardBox1 {
+  left: 2.9866666667rem;
+  top: 2.0933333333rem;
+}
+.tarotBox .cardBox2 {
+  left: 5.04rem;
+  top: 2.0933333333rem;
+}
+.tarotBox .cardBox3 {
+  left: 7.08rem;
+  top: 2.0933333333rem;
+}
+.tarotBox .cardBox4 {
+  left: 7.08rem;
+  top: 5.52rem;
+}
+.tarotBox .cardBox5 {
+  left: 7.08rem;
+  top: 8.8533333333rem;
+}
+.tarotBox .cardBox6 {
+  left: 5.04rem;
+  top: 8.8533333333rem;
+}
+.tarotBox .cardBox7 {
+  left: 2.9866666667rem;
+  top: 8.8533333333rem;
+}
+.tarotBox .cardBox8 {
+  left: 0.9466666667rem;
+  top: 8.8533333333rem;
+}
+.tarotBox .cardBox9 {
+  left: 0.9466666667rem;
+  top: 5.52rem;
+}
+.tarotBox .cardBoxBut {
+  width: 2.5066666667rem;
+  height: 0.9866666667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 7.4666666667rem;
+  z-index: 3;
+}
+.tarotBox .butAgain {
+  width: 2.5066666667rem;
+  height: 0.9866666667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 7.4666666667rem;
+  display: none;
+  z-index: 3;
+}
+.tarotBox .gonggao {
+  width: 100%;
+  height: 1.3rem;
+  box-sizing: border-box;
+  position: absolute;
+  left: 0;
+  top: 12.25rem;
+  overflow: hidden;
+}
+.tarotBox .gonggao .ul1 {
+  width: 100%;
+  height: 100%;
+}
+.tarotBox .gonggao .ul1 li {
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-size: 0.32rem;
+  margin-bottom: 0.1466666667rem;
+}
+.tarotBox .gonggao .ul1 li b {
+  color: #FFEAA9;
+}
+.tarotBox .gonggao .ul1 li i {
+  font-style: normal;
+  color: #80E6FF;
+}
+.tarotBox .cardBoxText_gift {
+  width: 4.2666666667rem;
+  height: 3.0133333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.76rem;
+  color: #FEF0C0;
+  font-size: 0.4rem;
+  text-align: center;
+}
+.tarotBox .cardBoxText_gx {
+  width: 4.2666666667rem;
+  height: 3.0133333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.52rem;
+  box-sizing: border-box;
+  padding-top: 0.88rem;
+  display: none;
+}
+.tarotBox .cardBoxText_gx p {
+  width: 100%;
+  text-align: center;
+  margin-bottom: 0.2133333333rem;
+  color: #FFE26D;
+  font-size: 0.3733333333rem;
+}
+.tarotBox .cardBoxText_gx p i {
+  font-style: normal;
+}
+.tarotBox .cardBoxText_gx p b {
+  color: #FFE26D;
+}
+.tarotBox .cardBoxText_no {
+  width: 4.2666666667rem;
+  height: 3.0133333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.52rem;
+  box-sizing: border-box;
+  padding-top: 0.88rem;
+  display: none;
+}
+.tarotBox .cardBoxText_no p {
+  width: 100%;
+  text-align: center;
+  margin-bottom: 0.2133333333rem;
+  color: #fff;
+  font-size: 0.3733333333rem;
+}
+.tarotBox .cardBoxText_no p i {
+  font-style: normal;
+}
+.tarotBox .cardBoxText_no p b {
+  color: #80E6FF;
+}
+.tarotBox .cardBoxText {
+  width: 4.2666666667rem;
+  height: 3.0133333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.52rem;
+  box-sizing: border-box;
+  padding-top: 0.88rem;
+  z-index: 3;
+}
+.tarotBox .cardBoxText p {
+  width: 100%;
+  text-align: center;
+  margin-bottom: 0.2133333333rem;
+  color: #fff;
+  font-size: 0.3733333333rem;
+}
+.tarotBox .cardBoxText p i {
+  font-style: normal;
+}
+.tarotBox .cardBoxText p b {
+  color: #80E6FF;
+}
+.tarotBox .star {
+  width: 4.48rem;
+  height: 3.8666666667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.52rem;
+}
+.tarotBox .star .star_in {
+  width: 100%;
+  height: 100%;
+}
+.tarotBox .star .star_in canvas {
+  width: 100%;
+  height: 100%;
+}
+
+h3 {
+  width: 100%;
+  margin-bottom: 0.16rem;
+  color: #D7D9F7;
+  font-size: 0.24rem;
+  text-align: center;
+}
+
+.rule_pub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99999;
+  background: rgba(0, 0, 0, 0.4);
+  display: none;
+}
+.rule_pub .rule_pub_in {
+  width: 8.72rem;
+  height: 11.6533333333rem;
+  background: url(../images/rule.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.rule_pub .rule_pub_in .close {
+  position: absolute;
+  width: 0.9066666667rem;
+  height: 0.9066666667rem;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: -1.3333333333rem;
+}
+
+.winningRecord {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99999;
+  background: rgba(0, 0, 0, 0.4);
+  display: none;
+}
+.winningRecord .winningRecord_in {
+  width: 8.72rem;
+  height: 11.6533333333rem;
+  background: url(../images/winningRecord.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.winningRecord .winningRecord_in .title {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 0.4266666667rem;
+}
+.winningRecord .winningRecord_in .title div {
+  width: 25%;
+  color: #FFFFFF;
+  font-size: 0.3733333333rem;
+  margin-top: 2.1866666667rem;
+  text-align: center;
+}
+.winningRecord .winningRecord_in ul {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 0.04rem;
+  height: 8rem;
+  margin: 0 auto;
+  overflow-y: scroll;
+}
+.winningRecord .winningRecord_in ul::-webkit-scrollbar {
+  width: 0;
+  display: none;
+}
+.winningRecord .winningRecord_in ul li {
+  background: none;
+  width: 100%;
+  height: 1.0666666667rem;
+  line-height: 1.0666666667rem;
+  color: #FFEE9D;
+  font-size: 0.3466666667rem;
+  display: flex;
+  justify-content: space-between;
+  overflow: hidden;
+}
+.winningRecord .winningRecord_in ul li div {
+  text-align: center;
+  width: 25%;
+}
+.winningRecord .winningRecord_in ul li .box {
+  line-height: 1.0666666667rem;
+}
+.winningRecord .winningRecord_in ul li .box_acitve {
+  line-height: 0.45rem;
+  margin-top: 0.1rem;
+}
+.winningRecord .winningRecord_in ul li .time {
+  line-height: 0.4rem;
+  margin-top: 0.2rem;
+}
+.winningRecord .winningRecord_in ul .active {
+  background: rgba(135, 133, 243, 0.6);
+}
+.winningRecord .winningRecord_in .close {
+  position: absolute;
+  width: 0.9066666667rem;
+  height: 0.9066666667rem;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: -1.3333333333rem;
+}
+
+.shade-mask-fragmentNum {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 99999;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 8rem;
+  height: 8rem;
+  background: white;
+  border-radius: 0.32rem;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-title {
+  font-size: 0.48rem;
+  font-weight: bold;
+  color: #333333;
+  margin-top: 0.5066666667rem;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum img {
+  width: 1.6rem;
+  width: 1.6rem;
+  margin-top: 1.44rem;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum p {
+  font-size: 0.4rem;
+  font-weight: 600;
+  color: #333333;
+  margin-top: 0.6666666667rem;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap {
+  display: flex;
+  justify-content: space-between;
+  width: 6.8266666667rem;
+  height: 1.0133333333rem;
+  margin-top: 1.2rem;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .cancel-btn,
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .confirm-btn {
+  width: 3.2rem;
+  height: 1.0133333333rem;
+  line-height: 1.0133333333rem;
+  text-align: center;
+  border-radius: 0.5066666667rem;
+  font-size: 0.3733333333rem;
+  font-weight: 600;
+  background-color: #EAE5FC;
+  color: #7154EE;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .confirm-btn {
+  background-color: #735FFE;
+  color: #fff;
+}
+
+/*# sourceMappingURL=index.css.map */
--- a/view/peko/modules/luckyTarot/css/index.scss
+++ b/view/peko/modules/luckyTarot/css/index.scss
@@ -0,0 +1,710 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html {}
+
+body {
+    width: 100%;
+    height: px2rem(1624, );
+    background: url(../images/bg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto;
+    position: relative;
+    box-sizing: border-box;
+    padding-top: 2.0933333333rem;
+    // overflow-y: scroll;
+}
+
+.back {
+    position: fixed;
+    top: px2rem(70, );
+    left: px2rem(34, );
+    z-index: 9999;
+    width: px2rem(62, );
+    height: px2rem(62, );
+
+    img {
+        width: 100%;
+        height: 100%;
+    }
+
+    p {
+        color: #fff;
+        font-size: px2rem(32, );
+        position: absolute;
+        width: 9rem;
+        left: 0;
+        top: 0;
+        height: 100%;
+        text-align: center;
+        line-height: px2rem(62, );
+    }
+}
+
+.header {
+    width: px2rem(684, );
+    height: px2rem(228, );
+    margin: 0 auto px2rem(0, );
+    display: block;
+    position: relative;
+    z-index: 3;
+}
+
+.roulette {
+    width: px2rem(750, );
+    height: px2rem(850, );
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    top: px2rem(0, );
+
+    .roulette_in {
+        width: 100%;
+        height: 100%;
+
+        canvas {
+            width: 100%;
+            height: 100%;
+        }
+    }
+}
+
+.gold_10 {
+    width: px2rem(482, );
+    height: px2rem(52, );
+    margin: px2rem(0, ) auto px2rem(20, );
+    display: block;
+    position: relative;
+    z-index: 3;
+}
+
+.rule {
+    width: px2rem(51, );
+    height: px2rem(140, );
+    background: url(../images/icon.png) no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    top: px2rem(211, );
+    right: 0;
+    color: #FFE7A9;
+    font-size: px2rem(22, );
+    text-align: center;
+    padding: px2rem(25, ) px2rem(10, ) px2rem(23, ) px2rem(20, );
+    box-sizing: border-box;
+    z-index: 3;
+}
+
+.record {
+    width: px2rem(51, );
+    height: px2rem(140, );
+    background: url(../images/icon.png) no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    top: px2rem(364, );
+    right: 0;
+    color: #FFE7A9;
+    font-size: px2rem(22, );
+    text-align: center;
+    padding: px2rem(25, ) px2rem(10, ) px2rem(23, ) px2rem(20, );
+    box-sizing: border-box;
+    z-index: 9;
+}
+
+.tarotBox {
+    width: px2rem(737, );
+    height: px2rem(1060, );
+    background: url(../images/middleBg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto 0;
+    position: relative;
+
+    .tabBox {
+        width: px2rem(717, );
+        height: px2rem(98, );
+        display: flex;
+        justify-content: space-between;
+        background: url(../images/tabBox.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto;
+
+        div {
+            width: px2rem(253, );
+            height: 100%;
+            color: #FEF0C0;
+            font-size: px2rem(28, );
+            text-align: center;
+            box-sizing: border-box;
+            padding-top: px2rem(26, );
+
+            b {
+                color: #FEF0C0;
+                font-size: px2rem(18, );
+                margin-top: px2rem(3, );
+                display: block;
+            }
+        }
+
+        .active1 {
+            background: url(../images/active1.png) no-repeat;
+            background-size: 100% 100%;
+            color: #FFFFFF;
+
+            b {
+                color: #FFFFFF;
+            }
+        }
+
+        .active2 {
+            background: url(../images/active2.png) no-repeat;
+            background-size: 100% 100%;
+            color: #FFFFFF;
+
+            b {
+                color: #FFFFFF;
+            }
+        }
+
+        .active3 {
+            background: url(../images/active3.png) no-repeat;
+            background-size: 100% 100%;
+            color: #FFFFFF;
+
+            b {
+                color: #FFFFFF;
+            }
+        }
+    }
+
+    .gradeText {
+        position: absolute;
+        left: px2rem(74, );
+        top: px2rem(110, );
+        color: #FFEAA9;
+        font-size: px2rem(24, );
+    }
+
+    .diamond {
+        min-width: px2rem(148, );
+        height: px2rem(44, );
+        border-radius: px2rem(44, );
+        line-height: px2rem(44, );
+        position: absolute;
+        right: px2rem(72, );
+        top: px2rem(96, );
+        background: #343662;
+        color: #FFFFFF;
+        border: px2rem(1, ) solid #FFF3B1;
+        box-sizing: border-box;
+        vertical-align: middle;
+
+        .diamondIcon {
+            display: inline-block;
+            width: px2rem(29, );
+            height: px2rem(21, );
+            margin-top: px2rem(12, );
+            margin-left: px2rem(13, );
+        }
+
+        b {
+            font-size: px2rem(20, );
+            display: inline-block;
+            margin: 0 px2rem(7, );
+        }
+
+        .add {
+            width: px2rem(18, );
+            height: px2rem(18, );
+            display: inline-block;
+            margin-top: px2rem(13, );
+            margin-right: px2rem(14, );
+        }
+    }
+
+    .cardBox {
+        width: px2rem(148, );
+        height: px2rem(241, );
+        position: absolute;
+        z-index: 3;
+        // transition: all 1s;
+    }
+
+    .card1 {
+        background: url(../images/card.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+
+    .card2 {
+        background: url(../images/card2.png) no-repeat;
+        background-size: 100% 100%;
+        display: none;
+    }
+
+
+    .card3 {
+        background: url(../images/card3.png) no-repeat;
+        background-size: 100% 100%;
+        display: none;
+    }
+
+    .card1_active {
+        background: url(../images/card1_active.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .card2_active {
+        background: url(../images/card2_active.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .card3_active {
+        background: url(../images/card3_active.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .card_not {
+        background: url(../images/not.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .card_winning1 {
+        background: url(../images/winning1.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .card_winning2 {
+        background: url(../images/winning2.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .card_winning3 {
+        background: url(../images/winning3.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .cardBox0 {
+        left: px2rem(71, );
+        top: px2rem(157, );
+    }
+
+    .cardBox1 {
+        left: px2rem(224, );
+        top: px2rem(157, );
+    }
+
+    .cardBox2 {
+        left: px2rem(378, );
+        top: px2rem(157, );
+    }
+
+    .cardBox3 {
+        left: px2rem(531, );
+        top: px2rem(157, );
+    }
+
+    .cardBox4 {
+        left: px2rem(531, );
+        top: px2rem(414, );
+    }
+
+    .cardBox5 {
+        left: px2rem(531, );
+        top: px2rem(664, );
+    }
+
+    .cardBox6 {
+        left: px2rem(378, );
+        top: px2rem(664, );
+    }
+
+    .cardBox7 {
+        left: px2rem(224, );
+        top: px2rem(664, );
+    }
+
+    .cardBox8 {
+        left: px2rem(71, );
+        top: px2rem(664, );
+    }
+
+    .cardBox9 {
+        left: px2rem(71, );
+        top: px2rem(414, );
+    }
+
+    .cardBoxBut {
+        width: px2rem(188, );
+        height: px2rem(74, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(560, );
+        z-index: 3;
+    }
+
+    .butAgain {
+        width: px2rem(188, );
+        height: px2rem(74, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(560, );
+        display: none;
+        z-index: 3;
+    }
+
+    .gonggao {
+        width: 100%;
+        height: 1.3rem;
+        box-sizing: border-box;
+        position: absolute;
+        left: 0;
+        top: 12.25rem;
+        overflow: hidden;
+
+        .ul1 {
+            width: 100%;
+            height: 100%;
+
+            li {
+                width: 100%;
+                text-align: center;
+                color: #fff;
+                font-size: px2rem(24, );
+                margin-bottom: px2rem(11, );
+
+                b {
+                    color: #FFEAA9;
+                }
+
+                i {
+                    font-style: normal;
+                    color: #80E6FF;
+                }
+            }
+        }
+    }
+
+    .cardBoxText_gift {
+        width: px2rem(320, );
+        height: px2rem(226, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(432, );
+        color: #FEF0C0;
+        font-size: px2rem(30, );
+        text-align: center;
+    }
+
+    .cardBoxText_gx {
+        width: px2rem(320, );
+        height: px2rem(226, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(414, );
+        box-sizing: border-box;
+        padding-top: px2rem(66, );
+        display: none;
+
+        p {
+            width: 100%;
+            text-align: center;
+            margin-bottom: px2rem(16, );
+            color: #FFE26D;
+            font-size: px2rem(28, );
+
+            i {
+                font-style: normal;
+            }
+
+            b {
+                color: #FFE26D;
+            }
+        }
+    }
+
+    .cardBoxText_no {
+        width: px2rem(320, );
+        height: px2rem(226, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(414, );
+        box-sizing: border-box;
+        padding-top: px2rem(66, );
+        display: none;
+
+        p {
+            width: 100%;
+            text-align: center;
+            margin-bottom: px2rem(16, );
+            color: #fff;
+            font-size: px2rem(28, );
+
+            i {
+                font-style: normal;
+            }
+
+            b {
+                color: #80E6FF;
+            }
+        }
+    }
+
+    .cardBoxText {
+        width: px2rem(320, );
+        height: px2rem(226, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(414, );
+        box-sizing: border-box;
+        padding-top: px2rem(66, );
+        z-index: 3;
+
+        p {
+            width: 100%;
+            text-align: center;
+            margin-bottom: px2rem(16, );
+            color: #fff;
+            font-size: px2rem(28, );
+
+            i {
+                font-style: normal;
+            }
+
+            b {
+                color: #80E6FF;
+            }
+        }
+    }
+
+    .star {
+        width: px2rem(336, );
+        height: px2rem(290, );
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(414, );
+
+        .star_in {
+            width: 100%;
+            height: 100%;
+
+            canvas {
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+}
+
+h3 {
+    width: 100%;
+    margin-bottom: px2rem(12, );
+    color: #D7D9F7;
+    font-size: px2rem(18, );
+    text-align: center;
+}
+
+.rule_pub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99999;
+    background: rgba(0, 0, 0, .4);
+    display: none;
+
+    .rule_pub_in {
+        width: px2rem(654, );
+        height: px2rem(874, );
+        background: url(../images/rule.png) no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .close {
+            position: absolute;
+            width: px2rem(68, );
+            height: px2rem(68, );
+            left: 50%;
+            transform: translateX(-50%);
+            bottom: px2rem(-100, );
+        }
+    }
+}
+
+.winningRecord {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99999;
+    background: rgba(0, 0, 0, .4);
+    display: none;
+
+    .winningRecord_in {
+        width: px2rem(654, );
+        height: px2rem(874, );
+        background: url(../images/winningRecord.png) no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .title {
+            width: 100%;
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: px2rem(32, );
+
+            div {
+                width: 25%;
+                color: #FFFFFF;
+                font-size: px2rem(28, );
+                margin-top: px2rem(164, );
+                text-align: center;
+            }
+        }
+
+        ul {
+            width: 100%;
+            box-sizing: border-box;
+            padding: 0 px2rem(3, );
+            height: 8rem;
+            margin: 0 auto;
+            overflow-y: scroll;
+
+            &::-webkit-scrollbar {
+                width: 0;
+                display: none;
+            }
+
+            li {
+                background: none;
+                width: 100%;
+                height: px2rem(80, );
+                line-height: px2rem(80, );
+                color: #FFEE9D;
+                font-size: px2rem(26, );
+                display: flex;
+                justify-content: space-between;
+                overflow: hidden;
+
+                div {
+                    text-align: center;
+                    width: 25%;
+                }
+
+                .box {
+                    line-height: px2rem(80, );
+                }
+
+                .box_acitve {
+                    line-height: 0.45rem;
+                    margin-top: 0.1rem;
+                }
+
+                .time {
+                    line-height: 0.4rem;
+                    margin-top: 0.2rem;
+                }
+            }
+
+            .active {
+                background: rgba(135, 133, 243, 0.6);
+            }
+        }
+
+        .close {
+            position: absolute;
+            width: px2rem(68, );
+            height: px2rem(68, );
+            left: 50%;
+            transform: translateX(-50%);
+            bottom: px2rem(-100, );
+        }
+    }
+}
+
+// 碎片不足弹窗
+.shade-mask-fragmentNum {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 99999;
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba($color: #000000, $alpha: 0.6);
+
+    .shade-content-fragmentNum {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: px2rem(600);
+        height: px2rem(600);
+        background: white;
+        border-radius: px2rem(24);
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .fragmentNum-title {
+            font-size: px2rem(36);
+            font-weight: bold;
+            color: #333333;
+            margin-top: px2rem(38);
+        }
+
+        img {
+            width: px2rem(120);
+            width: px2rem(120);
+            margin-top: px2rem(108);
+        }
+
+        p {
+            font-size: px2rem(30);
+            font-weight: 600;
+            color: #333333;
+            margin-top: px2rem(50);
+        }
+
+        .fragmentNum-btn-wrap {
+            display: flex;
+            justify-content: space-between;
+            width: px2rem(512);
+            height: px2rem(76);
+            margin-top: px2rem(90);
+
+            .cancel-btn,
+            .confirm-btn {
+                width: px2rem(240);
+                height: px2rem(76);
+                line-height: px2rem(76);
+                text-align: center;
+                border-radius: px2rem(38);
+                font-size: px2rem(28);
+                font-weight: 600;
+                background-color: #EAE5FC;
+                color: #7154EE;
+            }
+
+            .confirm-btn {
+                background-color: #735FFE;
+                color: #fff;
+            }
+        }
+    }
+}
--- a/view/peko/modules/luckyTarot/images/10Gold.png
+++ b/view/peko/modules/luckyTarot/images/10Gold.png
--- a/view/peko/modules/luckyTarot/images/active1.png
+++ b/view/peko/modules/luckyTarot/images/active1.png
--- a/view/peko/modules/luckyTarot/images/active2.png
+++ b/view/peko/modules/luckyTarot/images/active2.png
--- a/view/peko/modules/luckyTarot/images/active3.png
+++ b/view/peko/modules/luckyTarot/images/active3.png
--- a/view/peko/modules/luckyTarot/images/add.png
+++ b/view/peko/modules/luckyTarot/images/add.png
--- a/view/peko/modules/luckyTarot/images/bg.png
+++ b/view/peko/modules/luckyTarot/images/bg.png
--- a/view/peko/modules/luckyTarot/images/but1.png
+++ b/view/peko/modules/luckyTarot/images/but1.png
--- a/view/peko/modules/luckyTarot/images/but2.png
+++ b/view/peko/modules/luckyTarot/images/but2.png
--- a/view/peko/modules/luckyTarot/images/but3.png
+++ b/view/peko/modules/luckyTarot/images/but3.png
--- a/view/peko/modules/luckyTarot/images/butAgain1.png
+++ b/view/peko/modules/luckyTarot/images/butAgain1.png
--- a/view/peko/modules/luckyTarot/images/butAgain2.png
+++ b/view/peko/modules/luckyTarot/images/butAgain2.png
--- a/view/peko/modules/luckyTarot/images/butAgain3.png
+++ b/view/peko/modules/luckyTarot/images/butAgain3.png
--- a/view/peko/modules/luckyTarot/images/card.png
+++ b/view/peko/modules/luckyTarot/images/card.png
--- a/view/peko/modules/luckyTarot/images/card1_active.png
+++ b/view/peko/modules/luckyTarot/images/card1_active.png
--- a/view/peko/modules/luckyTarot/images/card2.png
+++ b/view/peko/modules/luckyTarot/images/card2.png
--- a/view/peko/modules/luckyTarot/images/card2_active.png
+++ b/view/peko/modules/luckyTarot/images/card2_active.png
--- a/view/peko/modules/luckyTarot/images/card3.png
+++ b/view/peko/modules/luckyTarot/images/card3.png
--- a/view/peko/modules/luckyTarot/images/card3_active.png
+++ b/view/peko/modules/luckyTarot/images/card3_active.png
--- a/view/peko/modules/luckyTarot/images/close.png
+++ b/view/peko/modules/luckyTarot/images/close.png
--- a/view/peko/modules/luckyTarot/images/diamond.png
+++ b/view/peko/modules/luckyTarot/images/diamond.png
--- a/view/peko/modules/luckyTarot/images/header.png
+++ b/view/peko/modules/luckyTarot/images/header.png
--- a/view/peko/modules/luckyTarot/images/icon.png
+++ b/view/peko/modules/luckyTarot/images/icon.png
--- a/view/peko/modules/luckyTarot/images/middleBg.png
+++ b/view/peko/modules/luckyTarot/images/middleBg.png
--- a/view/peko/modules/luckyTarot/images/no-money.png
+++ b/view/peko/modules/luckyTarot/images/no-money.png
--- a/view/peko/modules/luckyTarot/images/not.png
+++ b/view/peko/modules/luckyTarot/images/not.png
--- a/view/peko/modules/luckyTarot/images/roulette.svga
+++ b/view/peko/modules/luckyTarot/images/roulette.svga
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
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