<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="viewport"
          content="initial-scale=1, width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>支付中心-网上支付 安全快速!</title>
    <link href="__IMG__/ssg/favicon.ico" type="image/x-icon" rel="shortcut icon">
    <link href="__CSS__/ssg/pay-center.css" rel="stylesheet" type="text/css">

    <script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="__JS__/jquery.base64.js" type="text/javascript"></script>
</head>

<body>
<div class="topbar">
    <div class="topcon auto">
        <h1 class="pay-logo">
            <img src="__IMG__/ssg/alipay/pay-logo.png" alt="Logo"></h1>
    </div>
</div>
<div class="container-pay">
    <div class="auto">
        <div class="orders-summary">
            <div class="orders-name">超级签购买</div>
            <div class="orders-desc">订单描述:<span>{$order_id}</span></div>
            <div class="total-money">应付金额:<strong>{$price}</strong></div>
        </div>
        <div class="order-checkbank">
            <div class="order-checkbank-con">
                <div class="order-checkbank-tit">请选择付款方式:</div>
                <ul class="order-checkbank-list">
                    <li>
                        <a href="{$url}"
                           title="支付宝">
                            <img src="__IMG__/ssg/alipay/zfb-icon.png" alt="支付宝">
                        </a>
                    </li>

                </ul>
            </div>
            <div class="order-checkbank-mid">
                <p class="odd">请选择支付方式。建议选择使用支付宝、微信支付、银行卡,支付请直接点击相应付款按钮。如果您使用支付宝账户支付,请点击“支付宝”按钮。</p>
                <p class="odd">如果您选择支付宝、微信支付、银行卡支付时,请遵守相关支付宝、微信支付、财付通的规定进行操作。您在支付宝、微信支付、财付通页面上进行的任何操作及其产生的</p>
                <p>任何法律后果,将按照您与支付宝、微信支付、银行卡之间签订的合同处理。本网站不承担任何责任。</p>
            </div>
        </div>
    </div>
</div>
<!-- 触屏订单通道 -->
<div class="m-order hidden">
    <div class="m-order-base">
        <div class="m-order-item">
            <label>订单名称:</label><span>超级签购买</span>
        </div>
        <div class="m-order-item">
            <label>订单金额:</label><span>{$price}元</span>
        </div>
    </div>
    <div class="m-order-payinfo">
        <div class="payinfo-tit">
            <label>还需支付: </label>
            <span>{$price}元</span>
        </div>
        <a class="order-payinfo-item"
           href="#;" onclick="jump('{$url}', '{$order_id}')"
           title="支付宝">
            <div class="order-payinfo-icon">
                <img src="__IMG__/ssg/alipay/zfb-pic.jpg" alt="支付宝">
            </div>
            <div class="order-payinfo-con">
                <div class="pay-title">支付宝</div>
                <div class="pay-meta">支持支付宝</div>
            </div>
        </a>
    </div>
</div>
<div class="footer-pay">
    <p聚游 版权所有 ©2022 支付中心</p>
</div>
</body>
<script>
    function jump(pay_url, order_id) {
        if(isWeiXin()){
            window.location.href = "/sdk.php/Ipa365/paytip/order_id/"+order_id;
        }else{
            window.location.href=pay_url;
        }
    }
    //判断是否是微信浏览器的函数
    function isWeiXin(){
        //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息,这个属性可以用来判断浏览器类型
        var ua = window.navigator.userAgent.toLowerCase();
        //通过正则表达式匹配ua中是否含有MicroMessenger字符串
        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
            return true;
        }else{
            return false;
        }
    }
</script>
</html>