{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-color: #ab2520;
    }
    .banner_1{
        display: block;
        height: 2.03rem;
    }
    .banner_2{
        display: block;
        height: 1.52rem;
    }
    .banner{
        overflow: hidden;
    }
    .banner img{
        display: block;
        height: 100%;
        width: 100%;
    }
    .main{
        padding: .1rem 0 0;
        display: block;
        height: 1.87rem;
        background: url({:asset('/img/frontend/specialpay/images/3.jpg')}) no-repeat 0 0;
        background-size: cover;
        box-sizing: border-box;
    }
    .main_tit{
        margin: 0 auto;
        height: .34rem;
        width: 2.5rem;
        background: url({:asset('/img/frontend/specialpay/images/icon_2.png')}) no-repeat center center;
        background-size: 2.5rem auto;
    }
    .main_tit strong{
        display: block;
        margin: 0 auto;
        height: .34rem;
        width: 1.16rem;
        font-size: .18rem;
        text-align: center;
        color: #5d3f27;
        font-weight: normal;
        line-height: .34rem;
    }
    .main_day{
        height: .84rem;
        text-align: center;
        font-size: 0;
        white-space: nowrap;
    }
    .main_day strong{
        padding: 0 .42rem;
        display: inline-block;
        height: .84rem;
        background: url({:asset('/img/frontend/specialpay/images/icon_1.png')}) no-repeat right 90%;
        background-size: auto .38rem;
        font-size: .8rem;
        color: #ff3600;
        font-weight: bold;
        line-height: .8rem;
        -moz-text-shadow:.04rem .04rem .01rem #ffd1be;
        -webkit-text-shadow:.04rem .04rem .01rem #ffd1be;
        text-shadow:.04rem .04rem .01rem #ffd1be;
    }
    .main_des{
        height: .32rem;
        text-align: center;
        font-size: .18rem;
        color: #aa540f;
        line-height: .32rem;
    }
    .footer_but{
        margin-bottom: .16rem;
        padding: .16rem 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%;
    }
</style>
{/block}
{block name="zepto"}
<!-- 这是zepto插件 -->
{/block}
{block name="menu"}{/block}
{block name="main"}
<div class="banner banner_1"><img src="{:asset('/img/frontend/specialpay/images/1.jpg')}" alt="" /></div>
<div class="banner banner_2"><img src="{:asset('/img/frontend/specialpay/images/2.jpg')}" alt="" /></div>
<div class="main">
    <div class="main_tit"><strong>充{$res.money|floatval}元送</strong></div>
    <div class="main_day"><strong>{$res.day}</strong></div>
    <div class="main_des">无限小说 ，随你畅享</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>
{/block}
{block name="js"}
<script type="text/javascript" src="{:asset('/js/frontend/recharge/special_pay.js')}"></script>
{/block}