wangrui
/
llpt_orderchannel-s1h5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>抖音定向流量包</title>
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <meta content="width=device-width,height=device-height,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">

    <script type="text/javascript">
        var deviceWidth = document.documentElement.clientWidth;
        if (deviceWidth > 750) {
            deviceWidth = 750;
        }
        document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
    </script>

    <!-- <link rel="stylesheet" href="v1/dist/main.min.css" /> -->
</head>
<style>
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block;
    }
    
    ol,
    ul {
        list-style: none;
    }
    
    blockquote,
    q {
        quotes: none;
    }
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }
    
    body {
        right: 0.91rem;
        background: #321558 url(./20220424/背景g.png) no-repeat;
        background-size: 100%, 100%;
    }
    /* .box_abx {
        right: 0.91rem;
        background: url('./20220424/背景g.png') no-repeat;
        background-size: 100%, 100%;
        height: 100%;
    } */
    
    .loading {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9995
    }
    
    .loading .content {
        color: rgba(255, 255, 255, 0.6);
        margin-top: 4rem;
        text-align: center;
        font-size: 0.3rem
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .box_a {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 111;
        background-color: rgba(0, 0, 0, 0.7);
        min-height: 6.5rem;
    }
    
    .box_b {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 111;
        background-color: rgba(0, 0, 0, 0.7);
        min-height: 6.5rem;
        display: none;
    }
    
    .cancel-form {
        width: 5.70rem;
        height: 7.13rem;
        position: relative;
        top: 3rem;
        left: 0.91rem;
        right: 0.91rem;
        background: url('./20220424/背景.png') no-repeat;
        background-size: 100%, 100%;
        border-bottom-right-radius: 0.2rem;
        border-bottom-left-radius: 0.2rem;
        border: solid 2px #7963e5;
    }
    
    .cancel-forms {
        width: 5.70rem;
        height: 7.13rem;
        position: relative;
        top: 3rem;
        left: 0.91rem;
        right: 0.91rem;
        background: url('./20220424/b15.png') no-repeat;
        background-size: 100%, 100%;
        border-bottom-right-radius: 0.2rem;
        border-bottom-left-radius: 0.2rem;
        border-radius: 0.2rem;
        border: solid 2px #7963e5;
    }
    
    input:focus {
        outline: none;
    }
    
    input {
        color: #ffff
    }
    
    .form-group {
        width: 100%;
        height: 2.8rem;
        position: absolute;
        top: 3.05rem;
        text-align: center;
    }
    
    .input-row {
        line-height: 0rem;
        height: 1.2rem;
        width: 100%;
    }
    
    .usermob {
        width: 4.87rem;
        height: 0.82rem;
        BACKGROUND-COLOR: #06357a8f;
        border: solid 2px #2cbeee57;
        border-radius: 0.1rem;
    }
    
    .usermob::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        /* WebKit browsers */
        color: rgb(255, 255, 255);
    }
    
    .smscode {
        width: 2.34rem;
        height: 0.82rem;
        BACKGROUND-COLOR: #06357a8f;
        border: solid 2px #2cbeee57;
        border-radius: 0.1rem;
        position: absolute;
        left: 0.39rem;
    }
    
    .sendcode {
        font-size: 0.28rem;
        width: 2.34rem;
        background: #0086E3;
        display: inline-table;
        position: absolute;
        right: 0.4rem;
        line-height: 0.8rem;
        border-radius: 0.1rem;
        color: #fff;
    }
    
    .smscode::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        /* WebKit browsers */
        color: rgb(255, 255, 255);
    }
    
    .login {
        height: 0.81rem;
        border-radius: 0.2rem;
        width: 2.37rem;
        background: url('./20220424/退订.png') no-repeat;
        background-size: 100%, 100%;
        position: absolute;
        right: 0.35rem;
        margin-top: 0.1rem;
    }
    
    .btn_a {
        height: 0.81rem;
        border-radius: 0.2rem;
        width: 2.37rem;
        background: url('./20220424/取消.png') no-repeat;
        background-size: 100%, 100%;
        position: absolute;
        left: 0.35rem;
        margin-top: 0.1rem;
    }
    
    .dialog-alert {
        top: 50%;
        transform: translateY(-50%);
        left: 1.2rem;
        right: 1.2rem;
        z-index: 9998;
        position: fixed;
        animation: frames-top-center-01 300ms;
        border-radius: 0.1rem;
        min-height: auto;
        height: auto;
        background: white;
        color: black
    }
    
    .dialog-alert h1 {
        font-size: 0.36rem;
        font-weight: bold;
        text-align: center;
        margin-top: 0.5rem
    }
    
    .dialog-alert .content {
        min-height: 0.8rem;
        margin: 0.2rem 0.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.3rem
    }
    
    .dialog-alert .actions {
        height: 1rem;
        display: flex;
        justify-content: center
    }
    
    .dialog-alert .actions .btn {
        color: white;
        font-size: 0.36rem;
        background: linear-gradient(-90deg, #fa382f, #ff7453);
        height: 0.7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        border-radius: 0.4rem;
        padding: 0;
        margin: 0
    }
    
    @keyframes frames-top-center-01 {
        0% {
            top: -10%
        }
        100% {
            top: 50%
        }
    }
    
    @keyframes frames-top-center-02 {
        0% {
            top: 0%
        }
        92% {
            top: 50%
        }
        100% {
            top: 40%
        }
    }
    
    @keyframes capauth-zoom-in {
        0% {
            opacity: 0
        }
        80% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    
    .overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9990;
        background-color: rgba(0, 0, 0, 0.7);
        min-height: 6.5rem
    }
    
    .overlay-alert {
        z-index: 9995
    }
    
    .overlay-loading {
        z-index: 9995
    }
    
    .tuid {
        position: absolute;
        bottom: 0.2rem;
        font-size: 0.28rem;
        color: #c4c3c3;
        left: 2.08rem;
    }
    
    .dialog-message {
        top: 40%;
        left: .82rem;
        right: .82rem;
        z-index: 9998;
        position: fixed;
        height: auto;
        min-height: auto;
        background: url(./v1/images/bg-dialog.png) no-repeat;
        background-size: 100% 100%;
    }
    
    .dialog-message .content {
        color: white;
        font-size: 0.36rem;
        min-height: 1.17rem;
        margin: 0.4rem 0.8rem 0.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .dialog-message .actions {
        height: 1.32rem;
        display: flex;
        justify-content: center;
    }
    
    .dialog-message .actions .btn {
        color: white;
        font-size: 0.36rem;
        width: 3.3rem;
        height: 0.82rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(./v1/images/btn-ok.png) no-repeat;
        background-size: 100% 100%;
    }
    
    .text_ab {
        font-size: 0.26rem;
        color: #FFFF;
        width: 5rem;
        margin-left: 0.4rem;
        margin-bottom: 0.2rem;
    }
    
    .guanbi {
        position: absolute;
        right: 0.16rem;
        top: 0.16rem;
        width: 0.4rem;
    }
</style>

<body>
    <!-- <div class="banner">
        div class="banner-text"></div
        <div class="banner-text banner-text-9"></div>
    </div> -->
    <div class="box_abx">
        <div class="box_a">
            <div class="section-login sms-form cancel-form">
                <div class="form-group">
                    <div class="input-row">
                        <input class="usermob" type="tel" maxlength="11" name="phone" placeholder="请输入您的手机号码" />
                    </div>

                    <div class="input-row">
                        <input class="smscode" type="tel" maxlength="6" name="sms" placeholder="请输入验证码">
                        <span class="sendcode">获取验证码</span>
                    </div>
                    <div class="actions">
                        <div onclick="a()" class="btn_a"></div>
                        <div class="btn login btn-cancel"></div>
                    </div>
                </div>
                <div onclick="b()" class="tuid">退订说明>></div>
            </div>

        </div>

        <div class="box_b">
            <div class="section-login sms-form cancel-forms">
                <img onclick="c()" class="guanbi" src="./20220424/图层3.png" alt="">
                <div style="color: #FFFF;
                text-align: center;
                margin-bottom: 0.2rem;
                font-size: 0.32rem;
                padding-top: 0.4rem;">流量说明</div>
                <p class="text_ab">1.定向流量适用范围包含：抖音短视频、今日头条、西瓜视频、火山小视频、多闪、懂车帝、图虫、皮皮虾、海豚股票、海豚财富、gogokid、轻颜、好好学习、飞聊、时光相册、半次元、飞书、激萌、番茄畅听APP使用；</p>
                <p class="text_ab">2.定向流量适用范围不包含：发起直播及上传视频；第三方提供的广告、视频、图片；下载/缓存客户端及第三方链接视频所产生的流量； </p>
                <p class="text_ab">3.退订成功后当月不可重复订购，定向流量及权益产品当月有效，次月失效，如未领取权益，次月无法补领；如有疑问请咨询联通客服：10010。</p>


            </div>


            <!-- <div class="agr">
            <div class="agr-15">
                <div class="title"></div>
                <ul>
                    <li>1. 定向流量适用范围包含：抖音短视频、今日头条、西瓜视频、火山小视频、多闪、懂车帝、图虫、皮皮虾、海豚股票、海豚财富、gogokid、轻颜、好好学习、飞聊、时光相册、半次元、飞书、激萌、番茄畅听APP使用；</li>
                    <li>2.定向流量适用范围不包含：发起直播及上传视频；第三方提供的广告、视频、图片；下载/缓存客户端及第三方链接视频所产生的流量；</li>
                    <li>3.热门精选权益多选一,每月可任意领取其中一款权益；</li>
                    <li>4.退订业务后次月生效，权益自次月起不可再领取，流量可使用到当月月末，退订当月不可重复订购，如有疑问请咨询联通客服：10010。</li>
                </ul>
            </div>
            <div class="agr-9">
                <div class="title"></div>
                <ul>
                    <li>1.定向流量适用范围包含：抖音短视频、今日头条、西瓜视频、火山小视频、多闪、懂车帝、图虫、皮皮虾、海豚股票、海豚财富、gogokid、轻颜、好好学习、飞聊、时光相册、半次元、飞书、激萌、番茄畅听APP使用；定向流量适用范围不包含：发起直播及上传视频；第三方提供的广告、视频、图片；下载/缓存客户端及第三方链接视频所产生的流量；</li>
                    <li>2. 如需退订该业务，可在本退订页面手动退订，退订后次月生效，流量可使用到当月月末，退订当月不可重复订购，如有疑问请咨询联通客服：10010；</li>
                </ul>
            </div>
        </div> -->
        </div>


        <input type="hidden" id="fog_tt" />
        <input type="hidden" id="useraccount_tt" />
        <input type="hidden" id="sendsms_order_tt" />

        <input id="nanyanad" type="hidden" value="79ce868bec6043de869260968d758cbc">
        <input id="nanyanlabel" type="hidden" value="_jrtt">
        <script type="text/javascript" src="../../public/libs/jquery-min.js"></script>
        <script src="//account.bol.wo.cn/static/js-sdk/wolog/WoAnalytics.js"></script>
        <script src="//account.bol.wo.cn/static/js-sdk/wolog/HtmlPageVisitor.js"></script>
        <script type="text/javascript" src="../../Tou/Dy/js/tuil-nongetstyle.js"></script>
        <script type="text/javascript" src="20220424/dist/main.min.js"></script>
        <!--今日头条定向流量包	79ce868bec6043de869260968d758cbc-->
        <!--抖音定向流量权益包	19809dcef2bd48b6bf1c2a14225d2917-->
        <script>
            function getUrlParam(urlprm) {
                var reg = new RegExp("(^|&)" + urlprm + "=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if (r != null) {
                    return r[2];
                }
            }
            var fes = getUrlParam("fes").toLocaleLowerCase();
            var sou = getUrlParam("sou").toLocaleLowerCase();

            function a() {
                window.location.href = 'https://800.wo.cn/orderchannel/douyin/poly/index20220424.html?fes=' + fes + '&sou=' + sou
            }

            function b() {
                var ab = document.querySelector('.box_a')
                var ak = document.querySelector('.box_b')
                ab.style.display = "none"
                ak.style.display = "block"
            }

            function c() {
                var ab = document.querySelector('.box_a')
                var ak = document.querySelector('.box_b')
                ab.style.display = "block"
                ak.style.display = "none"
            }
        </script>
        <script>
            $("#nanyanad").val('79ce868bec6043de869260968d758cbc');
            $("#nanyanlabel").val('_jrtt');
            if (window.location.href.indexOf('pid=2020010201') > 0) {
                $("#nanyanad").val('19809dcef2bd48b6bf1c2a14225d2917');
                $("#nanyanlabel").val('_dyqy');
            }
            HtmlPageVisitor.track({
                ad: $("#nanyanad").val(),
                ct: 'web'
            })
        </script>
</body>

</html>