index.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
  1. <html>
  2. <head>
  3. <title>www.layabox.com</title>
  4. <meta charset='utf-8' />
  5. <meta name='renderer' content='webkit' />
  6. <meta name='viewport'
  7. content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover' />
  8. <meta name='apple-mobile-web-app-capable' content='yes' />
  9. <meta name='full-screen' content='true' />
  10. <meta name='x5-fullscreen' content='true' />
  11. <meta name='360-fullscreen' content='true' />
  12. <meta name='laya' screenorientation='landscape' />
  13. <meta http-equiv='expires' content='0' />
  14. <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' />
  15. <meta http-equiv='expires' content='0' />
  16. <meta http-equiv='Cache-Control' content='no-siteapp' />
  17. </head>
  18. <body bgcolor="#000000">
  19. <style>
  20. html,
  21. body {
  22. width: 100%;
  23. height: 100%;
  24. margin: 0;
  25. padding: 0;
  26. display: flex;
  27. align-items: center;
  28. justify-content: center
  29. }
  30. .floatingCirclesG {
  31. z-index: 1000001;
  32. position: relative;
  33. width: 125px;
  34. height: 125px;
  35. margin: auto;
  36. transform: scale(0.6);
  37. -o-transform: scale(0.6);
  38. -ms-transform: scale(0.6);
  39. -webkit-transform: scale(0.6);
  40. -moz-transform: scale(0.6)
  41. }
  42. .f_circleG {
  43. position: absolute;
  44. background-color: #000;
  45. height: 22px;
  46. width: 22px;
  47. border-radius: 12px;
  48. -o-border-radius: 12px;
  49. -ms-border-radius: 12px;
  50. -webkit-border-radius: 12px;
  51. -moz-border-radius: 12px;
  52. animation-name: f_fadeG;
  53. -o-animation-name: f_fadeG;
  54. -ms-animation-name: f_fadeG;
  55. -webkit-animation-name: f_fadeG;
  56. -moz-animation-name: f_fadeG;
  57. animation-duration: .522s;
  58. -o-animation-duration: .522s;
  59. -ms-animation-duration: .522s;
  60. -webkit-animation-duration: .522s;
  61. -moz-animation-duration: .522s;
  62. animation-iteration-count: infinite;
  63. -o-animation-iteration-count: infinite;
  64. -ms-animation-iteration-count: infinite;
  65. -webkit-animation-iteration-count: infinite;
  66. -moz-animation-iteration-count: infinite;
  67. animation-direction: normal;
  68. -o-animation-direction: normal;
  69. -ms-animation-direction: normal;
  70. -webkit-animation-direction: normal;
  71. -moz-animation-direction: normal
  72. }
  73. #frotateG_01 {
  74. left: 0;
  75. top: 51px;
  76. animation-delay: .1995s;
  77. -o-animation-delay: .1995s;
  78. -ms-animation-delay: .1995s;
  79. -webkit-animation-delay: .1995s;
  80. -moz-animation-delay: .1995s
  81. }
  82. #frotateG_02 {
  83. left: 15px;
  84. top: 15px;
  85. animation-delay: .256s;
  86. -o-animation-delay: .256s;
  87. -ms-animation-delay: .256s;
  88. -webkit-animation-delay: .256s;
  89. -moz-animation-delay: .256s
  90. }
  91. #frotateG_03 {
  92. left: 51px;
  93. top: 0;
  94. animation-delay: .3225s;
  95. -o-animation-delay: .3225s;
  96. -ms-animation-delay: .3225s;
  97. -webkit-animation-delay: .3225s;
  98. -moz-animation-delay: .3225s
  99. }
  100. #frotateG_04 {
  101. right: 15px;
  102. top: 15px;
  103. animation-delay: .389s;
  104. -o-animation-delay: .389s;
  105. -ms-animation-delay: .389s;
  106. -webkit-animation-delay: .389s;
  107. -moz-animation-delay: .389s
  108. }
  109. #frotateG_05 {
  110. right: 0;
  111. top: 51px;
  112. animation-delay: .4555s;
  113. -o-animation-delay: .4555s;
  114. -ms-animation-delay: .4555s;
  115. -webkit-animation-delay: .4555s;
  116. -moz-animation-delay: .4555s
  117. }
  118. #frotateG_06 {
  119. right: 15px;
  120. bottom: 15px;
  121. animation-delay: .522s;
  122. -o-animation-delay: .522s;
  123. -ms-animation-delay: .522s;
  124. -webkit-animation-delay: .522s;
  125. -moz-animation-delay: .522s
  126. }
  127. #frotateG_07 {
  128. left: 51px;
  129. bottom: 0;
  130. animation-delay: .5885s;
  131. -o-animation-delay: .5885s;
  132. -ms-animation-delay: .5885s;
  133. -webkit-animation-delay: .5885s;
  134. -moz-animation-delay: .5885s
  135. }
  136. #frotateG_08 {
  137. left: 15px;
  138. bottom: 15px;
  139. animation-delay: .645s;
  140. -o-animation-delay: .645s;
  141. -ms-animation-delay: .645s;
  142. -webkit-animation-delay: .645s;
  143. -moz-animation-delay: .645s
  144. }
  145. @keyframes f_fadeG {
  146. 0% {
  147. background-color: #fff
  148. }
  149. 100% {
  150. background-color: #111
  151. }
  152. }
  153. @-o-keyframes f_fadeG {
  154. 0% {
  155. background-color: #fff
  156. }
  157. 100% {
  158. background-color: #111
  159. }
  160. }
  161. @-ms-keyframes f_fadeG {
  162. 0% {
  163. background-color: #fff
  164. }
  165. 100% {
  166. background-color: #111
  167. }
  168. }
  169. @-webkit-keyframes f_fadeG {
  170. 0% {
  171. background-color: #fff
  172. }
  173. 100% {
  174. background-color: #111
  175. }
  176. }
  177. @-moz-keyframes f_fadeG {
  178. 0% {
  179. background-color: #fff
  180. }
  181. 100% {
  182. background-color: #111
  183. }
  184. }
  185. </style>
  186. <div class="floatingCirclesG" id="engineLoading">
  187. <div class="f_circleG" id="frotateG_01"></div>
  188. <div class="f_circleG" id="frotateG_02"></div>
  189. <div class="f_circleG" id="frotateG_03"></div>
  190. <div class="f_circleG" id="frotateG_04"></div>
  191. <div class="f_circleG" id="frotateG_05"></div>
  192. <div class="f_circleG" id="frotateG_06"></div>
  193. <div class="f_circleG" id="frotateG_07"></div>
  194. <div class="f_circleG" id="frotateG_08"></div>
  195. </div>
  196. <script type="text/javascript">
  197. function getQueryString(name) {
  198. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  199. var r = window.location.search.substr(1).match(reg);
  200. if (r != null) return unescape(r[2]); return null;
  201. }
  202. function loadLib(url) {
  203. var script = document.createElement("script");
  204. script.async = false;
  205. script.src = url;
  206. document.body.appendChild(script);
  207. }
  208. </script>
  209. <script type="text/javascript" src="index-b60cd64a57.js"></script>
  210. </body>
  211. </html>