<?php
/**
 * 下单界面
 */
if (!defined('IN_CRONLITE')) die();
?>
<<!DOCTYPE html>
<html lang="zh"
      style="font-size: 20px;<?= background::image() == false ? 'background:linear-gradient(to left, #70e1f5, #ffd194);' : background::image() ?>">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover,user-scalable=no">
    <script> document.documentElement.style.fontSize = document.documentElement.clientWidth / 750 * 40 + "px";</script>
    <meta name="format-detection" content="telephone=no">
    <meta name="csrf-param" content="_csrf">
    <meta name="csrf-token"
          content="zb8RdlTASyj53AGD_by-GBZEJromgpjqmL4ctpMZwgqH9yU_EIQeRLPtVfqejYd0ID1nzWTJ4pP98Evb8FCWOA==">
    <title><?= $conf['sitename'] ?></title>
    <meta name="keywords" content="<?= $conf['keywords'] ?>">
    <meta name="description" content="<?= $conf['description'] ?>">
    <link href="<?php echo $cdnpublic ?>twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="<?php echo $cdnpublic ?>font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="<?php echo $cdnserver; ?>assets/cool/css/foxui.css">
    <link rel="stylesheet" type="text/css" href="<?php echo $cdnserver; ?>assets/cool/css/style.css">
    <link rel="stylesheet" type="text/css" href="<?php echo $cdnserver; ?>assets/cool/css/foxui.diy.css">
    <link rel="stylesheet" type="text/css" href="<?php echo $cdnserver; ?>assets/cool/css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="<?php echo $cdnserver; ?>assets/cool/css/style(1).css">
    <link rel="stylesheet" type="text/css" href="<?php echo $cdnserver; ?>assets/cool/css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="<?php echo $cdnserver; ?>assets/cool/css/detail.css">
    <link rel="shortcut icon" href="<?php echo $cdnserver; ?>assets/favicon.ico" type="image/x-icon"/>
    <link href="<?php echo $cdnpublic ?>limonte-sweetalert2/7.33.1/sweetalert2.min.css" rel="stylesheet">
    <link href="<?php echo $cdnpublic ?>animate.css/3.7.2/animate.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="<?php echo $cdnserver; ?>assets/layui/css/layui.css"/>
    <link href="<?= $cdnpublic ?>Swiper/4.5.1/css/swiper.min.css" rel="stylesheet">
</head>

<style>
    .fix-iphonex-bottom {
        padding-bottom: 34px;
    }
</style>

<style>
    select {
        /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
        border: solid 1px #000;
        /*很关键：将默认的select选择框样式清除*/
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        /*将背景改为红色*/
        background: none;
        /*加padding防止文字覆盖*/
        padding-right: 14px;
    }

    /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
    select::-ms-expand {
        display: none;
    }

    .fui-page,
    .fui-page-group {
        -webkit-overflow-scrolling: auto;
    }

    .fui-cell-group .fui-cell .fui-input {
        display: inline-block;
        width: 70%;
        height: 32px;
        line-height: 1.5;
        margin: 0 auto;
        padding: 2px 7px;
        font-size: 12px;
        border: 1px solid #dcdee2;
        border-radius: 4px;
        color: #515a6e;
        background-color: #fff;
        background-image: none;
        cursor: text;
        transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out;
    }

    .btnee {
        width: 20%;
        float: right;
        margin-top: -2.8em;
    }

    .fui-cell-group .fui-cell .fui-cell-label1 {
        padding: 0 0.4rem;
        line-height: 0.7rem;
    }

    .fui-cell-group .fui-cell.must .fui-cell-label:after {
        top: 40%;
    }

    /*支付方式*/
    .payment-method {
        position: fixed;
        bottom: 0;
        background: white;
        width: 100%;
        padding: 0.75rem 0.7rem;
        z-index: 1000 !important;
    }

    .payment-method .title {
        font-size: 0.75rem;
        text-align: center;
        color: #333333;
        line-height: 0.75rem;
        margin-bottom: 1rem;
    }

    .payment-method .title span {
        height: 0.75rem;
        position: absolute;
        right: 0.3rem;
        width: 2rem;
    }

    .payment-method .title .close:before {
        font-family: 'iconfont';
        content: '\e654';
        display: inline-block;
        transform: scale(1.5);
        color: #ccc;

    }

    .payment-method .payment {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        padding: 0.7rem 0;
    }

    .payment-method .payment .icon-weixin1 {
        color: #5ee467;
        font-size: 1.3rem;
        margin-right: 0.4rem;
    }

    .payment-method .payment .icon-zhifubao1 {
        color: #0b9ff5;
        font-size: 1.5rem;
        margin-right: 0.4rem;
    }

    .icon-zhifubao1::before {
        margin-left: 1px;
    }

    .payment-method .payment .paychoose {
        font-size: 1.2rem;
    }

    .payment-method .payment .icon-xuanzhong4 {
        color: #2e8cf0;
    }

    .payment-method .payment .icon-option_off {
        color: #ddd;
    }

    .payment-method .payment .paytext {
        flex: 1;
        font-size: 0.8rem;
        color: #333;
    }

    .payment-method button {
        margin-top: 0.8rem;
        background: #2e8cf0;
        color: white;
        letter-spacing: 1px;
        font-size: 0.7rem;
        border: none;
        outline: none;
        width: 17.25rem;
        height: 1.75rem;
        border-radius: 1.75rem;
    }

    .input_select {
        flex: 1;
        height: 1.5rem;
        border-radius: 2px;
        border: none;
        border-bottom: 1px solid #eee;
        outline: none;
        margin-left: 0.4rem;
    }
