FED
/
dwweb-pc


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455
							<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <base target="_blank" />
    <title>多玩超次元坦克官网</title>
    <script src="lib/jquery.js"></script><!--ignore-->
    <link href="sass/index-pc.scss" rel="stylesheet">
    <link href="sass/swiper.css" rel="stylesheet">
</head>

<body>
    <!-- <div class="animate-wrap" style="display:none">
        <div class="animate-inner">
            <div class="shot1"></div>
            <div class="shot2"></div>
        </div>
        <div class="animate-img">
            <img style="display:none" src="/src/img/animate/1.png" alt="">
            <img style="display:none" src="/src/img/animate/2.png" alt="">
            <img style="display:none" src="/src/img/animate/3.png" alt="">
            <img style="display:none" src="/src/img/animate/4.png" alt="">
            <img style="display:none" src="/src/img/animate/5.png" alt="">
            <img style="display:none" src="/src/img/animate/6.png" alt="">
            <img style="display:none" src="/src/img/animate/7.png" alt="">
            <img style="display:none" src="/src/img/animate/8.png" alt="">
            <img style="display:none" src="/src/img/animate/9.png" alt="">
            <img style="display:none" src="/src/img/animate/10.png" alt="">
            <img style="display:none" src="/src/img/animate/11.png" alt="">
            <img style="display:none" src="/src/img/animate/12.png" alt="">
            <img style="display:none" src="/src/img/animate/13.png" alt="">
            <img style="display:none" src="/src/img/animate/14.png" alt="">
            <img style="display:none" src="/src/img/animate/15.png" alt="">
            <img style="display:none" src="/src/img/animate/16.png" alt="">
            <img style="display:none" src="/src/img/animate/17.png" alt="">
            <img style="display:none" src="/src/img/animate/18.png" alt="">
            <img style="display:none" src="/src/img/animate/19.png" alt="">
            <img style="display:none" src="/src/img/animate/20.png" alt="">
            <img style="display:none" src="/src/img/animate/21.png" alt="">
            <img style="display:none" src="/src/img/animate/22.png" alt="">
            <img style="display:none" src="/src/img/animate/23.png" alt="">
            <img style="display:none" src="/src/img/animate/24.png" alt="">
        </div>
    </div> -->
    <div class="page-index-pc">


        <!-- 预约{ -->
        <div class="form-box hide">
            <div class="form-mask"> </div>
            <div class="form-wrap">
                <i class="form-close">x</i>
                <div class="form-bd">
                    <p>
                        <input name="phone" id="phone" placeholder="请输入手机号码" />
                    </p>
                    <p class="form-radio">
                        <label class="label-system">请选择操作系统：</label>
                        <input class="form-label" type="radio" name="system" id="iOS" value="ios" checked />
                        <label for="iOS">iOS</label>
                        <input class="form-label" type="radio" name="system" id="Android" value="android" />
                        <label for="Android">Android</label>
                    </p>


                </div>
                <div class="sign-box">
                    <button class="signUp-btn" id="signUp">立即预约</button>
                </div>
            </div>

        </div>
        <!-- 预约} -->
        <!-- 视频{ -->
        <div class="video-container hide">
            <div class="video-box">

            </div>
            <div class="video-wrap">
                <embed src="http://assets.dwstatic.com/video/vppp.swf?v=5004128" allowfullscreen="true" quality="high" height="500" width="800"
                    align="middle" allowscriptaccess="always" flashvars="channelId=duowanvideo&amp;auto_play=1&amp;vid=8446201&amp;logo=dw"
                    type="application/x-shockwave-flash">
                <i class="video-close">x</i>

            </div>
        </div>
        <!-- 视频} -->

        <!-- 礼包{ -->
        <div class="gift-box hide" data-role="gift">
            <div class="gift-mask"></div>
            <!-- <div class="gift-wrap gift-data" data-giftid="201272">
                <p>礼包将会在公测开放领取</p>

                <i class="gift-close"></i>
            </div> -->
            <div class="gift-wrap wrap gift-data" data-giftid="201470">
                <p class="gift-content">你的礼品激活码<input type="text" disabled><a href="javascript:" class="btn-copy">复制</a></p>
                <p class="gift-desc">礼包内容： 炮弹*1 坦克*1 炮弹*1 坦克*1 炮弹*1 坦克*1炮弹*1 坦克*1</p>
                <p class="gift-desc">兑换时间： XX年XX月XX - XX年XX月XX</p>
                <p class="gift-desc">兑换方式： XXXXXXXXXXXXXXXXXXXXXXXXX</p>
                <i class="gift-close"></i>
            </div>

        </div>
        <!-- 礼包} -->


        <!-- 任务说明弹框{ -->
        <!-- 任务1 -->
        <div class="gift-box hide" data-role="task1">
            <div class="gift-mask"></div>
            <div class="gift-wrap">
                <p>任务1说明</p>

                <i class="gift-close"></i>
            </div>
        </div>

        <!-- 任务2 -->
        <div class="gift-box hide" data-role="task2">
            <div class="gift-mask"></div>
            <div class="gift-wrap">
                <p>任务2说明</p>

                <i class="gift-close"></i>
            </div>
        </div>

        <!-- 任务3 -->
        <div class="gift-box hide" data-role="task3">
            <div class="gift-mask"></div>
            <div class="gift-wrap">
                <p>任务3说明</p>

                <i class="gift-close"></i>
            </div>
        </div>

        <!-- 任务4 -->
        <div class="gift-box hide" data-role="task4">
            <div class="gift-mask"></div>
            <div class="gift-wrap">
                <p>任务4说明</p>

                <i class="gift-close"></i>
            </div>
        </div>

        <!-- 任务5 -->
        <div class="gift-box hide" data-role="task5">
            <div class="gift-mask"></div>
            <div class="gift-wrap">
                <p>任务5说明</p>
                <p>任务5说明</p>
                <p>任务5说明</p>
                <p>任务5说明</p>
                <i class="gift-close"></i>
            </div>
        </div>
        <!-- 任务说明弹框} -->


        <div class="bg-1 new-bg">
            <div class="animate-deco">
                <!-- 大坦克{ -->
                <div class="b-tank">
                    <img src="/src/img/1.0/bt.png" alt="" class="out">
                </div>
                <!-- 大坦克} -->

                <!-- 小坦克{ -->
                <div class="l-tank">
                    <img src="/src/img/1.0/stt.png" alt="" class="out">
                </div>
                <!-- 小坦克} -->
                <!-- 炮弹{ -->
                <div class="rock-wrap">
                    <img class="r1" src="/src/img/1.0/rock1.png" alt="">
                    <img class="r2" src="/src/img/1.0/rock2.png" alt="">
                    <img class="r3" src="/src/img/1.0/rock3.png" alt="">
                    <img class="r4" src="/src/img/1.0/rock4.png" alt="">

                </div>
                <!-- 炮弹} -->
                <!-- 小炮弹{ -->
                <div class="s-rock-wrap">
                    <img class="r1" src="/src/img/1.0/sl1.png" alt="">
                    <img class="r2" src="/src/img/1.0/sl2.png" alt="">
                    <img class="r3" src="/src/img/1.0/sl3.png" alt="">
                    <img class="r4" src="/src/img/1.0/sl4.png" alt="">

                </div>
                <!-- 小炮弹} -->
            </div>


            <a class="logo" href="http://www.duowan.com/"><img src="/src/img/duowan.png" alt=""></a>
            <a class="logo tank" href="javascript:void(0)"><img src="/src/img/logo.png" alt=""></a>

            <!-- <div class="shot-wrap">
                <div class="shot">
                    
                </div>
            </div> -->
            <div class="bg-1-content">
                <div class="aim">
                    <div class="aim-in"></div>
                    <div class="aim-out"></div>
                </div>
                
                <div class="content-bg">
                    <div class="blank"></div>
                    <div class="content-wrap">
                        <div class="f l"><img class="new-code" src="/src/img/index-code.jpg" alt="扫一扫下载游戏"><img class="old-code" src="/src/img/index-code.jpg" alt="扫一扫下载游戏"></div>
                        <div class="f m">
                            <a class="new-link" href="https://itunes.apple.com/app/apple-store/id1263375572?pt=118572794&ct=xgwewm&mt=8" class="pre">
                                <img src="/src/img/1.0/ios-btn.png" alt="ios下载">
                            </a>
                            <a class="old-link" href="https://itunes.apple.com/app/apple-store/id1263375572?pt=118572794&ct=gwewm&mt=8" class="pre">
                                <img src="/src/img/1.0/ios-btn.png" alt="ios下载">
                            </a>
                            <a href="">
                                <img src="/src/img/1.0/android-btn.png" alt="android下载"> 
                             </a>
                        </div>
                        <div class="f r">
                            <a href="javascript:" class="gift-btn"><img src="/src/img/1.0/img.jpg" alt="游戏大礼包"></a>
                        </div>
                    </div>
                    <div class="text"></div>
                </div>
            </div>
        </div>
        <div class="bg-2">
            <div class="bg-2-content">
                <div class="task-content">
                    <!-- 任务列表{ -->
                    <ul class="task-wrap">
                        <li class="bg1" data-task="task1">
                            <div class="wrap">
                                <img src="/src/img/1.0/task1.png" alt="">
                                <p class="name">独家稀有坦克</p>
                                <h2 class="task-name">每日签到</h2>
                                <p class="desc">全新超级坦克上市火热 等你来站！</p>
                            </div>
                        </li>
                        <li class="bg2" data-task="task2">
                            <div class="wrap">
                                <img src="/src/img/1.0/task2.png" alt="">
                                <p class="name">独家稀有坦克</p>
                                <h2 class="task-name">开服送宝箱</h2>
                                <p class="desc">全新超级坦克上市火热 等你来站！</p>
                            </div>
                        </li>
                        <li class="bg3" data-task="task3">
                            <div class="wrap">
                                <img src="/src/img/1.0/task3.png" alt="">
                                <p class="name">独家稀有坦克</p>
                                <h2 class="task-name">冲榜赢礼卡</h2>
                                <p class="desc">全新超级坦克上市火热 等你来站！</p>
                            </div>
                        </li>
                        <li class="bg4" data-task="task4">
                            <div class="wrap">
                                <img src="/src/img/1.0/task4.png" alt="">
                                <p class="name">独家稀有坦克</p>
                                <h2 class="task-name">1元大礼包</h2>
                                <p class="desc">全新超级坦克上市火热 等你来站！</p>
                            </div>
                        </li>
                        <li class="bg5" data-task="task5">
                            <div class="wrap">
                                <img src="/src/img/1.0/task5.png" alt="">
                                <p class="name">1元大礼包</p>
                                <h2 class="task-name">每日签到</h2>
                                <p class="desc">全新超级坦克上市火热 等你来站！</p>
                            </div>
                        </li>
                    </ul>
                    <!-- 任务列表{ -->

                </div>
                <div class="sp-banner">
                    <div id="dg-container" class="dg-container">
                        <div class="dg-wrapper">
                            <a href="javascript:"><img src="http://fed.webdev.ouj.com/882x496" alt="image01"></a>
                            <a href="javascript:"><img src="http://fed.webdev.ouj.com/882x496" alt="image01"></a>
                            <a href="javascript:"><img src="http://fed.webdev.ouj.com/882x496" alt="image01"></a>
                            <a href="javascript:"><img src="http://fed.webdev.ouj.com/882x496" alt="image01"></a>
                            <a href="javascript:"><img src="http://fed.webdev.ouj.com/882x496" alt="image01"></a>
                            <a href="javascript:"><img src="http://fed.webdev.ouj.com/882x496" alt="image01"></a>
                        </div>
                        <nav>
                            <span class="dg-prev"></span>
                            <span class="dg-next"></span>
                        </nav>
                    </div>

                </div>
                <div class="news-wrap">
                    <div class="news-banner">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><a href=""><img src="http://img.dwstatic.com/ccytk/tqrk.jpg" alt=""></a></div>
                                <div class="swiper-slide"><a href=""><img src="" alt=""></a></div>
                                <div class="swiper-slide"><a href=""><img src="" alt=""></a></div>
                                <div class="swiper-slide"><a href=""><img src="" alt=""></a></div>
                                <div class="swiper-slide"><a href=""><img src="" alt=""></a></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>

                    </div>
                    <div class="news-article">
                        <p class="news-title">商店特性 最新官方解答</p>
                        <table class="atricle-tb">
                            <tr>
                                <td><a href=""> 梦妮：我的世界萌妹领域P1 妹纸集中营啊实打实啊xxxxxx</a> </td>
                                <td>05-03</td>
                            </tr>
                            <tr>
                                <td><a href=""> 梦妮：我的世界萌妹领域P1 妹纸集中营啊实打实啊xxxxxx</a> </td>
                                <td>05-03</td>
                            </tr>
                            <tr>
                                <td><a href=""> 梦妮：我的世界萌妹领域P1 妹纸集中营啊实打实啊xxxxxx</a> </td>
                                <td>05-03</td>
                            </tr>
                            <tr>
                                <td><a href=""> 梦妮：我的世界萌妹领域P1 妹纸集中营啊实打实啊xxxxxx</a> </td>
                                <td>05-03</td>
                            </tr>
                            <tr>
                                <td><a href=""> 梦妮：我的世界萌妹领域P1 妹纸集中营啊实打实啊xxxxxx</a> </td>
                                <td>05-03</td>
                            </tr>
                            <tr>
                                <td><a href=""> 梦妮：我的世界萌妹领域P1 妹纸集中营啊实打实啊xxxxxx</a> </td>
                                <td>05-03</td>
                            </tr>
                            <tr>
                                <td><a href=""> 梦妮：我的世界萌妹领域P1 妹纸集中营啊实打实啊xxxxxx</a> </td>
                                <td>05-03</td>
                            </tr>
                            <tr>
                                <td><a href=""> 梦妮：我的世界萌妹领域P1 妹纸集中营啊实打实啊xxxxxx</a> </td>
                                <td>05-03</td>
                            </tr>

                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="bg-3">
            <div class="bg-3-content">
                <a class="arrow-l arrow"><img src="/src/img/arrow_l.png" alt="上一张"></a>
                <a class="arrow-r arrow"><img src="/src/img/arrow_r.png" alt="下一张"></a>
                <div class="tank-banner-wrap">
                    <ul class="roll-banner-wrap">
                        <li class="tank-banner-item active">
                            <img class="tank-img" src="http://img.dwstatic.com/ccytk/tu/huangfeng.png" alt="黄蜂号">
                            <div class="tank-desc">
                                <h1 class="name">黄峰号    SS</h1>
                                <p class="desc">定位：肉盾</p>
                                <p class="desc">系列：战地系列</p>
                                <p class="desc">【被动】出身自带2格血护盾,护盾消失后，每隔一段时间会自动回复【效果：回复时间10秒】</p>
                            </div>
                        </li>
                        <li class="tank-banner-item">
                            <img class="tank-img" src="http://img.dwstatic.com/ccytk/tu/tiezhu.png" alt="铁柱号">
                            <div class="tank-desc">
                                <h1 class="name">铁柱号    SS</h1>
                                <p class="desc">定位：火力</p>
                                <p class="desc">系列：战地系列</p>
                                <p class="desc">技能：【被动】攻击时会释放两枚跟踪导弹</p>
                            </div>
                        </li>
                        <li class="tank-banner-item">
                            <img class="tank-img" src="http://img.dwstatic.com/ccytk/tu/cjbl.png" alt="超级暴龙号">
                            <div class="tank-desc">
                                <h1 class="name">超级暴龙号    A</h1>
                                <p class="desc">定位：火力</p>
                                <p class="desc">系列：数码系列</p>
                                <p class="desc">技能：【效果】攻击子弹有秒杀效果</p>
                            </div>
                        </li>
                        <li class="tank-banner-item">
                            <img class="tank-img" src="http://img.dwstatic.com/ccytk/tu/tielang.png" alt="超级铁狼号">
                            <div class="tank-desc">
                                <h1 class="name">超级铁狼号    S</h1>
                                <p class="desc">定位：敏捷</p>
                                <p class="desc">系列：数码系列</p>
                                <p class="desc">技能：【效果】攻击时呈扇形发射3颗子弹</p>
                            </div>
                        </li>
                        <li class="tank-banner-item">
                            <img class="tank-img" src="http://img.dwstatic.com/ccytk/tu/yidaishitu.png" alt="一代使徒">
                            <div class="tank-desc">
                                <h1 class="name">一代使徒    SS</h1>
                                <p class="desc">定位：敏捷</p>
                                <p class="desc">系列：使徒系列</p>
                                <p class="desc">技能：【效果】子弹造成爆炸效果，范围半径80像素</p>
                            </div>
                        </li>
                        <li class="tank-banner-item">
                            <img class="tank-img" src="http://img.dwstatic.com/ccytk/tu/xhl.png" alt="小火丽">
                            <div class="tank-desc">
                                <h1 class="name">小火丽    S</h1>
                                <p class="desc">定位：火力</p>
                                <p class="desc">系列：少女系列</p>
                                <p class="desc">技能：【效果】子弹射程加长并带有穿透效果，对路途的敌人造成同样伤害 </p>
                            </div>
                        </li>
                    </ul>
                </div>


            </div>

        </div>
        <div class="bg-4">
            <div class="bg-4-content">
                <div class="game-group-box">
                    <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=7bb8bae39ddfd7e33b2c35c4f8b7b7a5947596d187a13fd93812a781556773a1">
                	    <img  src="//pub.dwstatic.com/zt2017/tank/1.0.0/img/qrcode.jpg" alt="">
                    </a>
                </div>
                <p>公测期间Q群会天降红包</p>
            </div>
        </div>
        <div class="bg-5">
            <div class="bg-5-content">
                <p>合作伙伴</p>
                <div class="logo-wrap"><img src="/src/img/logo_03.png" alt="雷柏游戏V系列"><img src="/src/img/logo_05.png" alt="心动网络"></div>
            </div>
        </div>

    </div>
    <script src="//pub.dwstatic.com/zt2017/xajh//lib/clipboard_86b88c9.js"></script>
    <!--ignore-->
    <script src="//pub.dwstatic.com/common/js/dwudbproxy.js"></script>
    <!--ignore-->
    <script src="lib/mod.js"></script>
    <script>
        require('modules/page/index-pc');
    </script>
</body>

</html>