{extend name="layout/layout" /}
{block name="title"}{$res.title}{/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 type="text/css">
    *{
        font-family:"Microsoft YaHei", "微软雅黑";
        border:0;
        margin:0;
        padding:0;
        font-size:14px;
        font-weight:normal;
        font-style:normal;
        text-decoration:none;
        word-break:break-all;
        word-wrap:break-word;
        list-style:none;
        outline:none;
        -webkit-tap-highlight-color: transparent;
        -moz-tap-highlight-color: transparent;
        -ms-tap-highlight-color: transparent;
        tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -moz-touch-callout: none;
        -ms-touch-callout: none;
        touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration: none;
    }

    a {
        -webkit-tap-highlight-color: transparent;
        -moz-tap-highlight-color: transparent;
        -ms-tap-highlight-color: transparent;
        tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -moz-touch-callout: none;
        -ms-touch-callout: none;
        touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration: none;
    }
    html body{
        background:#c11312 url({:asset('/img/frontend/specialpay/images/icon_yun.jpg')});
        background-size: 1.32rem auto;
    }
    .pt_box{
        overflow: hidden;
        padding: 0 0 .9rem;
        background: url({:asset('/img/frontend/specialpay/images/banner_3.png')}) no-repeat 0 bottom;
        background-size: auto .85rem;
    }
    .pt_banner{
        overflow: hidden;
        height: 1.64rem;
    }
    .pt_banner img{
        display: block;
        height: 100%;
        width: 100%;
    }
    .footer_but{
        padding: .2rem 0 0;
    }
    .footer_but_1{
        display: block;
        margin: 0 auto;
        width: 2.3rem;
        height: .48rem;
        background: url({:asset('/img/frontend/specialpay/images/but_1.png')}) no-repeat center center;
        background-size: 100% 100%;
    }
    .footer_but_2{
        display: block;
        margin: 0 auto;
        width: 2.3rem;
        height: .48rem;
        background: url({:asset('/img/frontend/specialpay/images/but_2.png')}) no-repeat center center;
        background-size: 100% 100%;
    }
    .pt_info{
        overflow: hidden;
        margin: 0 auto;
        width: 2.56rem;
        height: 1.6rem;
        border: .01rem solid rgba(253,226,185,.55);
        border-radius: .12rem;
    }
    .pti_tit{
        margin: .1rem auto .2rem;
        height: .28rem;
        width: 2.5rem;
        background: url({:asset('/img/frontend/specialpay/images/icon_4.png')}) no-repeat center center;
        background-size: 2.5rem auto;
    }
    .pti_tit strong{
        display: block;
        margin: 0 auto;
        height: .28rem;
        width: 1.16rem;
        font-size: .18rem;
        text-align: center;
        color: #fde2b9;
        font-weight: normal;
        line-height: .28rem;
    }
    .pti_num{
        overflow: hidden;
        margin: 0 auto;
        height: .52rem;
        text-align: center;
        font-size: 0;
        white-space: nowrap;
    }

    .pti_num strong{
        display: inline-block;
        padding-left: .28rem;
        height: .52rem;
        background: url({:asset('/img/frontend/specialpay/images/icon_5.png')}) no-repeat 0 0;
        background-size: auto .52rem;
        box-sizing: border-box;
    }

    .pti_num span{
        display: block;
        padding-right: .56rem;
        height: .52rem;
        background: url({:asset('/img/frontend/specialpay/images/icon_3.png')}) no-repeat right 0;
        background-size: auto .52rem;
        font-size: .5rem;
        color: #c11312;
        line-height: .52rem;
        box-sizing: border-box;
    }
    .pti_old{
        margin-top: .1rem;
        height: .38rem;
        text-align: center;
        font-size: .18rem;
        color: #f7ac75;
        text-decoration: line-through;
        line-height: .38rem;
    }
</style>
{/block}
{block name="zepto"}
<!-- 这是zepto插件 -->
{/block}
{block name="menu"}{/block}
{block name="main"}

<div class="pt_box">
    <div class="pt_banner"><img src="{:asset('/img/frontend/specialpay/images/banner_1.png')}" alt="" /></div>
    <div class="pt_banner"><img src="{:asset('/img/frontend/specialpay/images/banner_2.png')}" alt="" /></div>
    <div class="pt_info">
        <div class="pti_tit"><strong>充{$res.money|floatval}元得</strong></div>
        <div class="pti_num"><strong><span>{$res.kandian}</span></strong></div>
        <div class="pti_old">原价{$res.cost|floatval}元</div>
    </div>
    <div class="footer_but">
        {if condition="$isRange == 0"}
        <div class="re_but_box">
            <a href="javascript:;" class="footer_but_1" data-money="{$res['money']}" data-business_line="{$business_line}" data-goods-id="{$res['goods_id']}" data-goods-category="{$res['category_id']}" data-urlid="{$res['url_id']}"></a>
        </div>
        {else /}
        <a href="javascript:;" class="footer_but_2"></a>
        {/if}
    </div>
</div>

{/block}
{block name="js"}
<script type="text/javascript" src="{:asset('/js/frontend/recharge/special_pay.js')}"></script>
{/block}