<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/css/personal/index.css">
    <script src="/js/personal/even.js"></script>
    <script src="/js/personal/index.js"></script>
    <script src="/js/personal/function.js"></script>
</head>
<body>
    <!-- 最大div -->
    <div class="div_user">
        <!-- 上侧信息 -->
        <div class="top_div">
            <!-- 左侧信息 -->
            <div class="message_div_left">
                <div class="left_div_title">个人信息</div>
                <!-- 用户名称跟头像 -->
                <div class="user_img_name">
                    <!-- 头像 -->
                    <img src="https://lidaotech.oss-cn-beijing.aliyuncs.com/test/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20220622112747.png"/>
                    <!-- 用户名称 -->
                    <div class="user_name">
                        <!-- 用户名称标题 -->
                        <div class="title_name_val">昵称</div>
                        <!-- 用户名称 -->
                        <div class="name_div_val">
                            <div>H。</div>
                            <img src="/images/edit.png"/>
                        </div>
                    </div>
                </div>
                <!-- 用户手机号 -->
                <div class="phone_div">
                    <!-- 手机 -->
                    <div class="phoen_left">
                        <div class="phone_title">手机</div>
                        <div class="phone_val">18253583210 （手机号已绑定）</div>
                        <div class="phone_update">修改</div>
                    </div>
                    <!-- 密码 -->
                    <div class="phoen_right">
                        <div class="pass_title">密码</div>
                        <div class="pass_update">修改密码</div>
                    </div>
                </div>
            </div>
            <!-- 右侧信息 -->
            <div class="message_div_right">
                <div class="left_div_title" style="margin-bottom: 42px;">账户信息</div>
                <!-- 账户余额 -->
                <div class="account_div">
                    <div class="account_content">
                        <div class="balance_of">账户余额</div>
                        <div class="blance_content">
                            <span>￥</span>
                            <p>4360</p>
                        </div>
                    </div>
                    <div class="account_button">
                        <div class="button_account">提现</div>
                        <div class="button_account">充值</div>
                    </div>
                </div>
                <!-- 分割样式 -->
                <div class="segmentation_div"></div>
                <!-- 报价权限余额 -->
                <div class="permissions_div">
                    <div class="account_content">
                        <div class="balance_of">报价权限余额</div>
                        <div class="blance_content">
                            <p>8</p>
                            <span>次</span>
                        </div>
                    </div>
                    <div class="account_button">
                        <div class="button_account">购买权限</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 下侧信息 -->
        <div class="bottom_div">
            <div class="left_div_title">收支明细</div>
            <!-- 明细 -->
            <div class="bottom_content">
                <div class="content_div_font">
                    <div class="date_detail">2022-06-20</div>
                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
                    <div class="amount_detail">￥4360</div>
                </div>
                <div class="content_div_font">
                    <div class="date_detail">2022-06-20</div>
                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
                    <div class="amount_detail">￥4360</div>
                </div>
                <div class="content_div_font">
                    <div class="date_detail">2022-06-20</div>
                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
                    <div class="amount_detail">￥4360</div>
                </div>
                <div class="content_div_font">
                    <div class="date_detail">2022-06-20</div>
                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
                    <div class="amount_detail">￥4360</div>
                </div>
                <div class="content_div_font">
                    <div class="date_detail">2022-06-20</div>
                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
                    <div class="amount_detail">￥4360</div>
                </div>
                <div class="content_div_font">
                    <div class="date_detail">2022-06-20</div>
                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
                    <div class="amount_detail">￥4360</div>
                </div>
                <div class="content_div_font">
                    <div class="date_detail">2022-06-20</div>
                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
                    <div class="amount_detail">￥4360</div>
                </div>
                <div class="content_div_font">
                    <div class="date_detail">2022-06-20</div>
                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
                    <div class="amount_detail">￥4360</div>
                </div>
                <div class="content_div_font">
                    <div class="date_detail">2022-06-20</div>
                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
                    <div class="amount_detail">￥4360</div>
                </div>
                <div class="content_div_font">
                    <div class="date_detail">2022-06-20</div>
                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
                    <div class="amount_detail">￥4360</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>