<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131178433-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-131178433-1');
    </script>
    <meta charset="UTF-8">
    <title>Firefly Live-螢火蟲直播官網-See u in Firefly!</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="Firefly,直播福利,螢火蟲直播,直播,uplive,美女秀場,直播軟體,正妹直播,Firelfy官網,螢火蟲直播官網,Firefly直播,美女直播間,yabolive">
    <meta name="description" content="Firefly直播-領先的真人在線直播秀場,全新的視頻交友方式;舉起手機,美顏開播,妳也可以變身人氣主播!超多刺激好玩的直播玩法等妳來挖掘~">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Firefly Live-螢火蟲直播官網-See u in Firefly!</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="shortcut icon" type="image/x-icon" href="images/icon.jpg?v='20180427'" />
    <link rel="stylesheet" href="css/index.css?v='20181207'">
</head>
<script>
    function browserRedirect() {
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
        if (!(bIsIpad|| bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
        }
        else {
            window.location.href='phone.html';
        }
    }
    browserRedirect();
</script>
<body>
<div class="nav w">
    <img src="images/logo.png" alt="">
    <ul class="nav-ul">
        <a href="javascript:;">
            <li>首頁</li>
        </a>
        <a href="view/pay.html">
            <li>儲值</li>
        </a>
        <a href="view/us.html">
            <li>關於我們</li>
        </a>
    </ul>
</div>
<div class="p1-bg-fix">
    <div class="w">
        <img class="p1-text" src="images/p1-text.png" alt="">
        <!--<img class="p1-gift1" src="images/p1-gift1.png" alt="">-->
        <div class="p1-gift1-box"></div>
        <!--<img class="p1-gift2" src="images/p1-gift2.png" alt="">-->
        <div class="p1-gift2-box"></div>
        <!--<img class="p1-gift3" src="images/p1-gift3.png" alt="">-->
        <div class="p1-gift3-box"></div>
        <!--<img class="p1-gift4" src="images/p1-gift4.png" alt="">-->
        <div class="p1-gift4-box"></div>
    </div>
</div>

<div class="p1-bg">
    <ul class="down-ul">
        <a href="https://itunes.apple.com/cn/app/%E8%90%A4%E7%81%AB%E8%99%AB%E7%9B%B4%E6%92%AD-%E8%A7%86%E9%A2%91%E8%81%8A%E5%A4%A9/id1339549022?mt=8">
            <li class="app-down-btn"><img src="images/p1-apple.png" alt="">App Store</li>
        </a>
        <a href="https://play.google.com/store/apps/details?id=com.happy.live">
            <li class="google-down-btn"><img src="images/android.png" alt="">Android</li>
        </a>
        <div class="anDown-box"><img class="anDown" src="images/anCode.png" alt=""></div>
        <li class="mc-down-btn">IOS企业版</li>
        <div class="iosDown-box"><img class="iosDown" src="images/iosDown.png" alt=""></div>

    </ul>
</div>
<div class="p2-bg">
    <div class="w2">
        <img class="p2-girl" src="images/p2-girl.png" alt="">
        <div class="p2-text-box">
            <img class="p2-text" src="images/p2-text.png" alt="">
            <p>海量的美女主播,留住你的每壹個靈魂</p>
        </div>

    </div>
    <div class="bilibi-box">
        <div class="p3-track1">

        </div>
        <div class="p3-track2">

        </div>
        <div class="p3-track3">

        </div>
        <div class="p3-track4">

        </div>
    </div>

</div>
<div class="p3-bg">
    <ul class="p3-ul">
        <li><img class="p3-img1" src="images/p3-1.png" alt=""><img class="p3-img11" style="opacity: 0"
                                                                   src="images/p3-11.png?v='20181210'" alt=""></li>
        <li><img class="p3-img2" src="images/p3-2.png" alt=""><img class="p3-img22" style="opacity: 0"
                                                                   src="images/p3-22.png" alt=""></li>
        <li><img class="p3-img3" src="images/p3-3.png" alt=""><img class="p3-img33" style="opacity: 0"
                                                                   src="images/p3-33.png?v='20181210'" alt=""></li>
        <li><img class="p3-img4" src="images/p3-4.png" alt=""><img class="p3-img44" style="opacity: 0"
                                                                   src="images/p3-44.png" alt=""></li>
    </ul>
    <div class="p3-text-box">
        <img src="images/p3-text.png" alt="">
        <p>解除寂寞,See you in Firefly</p>

    </div>
</div>
<div class="p4-bg">
    <img class="p4-logo" src="images/p4-logo.png" alt="">
    <p class="p4-text">CONTACT US</p>
    <ul class="p4-ul clearfix">
        <a href="view/us.html">
            <li style="margin-right: 74px;">
                <div class="p4-ul-li1-img"></div>
                <p>投訴建議</p></li>
        </a>
        <a href="view/us.html">
            <li style="margin-right: 74px;">
                <div class="p4-ul-li2-img"></div>
                <p>渠道推廣</p></li>
        </a>
        <a href="view/us.html">
            <li style="margin-right: 74px;">
                <div class="p4-ul-li3-img"></div>
                <p>主播入駐</p></li>
        </a>
        <a href="view/us.html">
            <li>
                <div class="p4-ul-li4-img"></div>
                <p>商務合作</p></li>
        </a>
    </ul>
    <div class="p4-b-text">
        <p>2018 All Rights Reserved Yabolive.co</p>
        <p>www.firefly.live</p>
    </div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script>
    $(window).scroll(function () {
        if ($(window).scrollTop() > 650) {
            $(".down-ul").hide()
            $(".nav").fadeOut(500)
        } else {
            $(".down-ul").show()
            $(".nav").fadeIn(500)
        }

    });
    $(".mc-down-btn").on({
        mouseover: function () {
            $(".iosDown-box").show();
        },
        mouseout: function () {
            $(".iosDown-box").hide();
        }
    })
    $(".google-down-btn").on({
        mouseover: function () {
            $(".anDown-box").show();
        },
        mouseout: function () {
            $(".anDown-box").hide();
        }
    })
    $('.p4-ul li').on({
        mouseover: function () {
            $(this).addClass("p4-ul-li")
        },
        mouseout: function () {
            $(this).removeClass("p4-ul-li")
        }
    });

    $('.p3-ul li').eq(0).on({
        mouseenter: function () {
            t1 = setTimeout(function () {
                $('.p3-img1').css("opacity", '0')
                $('.p3-img11').css("opacity", '1')
            }, 500)

        },
        mouseout: function () {
            clearTimeout(t1);
            $('.p3-img11').css("opacity", '0')
            $('.p3-img1').css("opacity", '1')

        }
    });
    $('.p3-ul li').eq(1).on({
        mouseenter: function () {
            t1 = setTimeout(function () {
                $('.p3-img2').css("opacity", '0')
                $('.p3-img22').css("opacity", '1')
            }, 500)

        },
        mouseout: function () {
            clearTimeout(t1);
            $('.p3-img22').css("opacity", '0')
            $('.p3-img2').css("opacity", '1')

        }
    });
    $('.p3-ul li').eq(2).on({
        mouseenter: function () {
            t1 = setTimeout(function () {
                $('.p3-img3').css("opacity", '0')
                $('.p3-img33').css("opacity", '1')
            }, 500)

        },
        mouseout: function () {
            clearTimeout(t1);
            $('.p3-img33').css("opacity", '0')
            $('.p3-img3').css("opacity", '1')

        }
    });
    $('.p3-ul li').eq(3).on({
        mouseenter: function () {
            t1 = setTimeout(function () {
                $('.p3-img4').css("opacity", '0')
                $('.p3-img44').css("opacity", '1')
            }, 500)

        },
        mouseout: function () {
            clearTimeout(t1);
            $('.p3-img44').css("opacity", '0')
            $('.p3-img4').css("opacity", '1')

        }
    });
    lei = 1
    $(".bilibi-box").children("div").eq(Math.round(Math.random() * 4 + 0.5) - 1).append('<img class="p3-img-show-top2" src="images/b4.png" alt="">')
    setInterval(function () {
        console.log(Math.random())

        $(".bilibi-box").children("div").eq(Math.round(Math.random() * 4 + 0.5) - 1).append('<img class="p3-img-show-top2" src="images/b' + lei + '.png" alt="">')
        lei++;
        if (lei == 5) {
            lei = 1
        }
    }, 1500)
    setInterval(function () {
        removeBili(0)
        removeBili(1)
        removeBili(2)
        removeBili(3)
    }, 2000)
    bilibi = true;
    $(window).on('focus', function () {
        if (bilibi) {
            bilibi = false;
            $(".bilibi-box div").children("img").remove()
        }
    });
    $(window).on('blur', function () {
        bilibi = true;
    });
    function removeBili(o) {
        if ($(".bilibi-box div").eq(o).children("img").length > 9) {
            $(".bilibi-box div").eq(o).children("img").eq(0).remove();
            $(".bilibi-box div").eq(o).children("img").eq(1).remove();
            $(".bilibi-box div").eq(o).children("img").eq(2).remove();
        }

    }

</script>
</html>