<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <title>套圈挑战赛</title>

    <!--http://www.html5rocks.com/en/mobile/mobifying/-->
    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1,minimal-ui=true"/>

    <!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="format-detection" content="telephone=no">

    <!-- force webkit on 360 -->
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <!-- force edge on IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="msapplication-tap-highlight" content="no">

    <!-- force full screen on some browser -->
    <meta name="full-screen" content="yes"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="360-fullscreen" content="true"/>

    <!--fix fireball/issues/3568 -->
    <!--<meta name="browsermode" content="application">-->
    <meta name="x5-page-mode" content="app">

    <!--<link rel="apple-touch-icon" href=".png" />-->
    <!--<link rel="apple-touch-icon-precomposed" href=".png" />-->

    <script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script>

    <script src="//yun.duiba.com.cn/polaris/declare-process.edbd0793356569c4e3aa91ec7d0aebf5a7bd7364.js" crossorigin="anonymous"></script>
    <script src="//yun.duiba.com.cn/polaris/SVGA.Lite.v2.1.1.d3a67cbc13c591c53c6f87ab34c57ce387010374.js" crossorigin="anonymous"></script>
    <script src="//yun.duiba.com.cn/aurora/assets/2403d1edf2acd15b179306b6ddaa5f0967d78a8f.js"></script>

    <link rel="stylesheet" type="text/css" href="{{__remoteUrl__}}style.css"/>

    <style>
        .sui-captcha {
            visibility: hidden;
            position: fixed;
            z-index: 10000;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: rgba(0, 0, 0, 0.7);
            /*.neCaptcha-dialog::after {
                position: absolute;
                content: '加载中…';
                width: 100%;
                height: 30px;
                top: -40px;
                left: 0;
                text-align: center;
                line-height: 30px;
                font-size: 16px;
                color: #ffff00;
            }*/
        }

        .neCaptcha-dialog {
            visibility: hidden;
            background-color: #fff;
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
            -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
            position: absolute;
            left: 50%;
            top: 45%;
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            padding: 10px;
            min-width: 100px;
            border-radius: 10px;
            width: 80%;
        }
    </style>

</head>
<body>
<div id="GameDiv" cc_exact_fit_screen="true">
    <div id="Cocos3dGameContainer">
        <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="99"></canvas>
    </div>
</div>

<script>
    window.voucherPackUrl = "https://mobapp.czbank.com/life/voucherPack.html";
    window.creditsUrl = "https://mobapp.czbank.com/homeChanels/credits.html";
</script>

<!-- Polyfills bundle. -->
<script src="{{__remoteUrl__}}src/polyfills.bundle.js" charset="utf-8"></script>

<!-- SystemJS support. -->
<script src="{{__remoteUrl__}}src/system.bundle.js" charset="utf-8"></script>

<!-- Import map -->
<script src="{{__remoteUrl__}}src/import-map.json" type="systemjs-importmap" charset="utf-8"></script>

<script>
  System.import('{{__remoteUrl__}}index.js').catch(function (err) {
    console.error(err);
  })
</script>

</body>
</html>
