account.html 5.17 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>农丰网--我的账户</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/account.css">
</head>

<body>
    <div class="m-page AccountPage">
        <!-- 顶部通用头 -->
        <div class="m-top">
            <div class="wrap clearfix">
                <a href="" class="text"><span class="m-icon icon-logo-mini"></span>农丰网</a>
                <ul class="links">
                    <li><a href="">账户中心</a>|</li>
                    <li><a href="">采购中心</a>|</li>
                    <li><a href="">销售中心</a>|</li>
                    <li><a href="">客服服务</a>|</li>
                    <li><a href="">帮助中心</a></li>
                </ul>
            </div>
        </div>
        <!-- 主导航栏 -->
        <div class="m-header">
            <div class="wrap clearfix">
                <img src="../images/dest/logo.png" alt="农丰网--我的收银台" class="logo" width="215" height="44">
                <ul class="nav">
                    <li><a href="index.html">首页</a></li>
                    <li class="on"><a href="account.html">我的账户</a></li>
                    <li><a href="record.html">交易记录</a></li>
                    <li><a href="secure.html">安全中心</a></li>
                    <li><a href="help.html">帮助中心</a></li>
                </ul>
            </div>
        </div>
        <!-- content -->
        <!-- 账户信息 -->
        <div class="wrap clearfix">
            <h2>基本信息</h2>
        </div>
        <div class="account wrap clearfix">
            <!-- 资金 -->
            <div class="balance">
                <p>
                    <i class="m-icon icon-wallet"></i><strong>账户可用余额</strong> <em class="font-orange">8910.<i>02</i></em><span class="unit font-gray"></span>
                    <a href="recharge.html" class="m-btn">充值</a><a href="withdrew.html" class="m-btn">提现</a>
                </p>
                <p>
                    <i class="m-icon icon-set"></i><strong>冻结资金</strong> <em class="font-gray">110.<i>02</i></em><span class="unit font-gray"></span>
                    <span class="m-icon icon-qa" data-tips>
                       <span class="tips font-gray">提现、退款资金、退回到银行卡的资金会被冻结在地利宝账户余额中</span>
                    </span>
                </p>
            </div>
            <div class="profile">
                <ul class="summary clearfix">
                    <li><span class="key">昵称:</span> <span class="value">Michael</span> <a href="">修改昵称</a></li>
                    <li><span class="key">真实姓名:</span> <span class="value">文老师</span></li>
                    <li><span class="key">手机号码:</span> <span class="value">183****9908</span> <a href="">修改绑定手机</a></li>
                    <li><span class="key">邮件:</span> <span class="value">wenlaoshi @diligrp.com</span> <a href="">修改绑定邮箱</a></li>
                </ul>
            </div>
        </div>
        <div class="wrap clearfix">
            <h2>常用卡管理</h2>
        </div>
        <div class="wrap clearfix">
            <div class="bank">
                <ul class="clearfix">
                    <li>
                        <p class="info">
                          <span class="type">储蓄卡</span>
                          *朝国&nbsp;&nbsp;&nbsp;&nbsp;添加时间:2014-7-14 
                          <i class="m-icon icon-remove"></i>
                          </p>
                        <p class="clearfix">
                            <span class="bank-logo bank-icbc">中国工商银行</span>
                            <span class="desc">尾号8546<span class="type fasttype">快捷</span></span>
                        </p>
                    </li>
                    <li class="disable">
                        <p class="info"><span class="type">储蓄卡</span>
                        *朝国&nbsp;&nbsp;&nbsp;&nbsp;添加时间:2014-7-14 <i class="m-icon icon-remove"></i></p>
                        <p class="clearfix">
                            <span class="bank-logo bank-boc">中国工商银行</span>
                            <span class="desc">尾号8546</span>
                        </p>
                    </li>
                    <li>
                        <p class="info"><span class="type credittype">信用卡</span>
                        *朝国&nbsp;&nbsp;&nbsp;&nbsp;添加时间:2014-7-14 <i class="m-icon icon-remove"></i></p>
                        <p class="clearfix">
                            <span class="bank-logo bank-icbc">中国工商银行</span>
                            <span class="desc">尾号8546</span>
                        </p>
                        <!--<p class="set">设为常用银行卡</p>-->
                    </li>
                    <li class="add">
                        <a href="bank_new.html"><i class="m-icon icon-add-mini"></i> 添加新银行卡</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>