<!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">
        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);
    </script>
    <title>尊享家盈二号终身寿险</title>

    <style>

    </style>
    <link href="__CDN__/css/main.css?t=18" rel="stylesheet">
    <link rel="stylesheet" href="__CDN__/css/swiper.min.css?t=19">
</head>
<body>
<div id="container">
    <audio id="music"  preload src="__CDN__/audio/bj.mp3" loop></audio>
    <input type="hidden" id="count_money">
    <input type="hidden" id="end" value="200000">
    <input type="hidden" id="countMoney">
    <div class="page page_home" style="display: none">
        <div class="head"></div>
        <div class="word"></div>s
        <div class="one"></div>
        <div class="y-y"></div>

        <div class="btn_play"></div>

    </div>
    <div class="swiper-container swiper-one" style="display: none">
        <div class="swiper-wrapper">
            <div class="page page_two swiper-slide" style="display: block;position: relative">
                <div class="man"></div>
                <div class="line"></div>
                <div class="map"></div>
                <div class="t-s"></div>
                <div class="left"></div>
                <div class="left_word"></div>
                <div class="right"></div>
                <div class="right_word"></div>
                <div class="one"></div>
                <div class="y-y"></div>
                <div class="arrow"></div>
            </div>
            <div class="page page_3 swiper-slide" style="display: block;position: relative">
                <div class="map"></div>

                <div class="map_bj"></div>
                <div class="t-s" style="display: none"></div>
                <div class="one"></div>


                <div class="y-y"></div>
                <div class="n-1"></div>
                <div class="n-2"></div>
                <div class="n-3"></div>
                <div class="n-4"></div>
                <div class="n-5"></div>
                <div class="n-6"></div>

                <div class="n-8"></div>
                <div class="n-9"></div>
                <div class="arrow"></div>
                <div class="hand"></div>
                <div class="n-7"></div>
            </div>
            <div class="page page_4_1 swiper-slide" style="display: block;position: relative">
                <div class="left_man"></div>
                <div class="right_man"></div>
                <div class="map"></div>
                <div class="one"></div>


                <div class="y-y"></div>
                <div class="btn_money"></div>
                <div class="btn_q_t"></div>
                <div class="hand_two" style="display: none"></div>
            </div>
        </div>
    </div>
    <div class="swiper-container swiper-two" style="display: none">
        <div class="swiper-wrapper">
            <div class="page page_4_3 swiper-slide" style="display: block;position: relative">
                <div class="head"></div>
                <div class="left_man"></div>
                <div class="right_man"></div>
                <div class="map"></div>
                <div class="one"></div>
                <div class="two"></div>
                <div class="three"></div>

                <div class="y-y"></div>
                <div class="arrow"></div>

            </div>

            <div class="page page_5 swiper-slide" style="display:block;position: relative">
                <div class="head"></div>
                <div class="head_two" style="display: none"></div>
                <div class="w-t"></div>

                <div class="word"></div>
                <div class="hand" style="display: none"></div>

                <div class="one"></div>

                <div class="word_two" style="display: none"></div>
                <div class="y-y"></div>
                <div class="arrow"></div>
                <div class="hand_5"></div>
                <div class="d-a"></div>
            </div>

            <div class="page page_6 swiper-slide swiper-no-swiping" style="display:block;position: relative">
                <div class="map count" style="display: block">
                    <img src="__CDN__/images/3-1.png?t=1">
                </div>
                <div class="data count" style="display: none">
                    <div class="btn_x btn_x_left" data-id="1">
                        <img src="__CDN__/images/sate.png" style="display: none">
                    </div>
                    <div class="btn_x btn_x_right" data-id="2">
                        <img src="__CDN__/images/sate.png">
                    </div>
                    <div><select class="year b-k" id="selYear"></select></div>
                    <div><select class="yue b-k" id="selMonth"></select></div>
                    <div><select class="r-r b-k" id="selDay"></select></div>
                    <div class="btn_s"></div>
                </div>
                <div class="h-s count" style="display: none">
                    <div class="info">以下是一些投保项，适用于<span class="n-l sate">24</span><span class="sate">周岁</span> <span
                                class="sex sate">男性</span></div>

                    <div class="s_map"></div>
                    <input type="text" class="money s-r" onkeyup="this.value=this.value.replace(/\D/g,'')">
                    <div class="count_money s-r" style="display: none"></div>
                    <div class="list">
                        <div class="btn_d btn-1" data-id="3">3年</div>
                        <div class="btn_d btn-2" data-id="5">5年</div>
                        <div class="btn_d btn-3" data-id="10">10年</div>
                        <div class="btn_d btn-4" data-id="15">15年</div>
                        <div class="btn_d btn-5" data-id="20">20年</div>
                        <div class="btn_d btn-6" data-id="100">1次交清</div>
                    </div>
                    <div class="bottom_two"></div>
                    <div class="list_info">
                        <div class="info_1 y-s">0</div>
                        <div class="info_2 y-s">0</div>
                        <div class="info_3 y-s">0</div>
                        <div class="info_4 y-s">0</div>
                    </div>
                    <div class="btn-end"></div>
                </div>
                <div class="btn-bottom">
                    <div class="btn" data-id="1">返回<br>主页</div>
                    <div class="btn btn_sate" data-id="2">产品<br>特色</div>
                    <div class="btn" data-id="3">保险<br>责任</div>
                    <div class="btn" data-id="4">免除<br>责任</div>
                    <div class="btn" data-id="5">产品<br>试算</div>
                </div>

            </div>
        </div>
    </div>
    <div class="page page_4_2" style="display: none">

        <div class="left_man"></div>
        <div class="right_man"></div>
        <div class="map"></div>
        <div class="one"></div>


        <div class="y-y"></div>
        <div class="btn_c-x"></div>

    </div>
    <div class="dialog dialog_t" style="display: none">
        <div class="map"></div>
        <div class="btn_t_close"></div>
    </div>

    <div class="dialog dialog_end" style="display: none">
        <div class="d-h">
            <div class="d-1 d-c">保单<br>年度</div>
            <div class="d-2 d-c">年龄</div>
            <div class="d-3 d-c">累计缴纳保费</div>
            <div class="d-4 d-c">现金价值</div>
            <div class="d-5 d-c">身故障保险金</div>
        </div>
        <div class="list">
            <div class="list-1 list-c" style="font-size: 40px">
                <div class="c-l">
                    1

                </div>
                <div class="c-l">
                    1

                </div>
            </div>
            <div class="list-2 list-c">
                <div class="c-l">
                    1

                </div>
                <div class="c-l">
                    1

                </div>
            </div>
            <div class="list-3 list-c">
                <div class="c-l">
                    1

                </div>
                <div class="c-l">
                    1

                </div>
            </div>
            <div class="list-4 list-c">
                <div class="c-l">
                    1

                </div>
                <div class="c-l">
                    1

                </div>
            </div>
            <div class="list-5 list-c">
                <div class="c-l">
                    1

                </div>
                <div class="c-l">
                    1

                </div>
            </div>
        </div>
        <div class="btn_close"></div>
</div>s
<script type="text/javascript"
src="http://api2.izhida.cn/wechat_js_config?app_id=wx4c3c856ab83a946b&v=1.2.1&api_list=all&app_stat_key=jSPkr4kn2NWw2G3e"></script>
<script type="text/javascript" src="__CDN__/js/jquery-2.1.3.min.js"></script>
<script src="__CDN__/js/swiper.min.js"></script>
<script type="text/javascript" src="__CDN__/js/index.js?t=287"></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_loding'), loading_text = $(".loding_number");
            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.text(parseInt((loaded_count / img_total) * 100) + "%");
//                        $('.map_line').css('width',(loaded_count / img_total) * 100 *0.55 + '%');
                    };
                    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 () {
                $('.page_home').show();


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