</style>
<style>
    html {
        background-color: #E3E3E3;
        font-size: 14px;
        color: #000;
        font-family: '微软雅黑'
    }

    a, a:hover {
        text-decoration: none;
    }

    pre {
        font-family: '微软雅黑'
    }

    .box {
        padding: 20px;
        background-color: #fff;
        margin: 50px 100px;
        border-radius: 5px;
    }

    .box a {
        padding-right: 15px;
    }

    #about_hide {
        display: none
    }

    .layer_text {
        background-color: #fff;
        padding: 20px;
    }

    .layer_text p {
        margin-bottom: 10px;
        text-indent: 2em;
        line-height: 23px;
    }

    .button {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        line-height: 30px;
        padding: 0 20px;
        background-color: #56B4DC;
        color: #fff;
        font-size: 14px;
        border-radius: 3px;
        cursor: pointer;
        font-weight: normal;
    }

    .photos-demo img {
        width: 200px;
    }

    .layui-layer-content {
        margin: auto;
    }

    * {
        -webkit-overflow-scrolling: touch;
    }

    .pro_content {
        background-image: linear-gradient(130deg, #00F5B2, #1FC3FF, #00dbde);
        height: 120px;
        position: relative;
        margin-bottom: 4rem;
        background-size: 300%;
        animation: bganimation 10s infinite;
    }

    @keyframes bganimation {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }

    #picture {
        padding-top: 1em;
    }

    #picture div {
        text-align: center;
    }

    #picture img {
        width: auto;
        max-height: 38vh;
        margin: auto;
    }
</style>

<body ontouchstart="" style="overflow: auto;height: auto !important;max-width: 650px;margin: auto;">
<div class="fui-page-group statusbar" style="max-width: 650px;left: auto;">
    <div class="fui-page  fui-page-current " style="overflow: inherit">
        <div id="container" class="fui-content "
             style="background-color: rgb(255, 255, 255); padding-bottom: 60px;">
            <div class="pro_content" style="margin-bottom: 3.5rem;">
                <div class="list_item_box" style="top: 53px;">
                    <div class="bor_detail">
                        <div class="thumb">
                            <img src="">
                        </div>
                        <div class="pro_right fl">
                            <span id="level"></span>
                            <span class="list_item_title" id="gootsp"></span>
                            <div class="list_tag">
                                <div class="price">
                                    <span class="t_price pay_prices" style="display: none">售价：<span
                                                class="pay_price"></span></span>
                                    <span class="t_price pointss" style="display: none"><?= $conf['currency'] ?>：<span
                                                class="points"></span></span>
                                    <span class="stock" style="">剩余:<span class="quota"></span>份</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <marquee style="margin:1em;">
                <?php if ($USERDATA == false) { ?>
                    <a href="user/" style="color: salmon">您当前未登录，点击此段文字进行登陆后再下单，售后更加快捷方便哦~</a>
                <?php } ?>
            </marquee>
            <div class="content_friends">
                <div class="top_tit">
                    商品说明
                </div>
                <div class="hd_intro" id="alert_frame"></div>
            </div>

            <div class="swiper-container" id="swiper"
                 style="display: none;width: 94%;max-height: 42vh;box-shadow: 1px 1px 8px #eee;border-radius: 0.3em">
                <div class="swiper-wrapper" id="picture"></div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>

            <div class="assemble-footer footer">
                <a href="index.php" class="left" style="width: 25% !important;">
                    <div class="wid all">
                        <span class="layui-icon layui-icon-prev top"></span>
                        <p>返回</p>
                    </div>
                </a>
                <a href="javascript:template.SharePoster($_GET['gid'])" class="left" style="width: 25% !important;border-left: solid 1px #eee">
                    <div class="wid all">
                        <span class="layui-icon layui-icon-share top"></span>
                        <p>分享</p>
                    </div>
                </a>
                <a class="middle" href="javascript:$('#paymentmethod').show()"
                   style="background-color: #528ff0 !important;width: 50%">
                    <div class="wid y_buy " style="background-color: #528ff0">
                        <span class="pay_price"></span>
                        <p id="submit_buys"
                        >购买商品</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
