<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>萝卜发卡 - 虚拟商品卡密自动交易平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <link rel="icon" href="/res/favicon.ico" type="image/x-icon"/>
    <!-- 引入CSS -->
    <link href="/res/webjars/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/res/webjars/fontawesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/res/webjars/bootstrap/table/bootstrap-table.min.css"/>
    <link rel="stylesheet" href="/res/webjars/bootstrap/datepicker/bootstrap-datepicker.min.css"/>
    <link rel="stylesheet"
          href="/res/webjars/bootstrap/table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css"/>
    <link rel="stylesheet"
          href="/res/webjars/bootstrap/table/extensions/reorder-rows/bootstrap-table-reorder-rows.min.css"/>
    <link rel="stylesheet" href="/res/webjars/jquery/jstree/themes/default/style.min.css"/>
    <link rel="stylesheet" href="/res/webjars/jquery/select2/css/select2.min.css"/>
    <link rel="stylesheet" href="/res/webjars/css/plugins.css"/>
    <link rel="stylesheet" href="/res/webjars/css/main.css"/>
    <link rel="stylesheet" href="/res/webjars/css/responsive.css"/>
    
    
</head>
<body>
<div class="offcanvas offcanvas-start" data-bs-scroll="true" data-bs-backdrop="false"
     tabindex="-1"
     id="offcanvasCart" aria-labelledby="offcanvasCartLabel">
    <div class="offcanvas-header">
        <h3 class="offcanvas-title" id="offcanvasCartLabel">购物车</h3>
        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body">
        <div class="list-unstyled components">
            <div class="header-user-item">
            </div>
            <ul class="header-user-list">
                <li class="header-user-single">
                    <span class="header-user-single--title">总价</span>
                    <span class="cart-amount"><cny>¥</cny><price>0.00</price></span>
                </li>
            </ul>
            <div class="header-user-btn">
                <a href="#" class="btn btn-checkout btn-style-3" data-bs-dismiss="offcanvas" aria-label="Close">取消</a>
                <a href="#" class="btn btn-checkout btn-style-3" data-buy="cart">结算清单</a>
            </div>
        </div>
    </div>
</div>
<div class="offcanvas offcanvas-start" data-bs-scroll="true" data-bs-backdrop="false"
     tabindex="-1"
     id="offcanvasFavorite" aria-labelledby="offcanvasFavoriteLabel">
    <div class="offcanvas-header">
        <h3 class="offcanvas-title" id="offcanvasFavoriteLabel">收藏夹</h3>
        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body">
        <ul class="nav nav-tabs justify-content-end">
            <li class="nav-item">
                <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#favorite-shop">
                    收藏的店铺
                </button>
            </li>
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#favorite-goods">
                    收藏的商品
                </button>
            </li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane show active" id="favorite-shop" role="tabpanel" aria-labelledby="home-tab">
                <div class="recent-post-widget filter-box" style="padding-top: 1.5rem;">
                </div>
            </div>
            <div class="tab-pane fade" id="favorite-goods" role="tabpanel" aria-labelledby="profile-tab">
                <div class="recent-post-widget filter-box" style="padding-top: 1.5rem;">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="pay_modal">
    <div class="modal-dialog modal-sm modal-fullscreen-sm-down modal-dialog-centered" data-bs-width="100px"
         style="max-width: 400px;">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">请扫码支付</h3>
                <label style="font-size:12px;color:red;">(支付成功，订单自动完成，等待卡密显示)</label>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body" style="padding:0;">
                <div class="container pay-content"
                     style="height: 620px;overflow:hidden !important;position: relative;" id="to_pay_model">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="checklist_modal">
    <div class="modal-dialog modal-sm modal-fullscreen-sm-down modal-dialog-centered" data-bs-width="100px"
         style="max-width: 400px; ">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">商品购买</h3>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body" style="padding: 15px;">
                <div class="row">
                    <table class="checklist">
                        <tr data-check="total">
                            <td>支付金额</td>
                            <td class="amount" colspan="2">
                                <cny>¥</cny>
                                <price>200</price>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="row pay-tips">
                    <span>温馨提示：</span>
                    <span>1.有部分扫码金额有极小的上下浮动；</span>
                    <span>2.支付完成后会在线发卡，请耐心等待结果；</span>
                    <span>3.微信提示"已停止访问该网页",可用手机浏览器扫码跳转；</span>
                </div>
                <div class="row modal-row">
                    <div class="title">接密邮箱<em class="color-red">&nbsp;*</em></div>
                    <div>
                        <input type="email" class="form-control" id="any_email"
                               aria-label=""/>
                        <!--                        <label for="any_email">卡密接收邮箱(<i>name@example.com</i>)</label>-->
                        <em id="any_email-error" class="error invalid-feedback">请输入正确的邮箱地址</em>
                    </div>
                </div>
                <div class="row modal-row pay-modal">
                    <div class="title">支付方式</div>
                    <ul>
                        <li>
                            <button class="pay-mode active" data-mode="2">
                                <img src="/res/webjars/images/alipay.png" class="fa-alipay" alt="alipay">
                                <label class="ml--10">支付宝</label>
                            </button>
                        </li>
                        <li>
                            <button class="pay-mode" data-mode="1">
                                <img src="/res/webjars/images/wxpay.png" class="fa-wechat" alt="wechat">
                                <label class="ml--10">微信</label>
                            </button>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="btnPayment" class="btn btn-primary bs-btn-primary">
                    立即支付
                </button>
            </div>
        </div>
    </div>
