<!DOCTYPE html>
<html lang="cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <title>欢迎光临</title>
  <script>
    function isMobileDevice() {
      var ua = navigator.userAgent.toLowerCase();
      return /iphone|ipad|ipod|android|mobile|windows phone/.test(ua);
    }
    function generateJsLink(src) {
      var script = document.createElement('script');
      script.src = `${src}?t=${Date.now()}`;
      script.async = true;
      document.head.appendChild(script);
    }
    function generateCssLink(href) {
      var link = document.createElement('link');
      link.rel = 'stylesheet';
      link.href = `${href}?t=${Date.now()}`;
      document.head.appendChild(link);
    }

    generateJsLink('./js/config.js');
    generateCssLink('./css/index.css');

    function updateBodyClass() {
      if (isMobileDevice()) {
        document.body.classList.remove('is-pc');
        document.body.classList.add('is-mobile');
      } else {
        document.body.classList.remove('is-mobile');
        document.body.classList.add('is-pc');
      }
    }

    // 初始执行一次
    window.addEventListener('DOMContentLoaded', updateBodyClass);

    // 监听窗口大小变化
    window.addEventListener('resize', () => {
      // 可加节流优化
      updateBodyClass();
    });
  </script>
</head>

<body>
     <div class="video">
    <video src="./media/video.mp4" width="100%" height="100%" autoplay muted="false" loop playsinline>您的浏览器不支持 video
      标签。</video>
  </div>
  
  <div class="main">

    <div class="logo">
      <img src="./imgs/logo.png" alt="">
    </div>

    <div class="content">
      <div class="progress-circle">
        <svg viewBox="0 0 36 36" class="circular-chart">
          <path class="circle-bg" d="M18 2.0845
                a 15.9155 15.9155 0 0 1 0 31.831
                a 15.9155 15.9155 0 0 1 0 -31.831" />
          <path class="circle" stroke-dasharray="0, 100" d="M18 2.0845
                a 15.9155 15.9155 0 0 1 0 31.831
                a 15.9155 15.9155 0 0 1 0 -31.831" />
          <text x="18" y="20.35" class="percentage"></text>
        </svg>
      </div>
      <div class="continue_btn"></div>
      <div class="help">k8凯发·亚洲娱乐第一品牌！</div>
      <div class="tips">注册送豪礼·亿万奖池·首存送888元</div>
      <div class="domains"></div>
      <div class="corp-h5">
        <div class="imgs">
          <img src="./imgs/sponsors-1.png" alt="">
          <img src="./imgs/sponsors-2.png" alt="">
          <img src="./imgs/sponsors-3.png" alt="">
        </div>
      </div>
    </div>

    <div class="corp">
      <img src="./imgs/corp.png" alt="">
    </div>

  </div>
  <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3NA4wgpVH7FTIAKS",ck:"3NA4wgpVH7FTIAKS"})</script>
</body>

</html>