kylx365
/
miaoguo_system_server


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <title>开通新手包</title>
    <style>

        .FlexColumn {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .FlexRow {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }

        .container {
            width:100%;
            padding: 0;
            margin: auto 0;
            background-color: #f8f8f8;
        }

        .panelBottom{
            width:100%;
            height:100%;
            background-color: rgba(0,0,0,0.5);
            position: fixed;
            top:0;
            z-index: 20;
            display: none;
        }

        .panelBottom1{
            background-color: #29365C;
            width:100%;
            height:350px;
            position: fixed;
            bottom:0;
            color:#fff;
            justify-content: flex-start;
        }
        .text1{
            font-size:18px;
            margin-top:38px;
            text-align: center;
        }
        .text2{
            font-size:32px;
            margin-top:15px;
        }

        .btnPayClass{
            width:290px;
            height:75px;
            border-radius: 10px;
            background-color: #FF970C;
            text-align: center;
            margin-top: 15px;
        }

        .btnMore{
            border:1px solid #d2d2d2;
            background-color: #fff;
            border-radius: 5px;
            text-align: center;
            width:325px;
            height:65px;
            line-height: 65px;
            font-size:18px;
            cursor: pointer;
            margin: 30px 0 60px 0;
        }

        .btnPayStart{
            width:100%;
            height:70px;
            justify-content: flex-start;
            background-color: #f8f8f8;
            z-index: 10;
            position: fixed;
            bottom: 0;
        }
        .btnPayClass2{
            width:365px;
            height:50px;
            border-radius: 5px;
            background-color: #FF970C;
            text-align: center;
            margin-top: 5px;
        }

        .bm_sy_banner-bm{
            width:104px;
            height:30px;
        }

        .moreImg{
            display: none;
        }

        .img1{
            width:100%;
        }
        .bm_sy_banner-zf{
            width:52px;
            height:30px;
        }

        .bm_sy_bg{
            width:100%;
            height:99px;
            position: fixed;
            bottom:0;
        }

        .panelBottom11{
            position: absolute;
            top:258px;
            left:60px;
            align-items: flex-start;
        }
        .text3{
            font-size:14px;
        }
        .text4{
            font-size:14px;
            margin-top:0px;
        }

        .btnClose{
            width:50px;
            height:50px;
            position: absolute;
            top:0;
            right:0;
            color: #d2d2d2;
            text-align: center;
            line-height: 50px;
            font-size:14px;
        }

        .practise_index_board_close{
            width:35px;
            height:35px;
        }

        .audio{
            display: none;
        }
    </style>
    <script src="js/jquery-1.6.4.min.js"></script>
    <script>
        var serverurl1='[支付链接]';
        $(document).ready(function () {

            var audio1=document.getElementById("audio1");

            $("#btnPay").click(function(){
                var param={};
                param.money=$(this).attr("title");
                param.code=QueryString("code");
                $.post("/apiData/"+serverurl1, param, function (data) {
                    onBridgeReady(data);
                });
            });

            $(".btnGoto").click(function(){
                var url=$(this).attr("title");
                window.open("/wcs/"+url+".html");
            });

            $(".btnPlay").click(function(){
                var imgA="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_banner-zc_play.png";
                var imgB="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_banner-zc_pause.png";

                if ($(".btnPlay").attr("src")==imgA){
                    audio1.play();
                    $(".btnPlay").attr("src",imgB);
                }
                else{
                    audio1.pause();
                    $(".btnPlay").attr("src",imgA);
                }
            });

            $(".btnMore").click(function(){
                $(".moreImg").css("display","block");
                $(".btnMore").css("display","none");
            });

            $(".btnPayShow").click(function(){
                $(".panelBottom").css("display","block");
            });

            $(".btnClose").click(function(e){
                $(".panelBottom").css("display","none");
            });


            $("body").scroll(function(e){
                console.log(e);
                //getMoreFunction();
            });

        });

        function onBridgeReady(data){
            console.log(data);
            WeixinJSBridge.invoke(
                    'getBrandWCPayRequest', data.result,
                    function(res){
                        if(res.err_msg === "get_brand_wcpay_request:ok" ){
                            window.location.href = "https://www.kylx365.com/webpay?url=webpayok";
                        }
                        else {
                            window.location.href = "https://www.kylx365.com/webpay";
                        }
                    });
        }


        function QueryString(key) {
            var paras = location.search;
            if (paras) {
                var arr = paras.substr(1).split("&"), data;
                for (i in arr) {
                    data = arr[i].split("=");
                    if (data[0] == key) {
                        return data[1].replace("__","=").replace("_","?");
                    }
                }
            }
        }
    </script>
</head>
<body class="container FlexColumn">
<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_01.png" />
<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_02.png" />
<img class="img1 btnPayShow" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_03.png" />

<img class="img1 btnGoto" title="product" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_banner-flashcardhistory.png" />

<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_04.png" />

<img class="img1 btnGoto" title="strategy" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_banner-method.png" />

<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_05.png" />
<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_06.png" />
<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_07.png" />
<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_08.png" />

<img class="img1 btnPlay" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_banner-zc_play.png" />

<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_09.png" />
<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_10.png" />
<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_11.png" />

<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_12.png" />
<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_14.png" />
<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_15.png" />
<img class="img1 btnGoto" title="payPy03" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_16.png" />
<img class="img1 btnGoto" title="payPy01" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_17.png" />
<img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_18.png" />
<img class="img1 btnGoto" title="payPy02" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_19.png" />
<img class="img1 btnGoto" title="payPy04" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_20.png" />

<div class="btnMore">更多评语</div>
<div id="moreImg" class="moreImg">
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_01.png" />
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_02.png" />
    <img class="img1 btnGoto" title="payPy02" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_03.png" />
    <img class="img1 btnGoto" title="payPy04" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_04.png" />
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_05.png" />
    <img class="img1 btnGoto" title="payPy06" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_06.png" />
    <img class="img1 btnGoto" title="payPy01" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_07.png" />
    <img class="img1 btnGoto" title="payPy05" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_08.png" />
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_09.png" />
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_10.png" />
    <img class="img1 btnGoto" title="payPy07" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_11.png" />
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_12.png" />
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_13.png" />
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_14.png" />
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_15.png" />
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_16.png" />
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_17.png" />
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_18.png" />
    <img class="img1 btnGoto" title="payPy08" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_19.png" />
    <img class="img1" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_pyindex_20.png" />
</div>

<div class="btnPayShow btnPayStart FlexColumn">
    <div class="btnPayClass2 btnPayClass FlexColumn">
        <img class="bm_sy_banner-bm" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_banner-bm.png" />
    </div>
</div>
<div class="panelBottom container FlexColumn">
    <div class="panelBottom1 FlexColumn">
        <div class="text1">欢迎您<br />报名秒过新手培训</div>
        <div class="text2">新手包仅售1元</div>
        <div id="btnPay" class="btnPay btnPayClass FlexRow"  title="1.00">
            <img class="bm_sy_banner-zf" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_banner-zf.png" />
        </div>
        <img class="bm_sy_bg" src="http://miaguo-1253256735.file.myqcloud.com/web/bm_sy_bg.png" />
        <div class="panelBottom11 FlexColumn">
            <div class="text3">7天手把手</div>
            <div class="text4">教您上手新方法</div>
        </div>
        <div class="btnClose">

            <img class="practise_index_board_close" src="http://miaguo-1253256735.file.myqcloud.com/web/practise_index_board_close.png" />
        </div>
    </div>
</div>

<div style="height:50px"></div>
<audio id="audio1" src="http://miaguo-1253256735.file.myqcloud.com/web/_lesson/nuannuanbazhici.m4a" class="audio" >
    Your browser does not support the audio element.
</audio>
</body>
</html>