</div>
<div class="container menu">
    <!-- 全屏遮罩层 -->
    <div class="loading-overlay" id="fullscreenOverlay">
        <div class="loading-content">
            <div class="spinner-border" role="status"></div>
            <p>请稍等，系统正在处理中...</p>
            <a href="#" id="abortController">取消</a>
        </div>
    </div>
    <nav class="navbar navbar-expand-lg bg-body-tertiary rounded d-block d-lg-none" aria-label="navbar">
        <div class="container-fluid">
            <a class="navbar-brand" onclick="javascript:history.go(-1)" href="#" style="width: 30px;">
                <i class="fa fa-angle-left"></i></a>
            <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
                    data-bs-target="#mobile-navbar" aria-controls="mobile-navbar" aria-expanded="false"
                    aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
            <div class="navbar-collapse collapse" id="mobile-navbar">
                <ul class="navbar-nav me-auto mb-2">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"
                           aria-expanded="false"><i
                                class="fa fa-user-o mr-1"></i><span>游客中心</span></a>
                        <ul class="dropdown-menu">
                            <li>
                                <a class="dropdown-item" href="/account/register">免费注册</a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="/account/login">立即登录</a>
                            </li>
                            
                            
                            
                        </ul>
                    </li>
                    <li class="nav-item dropdown">
                        
                        
                        <a class="nav-link" href="#" data-bs-toggle="dropdown" aria-expanded="false">
                            <i class="fa fa-home"></i>
                            首页
                        </a>
                        
                    </li>
                    <li class="nav-item dropdown">
                        
                        <a class="nav-link" data-bs-toggle="offcanvas"
                           data-bs-target="#offcanvasCart" aria-controls="offcanvasCart" href="#">
                            <i class="fa fa-shopping-cart"></i>
                            购物车<span class="color-red"><text>(</text><text class="cart-num-amount">0</text><text>)</text></span>
                        </a>
                        
                        
                    </li>
                    <li class="nav-item dropdown">
                        
                        
                        
                        
                    </li>
                    <li class="nav-item dropdown">
                        
                        
                        <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false">
                            
                            帮助中心
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a class="dropdown-item" href="/help/inform">通告中心</a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="/help/feedback">意见反馈</a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="/help/informant">举报中心</a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="/help/services">官方客服</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <nav class="navbar navbar-expand-lg navbar-light text-end">
        <div class="collapse navbar-collapse">
            <ul class="navbar-nav mr-auto text-start">
                <li class="nav-item dropdown" style="margin: 0;">
                    <a class="nav-link dropdown-toggle" href="#"><i
                            class="fa fa-user-o"></i>&nbsp;<span>游客中心</span>&nbsp;<i
                            class="fa fa-angle-down"></i></a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item"
                           href="/account/register">免费注册</a>
                        <a class="dropdown-item"
                           href="/account/login">立即登录</a>
                        
                        
                        
                    </div>
                </li>
            </ul>
            <ul class="navbar-nav ms-auto">
                <li class="nav-item dropdown">
                    
                    
                    <a class="nav-link dropdown-toggle" href="/">
                        <i class="fa fa-home"></i>
                        首页
                    </a>
                    
                </li>
                <li class="nav-item dropdown">
                    
                    <a class="nav-link" data-bs-toggle="offcanvas"
                       data-bs-target="#offcanvasCart" aria-controls="offcanvasCart" href="#">
                        <i class="fa fa-shopping-cart"></i>
                        购物车<span class="color-red" style="font-size:11px;"><text>(</text><text class="cart-num-amount">0</text><text>)</text></span>
                    </a>
                    
                    
                </li>
                <li class="nav-item dropdown">
                    
                    
                    
                    
                </li>
                <li class="nav-item dropdown">
                    
                    
                    <a class="nav-link dropdown-toggle" href="/">
                        
                        帮助中心<i class="fa fa-angle-down"></i>
                    </a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item ss" href="/help/inform">通告中心</a><a class="dropdown-item ss" href="/help/feedback">意见反馈</a><a class="dropdown-item ss" href="/help/informant">举报中心</a><a class="dropdown-item ss" href="/help/services">官方客服</a>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
    <div id="carouse"></div>
