@*@model CZKJ.GBRS2.Model.UserInfoModel*@
@section style{
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/css/user.css">
    <style>
        @@media(min-width:768px) {
            .m-header {
                height: 84px;
                display: block !important;
            }
        }
        .html-main {
            color: #333;
            font-size: 16px;
            line-height: 2;
            padding-bottom: 0px;
            max-width: 100%;
            overflow: auto;
            display: block;
        }
        .html-main img{
            max-width:100%;
        }
    </style>
}
<div class="container user-box">
    <div class="row">
        <div class="col-sm-3 left">
            <div class="user">
            <img src="@(string.IsNullOrWhiteSpace(Model.Head_url)?"/assets/image/avatar.png":Model.Head_url)" alt="">
            <p>@(string.IsNullOrWhiteSpace(Model.Nickname) ? "用户名" : @Model.Nickname)</p>
            <img class="visible-xs-block logout-icon" src="/assets/image/logout.png" alt="">
        </div>
            <div class="user-tab">
                <a class="cur" href="@Url.Action("Notice","User")">绑定操作指引</a>
                <a href="@Url.Action("Index","User")">基本信息</a>
                <a href="@Url.Action("MyPolicy","User",new { userId=Model.Core_customer_code})">我的保单</a>
            </div>
        </div>
        <div class="col-sm-9 right">
            <div class="con">
                <div class="title-h">
                    <h2>绑定操作指引</h2>
                </div>
                <div class="base-info html-main user-guide" style="display:block;">
                    <h3><span class="index">1</span> 第一步：使用微信扫码关注国宝人寿官微</h3>
                    <div class="img-box">
                        <img src="/assets/image/rightPopUp/qrCode.png"/>
                    </div>
                    <h3><span class="index">2</span>第二步：在国宝人寿官微中，点击【享服务】</h3>
                    <div class="img-box">
                        <img src="/assets/image/guide-1.png" />
                    </div>
                    <h3><span class="index">3</span>第三步：使用官网中注册的手机号登录</h3>
                    <div class="img-box">
                        <img src="/assets/image/guide-2.png" />
                    </div>
                    <h3><span class="index">4</span>第四步：点击【我的保单】</h3>
                    <div class="img-box">
                        <img src="/assets/image/guide-3.png" />
                    </div>
                    <h3><span class="index">5</span>第五步：按照客户绑定提示录入信息然后点击提交</h3>
                    <div class="img-box">
                        <img src="/assets/image/guide-4.png" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@section script{
    <script src="/assets/plugins/layer-mobile/layer.js"></script>
    <script>
        window.dataMark = "0$15231983314041342$$15231984162518026$";
        $(function () {
            $(".logout-icon").click(function () {
                layer.open({
                    content: '是否确认退出登录',
                    btn: ['确定', '取消'],
                    yes: function (index) {
                        location.href = "/User/LogOut";
                        layer.close(index);
                    }
                });
            })
        })
    </script>
}