<!DOCTYPE html>
<html>
<head>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="imagetoolbar" content="no">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <!--禁止IOS识别号码 -->
    <meta content="email=no" name="format-detection"/>
    <script type="text/javascript" src="__CDN__/js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript">
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 640;
                document.write('<meta name="viewport" content="width=640, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
            } else {
                document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
            }
        } else {
            document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
        }

        //        (function (doc, win) {
        //            var docEl = doc.documentElement,
        //                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        //                recalc = function () {
        //                    var clientWidth = docEl.clientWidth;
        //                    if (!clientWidth) return;
        //                    if(clientWidth>=640){
        //                        docEl.style.fontSize = '100px';
        //                    }else{
        //                        docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
        //                    }
        //                };
        //
        //            if (!doc.addEventListener) return;
        //            win.addEventListener(resizeEvt, recalc, false);
        //            doc.addEventListener('DOMContentLoaded', recalc, false);
        //        })(document, window);
//        <audio id="b-j" src="__CDN__/audio/bj.mp3" preload="auto" loop="loop"></audio>
    </script>
    <title></title>
    <link href="__CDN__/css/swiper.min.css" rel="stylesheet">

    <link href="__CDN__/css/main.css?t=88" rel="stylesheet">
    <style>

    </style>
</head>
<body ontouchmove="return false;">
<audio id="b-j" src="__CDN__/audio/bgm.mp3" preload="auto" loop="loop"></audio>
<audio id="y-x" src="Public/static/audio/9.mp3"></audio>
<div class="music-open" style="z-index: 999"></div>
<div class="music-close" style="display: none;z-index: 999"></div>
<div class="page-loading" style="display: block">
    <img class="x-h" src="__CDN__/images/x-h.png">
    <img class="ball" src="__CDN__/images/ball.png">
    <img class="loading" src="__CDN__/images/loding.png">
</div>
<div class="page-game" style="display: none">
    <div class="game-bj"></div>
    <div class="head-word"></div>
    <div class="map-1"></div>
    <div class="map-3"></div>
    <div class="map-2"></div>
    <div class="y-g"></div>
    <div class="btn-home"></div>
    <div class="btn-a-x" style="display: none"></div>
    <div class="line"></div>
    <div class="btn-rule"></div>
    <div class="rule-map" style="display: none">
        <div class="btn-close"></div>
    </div>
</div>
<div class="page-through" style="display: none">
    <div class="through-map"></div>

    <div class="map-1"></div>
    <div class="map-2"></div>
    <div class="map-3"></div>
    <div class="map-4"></div>
    <div class="x-k"></div>
</div>
<div class="page-long" style="display: none">
    <div class="x-k"></div>
    <!-- <div class="astronaut"></div> -->
    <div class="map-1">

        <div class="qiu"></div>
    </div>
    <div class="arrow"></div>
    <div class="map-2">
        <div class="f-l"></div>
        <div class="d-l" style="display: none"></div>
        <div class="c-t"></div>
        <div class="cat"></div>
    </div>
    <div class="map-3"></div>
    <div class="map-4"></div>
    <div class="map-5"></div>

    <div class="map-6"></div>
    <div class="map-7"></div>
    <div class="map-8-2"></div>
    <div class="map-8"></div>

    <div class="map-9"></div>
    <div class="map-10">
        <div class="g-1"></div>
        <div class="g-2"></div>
        <div class="g-3"></div>
        <div class="g-4"></div>
    </div>
    <div class="map-11"></div>
    <div class="map-12"></div>
    <div class="map-13"></div>
    <div class="map-14"></div>
    <div class="s-j"></div>
    <div class="g-d">
    </div>
    <div class="map-15-hand"></div>
    <div class="map-15"></div>

    <div class="map-16-line" style="display: none">
    </div>

    <div class="map-16">
    </div>
    <div class="map-18"></div>
    <div class="h-y"></div>
    <div class="map-17">
    </div>
    <div class="map-19"></div>
    <div class="map-20"></div>
    <div class="map-21"></div>
    <div class="map-22"></div>
    <div class="touchSlide" style="display: block;z-index: 2"></div>
