en_koko-digicru_lottor
/
MainPages.html

<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>真日本双飞!&lt;数码宝贝&gt;唯一正版手游今日上线送IP6</title>
    <meta name="viewport" content="width=480, user-scalable=no, target-densitydpi=device-dpi" />
    <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" />
        <script src="Assets/Scripts/jquery-1.10.1.min.js"></script>
    <link rel="stylesheet" href="Assets/Css/comm.css?v=1.1">


</head>

<body>
   <img src="Assets/Images/Icon.png" style="width:1px;" />
    <section class="globalAudio">
		<div class="icon-music"></div>
        <audio src="Assets/Audios/butterfly%2000_00_57-00_01_20.mp3"  loop autoplay="autoplay"></audio>
    </section>
<!--	 <section class="loader">
		<span>页面加载中......</span>
    </section> -->
    <!--第一页面-->
    <div data-role="page" id="pageOne" class="scene-a">
        <div role="main" class="ui-content" style="padding:0;">

            <div class="date" >
                <img src="Assets/Images/data.png"/>
            </div>

            <div class="Lightning">
                <img src="Assets/Images/Lightning.png" />
            </div>
            <div class="yagu">
                <img src="Assets/Images/yogu.png" />
            </div>
            <div class="jialulu">
                <img src="Assets/Images/jialulu.png" />
            </div>
            <div class="Logo">
                <img src="Assets/Images/Logo.png"/>
            </div>
            <div class="fuhao">
                <img src="Assets/Images/fuhao.png" />
            </div>
            <div class="movenone"></div>
        </div>
    </div>
    <!--第二页面-->
    <div data-role="page" id="pageTwo" class="scene-a">


        <div role="main" class="ui-content" data-role="content">
             <div style="width:100%;height:100%;background-color:rgba(0, 0, 0, 0.63);position:absolute;z-index:100;" id="mask1"></div>


            <div class="content" id="content1" >
                        <img class="header" src="Assets/Images/page2_header.png" />
                        <div class="body">
                            <h2>数码宝贝：圣十字军</h2>
                            <p>为纪念《数码宝贝》15周年，万代南梦宫公司授权上海通耀公司在中国大陆地区推出了首款正版手游《数码宝贝：圣十字军》，将于1月9日发行。</p>
                            <div style="text-align:center; "><img src="Assets/Images/Logo.png" style="width:100%"/></div>
                        </div>
                        <img class="footer" src="Assets/Images/page2_footer.png" />
                    </div>

            <div class="content" id="content2">
                        <img class="header" src="Assets/Images/page2_header.png" />
                        <div class="body">
                            <h2>数码宝贝动漫第一季</h2>
                            <p>数码宝贝“六个系列”中的第一部诞生</p>
                             <div style="text-align:center; padding:0 20%;"><img src="Assets/Images/page2_content_img1.jpg" style="width:100%"/></div>
                        </div>
                        <img class="footer" src="Assets/Images/page2_footer.png" />
                    </div>

            <div class="content" id="content3">
                        <img class="header" src="Assets/Images/page2_header.png" />
                        <div class="body">
                            <h2>集英社连载的漫画系列</h2>
                            <p>日本官方在集英社上连载的漫画以及日本官方授权香港方面的漫画</p>
                            <div style="text-align:center; padding:0 20%;"><img src="Assets/Images/jiying.jpg" style="width:100%"/></div>
                        </div>
                        <img class="footer" src="Assets/Images/page2_footer.png" />
                    </div>


            <div class="content" id="content4">
                        <img class="header" src="Assets/Images/page2_header.png" />
                        <div class="body">
                            <h2>万代南梦宫出品的游戏系列</h2>
                            <p>万代南梦宫公司推出“电子宠物”、“暴龙机”、“卡牌游戏”等相关数码宝贝的游戏</p>
                          <div style="text-align:center; padding:0 20%;"><img src="Assets/Images/page2_body_img4.jpg" style="width:100%"/><img src="Assets/Images/page2_body_img5.jpg" style="width:100%;margin-top:5px;"/></div>
                        </div>
                        <img class="footer" src="Assets/Images/page2_footer.png" />
                    </div>

            <div class="content" id="content5">
                        <img class="header" src="Assets/Images/page2_header.png" />
                        <div class="body">
                            <h2>东映公司制作的系列动画</h2>
                            <p>日本万代株式会社延伸发展出庞大的跨平台产品系列，推出了电视特别篇、剧场特别篇、漫画等。</p>
                             <div style="text-align:center;"><img src="Assets/Images/page2_body_img6.jpg" style="width:100%"/></div>

                        </div>
                        <img class="footer" src="Assets/Images/page2_footer.png" />
                    </div>


            <div style="width:100%;"><img class="p2_logo" src="Assets/Images/page2_logo.png" style="width:100%;" /></div>

            <ul class="recordlist" style="z-index:1">
                <li class="record">
                    <img class="title" id="title1" src="Assets/Images/page2_title1.png" />


                    <img class="bak " src="Assets/Images/page2_img1.png" style="width:80%; left:20%;" />
                </li>
                <li class="record">
                    <img class="title" id="title2"  src="Assets/Images/page2_title2.png" />

                    <img class="bak bakImg" src="Assets/Images/page2_img2.png" />
                </li>
                <li class="record">
                    <img class="title" id="title3"  src="Assets/Images/page2_title3.png" />

                    <img class="bak" src="Assets/Images/page2_img3.png"  style="top:40px;"/>
                </li>
                <li class="record" >
                    <img class="title" id="title4"  src="Assets/Images/page2_title4.png" />

                    <img class="bak" src="Assets/Images/page2_img4.png" style="left:20%;" />
                </li>
                <li class="record" style="margin-left:0;">
                    <img class="title" id="title5"  src="Assets/Images/page2_title5.png" />

                    <img class="bak" src="Assets/Images/page2_img5.png"  style="left:30%;bottom:60px;"/>
                </li>
            </ul>
             <div class="movenone1"></div>
        </div>
    </div>
    <!--第三页面-->
    <div data-role="page" id="pageThree" class="scene-a">
        <div style="position:absolute; width:100%;height:100%;background-color:rgba(0, 0, 0, 0.58);display:none; z-index:100;" id="mask"></div>
        <div style="position:absolute;width:100%;height:280px;top:30%;background:url('Assets/Images/backImage.png') no-repeat;background-size:100%;display:none;z-index:101;" id="pagefour">
            <p class="PStroke" style=" color:#092bf6; font-size:16px;text-align:center; margin-top:5px; margin-bottom:20px; font-weight:bold; font-family:微软雅黑;">翻《数码宝贝：圣十字军》卡牌，赢取日本豪华双人六日环岛游</p>
            <p style="text-align:center;"><input type="text" style="width:400px;height:35px; " data-role='none' value="请输入电子邮箱" class="InputText" /></p>
             <p style="text-align:center;font-size:18px;color:red; margin:0;" id="pStr"></p>
            <p style="text-align:center; margin-top:10px;"> <input type="button" data-role='none' style="background-image:url('Assets/Images/Copy.png');background-size:100%; width:180px; height:81px; background-color:rgba(173, 33, 33, 0.00);border:0;" id="MailButton"  /></p>

            <p style="text-align:center; font-size:17px; color:black; font-weight:600; margin-top:5px;">留下你的邮箱，我们会发奖哦！（^O^）<br />