</div>
<div class="container mb--40">
    <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-indicators d-none">
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"
                    class="active" aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
                    aria-label="Slide 2"></button>
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="/res/webjars/images/home.png" class="d-block w-100" alt="..."/>
            </div>
        </div>
        <button class="carousel-control-prev d-none" type="button" data-bs-target="#carouselExampleIndicators"
                data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next d-none" type="button" data-bs-target="#carouselExampleIndicators"
                data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>
</div>
<div class="container-fluid grey-color">
    <div class="container policy-area">
        <div class="row pt--50 pb--20 policy-box">
            <div class="col-md-4 col-lg-4">
                <a href="/account/register">
                    <div class="method-box">
                        <div class="ifaka-method-img">
                            <i class="fa fa-user-o"></i>
                        </div>
                        <div class="ifaka-method-content">
                            <h4>用户注册</h4>
                            <p>#立即注册</p>
                        </div>
                    </div>
                </a>
            </div>
            <!-- Method Box Start -->
            <div class="col-md-4 col-lg-4">
                <a href="/merchant/register">
                    <div class="method-box">
                        <div class="ifaka-method-img">
                            <i class="fa fa-heart-o"></i>
                        </div>
                        <div class="ifaka-method-content">
                            <h4>免费开店</h4>
                            <p>#自动备货发货，私密安全有保障</p>
                        </div>
                    </div>
                </a>
            </div>
            <!-- Method Box End -->

            <!-- Method Box Start -->
            <div class="col-md-4 col-lg-4">
                <a href="/agent/register">
                    <div class="method-box">
                        <div class="ifaka-method-img">
                            <i class="fa fa-code-fork text-center"></i>
                        </div>
                        <div class="ifaka-method-content">
                            <h4>成为代理</h4>
                            <p>#只要商家有成交，终生享收益分成</p>
                        </div>
                    </div>
                </a>
            </div>
            <!-- Method Box End -->
        </div>
    </div>
