<!doctype html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <title>賬號注銷 - 重要提醒</title>
    <link rel="stylesheet" href="https://app.ixiulive.com/static/layer-v3.1.0/layer.css" />
    <link rel="stylesheet" href="https://zhiboweb.yazhaiyabo.com/simper/css/reset.css">
    <script src="https://apps.bdimg.com/libs/zepto/1.1.4/zepto.min.js"></script>
    <script src="../lib/fsize.js"></script>
    <style>
        body {
            background: #111111;
        }

        .main {
            width: 10rem;
            height: 100vh;
            background: #111111;
            position: relative;
            font-size: 0.373rem;
            line-height: 0.68rem;
        }

        .mCon {
            padding: 0.6rem 0.4rem 1rem 0.4rem;
            line-height: 0.8rem;
            color: #ccc;
            box-sizing: border-box;
            max-height: calc(100vh - 4rem);
            overflow-y: scroll;
        }

        .w {
            color: #fff;
            font-weight: bold;
        }

        .mt8 {
            margin-top: 0.8rem;
        }

        .mt2 {
            margin-top: 0.2rem;
        }

        .mBottom {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 10rem;
            height: 4rem;
        }

        .giveup {
            width: 4rem;
            height: 1.307rem;
            line-height: 1.307rem;
            text-align: center;
            background: #414141;
            border: 0.03rem solid #fff;
            border-radius: 0.6rem;
            position: absolute;
            top: 0.8rem;
            left: 0.5rem;
            color: #fff;
            font-size: 0.373rem;
        }

        .logoff {
            width: 4rem;
            height: 1.307rem;
            line-height: 1.307rem;
            text-align: center;
            background: #19333B;
            border: 0.03rem solid #00F7FF;
            border-radius: 0.6rem;
            position: absolute;
            top: 0.8rem;
            left: 5.5rem;
            color: #fff;
            font-size: 0.373rem;
        }

        .agree {
            position: absolute;
            top: 2.5rem;
            left: 0;
            width: 100%;
            text-align: center;
            font-size: 0.347rem;
            height: 0.48rem;
            line-height: 0.48rem;
        }

        .agreecheckBox {
            width: 0.44rem;
            height: 0.44rem;
            border-radius: 50%;
            border: 1px solid #fff;
            display: inline-block;
            vertical-align: bottom;
            box-sizing: border-box;
        }

        .checked {
            background: url(./img/selected.png) no-repeat;
            background-size: contain;
            background-position: center;
        }

        .agree a {
            text-decoration: underline;
            color: #fff;
        }

        .pop1 {
            width: 7.787rem;
            height: 5.84rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: url(./img/pop1.png) no-repeat;
            background-size: contain;
            display: none;

        }

        .popInfo {
            width: 7.387rem;
            height: 2.56rem;
            text-align: center;
            color: #fff;
            font-size: 0.4rem;
            padding: 1.4rem 0.2rem 0.4rem 0.2rem;
        }

        .popButtons {
            width: 7.387rem;
            height: 1.28rem;
            line-height: 1.28rem;
            text-align: center;
            color: #fff;
            font-size: 0.4rem;
            padding: 0 0.2rem 0.4rem 0.2rem;
        }

        .popButtons div {
            float: left;
            width: 50%;
            height: 100%;
        }

        .pop2 {
            width: 7.787rem;
            height: 8.493rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: url(./img/pop2.png) no-repeat;
            background-size: contain;
            display: none;
        }

        .popInfo2 {
            width: 4.987rem;
            height: 2.56rem;
            text-align: center;
            color: #fff;
            font-size: 0.4rem;
            padding: 1.6rem 1.4rem 0.4rem 1.4rem;
        }

        .contact {
            width: 4rem;
            height: 1.307rem;
            line-height: 1.307rem;
            text-align: center;
            background: #19333B;
            border: 0.03rem solid #00F7FF;
            border-radius: 0.6rem;
            position: absolute;
            top: 4.4rem;
            left: 50%;
            transform: translateX(-50%);
            color: #fff;
            font-size: 0.4rem;
        }

        .cancel {
            width: 4rem;
            height: 1.307rem;
            line-height: 1.307rem;
            text-align: center;
            background: #414141;
            border: 0.03rem solid #fff;
            border-radius: 0.6rem;
            position: absolute;
            top: 6rem;
            left: 50%;
            transform: translateX(-50%);
            color: #fff;
            font-size: 0.4rem;
        }

        /* footseen */
        body.body_ft {
            background: #fff;
        }

        .body_ft .main {
            width: 10rem;
            height: 100vh;
            background: #fff;
            position: relative;
            font-size: 0.373rem;
            line-height: 0.68rem;
        }

        .body_ft .mCon {
            padding: 0.6rem 0.4rem 1rem 0.4rem;
            line-height: 0.8rem;
            color: #666;
            box-sizing: border-box;
            max-height: calc(100vh - 4rem);
            overflow-y: scroll;
        }

        .body_ft .w {
            color: #ea277d;
            font-weight: bold;
        }

        .body_ft .giveup {
            width: 4rem;
            height: 1.307rem;
            line-height: 1.307rem;
            text-align: center;
            background: #fff;
            border: 0.03rem solid #ea277d;
            border-radius: 0.6rem;
            position: absolute;
            top: 0.8rem;
            left: 0.5rem;
            color: #666;
            font-size: 0.373rem;
        }

        .body_ft .logoff {
            width: 4rem;
            height: 1.307rem;
            line-height: 1.307rem;
            text-align: center;
            background: #fff;
            border: 0.03rem solid #ea277d;
            border-radius: 0.6rem;
            position: absolute;
            top: 0.8rem;
            left: 5.5rem;
            color: #666;
            font-size: 0.373rem;
        }

        .body_ft .agreecheckBox {
            width: 0.44rem;
            height: 0.44rem;
            border-radius: 50%;
            border: 1px solid #666;
            display: inline-block;
            vertical-align: bottom;
            box-sizing: border-box;
        }

        .body_ft .checked {
            background: url(./img/ftImg/selected.png) no-repeat;
            background-size: contain;
            background-position: center;
        }

        .body_ft .agree a {
            text-decoration: underline;
            color: #ea277d;
        }

        .body_ft .pop1 {
            width: 7.787rem;
            height: 5.84rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: url(./img/ftImg/pop1.png) no-repeat;
            background-size: contain;
            display: none;

        }

        .body_ft .popInfo {
            width: 7.387rem;
            height: 2.56rem;
            text-align: center;
            color: #666;
            font-size: 0.4rem;
            padding: 1.4rem 0.2rem 0.4rem 0.2rem;
        }

        .body_ft .popButtons {
            width: 7.387rem;
            height: 1.28rem;
            line-height: 1.28rem;
            text-align: center;
            color: #666;
            font-size: 0.4rem;
            padding: 0 0.2rem 0.4rem 0.2rem;
        }

        .body_ft .pop2 {
            width: 7.787rem;
            height: 8.493rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: url(./img/ftImg/pop2.png) no-repeat;
            background-size: contain;
            display: none;
        }

        .body_ft .popInfo2 {
            width: 4.987rem;
            height: 2.56rem;
            text-align: center;
            color: #666;
            font-size: 0.4rem;
            padding: 1.6rem 1.4rem 0.4rem 1.4rem;
        }

        .body_ft .contact {
            width: 4rem;
            height: 1.307rem;
            line-height: 1.307rem;
            text-align: center;
            background: #fff;
            border: 0.03rem solid #ea277d;
            border-radius: 0.6rem;
            position: absolute;
            top: 4.4rem;
            left: 50%;
            transform: translateX(-50%);
            color: #666;
            font-size: 0.4rem;
        }

        .body_ft .cancel {
            width: 4rem;
            height: 1.307rem;
            line-height: 1.307rem;
            text-align: center;
            background: #fff;
            border: 0.03rem solid #ea277d;
            border-radius: 0.6rem;
            position: absolute;
            top: 6rem;
            left: 50%;
            transform: translateX(-50%);
            color: #666;
            font-size: 0.4rem;
        }
    </style>
