

<!DOCTYPE html>
<html lang="en">
<head>
    
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0"> 
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8" />
<link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon" />
<link rel="icon" href="data:;base64,=">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="icon" href="/static/img/20191.png" type="img/x-ico" />
<link rel="stylesheet" href="/static/lib/xadmin/css/xadmin.css">
<link rel="stylesheet" href="/static/lib/xadmin/css/font.css">
<link rel="stylesheet" href="/static/css/public/m2m_public.css">
<link rel="stylesheet" href="/static/lib/myicon/iconfont.css">
<link rel="stylesheet" href="/static/lib/layui/css/formSelects-v4.css" type="text/css">

<script type="text/javascript" src="https://comking.oss-cn-beijing.aliyuncs.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="/static/lib/layui/layui.js"></script>
<script type="text/javascript" src="/static/lib/xadmin/js/xadmin.js"></script>
<script type="text/javascript" src="/static/js/m2m_util.js?v=20210904"></script>
<script type="text/javascript" src="/static/js/public/jquery-qrcode-0.15.0.js"></script>
<script type="text/javascript" src="/static/lib/layui/formSelects-v4.js"></script>


    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>骏捷通信</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }
        a{
            text-decoration:none;
            color: #fff;
        }
        li {
            list-style: none
        }
        .position-circle{
            max-width: 80% ;
            position: absolute;
            top: 23%;
            left: 50%;
            transform: translateX(-50%);
        }
        .position-ad{
            max-width: 75% ;
            position: absolute;
            top: 12%;
            left: 50%;
            transform: translateX(-50%);
        }
        .buttons-wrapper{
            display: flex;
            justify-content: space-between;
        }
        .link-btn{
            color: #fff;
            border-color: #1890ff;
            background: #1890ff;
            text-shadow: 0 -1px 0 rgb(0 0 12%);
            box-shadow: 0 2px #0000000b;
            line-height: 1.8715;
            position: relative;
            display: inline-block;
            font-weight: 400;
            white-space: nowrap;
            text-align: center;
            cursor: pointer;
            transition: all .3s cubic-bezier(.645,.045,.355,1);
            user-select: none;
            touch-action: manipulation;
            height: 38px;
            padding: 2px 15px 6px 15px;
            font-size: 18px;
            border-radius: 20px;
            border:none;
        }
        .link-btn{
            margin: 0 35px;
        }
        .browser_open_box{
            transform: translateX(-50%);
            display: flex;
            text-align: center;
        }
        .browser_open{
            color: #ff464b;
            font-size: 16px;
            text-align: center;
            margin: 20px 0;
        }
        .install_video{
            /* transform: translateX(-50%); */
            margin-top: 20px;
            display: flex;
            justify-content: center;
        }
        .play-video-button{
            background: #10cf3b
        }
    </style>
</head>
<body>
<section class="content">
    <img src="./download.png" alt="" style="width: 100%; height: 100%;">
    <div class="position-wrapper">
        <p class="browser_open">请用浏览器打开此页</p>
        <div class="buttons-wrapper">
            <button class="android_button link-btn"><a href="http://ww.qitag.cn/=0r93">安卓下载</a></button>
            <button class="ios_button link-btn" onclick="tipAndDownload()">苹果下载</button>
        </div>
        <div class="install_video">
            <button class="link-btn play-video-button"  onclick="playVideo()">苹果手机安装教程</button>
        </div>
    </div>
</section>
</body>
<script type="text/javascript">
    var lang = navigator.language||navigator.userLanguage;lang = lang.substr(0, 2);
    function is_weixin() {
            var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger" ||  (ua.indexOf(' qq') != -1 && ua.indexOf('qbwebviewtype') != -1)) {
                return true;
            } else {
                return false;
            }
    }
    // if(is_weixin()){
    //     $("body").empty();
    //     $("body").append('<div class="wx_tip" style="position:absolute;top:0px;height:1000px;background-color:#4a6685;width:100%;"><img src="https://m-h5.oss-cn-hangzhou.aliyuncs.com/mobile/APP/xiazai_yin_dao.png" width="100%"></div>');
    // }

    function tipAndDownload() {
        alert("请确保使用safari(苹果自带)浏览器下载");
        window.location.href = "http://ww.qitag.cn/=0r93";
    }
    function playVideo() {
        window.location.href = "https://m-h5.oss-cn-hangzhou.aliyuncs.com/rzcf/app/jiaocheng/jjtx_jiaocheng_1003.mp4";
    }
</script>
</html>
