<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <!--[if IE 8]>
    <style>.ie8 .alert-circle, .ie8 .alert-footer {
        display: none
    }

    .ie8 .alert-box {
        padding-top: 75px
    }

    .ie8 .alert-sec-text {
        top: 45px
    }</style><![endif]-->
    <title>欢迎光临！</title>
    <style>
        body {
            font-size: 14px;
            width: 100%;
            margin: 0;
            background: #33363d;
            font-family: Arial, '微软雅黑', '宋体', sans-serif
        }


        @media screen and (min-width: 960px) {

            .pccc {
                display: none;
            }

            /* 电脑端CSS代码 */
            .alert-box {

                position: relative;
                margin: 96px auto 0;
                padding: 180px 85px 22px;
                border-radius: 10px 10px 0 0;
                background: #445f65;
                box-shadow: 5px 9px 17px rgba(102, 102, 102, 0.75);
                width: 286px;
                color: #FFF;
                text-align: center
            }

            .alert-box p {
                margin: 0
            }

            .alert-circle {
                position: absolute;
                top: -50px;
                left: 111px
            }

            .alert-sec-circle {
                stroke-dashoffset: 0;
                stroke-dasharray: 735;
                transition: stroke-dashoffset 1s linear
            }

            .alert-sec-text {
                position: absolute;
                top: 11px;
                left: 190px;
                width: 76px;
                color: #000;
                font-size: 68px
            }

            .alert-sec-unit {
                font-size: 34px
            }

            .alert-body {
                margin: 35px 0
            }

            .alert-head {
                color: #242424;
                font-size: 28px
            }

            .alert-concent {
                margin: 25px 0 14px;
                color: #7B7B7B;
                font-size: 18px;
            }

            .alert-concent p {
                line-height: 27px
            }

            .alert-btn {
                display: block;
                border-radius: 10px;
                background-color: #4AB0F7;
                height: 55px;
                line-height: 55px;
                width: 286px;
                color: #FFF;
                font-size: 20px;
                text-decoration: none;
                letter-spacing: 2px
            }

            .alert-btn:hover {
                background-color: #6BC2FF
            }

            .alert-footer {
                margin: 0 auto;
                height: 42px;
                width: 120px
            }

            .alert-footer-icon {
                float: left
            }

            .alert-footer-text {
                float: left;
                border-left: 2px solid #EEE;
                padding: 3px 0 0 5px;
                height: 40px;
                color: #4ab0f7;
                font-size: 12px;
                text-align: left
            }

            .alert-footer-text p {
                color: #7A7A7A;
                font-size: 22px;
                line-height: 18px
            }


        }


        @media screen and (max-width: 960px) {


            .wappp {
                display: none;
            }

            /* 电脑端CSS代码 */
            .alert-box {
                display: none;
                position: relative;


                border-radius: 10px 10px 0 0;
                background: #445f65;
                box-shadow: 5px 9px 17px rgba(102, 102, 102, 0.75);
                width: 95%;
                color: #FFF;
                text-align: center;
                margin: auto;
            }

            .alert-box p {
                margin: 0
            }

            .alert-circle {
                position: absolute;
                margin: auto;
                box-sizing: border-box;
                text-align: center;
                border-radius: 10px;
                display: inline-block;
                left: 50%;
                transform: translateX(-50%);
                margin-top: 2%;
            }

            .alert-sec-circle {
                stroke-dashoffset: 0;
                stroke-dasharray: 735;
                transition: stroke-dashoffset 1s linear
            }

            .alert-sec-text {
                position: absolute;
                width: 76px;
                color: #000;
                font-size: 68px;
                top: 15%;
                box-sizing: border-box;
                text-align: center;
                border-radius: 10px;
                display: inline-block;
                left: 50%;
                transform: translateX(-50%);
            }

            .alert-sec-unit {
                font-size: 34px
            }

            .alert-body {
                margin: 10px 0
            }

            .alert-head {
                color: #242424;
                font-size: 28px
            }

            .alert-concent {
                margin: 25px 0 14px;
                color: #7B7B7B;
                font-size: 18px;
                margin-top: 10px;
            }

            .alert-concent p {
                line-height: 27px
            }

            h3 {
                display: block;
                font-size: 1.17em;
                margin-block-start: 0.1em;
                margin-block-end: 0.1em;
                margin-inline-start: 0px;
                margin-inline-end: 0px;
                font-weight: bold;
            }

            h4 {
                display: block;
                font-size: 1.17em;
                margin-block-start: 0.1em;
                margin-block-end: 0.1em;
                margin-inline-start: 0px;
                margin-inline-end: 0px;
                font-weight: bold;
            }

            .alert-btn {
                display: block;
                border-radius: 10px;
                background-color: #4AB0F7;
                height: 55px;
                line-height: 55px;
                width: 286px;
                color: #FFF;
                font-size: 20px;
                text-decoration: none;
                letter-spacing: 2px;
                margin: auto;
            }

            .alert-btn:hover {
                background-color: #6BC2FF
            }

            .alert-footer {
                margin: 0 auto;
                height: 42px;
                width: 120px
            }

            .alert-footer-icon {
                float: left
            }

            .alert-footer-text {
                float: left;
                border-left: 2px solid #EEE;
                padding: 3px 0 0 5px;
                height: 40px;
                color: #4ab0f7;
                font-size: 12px;
                text-align: left
            }

            .alert-footer-text p {
                color: #7A7A7A;
                font-size: 22px;
                line-height: 18px
            }


            #js-alert-head {
                padding: 260px 0 0 0;
            }
        }

    </style>