</head>

<body>
    <div class="main">
        <div class="mCon">
            <p class="w">申請賬號注銷前,請認真閲讀以下注意事項</p>
            <p>1 您申請註銷的賬號為當前的登錄賬號::</p>
            <p class="b mInfo"> ID :232323 暱稱:我是昭君</p>
            <p>2 註銷後,您將不再能夠登錄,重新激活,使用和恢復該賬戶;</p>
            <p>3 註銷後,您將無法對購買的任何商品退款,也無法獲得直播的收益;</p>
            <p>4 住下後,您的個人資料、照片、視頻、消息、評論、道具、禮物、虛擬貨幣、分享、等級、關注、特權和其他數字內容將被永久註銷,並且無法恢復;</p>
            <p>5 如果您是與我們單獨簽訂了協議的主播,內容製作人,代理,經紀人或其他人,則可能由於您在這些協議中的責任和義務而拒絕您註銷賬戶的申請。</p>
            <p>6 若您是公會經紀人,因您的公會經紀人身份會影響您的公會成員的利益和權益。若您申請註銷,可能會被拒絕。請取消公會經紀人身份後申請註銷。</p>
            <p>7 如果您和您的賬號和我們或第三方存在未決的和解,投訴,爭議或糾紛,您的註銷申請可能會被拒絕。</p>
            <p>8 更多內容,請閱讀賬戶註銷協議。</p>
        </div>

        <div class="mBottom">
            <div class="giveup">放棄</div>
            <div class="logoff">注銷</div>
            <div class="agree">
                <span class="agreecheckBox"></span>
                <span>我已閲讀并同意</span>
                <a class="mAgreement" href="https://www.yabolive.tv/Nesting/help/FireAgreement.html">FireFire Live
                    用戶協議</a>
            </div>
        </div>

        <div class="pop1">
            <div class="popInfo">
                <p class="popUid"></p>
                <p class="popUname"></p>
                <p>注銷后,賬號將無法恢復</p>
            </div>
            <div class="popButtons">
                <div>取消</div>
                <div>確定</div>
            </div>
        </div>

        <div class="pop2">
            <div class="popInfo2">請向客服申請註銷。申請通過後,將在30個工作日內處理完畢</div>
            <div class="popButtons2">
                <div class="contact">確認注銷並退出App</div>
                <div class="cancel">取消</div>
            </div>
        </div>
    </div>
    <script src="../lib/jquery-3.1.1.min.js"></script>
    <script src="../lib/langchange.js"></script>
    <script type="text/javascript" src="https://app.ixiulive.com/static/layer-v3.1.0/layer/layer.js"></script>
    <script>
        var $ip = "https://webserver.yabolive.net";
        // var $ip = "http://ceshi.yabolive.tv/web"
        cdn = "https://zhibocdn.yabolive.net/";
        var mAppIndexs = {
            "com.yzfirefire.live.ios": 0,
            "com.ft.chat.ios": 1,
            "com.happy.live": 2,
            "com.nine.one.android": 3,
            "com.naichalive.android": 4,
            "com.mimosa.live.android": 5,
            "com.peach.live.android": 6,
            "com.xingchat.android": 7,
            "com.ftsfuxin.android": 8,
            "com.yz.madou.android": 9,
            "com.mewo.android": 10,
            "com.yinghua.cherry.organize": 11,
            "com.tempting.live.show.android": 12
        }
        var mAppNames = {
            "com.yzfirefire.live.ios": "FireFire Live",
            "com.ft.chat.ios": "FireFire Live",
            "com.happy.live": "Firefly Live",
            "com.nine.one.android": "秘密直播",
            "com.naichalive.android": "奶香直播",
            "com.mimosa.live.android": "含羞草直播",
            "com.peach.live.android": "蜜桃直播",
            "com.xingchat.android": "杏吧直播",
            "com.ftsfuxin.android": "福絲直播",
            "com.yz.madou.android": "麻豆直播",
            "com.mewo.android": "貓咪直播",
            "com.yinghua.cherry.organize": "櫻花秀直播",
            "com.tempting.live.show.android": "迷人直播秀"
        }
        var mAgreementUrls = [
            "https://www.yabolive.tv/Nesting/help/FireAgreement.html",
            "https://www.yabolive.tv/Nesting/help/FireAgreement.html",
            "https://www.yabolive.tv/Nesting/help/Agreement.html",
            "https://www.footseen.com/footseen/Nesting/help/91userAgreement.html",
            "https://www.footseen.com/footseen/Nesting/help/teaUserAgreement.html",
            "https://www.footseen.com/footseen/Nesting/help/mimosaUserAgreement.html",
            "",
            "https://www.footseen.com/footseen/Nesting/help/xingUserAgreement.html",
            "https://www.footseen.com/footseen/Nesting/help/fusiUserAgreement.html",
            "https://www.footseen.com/footseen/Nesting/help/madouUserAgreement.html",
            "",
            "",
            "",
        ]
        if (url_get_params().appname != "com.happy.live" && url_get_params().appname != "com.yzfirefire.live.ios" && url_get_params().appname != "com.ft.chat.ios") {
            $('body').addClass('body_ft');
        }
        var aHref = mAgreementUrls[mAppIndexs[url_get_params().appname]]
        $('.mAgreement').attr('href', aHref);
        $('.mAgreement').html(mAppNames[url_get_params().appname] + "用戶協議");


        $(function () {
            var params = url_get_params();
            $.ajax({
                url: $ip + "/user/getUserInfo.html",
                data: {
                    uid: params.uid,
                    token: params.token,
                    'cid': "web_gw",
                    'os': "WEB",
                    'lang': 2,
                    'vest': 0,
                },
                dataType: "json",
                type: "post",
                error: function (msg) {
                    console.log('请求出错');
                },
                success: function (msg) {
                    console.log(msg)
                    if (msg.code == 1) {
                        var data = msg.data;
                        $('.mInfo').html('ID:' + data.uid + ' 暱稱:' + data.nickName);
                        $('.popUid').html('確認注銷ID: ' + data.uid);
                        $('.popUname').html('(昵稱:' + data.nickName + ') ?');
                    }
                }
            })

            $('.giveup').on('click', function () {
                var obj = {
                    "cid": 14,
                    "reqCode": new Date().getTime(),
                    "data": {
                        "msg": '關閉當前網頁',
                    }
                }
                var obj2 = JSON.stringify(obj);
                appCollaboration(obj2);
            })

            //設置倒計時
            var iSec = 10;
            var mInter = window.setInterval(function () {
                var s = iSec ? '(' + iSec + 's)' : '';
                $('.logoff').html('注銷' + s);
                iSec--;
                if (iSec < 0) {
                    clearInterval(mInter);
                    //綁定事件
                    $('.agreecheckBox').on('click', function () {
                        var ifchecked = $(this).hasClass('checked');
                        if (ifchecked) {
                            $(this).removeClass('checked');
                        } else {
                            $(this).addClass('checked');
                        }
                    })

                    $('.logoff').on('click', function () {
                        var ifchecked = $('.agreecheckBox').hasClass('checked');
                        if (!ifchecked) {
                            layer.msg('請先仔細閲讀並同意用戶協議');
                            return
                        }
                        $('.pop1').show();
                    })
                }
            }, 1000)

            $('.popButtons div').on('click', function () {
                $('.pop1').hide();
                var mIndex = $(this).index();
                if (mIndex) {
                    $('.pop2').show();
                }
            })

            $('.contact').on('click', function () {
                $.ajax({
                    url: $ip + '/user/account/remove',
                    data: {
                        uid: params.uid,
                        token: params.token,
                        'cid': params.cid,
                        'os': "WEB",
                        'lang': params.lang,
                        'vest': 0,
                    },
                    success: function (res) {
                        if (res.code == -90) {
                            layer.msg(res.msg)
                        }
                    }
                })
                setTimeout(function () {
                    //注銷並退出
                    var obj = {
                        "cid": 30
                    }
                    var objCust = JSON.stringify(obj);
                    appCollaboration(objCust)
                }, 1000)
            })

            $('.cancel').on('click', function () {
                $('.pop2').hide();
            })
        })

        function url_get_params() {
            var url = location.href;
            var theRequest = new Object();
            if (url.indexOf("?") != -1) {
                var str = url.substr(url.indexOf("?") + 1);
                strs = str.split("&");
                for (var i = 0; i < strs.length; i++) {
                    theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                }
            }
            return theRequest;
        }

        function appCollaboration(msg) {
            var sUserAgent = navigator.userAgent.toLowerCase();
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid = sUserAgent.match(/android/i) == "android";
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
            if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) { } else if (bIsAndroid) {
                window.yazhai.appCollaboration(msg);
            } else if (bIsIphoneOs || bIsIpad) {
                window.webkit.messageHandlers.appCollaboration.postMessage(msg);
            }
        }
    </script>
</body>

</html>