</div>
<div class="page-m-b" style="display: none">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <img class="side-1 swiper-slide" src="__CDN__/images/side-1-1.png">
            <img class="side-2 swiper-slide" src="__CDN__/images/side-2-2.png">
            <img class="side-3 swiper-slide" src="__CDN__/images/side-3-3.png">
            <img class="side-4 swiper-slide" src="__CDN__/images/side-4-4.png">

        </div>
    </div>
    <div class="btn-right" style="display: none"></div>
    <div class="btn-left"></div>
    <div class="t-s"></div>
    <div class="word"></div>
    <input class="btn-s-c" name="upload" type="file" accept="image/*">
</div>
<div class="page-h-b" style="display: none">
    <img class="h-b" src="">
    <div class="h-b-btn"></div>
    <div class="btn-prize"></div>
</div>

<div class="page-updata" style="display: none">
    <img class="t-c" src="__CDN__/images/t-1.png">
    <canvas width="0" height="0" ></canvas>
    <div class="updata-btn"></div>
    <div class="btn-sate btn-1"></div>
    <div class="btn-sate btn-2"></div>
    <div class="btn-sate btn-3"></div>
    <img class="ceshi" src="">
</div>
<div class="page-prize-proceed" style="display: none">
    <div class="x-d"></div>
    <div class="x-q"></div>
    <div class="prize-map"></div>
    <div class="h-r"></div>
    <div class="prize-word"></div>
</div>
<div class="dialog-no-prize" style="display: none">
    <div class="no-prize"></div>
    <div class="btn btn-share"></div>
    <div class="btn btn-link"></div>

</div>
<div class="dialog-prize" style="display: none">
    <img class="yes-prize" src="" />
    <input class="name" type="text" value="" maxlength="6">
    <input class="tel" type="text" value="" maxlength="11">
    <input class="address" type="text" value="" maxlength="200">
    <div class="btn-submit" style="display: none"></div>
</div>
<div class="dialog-share" style="display: none">
    <div class="map"></div>
</div>
<div class="page page_checking" style="display: none">
    <div class="checking" style="display: block;z-index: 99">
        <div class="checkShow">
            <div></div>
        </div>
        <div class="text_" style="color: white">
            生成海报中，<br>莫捉急～
        </div>
    </div>
</div>
<script>
    if (!/android/i.test(navigator.userAgent)) {
        var t = window.screen.height;
        if (t == '812') {
            $('html').css('height', '1234px');
            $('body').css('height', '1234px');
        }
    }
</script>
<script type="text/javascript" src="__CDN__/js/swiper.min.js"></script>
<script type="text/javascript" src="__CDN__/js/fastclick.min.js"></script>

<script type="text/javascript" src="__CDN__/js/exif.js"></script>

<script type="text/javascript" src="__CDN__/js/lrz.mobile.min.js"></script>
<script type="text/javascript" src="__CDN__/js/jquery.easing.1.3.js"></script>
<script type="text/javascript"
src="http://api2.izhida.cn/wechat_js_config?app_id=wx4c3c856ab83a946b&v=1.2.1&api_list=all"></script>
<script type="text/javascript" src="__CDN__/js/hammer.min.js"></script>
<script type="text/javascript" src="__CDN__/js/index.js?t=145"></script>
<link href="__CDN__/css/notify.css" rel="stylesheet">
<script type="text/javascript" src="__CDN__/js/jquery-notify.js"></script>
<script>
    $( function(){

        var image_arr = {:$image};
        var loading = $('.page-loading');
        var loading_resource = function () {
            var resource = image_arr;
            var img_total = resource.length, loaded_count = 0;
            var do_load = function (url) {
                var img = new Image();
                img.onload = function () {
                    ++loaded_count;
//                    $('.loading').text('Loading '+parseInt((loaded_count / img_total) * 100) + "%");
                };
                img.src = url;
            };
            for (var i = 0; i < img_total; ++i) {
                do_load(resource[i]);
            }
            var check_time = 60;
            var plush_page = function () {};
            var check = function () {
                if (0 >= check_time) {
                    if (loaded_count / img_total > .5) {
                        plush_page();
                    } else {
                        alert('加载图片失败，请返回刷新尝试!');
                    }
                } else {
                    check_time -= .5;
                    if (loaded_count == img_total) {
                        plush_page();
                    } else {
                        setTimeout(check, 1000);
                    }
                }
            };
            return function (cb) {
                if (typeof(cb) == 'function')plush_page = cb;
                check();
            }
        }();
        loading_resource(function () {
            loading.remove();

            $('.page-game').show();

        });
    } );
</script>
</body>
</html>