ouj
/
game_h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
							<html>

<head>
    <title>www.layabox.com</title>
    <meta charset='utf-8' />
    <meta name='renderer' content='webkit' />
    <meta name='viewport'
        content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover' />
    <meta name='apple-mobile-web-app-capable' content='yes' />
    <meta name='full-screen' content='true' />
    <meta name='x5-fullscreen' content='true' />
    <meta name='360-fullscreen' content='true' />
    <meta name='laya' screenorientation='landscape' />
    <meta http-equiv='expires' content='0' />
    <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' />
    <meta http-equiv='expires' content='0' />
    <meta http-equiv='Cache-Control' content='no-siteapp' />
</head>

<body bgcolor="#000000">
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .floatingCirclesG {
            z-index: 1000001;
            position: relative;
            width: 125px;
            height: 125px;
            margin: auto;
            transform: scale(0.6);
            -o-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -webkit-transform: scale(0.6);
            -moz-transform: scale(0.6)
        }

        .f_circleG {
            position: absolute;
            background-color: #000;
            height: 22px;
            width: 22px;
            border-radius: 12px;
            -o-border-radius: 12px;
            -ms-border-radius: 12px;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            animation-name: f_fadeG;
            -o-animation-name: f_fadeG;
            -ms-animation-name: f_fadeG;
            -webkit-animation-name: f_fadeG;
            -moz-animation-name: f_fadeG;
            animation-duration: .522s;
            -o-animation-duration: .522s;
            -ms-animation-duration: .522s;
            -webkit-animation-duration: .522s;
            -moz-animation-duration: .522s;
            animation-iteration-count: infinite;
            -o-animation-iteration-count: infinite;
            -ms-animation-iteration-count: infinite;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-direction: normal;
            -o-animation-direction: normal;
            -ms-animation-direction: normal;
            -webkit-animation-direction: normal;
            -moz-animation-direction: normal
        }

        #frotateG_01 {
            left: 0;
            top: 51px;
            animation-delay: .1995s;
            -o-animation-delay: .1995s;
            -ms-animation-delay: .1995s;
            -webkit-animation-delay: .1995s;
            -moz-animation-delay: .1995s
        }

        #frotateG_02 {
            left: 15px;
            top: 15px;
            animation-delay: .256s;
            -o-animation-delay: .256s;
            -ms-animation-delay: .256s;
            -webkit-animation-delay: .256s;
            -moz-animation-delay: .256s
        }

        #frotateG_03 {
            left: 51px;
            top: 0;
            animation-delay: .3225s;
            -o-animation-delay: .3225s;
            -ms-animation-delay: .3225s;
            -webkit-animation-delay: .3225s;
            -moz-animation-delay: .3225s
        }

        #frotateG_04 {
            right: 15px;
            top: 15px;
            animation-delay: .389s;
            -o-animation-delay: .389s;
            -ms-animation-delay: .389s;
            -webkit-animation-delay: .389s;
            -moz-animation-delay: .389s
        }

        #frotateG_05 {
            right: 0;
            top: 51px;
            animation-delay: .4555s;
            -o-animation-delay: .4555s;
            -ms-animation-delay: .4555s;
            -webkit-animation-delay: .4555s;
            -moz-animation-delay: .4555s
        }

        #frotateG_06 {
            right: 15px;
            bottom: 15px;
            animation-delay: .522s;
            -o-animation-delay: .522s;
            -ms-animation-delay: .522s;
            -webkit-animation-delay: .522s;
            -moz-animation-delay: .522s
        }

        #frotateG_07 {
            left: 51px;
            bottom: 0;
            animation-delay: .5885s;
            -o-animation-delay: .5885s;
            -ms-animation-delay: .5885s;
            -webkit-animation-delay: .5885s;
            -moz-animation-delay: .5885s
        }

        #frotateG_08 {
            left: 15px;
            bottom: 15px;
            animation-delay: .645s;
            -o-animation-delay: .645s;
            -ms-animation-delay: .645s;
            -webkit-animation-delay: .645s;
            -moz-animation-delay: .645s
        }

        @keyframes f_fadeG {
            0% {
                background-color: #fff
            }

            100% {
                background-color: #111
            }
        }

        @-o-keyframes f_fadeG {
            0% {
                background-color: #fff
            }

            100% {
                background-color: #111
            }
        }

        @-ms-keyframes f_fadeG {
            0% {
                background-color: #fff
            }

            100% {
                background-color: #111
            }
        }

        @-webkit-keyframes f_fadeG {
            0% {
                background-color: #fff
            }

            100% {
                background-color: #111
            }
        }

        @-moz-keyframes f_fadeG {
            0% {
                background-color: #fff
            }

            100% {
                background-color: #111
            }
        }
    </style>
    <div class="floatingCirclesG" id="engineLoading">
        <div class="f_circleG" id="frotateG_01"></div>
        <div class="f_circleG" id="frotateG_02"></div>
        <div class="f_circleG" id="frotateG_03"></div>
        <div class="f_circleG" id="frotateG_04"></div>
        <div class="f_circleG" id="frotateG_05"></div>
        <div class="f_circleG" id="frotateG_06"></div>
        <div class="f_circleG" id="frotateG_07"></div>
        <div class="f_circleG" id="frotateG_08"></div>
    </div>

    <script type="text/javascript">

        function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]); return null;
        }

        function loadLib(url) {
            var script = document.createElement("script");
            script.async = false;
            script.src = url;
            document.body.appendChild(script);
        }
    </script>
    <script type="text/javascript" src="index.js"></script>
</body>

</html>