</div>
<div id="form1">
    <div id="paymentmethod" class="common-mask" style="display:none;max-width: 650px">
        <div class="payment-method" style="position: absolute;max-height:70vh;">
            <div class="title" id="gid" data-tid="<?= $_GET['gid'] ?>" style="color: salmon;font-size: 1.3em;">
                下单信息确认
                <span class="close" onclick="$('#paymentmethod').hide()"></span>
            </div>
            <hr>
            <div style="height: 52vh;overflow:hidden;overflow-y: auto">
                <div class="layui-form-item" id="moneys_os" style="display: none">
                    <label class="layui-form-label" style="width: 100%;text-align: left;padding:0">商品价格</label>
                    <div class="layui-input-">
                        <input type="text" id="moneys" disabled lay-verify="required" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" id="points_os" style="display: none">
                    <label class="layui-form-label" style="width: 100%;text-align: left;padding:0">积分价格</label>
                    <div class="layui-input-">
                        <input type="text" id="points" disabled lay-verify="required" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" id="repertory" style="display: none">
                    <label class="layui-form-label" style="width: 100%;text-align: left;padding:0">剩余份数</label>
                    <div class="layui-input-">
                        <input type="text" id="residue" disabled lay-verify="required" class="layui-input">
                    </div>
                </div>
                <div>
                    <div id="input_value"></div>
                </div>
                <div id="matching_msg"
                     style="display:none;box-shadow: -3px 3px 16px #eee;margin-bottom: 0em;padding: 1em;text-align: center"></div>
            </div>
            <div class="form-group">
                <input type="button"
                       style="margin:auto;text-align: center;    line-height: 1.75rem;margin-top: 0.8rem;    background: linear-gradient(to right, #7f7fd5, #86a8e7, #91eae4);    color: white;    letter-spacing: 1px;    font-size: 0.7rem;    border: none;    outline: none;    width: 17.25rem;    height: 1.75rem;;"
                       id="submit" class="btn btn-primary btn-block"
                       value="提交订单">
            </div>
        </div>
    </div>
</div>
<script src="<?php echo $cdnpublic ?>jquery/1.12.4/jquery.min.js"></script>
<script src="<?php echo $cdnpublic ?>jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script src="<?php echo $cdnpublic ?>twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="<?php echo $cdnpublic ?>jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="<?php echo $cdnpublic ?>layer/2.3/layer.js"></script>
<script src="<?php echo $cdnserver; ?>assets/layui/layui.all.js"></script>
<script src="<?= $cdnpublic ?>jquery/3.4.1/jquery.min.js"></script>
<script src="<?= $cdnpublic ?>Swiper/4.5.1/js/swiper.min.js"></script>
<script src="<?php echo $cdnpublic ?>limonte-sweetalert2/7.33.1/sweetalert2.min.js"></script>
<script src="<?php echo $cdnserver; ?>assets/js/main.js?var=<?= $accredit['versions'] ?>"></script>
<script>logo = "<?=$conf['logo']?>"</script>
<script src="./template/cool/template.js?var=<?= $accredit['versions'] ?>"></script>
</body>
</html>