{extend name="layout/layout" /}
{block name="title"}{$res.aname}{/block}
{block name="css"}
<!-- 这里引入css -->
<link href="{:asset('/css/frontend/common.css')}" rel="stylesheet" type="text/css">
<link href="{:asset('/css/frontend/classify.css')}" rel="stylesheet" type="text/css">
<style>
    body,html {padding:0; margin:0; background:{$res.bgcolor};}
    .page_main img {padding:0; margin:0;width:100%;display: block;}
    .vry_sry{
        display:none;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        overflow: hidden;
        background-color: rgba(0,0,0,.7);
        font-size: 0;
        text-align: center;
        white-space: nowrap;
        box-sizing: border-box;
    }
    .vry_sry a,
    .vry_sry span{
        display: inline-block;
        *display: inline;
        *zoom:1;
        vertical-align: middle;
    }

    .vry_sry span{
        overflow: hidden;
        margin-left: -1px;
        height: 100%;
        width: 1px;
    }
    .vry_sry a{
        height: 3.13rem;
        width: 3.1rem;
        background: url(/assets/img/frontend/activity/btn3.png) no-repeat 0 0;
        background-size: 3.1rem 3.13rem;
    }
</style>
<style>
    .dialoge_bg { position: fixed; left:0; top:0; right:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index: 1; display: none}
    .dialoge_main_div {position: fixed; top:50%; left:50%; margin:-1.655rem 0 0 -1.5125rem; width:3.025rem; height:3.31rem; z-index: 2;}

    .dialoge_main_div .h3 {position:absolute; top:0; left:0; width:100%; height:0.46rem; background:url({:asset('/img/frontend/recharge/pop-tit-bk.png')}) no-repeat center; background-size:2.725rem;
    padding-top:.16rem;
    font-size:0.175rem;
    font-family:PingFang-SC-Bold,PingFang-SC;
    font-weight:bold;
    color:rgba(81,61,61,1);
    text-align: center;
    z-index: 3;
    }
    .dialoge_main { position: relative; margin-top:.395rem;padding-top:.28rem; width:3.025rem; height:2.17rem; background:#fff; border-radius:0.115rem; text-align: center;}

    .suc_ico { margin:0 auto; width:.96rem;}
    .suc_p1 {font-size:.125rem;font-family:PingFangSC-Regular,PingFang SC;color:rgba(184,190,204,1);line-height:.18rem;text-align: center;}
    .dialoge_main .suc_btn_look {
        position:absolute; left:50%; bottom:.19rem;  margin-left:-1.2375rem;
        display:block; width:2.475rem;height:.365rem;line-height:.365rem;background:rgba(255,180,115,1);border-radius:.18rem;color:#fff;}
    .suc_close { position: absolute; right:0; top:-0.4rem; margin-left:-0.13rem; width:.26rem;}
    .suc_close img {width:.26rem;}
</style>
{/block}
{block name="zepto"}
<!-- 这是zepto插件 -->
{/block}
{block name="menu"}{/block}
{block name="main"}
<div class="page_main">
    <div class="a_banner">
        <img src="{$res.bgimage}">
    </div>
    <div class="re_but_box">
        <a href="javascript:;" data-goods-id="{$res.id}" data-goods-aid="{$res.activity_id}" data-money="{$res.money|floatval}" data-goods-category="{$res.classify}"><img src="{$res.bannerimage}" /></a>
    </div>
    <div class="a_footer">
        <img src="{$res.payimage}">
    </div>
    <div class="vry_sry" {notempty name="$isRange"}style="display:block;"{/notempty}>
        <a href="{$payUrl}"></a>
        <span></span>
    </div>
    <input type="hidden" id="tourl" value="{$toUrl}" />
</div>

<div class="dialoge_bg">
    <div class="dialoge_main_div">
        <h3 class="h3" style="background:url({:asset('/img/frontend/recharge/pop-tit-bk.png')}) no-repeat center;background-size:2.725rem;">已充值成功</h3>
        <div class="dialoge_main">
            <img class="suc_ico" src="{:asset('/img/frontend/recharge/pic-delayed.png')}">
            <p class="suc_p1">书币到账可能存在短暂延迟，<br>请稍后刷新继续阅读！</p>
            <a class="suc_btn_look" style="background:#FFB473;" href="javascript:;">去看书</a>
        </div>
        <a class="suc_close" href="javascript:;"><img src="{:asset('/img/frontend/recharge/close.png')}"></a>
    </div>
</div>
<input type="hidden" value="{:$recent_url}" class="js_recent_url">
{/block}
{block name="js"}
<script type="text/javascript" src="{:asset('/js/frontend/activity/pay.js')}"></script>
{/block}