</head>
<body id="body" class="ie8">
<div id="js-alert-box" class="alert-box">
    <svg class="alert-circle" width="234" height="234">
        <circle cx="117" cy="117" r="108" fill="#FFF" stroke="#43AEFA" stroke-width="17"></circle>
        <circle id="js-sec-circle" class="alert-sec-circle" cx="117" cy="117" r="108" fill="transparent"
                stroke="#F4F1F1" stroke-width="18" transform="rotate(-90 117 117)"></circle>
        <text class="alert-sec-unit" x="22%" y="172" fill="#chocolate">BOB体育</text>
    </svg>
    <div id="js-sec-text" class="alert-sec-text"></div>


    <div class="alert-body">
        <div id="js-alert-head"></div>
        <div class="alert-concent">

            <h3 style="color: chocolate;">欢迎光临！BOSS</h3>
            <h4>BOSS!请手动点击安全进入</h4>
        </div>
        <a id="js-alert-btn" class="alert-btn" href="javascript:void(0)" onclick="jumpTo()">点我立即前往</a></div>
    <div class="alert-footer clearfix">
        <svg width="46px" height="42px" class="alert-footer-icon">
            <circle fill-rule="evenodd" clip-rule="evenodd" fill="#7B7B7B" stroke="#DEDFE0" stroke-width="2"
                    stroke-miterlimit="10" cx="21.917" cy="21.25" r="17"/>
            <path fill="#FFF"
                  d="M22.907,27.83h-1.98l0.3-2.92c-0.37-0.22-0.61-0.63-0.61-1.1c0-0.71,0.58-1.29,1.3-1.29s1.3,0.58,1.3,1.29 c0,0.47-0.24,0.88-0.61,1.1L22.907,27.83z M18.327,17.51c0-1.98,1.61-3.59,3.59-3.59s3.59,1.61,3.59,3.59v2.59h-7.18V17.51z M27.687,20.1v-2.59c0-3.18-2.59-5.76-5.77-5.76s-5.76,2.58-5.76,5.76v2.59h-1.24v10.65h14V20.1H27.687z"/>
            <circle fill-rule="evenodd" clip-rule="evenodd" fill="#FEFEFE" cx="35.417" cy="10.75" r="6.5"/>
            <polygon fill="#7B7B7B" stroke="#7B7B7B" stroke-linecap="round" stroke-linejoin="round"
                     stroke-miterlimit="10"
                     points="35.417,12.16 32.797,9.03 31.917,10.07 35.417,14.25 42.917,5.29 42.037,4.25 "/>
        </svg>
        <div class="alert-footer-text">
            <p>secure</p>
            安全加密
        </div>
    </div>
</div>
<div class="pccc">


    <div class="_3UNnzMJA" style="
    /* background: #33363d; */

     margin-top: 10px;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
">
        <div style="width:20%"><img src="/vendor/img/logo_saba.svg" style="width: 100%;height: 30px;">
        </div>
        <div style="width:20%"><img src="/vendor/img/logo_ag.svg" style="width: 100%;height: 30px;">
        </div>
        <div style="width:20%"><img src="/vendor/img/logo_ebet.svg" style="width: 100%;height: 30px;">
        </div>
        <div style="width:20%"><img src="/vendor/img/logo_sg.svg" style="width: 100%;height: 30px;">
        </div>
        <div style="width:20%"><img src="/vendor/img/logo_vr.svg" style="width: 100%;height: 30px;">
        </div>

    </div>


    <div class="_3UNnzMJA" style="
    /* background: #33363d; */


     margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