本活动官方不会以任何形式收取任何费用</p>

        </div>

        <div role="main" class="ui-content" style="padding:0;">
            <div class="fuha">
                <img src="Assets/Images/fuhao.png" />
            </div>
            <div class="HeaderWord">
                <img src="Assets/Images/Head.png" />
            </div>
            <div class="CenterImg1">
                <img src="Assets/Images/plane.png" />
            </div>
            <div class="CenterImg2">
                <img src="Assets/Images/phone.png" />
            </div>
            <div class="CenterImg3">
                <img src="Assets/Images/gift.png" />
            </div>
            <div class="CenterImg4">
                <img src="Assets/Images/BigGift.png" />
            </div>
            <div class="flop1 beat" id="flopbeat1">
                <img src="Assets/Images/yagu1.png" id="card1"/>
            </div>
            <div class="flop2 beat" id="flopbeat2">
                <img src="Assets/Images/yagu2.png" id="card2"/>
            </div>
            <div class="flop3 beat" id="flopbeat3">
                <img src="Assets/Images/yagu3.png"  id="card3"/>
            </div>
            <div class="flop4 beat" id="flopbeat4">
                <img src="Assets/Images/yagu4.png"  id="card4"/>
            </div>
            <div class="poto" >
                <img src="Assets/Images/Poto_1.png" />
            </div>
            <div class="ImgWord">
                <img src="Assets/Images/WordImg.png" />
            </div>
        </div>
    </div>


    <script src="Assets/JqueryMoblie/jquery.mobile-1.4.4.min.js?v=1.1"></script>
        <link href="Assets/JqueryMoblie/jquery.mobile-1.4.4.css?v=1.1"rel="stylesheet" />
    <script src="Assets/JqueryMoblie/SwipeUp.js?v=1.1"></script>
    <script src="Assets/Scripts/MainJs.js?v=1.1"></script>


<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?7ccf8ec864d93e7522ad8b2fdd296c2f";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>