<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="zh-CN">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="zh-CN">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="zh-CN">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <title>第一弹-有弹友，不孤单！ </title>
    <meta name="description"
          content="第一弹，千万新生代用户的选择，专注年轻人的文化娱乐内容，覆盖影视、弹幕、时尚八卦、美妆穿搭、ACGN、CP交友、游戏等内容，是国内增长最快、拥有超高人气的多元化社区产品。">
    <meta name="keywords"
          content="第一弹,CP交友,动漫资源,安卓分享,动漫美图,王者荣耀,女装乐园,Galgame,零界点,最终幻想15王者之剑,冰与火之歌第七季,MMD,捉妖手机,COSPLAY,牧羊人之心"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="copyright" content="(c)2013-2016 https://www.diyidan.com">
    <meta name="author" content="anythink">
    <meta name="robots" content="all">
    <link rel="icon" href="//www-static.diyidan.com/static/image/favicon.png?v=0d8ba465504e951e7d4f724e95ddf8eb" type="image/x-icon"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!--[if IE 6]>
    <style type="text/css">
        div.section img {
            behavior: url(js/iepngfix.htc);
        }
    </style>
    <![endif]-->

    <!--[if lt IE 9]>
    <script src="//www-static.diyidan.com/static/js/Respond-1.4.2/respond.min.js?v=afc1984a3d17110449dc90cf22de0c27"></script>
    <script src="//www-static.diyidan.com/static/js/html5shiv.min.js?v=40bd440d29b3a9371b0c63fec41ee64f"></script>
    <![endif]-->
    <script src="//www-static.diyidan.com/static/js/google_ga3.js?v=4cb34746605c18688d98f1a2641c9a5b"></script>

    <script src="//www-static.diyidan.com/static/js/jquery-1.11.1.min.js?v=fffffb1e117d4089f17efb0a90afc413"></script>

    <style type="text/css">
        * {
          margin:0;
          padding:0;
          font-family: "PingFang SC","Microsoft Yahei","Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB",  sans-serif;
        }
        html {
            height: 100%;
        }

        body {
            margin: 0;
            width: 100%;
            height: 100%;
            background-color: #fd2d98;
        }


        .dwn-main {
            background-image: url(//www-static.diyidan.com/static/image/dot.png?v=6be9451434f9c538325cee3cff90a225);
            overflow: hidden;
            width: 100rem;
            height: 55rem;
            position: relative;
        }

        .dwn-download-center {
            transition: opacity .5s;
            -webkit-transition: opacity .5s;
            -moz-transition: opacity .5s;
        }

        .dwn-dot {
            position: absolute;
            top: 6rem;
            width: 100%;
            height: 23rem;
            background: url(//www-static.diyidan.com/static/image/dot-light.png?v=79dc580ad5e6ef66f0d9faebce253778) repeat;
            /*  position: absolute;
              top: 0;
              bottom: 0;
              right: 0;
              left: 0;*/
        }
/*
        .dwn-dot {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            background: url(//www-static.diyidan.com/static/image/dwn-yuan.png?v=e56369cc811faba2e099c6798d043398) repeat;
        !*  position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          left: 0;*!
        }*/

        /*.diamond{

        }*/
        .dwn-body {
            position: relative;
            height: 35rem;
            top: 5rem;
            width: 100%;
        }

        .dwn-body-diamond {
            z-index: 5;
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .dwn-diamond-qr {
            transform: rotateY(-130deg);
            -ms-transform: rotateY(-130deg);
            -moz-transform: rotateY(-130deg);
            display: table;
            background: url(//www-static.diyidan.com/static/image/dwn-shu.png?v=44110e82a7b60a241883c22ef32704ac) no-repeat center ;
        transition: transform .8s;
        -webkit-transition: transform  .8s;
        -ms-transition: transform  .8s;
        -monz-transition: transform .8s;
        margin: 0 auto ;
        background-size: contain ;
        height: 100%;
        width:17rem;
        }

        .opacity0 {
            opacity: 0 !important;
        }

        .dwn-diamond-qr.qr-normal {
            opacity: 1;
            transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
        }

        .dwn-diamond-center {
            display: table-cell;
            vertical-align: middle;
        }

        .dwn-diamond-code {
            height: 10rem;
            background: url(//www-static.diyidan.com/static/image/ma.png?v=825c4768d4bd90ee52d6826e9fdfd926) no-repeat center ;
            background-size: contain ;
            margin-bottom: 1rem;
        }

        .dwn-body-cartoon {
            overflow: visible;
            width: 100%;
            height: 100%;
            top: 0;
            position: absolute;
            z-index: 3;
        }

        .dwn-body-cartoon .cartoon-left {
            float: left;
            width: 50%;
            overflow: hidden;
            position: relative;
            text-align: right;
        }

        .dwn-body-cartoon .cartoon-right {
            float: right;
            overflow: hidden;
            position: relative;
            width: 50%;
        }

        .dwn-body-cartoon .cartoon-left .cartoon-figure {
            margin-right: 4rem;
            left: -100%;
        }

        .dwn-body-cartoon .cartoon-right .cartoon-figure {
            left: 100%;
        }

        .dwn-body-cartoon .cartoon-figure {
            position: relative;
            height: 45rem;
            /* transition: all 1s ease-in-out;
             -webkit-transition: all 1s ease-in-out;
             -moz-transition: all 1s ease-in-out;
             transform: translateX(0);*/
        }

        .cartoon-start .cartoon-ball {
            opacity: 0;
        }

        .cartoon-ball {
            transition: opacity 1s;
            -moz-transition: opacity 1s;
            -webkit-transition: opacity 1s;
            display: block;
            position: absolute;
            opacity: 1;
        }

        .cartoon-ball.ball1 {
            right: 28rem;
            bottom: 12rem;
        }

        .cartoon-ball.ball2 {
            right: 21rem;
            bottom: 6rem;
        }

        .cartoon-ball.ball3 {
            right: 17rem;
            bottom: 4rem;
        }

        .cartoon-ball.ball4 {
            right: 9rem;
            bottom: 8rem;

        }

        .cartoon-ball.ball5 {
            right: 12rem;
            bottom: 19rem;
        }

        /*
        .dwn-body-cartoon.cartoon-start .cartoon-left .cartoon-figure {
            transform: translateX(-200%);
        }

        .dwn-body-cartoon.cartoon-start .cartoon-right .cartoon-figure {
            transform: translateX(200%);
        }*/

        .dwn-diamond-android {
            cursor: pointer;
            height: 4rem;
            transition:none;
            background: url(//www-static.diyidan.com/static/image/andwn.png?v=65f889bae3f7424f3c5853f853fd1441) no-repeat center;
            background-size: contain;

        }
        .dwn-diamond-android:hover{
             background: url(//www-static.diyidan.com/static/image/andwnh.png?v=be2326becda157bf7a15690176d05c89) no-repeat center;
             background-size: contain;
        }


        .dwn-diamond-ios {
            cursor: pointer;
            height: 4rem;
            margin-top: 1rem;
            background: url(//www-static.diyidan.com/static/image/ios_dwn.png?v=1b4f15d3a15421376ab81926900716be) no-repeat center;
            background-size: contain;
         }

        .dwn-diamond-ios:hover{
                background: url(//www-static.diyidan.com/static/image/ios_dwnh.png?v=dce4be457bc61b60a54560660ac529cc) no-repeat center;
         background-size: contain;
        }
        .dwn-body-line {
            bottom: 0;
            width: 100%;
            position: absolute;
        }

        .dwn-body-line img {
            transition: opacity .3s;
            width: 40%;
            position: absolute;
        }

        .dwn-body-line .line-left {
            top: -4.5rem;
            left: -1rem;
            width: 45%;
        }

        .dwn-body-line .line-right {
            top: -4.5rem;
            right: -1rem;
            width: 45%;
        }

        .dwn-body .dwn-ybg {
            width: 100%;
        }

        .dwn-dm-top{
            z-index: 3;
            top: 0;
            position: absolute;
        }
        .dwn-dm-bottom{
            bottom: 0;
             position: fixed;
        }
        .dwn-dm-top, .dwn-dm-bottom {
            overflow: hidden;

            width: 100%;
            height: 14rem;
            box-sizing: border-box;
        /*    padding: 1.5rem 0;*/
        }

        .dan-m-span {
            transition: right 1.19s linear;
            font-weight: bold;
            color: white;
            position: absolute;
            word-wrap: break-word;
            white-space: nowrap;
        }
        .dwn-to-home{
            display: inline-block;
            position: absolute;
            width: 12rem;
            right: 8rem;
            top: 3rem;
            z-index: 21;
        }
        .dwn-to-home .to-home-img{
            width: 100%;
        }
    </style>


</head>
<body>
 <script type="text/javascript">
  var weChatWait=2;
  function downloadApk(){
      if (isFromWeChat()) {
          location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.diyidan";
      } else {
                  location.href = "https://download.diyidan.net/apk/diyidan.apk";
              }
  }

  function downloadIos(){
      if (isFromWeChat()) {
          location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.diyidan";
      } else {
        location.href = "https://itunes.apple.com/cn/app/id983337376";
      }
  }

  function isFromWeChat() {
      var ua = navigator.userAgent.toLowerCase();
      if (ua.match(/MicroMessenger/i) == "micromessenger") {
          return true;
      } else {
          return false;
      }
  }
  function isFromQQ() {
      if (/(QQ)/i.test(navigator.userAgent)) {
          return true;
      } else {
          return false;
      }
  }
  function isFromiOS() {
      if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
          return true;
      } else {
          return false;
      }
  }
  </script>


<div style="display: none">
    <img src=//www-static.diyidan.com/static/image/andwnh.png?v=be2326becda157bf7a15690176d05c89 class="cartoon-ball ball5">
    <img src=//www-static.diyidan.com/static/image/ios_dwnh.png?v=dce4be457bc61b60a54560660ac529cc class="cartoon-ball ball5">
</div>



<div class="dwn-main">
 <a class="dwn-to-home" href="/index" target="_self">
     <img class="to-home-img" alt="home" src=//www-static.diyidan.com/static/image/to_home.png?v=1671a5f78fe95ce793479e945566d2a3 />
 </a>

   <!-- <div class="dwn-dot"></div>-->
    <div class="dwn-dm-top" id="dwn-dm-top">

    </div>


    <div class="dwn-body">

        <div class="dwn-download-center  opacity0" style="height: 100%; width: 100%;">
            <svg width="100%" height="100%" version="1.1" viewBox="0 0 160 56"
                 xmlns="http://www.w3.org/2000/svg">
                <polygon points="0,0 80,10 160,0 160,56 80,46 0,56"
                         style="fill:#ffdc54;"></polygon>
            </svg>
              <div class="dwn-center-dot dwn-dot"></div>
        </div>

        <div class="dwn-body-diamond">
            <div class="dwn-diamond-qr opacity0">
                <div class="dwn-diamond-center">
                    <div class="dwn-diamond-code"></div>
                    <div class="dwn-diamond-android" onclick="downloadApk()" id="android_download"></div>
                    <div class="dwn-diamond-ios" onclick="downloadIos()" id="ios_download"></div>
                </div>

            </div>


        </div>

        <div class="dwn-body-cartoon cartoon-start">
            <div class="cartoon-left">
                <img class="cartoon-figure" src="//www-static.diyidan.com/static/image/jie.png?v=3382c93233baed2904a9bf27219e0223">
                <img src=//www-static.diyidan.com/static/image/01_07.png?v=efd5af11424401e70d0f33002c845bda class="cartoon-ball ball1">
                <img src="//www-static.diyidan.com/static/image/03_14.png?v=2cda5d6d241d1e5d2fc2f3f43c880ea4" class="cartoon-ball ball2">
            </div>
            <div class="cartoon-right">
                <img class="cartoon-figure" src="//www-static.diyidan.com/static/image/mei.png?v=c6162d6ffb5a47c9f757d37c9eb272d8">
                <img src=//www-static.diyidan.com/static/image/03_14.png?v=2cda5d6d241d1e5d2fc2f3f43c880ea4 class="cartoon-ball ball3">
                <img src=//www-static.diyidan.com/static/image/04_17.png?v=14e5c18972ad8e90a7612120e96257c3 class="cartoon-ball ball4">
                <img src=//www-static.diyidan.com/static/image/06_14.png?v=c1cb12c332e313d9b74b3a9f1ca66c85 class="cartoon-ball ball5">
            </div>


        </div>

        <div class="dwn-body-line">
            <img src=//www-static.diyidan.com/static/image/dwn-line-left.png?v=f88635154fce009720ac842e4c10b89f class="line-left opacity0"/>
            <img src=//www-static.diyidan.com/static/image/dwn-line-right.png?v=3901231a78a8ef4e7ce5bbc1fe2efd2f class="line-right opacity0"/>

        </div>


    </div>

    <div class="dwn-dm-bottom" id="dwn-dm-bottom">

    </div>
</div>


<script type="text/javascript">
      // Using jQuery Event API v1.3
      $('#android_download').on('click', function() {
        ga('send', 'event', 'button', 'click', 'android_download');
      });
      $('#ios_download').on('click', function() {
        ga('send', 'event', 'button', 'click', 'ios_download');
      });
  </script>
<script type="text/javascript">
    (function f(win, doc) {


        var tanm = ["第一弹发射！", "第一弹真尼玛好玩", "知男而上", "沉迷女装乐园",
            "有弹娘的地方就有我~", "别想了，弹娘也是我老婆~", "不多说了，亲弹娘一口~", "我一来就出不去了，怎么办", "防不胜防","今天又是在第一弹玩耍的一天！",
            "天哪！这是什么宝藏app！",
            "爱了爱了","已糖求资源", "好玩又有趣，尽在第一弹", "进退两男",
            "小姐姐敲可爱！", "嘘——小纸条私聊！", "搞事情开始", "前面的弹幕有毒", "大佬都是会玩儿的！", "聘CP啦", "女装大佬666", "COSER小姐姐真美腻",
            "弹娘弹妹我超喜欢","到底啥时候更新啊！！！",
            "兄弟萌，给劳资冲", "爱了爱了", "承包弹弹妹，弹弹娘",
            "弹弹娘prpr！", "前边的小姐姐处对象吗？", "大佬伪音真滴diao", "滑天下之大稽", "拳打嘤嘤怪", "弹叔今天女装了嘛？", "能找得到cp算我输",
            "能分得清小哥哥小姐姐算我输", "每天全靠配音区的大佬声音催眠", "小姐姐眼熟我~", "耶！今天要去绘画区学画画！",
            "神出鬼没的大佬们", "震惊！小说排行榜竟然是这些！", "今天~也是福利满满的一天呢~", "马上考试了，我还在刷第一弹",
            "在第一弹终于找到了一起打游戏的小伙伴", "全靠大佬们给我发糖了", "第一弹里的COS小姐姐真多呀",
            "这个笑容由我来守护", "舔屏 下巴打字以示清白",
            "要学时间管理请上第一弹app", "prprprpr", "我真的是兴奋到极点了呢",
            "弹弹妹，我不做人了！！！", "富强 文明 和谐 自由 平等 公正",
            "集美们快来啊",
            "农药求带，声甜", "今日份的扩列", "萌新求带", "我不管，反正都是我老婆", "都玩过，鉴定完毕", "全国最大的女装社区欢迎您",
            "大佬女装又好看，说话又好听，还要什么女朋友", "弹弹娘后宫势力登场", "为绘画区大佬打call", "催更势力登场", "有弹友，不孤单",
            "风里雨里我在第一弹等你", "牧羊人之心真好玩", "楼主给你糖！", "为爱发电！", "路人弹娘的养成方法", "您的好友【弹妹】已上线",
            "战斗力只有5的弹娘", "弹弹妹，我们走", "弹妹的笑容由我来守护", "这么可爱的一定是男孩子", "有奇怪的东西混进去了", "承包弹妹",
            "第一弹发来贺电", "马猴烧酒弹弹妹", "此生无悔入第一弹", "我永远喜欢弹弹妹", "借一部说话", "性别不同怎么谈恋爱", "真香！", "腿玩年",
            "我弹美如画", "太太我喜欢你啊", "有了第一弹，妈妈再也不用担心我找不到男朋友了。", "又来骗我成为女装大佬。", "第一弹势力登场",
            "我要这糖果有何用", "表白弹娘", "www小姐姐们好好看！！~", "捕捉弹弹娘一只", "前方高能，啊，我瞎了", "我好像都在第一弹看过",
            "感谢楼主送糖！", "第一弹从没让我失望过", "悄悄抱走蛋蛋妹", "为第一弹打call", "前排收糖", "糖果在手，天下我有", "诸君，我喜欢蛋蛋妹",
            "天王盖地虎 弹妹一米五", "我来第一弹这么久了，还没人敢赞我", "生鱼忧患 死鱼安乐", "德国骨科时代已经过去，现在是英国法庭时代", "沉迷小姐姐美貌无法自拔",
            "你应该在这大好的年纪和女生一起抢男人", "可爱弹娘出现！", "妈耶，这个弹娘太撩了~", "好好好，老婆我和你走~"];
        var danmArrayTop = [];//15个 同时
        var danmArrayBottom = [];//15个 同时

        var danmMoveDuration = 600;
        var movPx = 60;
        var startPosition = Math.ceil(Math.random() * 100);
      //  var windowWidth = $(win).width();
        /*   var bottomStart = (startPosition + 50) % 250;*/
        var topContainer = null;
        var bottomContainer = null;
        var createDanmDuration = 0;

        $(document).ready(function () {
            calculateRemPx();
            initPage();
            initDanm();
            initCartoon();


        });

        win.onload = function () {
            let diffWidth = $(document).width() - $(win).width();
            if (diffWidth > 0) {
                setTimeout(function () {
                    win.scrollTo && win.scrollTo(diffWidth / 2, 0);
                }, 0);

            }
        };


        function danm(el, speed, p) {
            this.el = el;
            this.position = p;
            this.speed = speed;
            this.width = -p;
            this.state = "run";
        }

        danm.prototype.delete = function () {
            /* this.el.textContent = text;
             this.el.style.display = "none";
             var spanWidth = $(this.el).width();
             this.width = spanWidth;
             this.el.style.right = -spanWidth + "px";
             this.position = -spanWidth;
             this.el.style.display = "block";*/
            this.state = "delete";
            $(this.el).remove();
            /*     this.state = "init";*/
        };


        function initDanm() {
            topContainer = $("#dwn-dm-top");
            bottomContainer = $("#dwn-dm-bottom");
        /*    createDanmTimer = setInterval(createDanm, 3500);*/
            setInterval(moveDanm, danmMoveDuration);
        }

        function moveDM(b) {
            var docWidth = $(doc).width();
            if (b.position > (docWidth + b.width)) {
                b.delete();
            }
            else if (b.state === 'run') {
                b.position = b.position + b.speed;
                b.el.style.right = b.position + "px";
            }


        }

        /*function removeArray(arr, index) {
            if (arr instanceof Array) {
                arr.splice(index, 1)
            }
        }*/

        function moveDanm() {
            if(createDanmDuration>=3600){
                createDanm();
                createDanmDuration=0;
            }
             createDanmDuration+=danmMoveDuration;

          /*  console.log(1)*/
            danmArrayBottom.forEach(moveDM);
            danmArrayTop.forEach(moveDM);
        }

        var top = 0.5;
        var fontSizeArr = [1.8, 2.2, 2.5];

        var tfsize = null;
        var bfsize = null;


        function createDanm() {

            danmArrayTop = danmArrayTop.filter(function (b) {
                return b.state === "run"
            });
            danmArrayBottom = danmArrayBottom.filter(function (b) {
                return b.state === "run"
            });


            var topDm = createDmElement(tfsize, top, topContainer);
            var t = topDm.el;

            danmArrayTop.push(new danm(t, movPx, -topDm.width));

            var bottomDm = createDmElement(bfsize, top, bottomContainer);

            var b = bottomDm.el;
            danmArrayBottom.push(new danm(b, movPx, -bottomDm.width));

            top += 4;
            top = top > 12 ? .5 : top;
        }

        var  tanmMod = tanm.length;
        function createDmElement(fsize, top, container) {
            var t = document.createElement('span');
            t.className = "dan-m-span";
            t.textContent = tanm[startPosition];
            startPosition += 1;
            startPosition %= tanmMod;
            t.style.display = "none";
            var tsize = 0;
            if (t.textContent.length < 20) {
                tsize = Math.floor((Math.random() * 10) % 3);
            }
            if (fsize === 2 && tsize === 2) {
                tsize = 0;
            }
            t.style.fontSize = fontSizeArr[tsize] + 'rem';
            /*   tfsize=tsize;*/
            t.style.top = top + 'rem';
            container.append(t);
            var twidth = $(t).width();
            // var bwidth = $(b).width();

            t.style.right = -twidth + "px";
            // b.style.right = -bwidth + "px";


            t.style.display = "block";


            return {
                el:t,
                size: tsize,
                width:twidth,
                txtLength: t.textContent.length
            }
        }


        function initPage() {
            setTimeout(function () {
                $(".dwn-download-center").removeClass("opacity0");
            }, 200);
            setTimeout(function () {
                $(".dwn-body-line .line-left").removeClass("opacity0");
            }, 500);
            setTimeout(function () {
                $(".dwn-body-line .line-right").removeClass("opacity0");
            }, 600);

            setTimeout(function () {
                $(".dwn-diamond-qr").removeClass("opacity0").addClass("qr-normal");
            }, 800);
            var resizeCancel = null;
            $(window).resize(function () {
       /*         windowWidth = $(win).width();*/
              /*  docWidth = $(doc).width();*/
                clearTimeout(resizeCancel);
                resizeCancel = setTimeout(function () {
                    calculateRemPx();
                }, 300)
            })


        }

        function initCartoon() {
            setTimeout(function () {
                $(".cartoon-start .cartoon-left .cartoon-figure").animate({"left": "20px"}, "normal", "swing", function () {
                    $(".cartoon-start").removeClass("cartoon-start")
                }).animate({left:0});
                $(".cartoon-start .cartoon-right .cartoon-figure").animate({"left": "-20px"}, "normal", "swing", function () {
                    $(".cartoon-start").removeClass("cartoon-start")
                }).animate({left:0});
                /*
                            $(".cartoon-start .cartoon-right .cartoon-figure").animate({"left": 0}, "normal", "linear")
                */
            }, 1200);

        }

        function calculateRemPx() {
            var width = $(win).width();
            var height = $(win).height();
            if (width < 1000) {
                $(document.documentElement).css("font-size", "12px");
                return;
            }

            var ratio = width / height;
            var fontSize = 16;
            if (ratio >= 1.8) { // 以宽度为准
                fontSize = width / 100
            }
            else { //以高度为准
                fontSize = height / 55
            }

            $(document.documentElement).css("font-size",  fontSize + "px");

        }

    })(window, document);

</script>

</body>
</html>