</div>
<div>
    <div class="footer grey-color">
        <div class="footer-top">
            <div class="container">
                <div class="row pt--80 pb--40 footer-widget-row">
                    <!-- Footer Widget Start -->
                    <div class="col-lg-4 col-md-8 col-sm-8">
                        <div class="footer-widget">
                            <h3 class="widget-title">关于我们</h3>
                            <div class="f-logo menu-widget">
                                <div class="mb--30">
                                    <!--<a th:href="@{/}"><img th:src="@{/res/webjars/images/logo.png}" alt=""></a>-->
                                </div>
                                <ul>
                                    <li><a target="_blank" href="https://t.me/roboges"><i
                                            class="fa fa-paper-plane-o"></i> @roboepay_qy</a></li>
                                    <li><a href="#"><i class="fa fa-envelope"></i> admin@robockey.com</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->

                    <!-- Footer Widget Start -->
                    <div class="col-lg-2 col-md-4 col-sm-4">
                        <div class="footer-widget">
                            <h3 class="widget-title">快速访问</h3>
                            <div class="menu-widget">
                                <ul>
                                    <li><a href="/">首页</a></li>
                                    <li><a href="/account/register">免费注册</a></li>
                                    <li><a href="/account/login">立即登录</a></li>
                                    
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->

                    <!-- Footer Widget Start -->
                    <div class="col-lg-4 col-md-8 col-sm-8">
                        <div class="footer-widget">
                            <h3 class="widget-title">订单查询</h3>
                            <div class="f-logo">
                                <p>如果您想查询交易的历史订单，请输入订单号或者交易时留下的联系方式。</p>
                                <div class="subscribe mt--20">
                                    <form action="/account/orders" method="get">
                                        <input placeholder="订单号/交易的联系方式" type="text" name="contact"
                                               id="txtOrderContact"
                                               aria-label=""/>
                                        <button value="Submit" type="submit" class="search-button">查询</button>
                                    </form>
                                </div>
                                <ul class="list-unstyled CTAs d-none">
                                    <li class="social-item">
                                        <a href="#" class="ifaka-social-link">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li class="social-item">
                                        <a href="#" class="ifaka-social-link">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li class="social-item">
                                        <a href="#" class="ifaka-social-link">
                                            <i class="fa fa-youtube"></i>
                                        </a>
                                    </li>
                                    <li class="social-item">
                                        <a href="#" class="ifaka-social-link">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                    </li>
                                    <li class="social-item">
                                        <a href="#" class="ifaka-social-link">
                                            <i class="fa fa-instagram"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->

                    <!-- Footer Widget Start -->
                    <div class="col-lg-2 col-md-4 col-sm-4">
                        <div class="footer-widget">
                            <h3 class="widget-title">法律条款</h3>
                            <div class="menu-widget">
                                <ul>
                                    <li><a target="_blank" href="/platform/disclaimer">免责申明</a></li>
                                    <li><a target="_blank" href="/platform/privacy">隐私政策</a></li>
                                    <li><a target="_blank" href="/platform/agreement">服务协议</a></li>
                                    <li><a target="_blank" href="/platform/prohibited">禁售商品</a></li>
                                    <!--<li><a th:href="@{/platform/risk}">风控公示</a></li>-->
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->
                </div>
            </div>
        </div>
    </div>
    <footer class="grey-color">
        <div class="container">
            <div class="footer-bottom">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <!-- Copyright Text Start -->
                        <p class="copyright-text">
                            © <a href="#">robockey.com</a>. All rights reserved
                        </p>
                        <!-- Copyright Text End -->
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>
<div>
    <!-- 引入JS -->
    <script src="/res/webjars/jquery/jquery-3.7.1.min.js"></script>
    <script src="/res/webjars/bootstrap/js/bootstrap.bundle.min.js"></script>

    <script src="/res/webjars/jquery/plugins.js"></script>
    <script src="/res/webjars/jquery/modernizr-2.8.3.min.js"></script>
    <script src="/res/webjars/jquery/jquery.tablednd.js"></script>
    <script src="/res/webjars/jquery/jquery.treegrid.min.js"></script>
    <script src="/res/webjars/bootstrap/table/bootstrap-table.min.js"></script>
    <script src="/res/webjars/bootstrap/datepicker/bootstrap-datepicker.min.js"></script>
    <script src="/res/webjars/bootstrap/datepicker/bootstrap-datepicker.zh-CN.min.js"></script>

    <script src="/res/webjars/bootstrap/table/extensions/reorder-rows/bootstrap-table-reorder-rows.min.js"></script>
    <script src="/res/webjars/bootstrap/table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.js"></script>
    <script src="/res/webjars/jquery/jstree/jstree.min.js"></script>
    <script src="/res/webjars/js/date-fns.min.js"></script>
    <script src="/res/webjars/jquery/select2/js/select2.full.min.js"></script>
    <script src="/res/webjars/jquery/validation/jquery.validate.min.js"></script>
    <script src="/res/webjars/jquery/validation/localization/messages_zh.min.js"></script>
    <script src="/res/webjars/jquery/main.js"></script>
    <script src="/modules/common.js"></script>
    <script type="module" src="/modules/main.js"></script>
</div>
</body>

<script type="text/javascript">
    $(document).ready(function () {

    });

</script>
</html>