{extend name="layout/layout" /}
{block name="title"}我的账户{/block}
{block name="css"}
<!-- 这里引入css -->
<link href="{:client_asset('/css/frontend/common.css')}" rel="stylesheet" type="text/css">
<link href="{:client_asset('/css/frontend/classify.css')}" rel="stylesheet" type="text/css">
<style type="text/css">
    html,body {background:#fff;}
    .head_tit_box{
        background-color: #feedbe;
    }
    .u_h_ltext,
    .u_h_rtext{
        float: left;
        padding-top: .1rem;
        width: 50%;
        height: .34rem;
        font-size: .13rem;
        line-height: .24rem;
        box-sizing: border-box;
    }
    .u_h_ltext{
        text-align: right;
        padding-right: .1rem;
        color: #5e6a94;
    }
    .u_h_rtext{
        text-align: left;
        padding-left: .1rem;
        color: #5e6a94;
    }

    .u_head_txt .btn {
        display: inline-block;
        padding: 6px 40px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #333;
        background-color: #fff;
        border-color: #ccc;
    }
    .u_list_ul a {
        display: block;
        padding: 0 .15rem;
        height: .64rem;
        background: white;
    }
</style>
{/block}
{block name="zepto"}
<!-- 这是zepto插件 -->
{/block}
{block name="menu_title"}我的账户{/block}
{block name="main"}
<!-- 这是正文 body_sytle_girl -->

<div class="body_sytle">

    <div class="u_head_box">
        {present name="user"}
        <div class="u_head_txt">
            <strong>剩余书币</strong>
            <em>{$kandian}</em>
            <div><a href="/clientweb/recharge/pay" class="btn">充值</a></div>
        </div>
        {/present}
    </div>
    <!--u_head_box 用户信息-->

    <div class="u_list_box">
        <ul class="u_list_ul">
            <li>
                <a href="/clientweb/user/record">
                    <div class="u_list_li u_list_li_icon_2"><p>充值记录</p></div>
                </a>
            </li>
        </ul>
    </div>
    <!--u_list_box 用户列表-->
</div>



<!--活动弹框-->
<div {empty name="activityRes"}style="display: none;" {else /}data-type="1"{/empty} class="christmas_popup_box">
<div class="christmas_body">
    <div class="christmas_main">
        <a href="javascript:" class="christmas_close_2"></a>
        {notempty name="$activityRes"}
        <a href="/s/0?rid={$activityRes.id}&aid={$activityRes.aid}" class="christmas_main_but"><img src="{$activityRes.popimage}" /></a>
        {/notempty}
    </div>
</div>
<div class="christmas_jgb"></div>
</div>




{/block}
{block name="footer"}
{/block}
{block name="js"}
<!-- 这里引入js -->
<script>
    $(function () {
        var n = 0;
        $('.u_head_box img').click(function () {
            n++;
            if (n > 4) {
                window.location.href = '/index/index/dev'
            }
        })
    })
</script>
{/block}