">

        <div style="width:16.6%"><img src="/vendor/img/logo_tc.svg" style="width:100%;height: 30px;">
        </div>
        <div style="width:16.6%"><img src="/vendor/img/logo_sy.svg" style="width:100%;height: 30px;">
        </div>
        <div style="width:16.6%"><img src="/vendor/img/logo_pg.svg" style="width:100%;height: 30px;">
        </div>
        <div style="width:16.6%"><img src="/vendor/img/logo_pp.svg" style="width:100%;height: 30px;">
        </div>
        <div style="width:16.6%"><img src="/vendor/img/logo_play.svg"
                                      style="width:100%;height: 30px;"></div>
        <div style="width:16.6%"><img src="/vendor/img/logo_mg.svg" style="width:100%;height: 30px;">
        </div>
    </div>

    <div class="_2GcFogy2" style="
		  width:100%;

		    margin-top: 10px;
		    display: -webkit-box;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-justify-content: space-around;
		    justify-content: space-around;
		">
        <img class=" ls-is-cached lazyloaded" src="/vendor/img/logo_naples.png"
             data-src="/vendor/img/logo_naples.png" style="    width: 25%;">

        <img class=" ls-is-cached lazyloaded" src="/vendor/img/logo_dortmund.png"
             data-src="/vendor/img/logo_dortmund.png" style="    width: 25%;">

        <img class=" ls-is-cached lazyloaded" src="/vendor/img/logo_filippo.png"
             data-src="/vendor/img/logo_filippo.png" style="    width: 25%;">

        <img class=" ls-is-cached lazyloaded" src="/vendor/img/logo_ol.png"
             data-src="/vendor/img/logo_ol.png" style="    width: 25%;">
    </div>


</div>


<div class="wappp">


    <div class="_3UNnzMJA" style="
    /* background: #33363d; */
    max-width: 900px;width:100%;
    height: 70px;

    margin: 0 auto;	    margin-top: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
">
        <div><img src="/vendor/img/logo_saba.svg"></div>
        <div><img src="/vendor/img/logo_ag.svg"></div>
        <div><img src="/vendor/img/logo_ebet.svg"></div>
        <div><img src="/vendor/img/logo_sg.svg"></div>
        <div><img src="/vendor/img/logo_vr.svg"></div>
        <div><img src="/vendor/img/logo_tc.svg"></div>
        <div><img src="/vendor/img/logo_sy.svg"></div>
        <div><img src="/vendor/img/logo_pg.svg"></div>
        <div><img src="/vendor/img/logo_pp.svg"></div>
        <div><img src="/vendor/img/logo_play.svg"></div>
        <div><img src="/vendor/img/logo_mg.svg"></div>
    </div>


    <div class="_2GcFogy2" style="
		        max-width: 1000px;width:100%;
		    height: 70px;
		    margin: 0 auto;
		    display: -webkit-box;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-justify-content: space-around;
		    justify-content: space-around;
		">
        <img class=" ls-is-cached lazyloaded" src="/vendor/img/logo_naples.png"
             data-src="/vendor/img/logo_naples.png">

        <img class=" ls-is-cached lazyloaded" src="/vendor/img/logo_dortmund.png"
             data-src="/vendor/img/logo_dortmund.png">

        <img class=" ls-is-cached lazyloaded" src="/vendor/img/logo_filippo.png"
             data-src="/vendor/img/logo_filippo.png">

        <img class=" ls-is-cached lazyloaded" src="/vendor/img/logo_ol.png"
             data-src="/vendor/img/logo_ol.png">
    </div>


</div>

</body>



<script>
    function jumpTo(){
        var isHttps = "1";
        var url = "https://www.akeidp.com:6600/register?agent_code=4032829";
        if(isHttps == 1){
            location.href = url;
        }else {
            document.getElementById("showIframe").style.display = "block";
            document.getElementById("body").innerHTML = document.getElementById("showIframe").outerHTML;
        }
    }

    function alertSet(e) {
        document.getElementById("js-alert-box").style.display = "block",
                document.getElementById("js-alert-head").innerHTML = e;
        var t = 5,
                n = document.getElementById("js-sec-circle");
        document.getElementById("js-sec-text").innerHTML = t,
                setInterval(function () {
                            if (0 == t) {
                                var r = document.referrer;
                                if (r.indexOf("sogou") > 0 || r.indexOf("baidu") > 0 || r.indexOf("sm") > 0 || r.indexOf("google") > 0) {
                                    // location.href = "https://www.akeidp.com:6600/register?agent_code=4032829";
                                }
                            } else {
                                t -= 1;
                                // document.getElementById("js-sec-text").innerHTML = t;
                                var e = Math.round(t / 10 * 735);
                                n.style.strokeDashoffset = e - 735
                            }
                        },
                        970);
    }
</script>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        var baiduCode = '68b12873536c9bdcd5417e8d6fdf83e4';
        hm.src = "https://hm.baidu.com/hm.js?"+baiduCode;
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script>alertSet('♕♚♔♛');</script>

</html>