<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>第一弹 - 有弹友，不孤单！</title>

    <meta name="description" content="" />
    <meta name="keywords" content=""/>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="//www-static.diyidan.com/static/image/favicon.ico?v=3dff82015c9a76413ef1989867e8ad2c" type="image/x-icon" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="canonical" href="https://www.diyidan.com/message" />
    <link rel="stylesheet" type="text/css" href="//www-static.diyidan.com/static/css/base.css?v=5fb07f4fce05f80b47015e4d2ec35543">
    <link rel="stylesheet" type="text/css" href="//www-static.diyidan.com/static/css/style.css?v=8b5f2253d486c9750000163e241b759f">
    <script src="//www-static.diyidan.com/static/js/jquery-1.11.1.min.js?v=fffffb1e117d4089f17efb0a90afc413"></script>
    <!-- <script type="text/javascript">
        if (location.protocol != 'https:'){
            location.href = 'https:' + window.location.href.substring(window.location.protocol.length);
        }
    </script> -->
    <!--[if lt IE 9]>
      <script src="//www-static.diyidan.com/static/js/html5shiv.min.js?v=40bd440d29b3a9371b0c63fec41ee64f"></script>
      <style>
        .area_section .area_title{
            background-color:#000;
            filter:alpha(opacity=50);
          }
        #hot_recommend .recomend_section li .rec_title{
            background-color: #000;
            filter:alpha(opacity=50);
          }
      </style>
      <link rel="stylesheet" type="text/css" href="//www-static.diyidan.com/static/ie/css/ie8.css?v=f99e6eb4fa3eaa5d5afad079c32ad16e">
    <![endif]-->

    <script type="text/javascript" src="//www-static.diyidan.com/static/plupload/js/plupload.full.min.js?v=4a431fb4049b24566d27c12e2793d818"></script>
    <script type="text/javascript" src="//www-static.diyidan.com/static/plupload/js/i18n/zh_CN.js?v=d7f06520b9ffc2a196397fc08cf2164f"></script>
    <script src="//www-static.diyidan.com/static/js/qiniu.min.js?v=05a1322679f87d5af603feb8aacfe029"></script>
    <script src="//www-static.diyidan.com/static/js/google_ga1.js?v=e7a3791201d8b54c860eea4eb307b855"></script>
    <style>
    html {
        overflow-y: scroll;
    }
    
    .mes-container {
        position: relative;
        box-sizing: border-box;
        background-clip: content-box;
        margin: 70px auto 0;
        width: 1000px;
        border-left: 240px solid transparent;
        background-color: #fff;
    }
    
    .mes-container::after {
        position: absolute;
        top: 0;
        left: -1px;
        width: 1px;
        height: 500px;
        display: block;
        content: '';
        background-color: #f1f1f2;
    }
    
    .mes-side {
        float: left;
        margin-left: -240px;
        width: 240px;
        height: 500px;
        box-sizing: border-box;
        background: #fff;
    }
    
    .mes-main {
        box-sizing: border-box;
        padding: 0 15px;
        min-height: 600px;
    }
    
    .side-title {
        position: relative;
        text-align: left;
        text-indent: 46px;
        font-size: 16px;
        font-weight: 500;
        color: #212121;
        line-height: 60px;
        border-bottom: 1px solid #f1f1f1;
        z-index: 1;
    }
    /*.side-title::after {
        box-sizing: border-box;
        position: absolute;
        top: 22px;
        right: -7px;
        display: block;
        content: '';
        width: 7px;
        height: 16px;
        border-left: 7px solid #fff;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }*/
    
    .side-item-box {
        box-sizing: border-box;
        padding-left: 40px;
        line-height: 48px;
        color: #6a6a6a;
        font-size: 14px;
        cursor: pointer;
    }
    
    .side-item-box.side-item-on {
        background-color: #FD4C86;
        color: #fff;
    }
    
    .side-item-box:hover {
        color: #FD4C86;
    }
    
    .side-item-box.side-item-on:hover {
        color: #fff;
    }
    
    .side-item-icon {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url('../static/image/mes_side_icons.png') no-repeat -143px -27px/200px;
        vertical-align: -10px;
    }
    
    .side-item-icon-zan {
        background: url('../static/image/mes_side_icons.png') no-repeat -143px -86px/200px;
    }
    
    .side-item-icon-system {
        background: url('../static/image/mes_side_icons.png') no-repeat -142px -143px/200px;
    }
    
    .side-item-box:hover .side-item-icon {
        background: url('../static/image/mes_side_icons.png') no-repeat -25px -27px/200px;
    }
    
    .side-item-box:hover .side-item-icon-zan {
        background: url('../static/image/mes_side_icons.png') no-repeat -25px -86px/200px;
    }
    
    .side-item-box:hover .side-item-icon-system {
        background: url('../static/image/mes_side_icons.png') no-repeat -24px -143px/200px;
    }
    
    .side-item-box.side-item-on .side-item-icon {
        background: url('../static/image/mes_side_icons.png') no-repeat -83px -27px/200px;
    }
    
    .side-item-box.side-item-on .side-item-icon-zan {
        background: url('../static/image/mes_side_icons.png') no-repeat -83px -86px/200px;
    }
    
    .side-item-box.side-item-on .side-item-icon-system {
        background: url('../static/image/mes_side_icons.png') no-repeat -82px -143px/200px;
    }
    
    .side-item-text {
        margin: 0 14px 0 18px;
    }
    
    .side-item-num {
        display: none;
        height: 16px;
        line-height: 16px;
        min-width: 8px;
        text-align: center;
        padding: 0 4px;
        border-radius: 8px;
        font-size: 12px;
        background-color: #ff5252;
        color: #fff;
        vertical-align: 1px;
    }
    
    .side-item-box.side-item-on .side-item-num {
        background-color: #fff;
        color: #FD4C86;
    }
    
    .mes-main-item {
        box-sizing: border-box;
        padding: 20px 45px 20px 25px;
        border-top: 1px solid #f1f1f1;
    }
    
    .mes-main-item:first-of-type {
        border: none;
    }
    
    .main-item-box {
        box-sizing: border-box;
        border-left: 70px solid transparent;
    }
    
    .avatar-box {
        float: left;
        width: 40px;
        height: 40px;
        background: #ddd;
        margin-left: -70px;
        margin-top: 2px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        overflow: hidden;
    }
    
    .avatar-verify-icon {
        position: absolute;
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        margin-top: -14px;
        margin-left: 24px;
    }
    
    .avatar-img-tiny {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .content-head {
        font-size: 12px;
    }
    
    .content-title {
        color: #212121;
    }
    
    .content-time {
        color: #999;
        float: right;
    }
    
    .content-body {
        font-size: 14px;
        line-height: 20px;
        /* max-width: 432px; */
        color: #6a6a6a;
        margin: 4px 0 10px;
        word-break: break-word;
        overflow: hidden;
    }
    
    .content-body a {
        color: #507DAF;
    }
    
    .content-detail {
        position: relative;
        font-size: 12px;
        padding: 10px;
        line-height: 18px;
        color: #6a6a6a;
        background-color: #f8f8f8;
    }
    
    .content-detail::after {
        box-sizing: border-box;
        position: absolute;
        top: -6px;
        left: 14px;
        display: block;
        content: '';
        width: 10px;
        height: 6px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 6px solid #f8f8f8;
    }
    
    .level-icon {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-left: 10px;
        background: url('../static/image/user_level_icon4search.png') no-repeat -11px -6px/69px;
        vertical-align: -4px;
    }
    
    .level2-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -11px -35px/69px;
    }
    
    .level3-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -11px -63px/69px;
    }
    
    .level4-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -11px -90px/69px;
    }
    
    .level5-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -11px -120px/69px;
    }
    
    .level6-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -11px -149px/69px;
    }
    
    .level7-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -11px -181px/69px;
    }
    
    .level8-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -11px -211px/69px;
    }
    
    .level9-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -39px -6px/69px;
    }
    
    .level10-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -39px -34px/69px;
    }
    
    .level11-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -39px -61px/69px;
    }
    
    .level12-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -39px -90px/69px;
    }
    
    .level13-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -39px -120px/69px;
    }
    
    .level14-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -39px -149px/69px;
    }
    
    .level15-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -39px -181px/69px;
    }
    
    .level16-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -39px -211px/69px;
    }
    
    .level17-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -39px -239px/69px;
    }
    
    .level18-icon {
        background: url('../static/image/user_level_icon4search.png') no-repeat -39px -266px/69px;
    }
    
    .mes-more,
    .mes-no-more {
        margin: 10px auto;
        text-align: center;
        padding-bottom: 20px;
    }
    
    .add-more-btn,
    .no-more-btn {
        display: inline-block;
        padding: 5px 10px;
        line-height: 20px;
        font-size: 14px;
        color: #FD4C86;
    }
    
    .add-more-btn {
        padding: 5px 20px 5px 10px;
        cursor: pointer;
        background: url('../static/image/message_center_more_icon.png') no-repeat 70px 8px/14px;
    }
    
    .no-message-result {
        padding: 50px;
    }
    
    .no-message-result img {
        display: block;
        margin: 20px auto;
    }
    
    .no-message-result p {
        text-align: center;
        font-size: 14px;
        color: #6a6a6a;
    }
    
    .user_name_high_light {
        color: #FD4C86;
    }
    
    .zoom_out_emoji {
        width: 20px;
        vertical-align: middle;
    }
</style>

</head>
<body data-viewer_id="">
    <div class="denglu">
    <img class="bou_girl" src="//www-static.diyidan.com/static/image/girlbg02.png?v=b9db3f3d2d912010936106b23483eb85" alt="">
    <div id="login" class="bounce_box">
        <div class="close"><span class="s1">登录</span><span class="s2 box_close"></span></div>
        <input class="telep" id="phone" type="tel" placeholder="请输入手机号" autocomplete required>
        <input class="passw" id="userpassword" type="password" placeholder="请输入密码">
        <img class="telep_bg" src="//www-static.diyidan.com/static/image/telep_bg.png?v=ad0807ba718b1336f0fd4fe18338b00f" alt="">
        <img class="passw_bg" src="//www-static.diyidan.com/static/image/passw_bg.png?v=353ca9d9b275a09280df4864f1e8db35" alt="">
        <!-- <img class="box_close" src="//www-static.diyidan.com/static/image/load_close.png?v=fbc6f850b68ea020b021bd146356cb2e" alt=""> -->
        <span class="show-pw"></span>
        <p class="fuxuan">
            <span class="span01">自动登录</span>
            <span class="login-protocol selected"></span><a class="login-span03" href="https://app.diyidan.net/notice.html">第一弹用户协议</a>
            <span class="span02 to-forget">忘记密码?</span>
        </p>
        <div id="log-btn" class="load_btn"><span></span>登录</div>
        <div class="guodu">
            <span class="login ">注册</span>
            <span>第三方登录</span>
            <span class="other">
        <a class="q1" href="https://www.diyidan.com/login/sso?oauth_type=qq" target="_self"><img
                src="//www-static.diyidan.com/static/image/q1.png?v=969cdb0e8cd174d6e84948173eaed317" alt="ACG社区"></a>
        <a class="q2" href="https://www.diyidan.com/login/sso?oauth_type=wechat" target="_self"><img
                src="//www-static.diyidan.com/static/image/w1.png?v=3f5ca1070aebbac413048110f7ad1540" alt="COSPLAY社区"></a>
        <a class="q3" href="https://www.diyidan.com/login/sso?oauth_type=weibo" target="_self"><img
                src="//www-static.diyidan.com/static/image/x1.png?v=29c980afd6e18b3cd819d99a9477b29b" alt="ACG社区"></a>
      </span>
        </div>
        <div class="login_ewm">
            <img src="//www-static.diyidan.com/static/image/login_address.png?v=ac679de1d78fba9206f33e634c5cc731" alt="ACG社区">
        </div>
        <div class="login_ewm_title">扫我下载APP</div>
    </div>
    <!-- 注册 -->
    <div id="log-in" class="bounce_box log-in">
        <div class="close"><span class="s1">注册</span><span class="s2 box_close"></span></div>
        <input class="telep" id="phone2" type="tel" placeholder="请输入手机号">
        <input class=" name" id="name" type="text" placeholder="请输入昵称">
        <input class=" rel_name" id="rel_name" type="text" placeholder="请输入真实姓名">
        <input class=" rel_id" id="rel_id" type="text" placeholder="请输入身份证号码">
        <input class="passw" id="userpassword2" type="password" placeholder="请输入密码">
        <input class="idcode" id="idcode" placeholder="请输入验证码">
        <img class="telep_bg" src="//www-static.diyidan.com/static/image/cellphone_gray.png?v=96c25d0f9ffae0f7c49d2dea5f0333cf" alt="">
        <img class="name_bg" src="//www-static.diyidan.com/static/image/nickname_gray.png?v=5279db26c80084bd3fde32060dda0652" alt="">
        <img class="passw_bg" src="//www-static.diyidan.com/static/image/password_gray.png?v=421e396b6d63f8cd77fb1a53fb149688" alt="">
        <img class="idcode_bg" src="//www-static.diyidan.com/static/image/val_code_gray.png?v=788ce1d7ae5d14b43629ee5abf5a9c5f" alt="">
        <img class="rel_name_bg" src="//www-static.diyidan.com/static/image/name_gray.png?v=671bf6f9a315893935e3f66019da619c" alt="">
        <img class="rel_id_bg" src="//www-static.diyidan.com/static/image/id_gray.png?v=eeb02a86cd6472459e824c1d7af06e86" alt="">

        <span class="show-pw"></span>
        <span class="get-code no-get">获取验证码</span>
        <span class="register-protocol selected"></span><a class="register-span03" href="https://app.diyidan.net/notice.html">第一弹用户协议</a>
        <div id="" class="load_btn to-next"><span></span>注册</div>
        <div class="guodu">
            <span class="login">登录</span>
            <span>第三方登录</span>
            <span class="other">
        <a class="q1" href="https://www.diyidan.com/login/sso?oauth_type=qq" target="_self"><img
                src="//www-static.diyidan.com/static/image/q1.png?v=969cdb0e8cd174d6e84948173eaed317" alt="ACG社区，COSPLAY社区"></a>
        <a class="q2" href="https://www.diyidan.com/login/sso?oauth_type=wechat" target="_self"><img
                src="//www-static.diyidan.com/static/image/w1.png?v=3f5ca1070aebbac413048110f7ad1540" alt="ACG社区，COSPLAY社区"></a>
        <a class="q3" href="https://www.diyidan.com/login/sso?oauth_type=weibo" target="_self"><img
                src="//www-static.diyidan.com/static/image/x1.png?v=29c980afd6e18b3cd819d99a9477b29b" alt="ACG社区，COSPLAY社区"></a>
      </span>
        </div>
    </div>


    <!-- 忘记密码 -->
    <div id="forget" class="bounce_box forget">
        <div class="close"><span class="s1">忘记密码</span><span class="s2 box_close"></span></div>
        <input class="telep" id="phone3" type="tel" placeholder="请输入手机号">
        <input class="passw" id="userpassword3" type="password" placeholder="请输入新密码">
        <input class="idcode" id="idcode3" placeholder="请输入验证码">
        <img class="telep_bg" src="//www-static.diyidan.com/static/image/telep_bg.png?v=ad0807ba718b1336f0fd4fe18338b00f" alt="">
        <img class="passw_bg" src="//www-static.diyidan.com/static/image/passw_bg.png?v=353ca9d9b275a09280df4864f1e8db35" alt="">
        <img class="idcode_bg" src="//www-static.diyidan.com/static/image/code01.png?v=261045177ac4cf5d888b7103bd5fa076" alt="">
        <span class="show-pw"></span>
        <span class="get-code no-get">获取验证码</span>
        <div id="" class="load_btn" style="letter-spacing: 0px"><span></span>保存新密码并登录</div>
        <div class="guodu">
            <span class="login">登录</span>
            <span>第三方登录</span>
            <span class="other">
        <a class="q1" href="https://www.diyidan.com/login/sso?oauth_type=qq" target="_self"><img
                src="//www-static.diyidan.com/static/image/q1.png?v=969cdb0e8cd174d6e84948173eaed317" alt=""></a>
        <a class="q2" href="https://www.diyidan.com/login/sso?oauth_type=wechat" target="_self"><img
                src="//www-static.diyidan.com/static/image/w1.png?v=3f5ca1070aebbac413048110f7ad1540" alt=""></a>
        <a class="q3" href="https://www.diyidan.com/login/sso?oauth_type=weibo" target="_self"><img
                src="//www-static.diyidan.com/static/image/x1.png?v=29c980afd6e18b3cd819d99a9477b29b" alt=""></a>
      </span>
        </div>
    </div>
</div>


<!-- 实名 -->
<div class="confirm-real-container">
    <div id="confirm-real" class="bounce_box">
        <div class="close mt-20"><span class="s1">实名信息</span><span class="s2 box_close"></span></div>
        <div class="real-name-row mt-40">
            <img class="real-info-icon" src="//www-static.diyidan.com/static/image/name_gray.png?v=671bf6f9a315893935e3f66019da619c" alt="">
            <input class="rel-name-confirm" id="confirm_name" type="text" placeholder="请输入您的真实姓名">
        </div>
        <div class="real-name-row mt-20">
            <img class="real-info-icon" src="//www-static.diyidan.com/static/image/id_gray.png?v=eeb02a86cd6472459e824c1d7af06e86" alt="">
            <input class="rel-id-confirm" id="confirm_id" type="text" placeholder="请输入您的身份证号">
        </div>
        <div class="load_btn to-next"><span class="error-message"></span>提交</div>
    </div>
</div>
<!--end-->


<script type="text/javascript">

    $(function () {

        $('.login-protocol').click(function () {
            $(this).toggleClass('selected');
        });


        $('.register-protocol').click(function () {
            $(this).toggleClass('selected');
        });


        $("#phone").keyup(function (event) {
            if (event.keyCode == 13) {
                checkLoginData();
            }
        });
        $("#userpassword").keyup(function (event) {
            if (event.keyCode == 13) {
                checkLoginData();
            }
        });

        /*---获取验证码---*/
        var clock = null
        var count = 61
        $('#log-in').delegate('.no-get', 'click', function (event) {
            var mobile = $(event.target).closest('.bounce_box').find('.telep').val();
            if (!isMobile(mobile)) {
                $(event.target).closest('.bounce_box').find('.load_btn span').html('请输入正确的电话号码！');
                return;
            }
            sendSms(this, 0)
            setCount()
            $('#log-in .get-code').removeClass('no-get')
            clock = setInterval(setCount, 1000)
            return false
        });

        function setCount() {
            count--
            $('#log-in .get-code').html(count + "秒后重发")
            if (count < 0) {
                clearInterval(clock)
                $('#log-in .get-code').addClass('no-get').html("获取验证码")
                count = 61
            }
        }

        /*忘记密码*/
        var clock2 = null
        var count2 = 61
        $('#forget').delegate('.no-get', 'click', function (event) {
            var mobile = $(event.target).closest('.bounce_box').find('.telep').val();
            if (!isMobile(mobile)) {
                $(event.target).closest('.bounce_box').find('.load_btn span').html('请输入正确的电话号码！');
                return;
            }
            sendSms(this, 1)
            setCount()
            $('#forget .get-code').removeClass('no-get')
            clock2 = setInterval(setCount2, 1000)
            return false
        });

        function setCount2() {
            count2--
            $('#forget .get-code').html(count2 + "秒后重发")
            if (count2 < 0) {
                clearInterval(clock2)
                $('#forget .get-code').addClass('no-get').html("获取验证码")
                count2 = 61
            }
        }

        /*----登陆页面----*/
        $('#login .login').click(function (event) {
            $('#login').animate({left: 0, opacity: 0}, 500)
            $('#log-in').animate({left: '50%', opacity: 1}, 500)
        });
        /*到忘记密码页面*/
        $('#login .to-forget').click(function (event) {
            $('#login').animate({left: 0, opacity: 0}, 500)
            $('#forget').animate({left: '50%', opacity: 1}, 500)
        });
        /*到注册页面*/
        $('#login .login').click(function (event) {
            $('#login').animate({left: 0, opacity: 0}, 500)
            $('#log-in').animate({left: '50%', opacity: 1}, 500)
        });
        /*选中自动登陆*/
        $('#login .fuxuan .span01').click(function (event) {
            if ($('#login .fuxuan .span01').hasClass('ms')) {
                $('#login .fuxuan .span01').removeClass('ms')
            } else {
                $('#login .fuxuan .span01').addClass('ms')
            }
        });
        /*----显示密码----*/
        $('.bounce_box .show-pw').on('click', function (event) {
            var thePass = $(this).closest('.bounce_box')
            if (thePass.find('.show-pw').hasClass('ext')) {
                thePass.find('.show-pw').removeClass('ext')
                thePass.find('.passw').attr('type', 'password');
            } else {
                thePass.find('.show-pw').addClass('ext')
                thePass.find('.passw').attr('type', 'text');
            }
            return false
        });

        function isCardID(idcard) {
                var Errors = new Array(
                    true,
                    "身份证号码位数不对",
                    "身份证号码出生日期超出范围",
                    "身份证号码校验错误",
                    "身份证地区不正确"
                );
                var area = {
                    11: "北京",12: "天津",13: "河北",14: "山西",15: "内蒙古",21: "辽宁",22: "吉林",23: "黑龙江",31: "上海",32: "江苏",33: "浙江",34: "安徽",35: "福建",36: "江西",37: "山东",41: "河南",42: "湖北",43: "湖南",44: "广东",45: "广西",46: "海南",50: "重庆",51: "四川",52: "贵州",53: "云南",54: "西藏",61: "陕西",62: "甘肃",63: "青海",64: "宁夏",65: "新疆",71: "台湾",81: "香港",82: "澳门",91: "国外"
                }
                var retflag = false;
                var idcard, Y, JYM;
                var S, M;
                var idcard_array = new Array();
                idcard_array = idcard.split("");
                //地区检验
                if (area[parseInt(idcard.substr(0, 2))] == null) return Errors[4];
                //身份号码位数及格式检验
                switch (idcard.length) {
                    case 15:
                        if ((parseInt(idcard.substr(6, 2)) + 1900) % 4 == 0 || ((parseInt(idcard.substr(6, 2)) + 1900) %
                            100 == 0 && (parseInt(idcard.substr(6, 2)) + 1900) % 4 == 0)) {
                            ereg = /^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/; //测试出生日期的合法性
                        } else {
                            ereg = /^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/; //测试出生日期的合法性
                        }
                        if (ereg.test(idcard))
                            return Errors[0];
                        else {
                            return Errors[2];
                        }
                        break;
                    case 18:
                        //18位身份号码检测
                        //出生日期的合法性检查
                        //闰年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))
                        //平年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))
                        if (parseInt(idcard.substr(6, 4)) % 4 == 0 || (parseInt(idcard.substr(6, 4)) % 100 == 0 &&
                            parseInt(idcard.substr(6, 4)) % 4 == 0)) {
                            ereg = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/;
                            //闰年出生日期的合法性正则表达式
                        } else {
                            ereg = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;
                            //平年出生日期的合法性正则表达式
                        }
                        var newidcard =idcard.substring(0,(idcard.length-1));
                        if(/\D/.test(newidcard)){
                            return '身份证号码非法';
                        }
                        if(/\D/.test(idcard)&&(/[^X^x]$/.test(idcard)))
                        {
                            return '身份证号码中不能包含除（X、x）以外的字母';
                        }

                        if (ereg.test(idcard)) { //测试出生日期的合法性
                            //计算校验位
                            S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7 + (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9 + (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10 + (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5 + (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8 + (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4 + (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2 + parseInt(idcard_array[7]) * 1 + parseInt(idcard_array[8]) * 6 + parseInt(idcard_array[9]) * 3;
                            Y = S % 11;
                            M = "F";
                            JYM = "10X98765432";
                            M = JYM.substr(Y, 1); //判断校验位
                            if ('x' == idcard_array[17] && 'X' == M) {
                                return Errors[0]; //检测ID的校验位
                            }
                            if (M == idcard_array[17]) return Errors[0]; //检测ID的校验位
                            else return Errors[3];
                        } else return Errors[2];
                        break;
                    default:
                        return Errors[1];
                        break;
                }
            }

        /*实名认证*/
        $('#confirm-real .box_close').click(function () {//关闭实名认证窗口
            $(".confirm-real-container").hide();
            send_signout_data();
        });

        $('#confirm-real .load_btn.to-next').click(
            function () {
                var realName = $('#confirm_name').val();
                var realId = $('#confirm_id').val();
                if (realName == '') {
                    $(event.target).closest('#confirm-real').find('.load_btn span').html('请输入您的真实姓名！');
                    return;
                }

                if (realId === '' || (isCardID(realId) !== true)) {
                    $(event.target).closest('#confirm-real').find('.load_btn span').html(isCardID(realId));
                    return;
                }

                submitRealNameInfo(realName, realId)

            }
        )


        /*-------注册页面-----*/
        /*到登陆页面*/
        $('#log-in .login').click(function (event) {
            $('#login').animate({left: '50%', opacity: 1}, 500)
            $('#log-in').animate({left: '100%', opacity: 0}, 500)
        });
        /*$('#log-in').on('.no-get','click',function(event) {
          sendSms(this,0);
          alert(0)
        });*/
        /*提交*/




        $('#log-in .load_btn').click(function (event) {
            var phoneNum = $("#phone2").val();
            var username = $("#name").val();
            var userPassword = $("#userpassword2").val();
            var smsCode = $("#idcode").val();
            var rel_name = $("#rel_name").val();
            var rel_id = $("#rel_id").val();






            if (!isMobile(phoneNum)) {
                $(event.target).closest('.bounce_box').find('.load_btn span').html('请输入正确的电话号码！');
                return;
            }
            if (!username) {
                $(event.target).closest('.bounce_box').find('.load_btn span').html('请输入昵称！');
                return;
            }
            // if(!isRelName(rel_name)) {
            if (rel_name === '') {
                $(event.target).closest('.bounce_box').find('.load_btn span').html('请输入真实姓名！');
                return;
            }
            // if(!isRelID(rel_id)) {
             if (rel_id === '' || (isCardID(rel_id) !== true)) {
                $(event.target).closest('.bounce_box').find('.load_btn span').html(isCardID(rel_id));
                return;
            }

            if (!isPassword(userPassword)) {
                $(event.target).closest('.bounce_box').find('.load_btn span').html('请输入6~20位密码！');
                return;
            }
            if (userPassword.length <= 0 || smsCode <= 0 || username <= 0) {
                $(event.target).closest('.bounce_box').find('.load_btn span').html("请输入正确的数据！");
                return
            }
            // if (!$('.rel_read input').is(':checked')){
            //   $(event.target).closest('.bounce_box').find('.load_btn span').html("请输阅读注册服务协议！");
            //   return
            // }

            if (!$('.register-protocol').hasClass('selected')) {
                $(event.target).closest('.bounce_box').find('.load_btn span').html('请同意第一弹用户协议！');
                return;
            }

            var data = {
                "mobile": phoneNum,
                "nickName": username,
                "password": userPassword,
                "smsCode": smsCode,
                'userRealName': rel_name,
                'userPRCId': rel_id
            }
            $.ajax({
                url: "/register",
                type: "POST",
                async: true,
                timeout: 5000,
                data: data,
                dataType: "json",
                error: function () {

                },
                success: function (data, status) {
                    var code = data.code;
                    if (code != 200) {
                        $(event.target).closest('.bounce_box').find('.load_btn span').html(data.message);
                    } else {
                        window.location.reload();
                    }
                }
            })


        });
        /*----忘记密码页面----*/
        /*到登陆页面*/
        $('#forget .login').click(function (event) {
            $('#login').animate({left: '50%', opacity: 1}, 500)
            $('#forget').animate({left: '100%', opacity: 0}, 500)
        });

        $('#forget .load_btn').click(function (event) {
            var phoneNum = $("#phone3").val();
            var userPassword = $("#userpassword3").val();
            var smsCode = $("#idcode3").val();
            if (!isPassword(userPassword)) {
                $(event.target).closest('.bounce_box').find('.load_btn span').html('请输入6~20位密码！');
                return;
            }
            if (userPassword.length <= 0 || smsCode <= 0) {
                $(event.target).closest('.bounce_box').find('.load_btn span').html("请输入正确的数据");
                return
            }
            var data = {
                "mobile": phoneNum,
                "newPass": userPassword,
                "smsCode": smsCode
            }
            $.ajax({
                url: "/forgetPassword",
                type: "PUT",
                async: true,
                timeout: 5000,
                data: data,
                dataType: "json",
                error: function () {

                },
                success: function (data, status) {
                    var code = data.code;
                    if (code != 200) {
                        $(event.target).closest('.bounce_box').find('.load_btn span').html(data.message);
                    } else {
                        window.location.reload();
                    }
                }
            })


        });

        /*$('#forget .get-code').click(function(event) {
          sendSms(this,1);
        });*/
        /*$('#forget').on('.no-get','click',function(event) {
          sendSms(this,1);
        });*/
        /*-------验证手机号----*/
        $('.bounce_box .telep').on('blur', function (event) {
            var phone = $(this).val();
            if (!isMobile(phone)) {
                $(this).closest('.bounce_box').find('.load_btn span').html('请输入正确的电话号码！')
            } else {
                $(this).closest('.bounce_box').find('.load_btn span').html('')
            }
        });

    });

    /*-------发验证码----*/
    function sendSms(ele, source) {
        var source = source == 0 ? 'register' : 'resetpass'
        var mobile = $(ele).closest('.bounce_box').find('.telep').val()
        // alert(source+'---------------'+mobile)
        if (!isMobile(mobile)) {
            $(ele).closest('.bounce_box').find('.load_btn span').html('请输入正确的电话号码！');
            return;
        }
        var data = {
            mobile: mobile,
            source: source, /*设置register,resetpass*/
        };
        $.ajax({
            url: "/sms",
            type: "POST",
            async: true,
            timeout: 5000,
            data: data,
            dataType: "json",
            error: function () {

            },
            success: function (data, status) {
                var code = data.code;
                if (code != 200) {
                    $(ele).closest('.bounce_box').find('.load_btn span').html(data.message)


                } else {

                }
            }
        })
    }

    /*
    * 实名信息提交
    * */
    function submitRealNameInfo(realName, realId) {
        //
        $.ajax({
            url: "/user/shimingzhi/check",
            type: "PUT",
            async: true,
            timeout: 5000,
            data: {
                userRealName: realName,
                userPRCId: realId
            },
            dataType: "json",
            error: function (data, msg) {

                if (data.status === 403) {
                    $('#confirm-real .error-message ').html("身份信息不正确，访问受限");
                }
            },
            success: function (data, status) {
                var code = data.code;

                if (code != 200) {
                    $('#confirm-real .error-message ').html(data.message);

                } else {
                    window.location.reload();
                }
            }
        })

    }


    function isMobile(str) {
        var pattern = /^1[23456789]\d{9}$/;
        return pattern.test(str);
    }

    function isPassword(str) {
        var pattern = /.{6,20}/;
        return pattern.test(str);
    }

    function isRelName(str) {
        var pattern = /[\u4e00-\u9fa5]{1,20}|[a-zA-Z\.\s]{1,20}/;
        return pattern.test(str);
    }

    function isRelID(str) {
        var pattern = /\d{15}|\d{17}[0-9Xx]/;
        return pattern.test(str);
    }
</script>    <div class="sidebar_fix">
    <a href="#">
    		<span class="to_top">返回顶部</span>
    		<span class="angle"></span>
    </a>
    <img src="//www-static.diyidan.com/static/image/siderbar.png?v=aa1e1be6c5189778be3f1e417eb5ac01"  width="140px" alt="COSPLAY社区">
    <a href="/"><span class="to_down">点击下载</span></a>
    <a href="javascript:"><span class="to_down opinion-feedback">意见反馈</span></a>
</div>    
<!-- 头部 -->
<div class="header">
        <style>
        .k_highlight {
            color: #FD4C86 !important;
        }

        .bubble-position {
            width: 135px;
            height: 68px;
        }

        .bubble {
            position: absolute;
            background-color: #FFF;
            width: 214px;
            height: 48px;
            font-size: 14px;
            line-height: 48px;
            color: #FFF;
            right: 0;
            top: 68px;
            box-shadow: 0 2px 4px 0 rgba(253, 76, 134, 0.2);
        }
        .bubble a {
            transition: 0.6s all ease;
            color: #202025;
            padding-left: 45px;
            width: auto;
            float: left;
            line-height: 48px;

        }
        .bubble a.nav-edit {
            background: #fff url("//www-static.diyidan.com/static/image/nav-edit.png?v=5d75c0a0782f9199b9f480f2d533af01") no-repeat 20px 15px;
            background-size: 18px 18px;
            margin-right: 10px;
        }

        .bubble a.nav-manage {
            background: #fff url("//www-static.diyidan.com/static/image/nav-manage.png?v=f079768bc2465e0489a7026ca7dbf2c8") no-repeat 20px 15px;
            background-size: 18px 18px;
        }

        .bubble a.nav-edit:hover, .bubble a.nav-manage:hover {
            opacity: 0.7;
            color: #ff4b85;
        }

        .bubble:before {
            position: absolute;
            content: "";
            right: 30px;
            top: -16px;
            width: 0;
            height: 0;
            border-top: 0.6rem solid transparent;
            border-right: 0.6rem solid transparent;
            border-bottom: 0.6rem solid #FFF;
            border-left: 0.6rem solid transparent;
        }

        .bubble-position.hide {
            display: none;
        }

    </style>
    <div class="header_in" style="width: 1040px;" >
        <a href="/tokyoko">
            <img class="index-log" src="//www-static.diyidan.com/static/image/logo.png?v=ea8d1dee5f09202b596739af0d88319c" alt="COSPLAY社区">
        </a>
        <div class="index-right">
            <!--用户登陆了-->
            <div id="head_user_box" class="index-spot index-spot01" style="display:none;">
                <div class="my-spot f2" id="custom-bubble">
                    <a class="nav-post-btn" href="/postedit/pic">我要发帖</a>
                    <div class='bubble-position hide'>
                        <div class='bubble'>
                            <a href="/postedit/pic" class="nav-edit">发帖</a>
                            <a href="/manage/index" class="nav-manage">内容管理</a>
                        </div>
                    </div>

                </div>
                <script type="text/javascript">

                    $(function () {
                        $('#custom-bubble').hover(function () {
                            $('#custom-bubble .bubble-position').removeClass('hide')
                        },function () {
                            $('#custom-bubble .bubble-position').addClass('hide')
                        })

                    })

                </script>
                <div class="index-me index-me01">
                    <span><a target="_blank" href="/message"><span class="header_msg_icon"></span></a><span
                            class="head_info_tag">0</span></span>
                    <div class="head_info_container">
                        <div class="head_info_center">
                            <ul class="head_info_wrap">
                                <a target="_blank" href="/message">
                                    <li class="head_info_item" data-type="comment_at_me"><span
                                            class="head_info_item_text">回复我的<span
                                            class="head_info_item_tag head_info_item_tag_comment">0</span></span>
                                    </li>
                                </a>
                                <a target="_blank" href="/message">
                                    <li class="head_info_item" data-type="like_at_me"><span class="head_info_item_text">赞&糖果<span
                                            class="head_info_item_tag head_info_item_tag_like">0</span></span>
                                    </li>
                                </a>
                                <a target="_blank" href="/message">
                                    <li class="head_info_item" data-type="system_notification"><span
                                            class="head_info_item_text">系统消息<span
                                            class="head_info_item_tag head_info_item_tag_system">0</span></span>
                                    </li>
                                </a>
                            </ul>
                        </div>
                    </div>


                </div>
                <div class="idst_l">
                    <a class="head_user_avator" href="javascript:void(0);" onclick="">
                        <img class="touxiang" src="" alt=""><em
                            style="display: none; position: absolute;width: 16px;height: 16px;margin-left: -14px;margin-top: 24px;"
                            class="userInfo_icon4head"></em>
                    </a>

                    <!--<div class="xiaoxi" onclick="gotoUserPage()">
              <img src="//www-static.diyidan.com/static/image/xiaoxi.png?v=6d065543187c82baf7ece92a65628089" style="margin-bottom: -2px;" alt="">
              <span >消息</span>
            </div>-->
                    <div class="zoom_user_avator zoomIn_user_avator">
                        <a class="a_link_home" target="_blank" href=""><img src="" alt=""></a>
                    </div>
                    <div class="head_container" id="head_container">
                        <div class="head_btn_wrap">
                            <div class="btn_wrap_item clr">
                                <!-- <span class="head_candy_box">糖果:&nbsp;8</span> -->
                                <span class="head_signin" onclick="avatarCheckIn(this)">签到</span>
                            </div>
                            <div class="btn_wrap_item level_center_box">
                                <p class="head_nickname">我是昵称</p>
                                <span class="head_user_level">Lv7</span>
                                <span class="head_level_progress"><span style="width:77.8%;" class="achieve_level">&nbsp;</span></span>
                                <p class="head_level_nums text_right">437/500</p>
                            </div>
                            <div class="btn_wrap_item">
                                <ul class="link_btn_wrap">
                                    <a class="a_link_home" target="_blank" href="">
                                        <li class="link_btn_item"><span class="link_btn_icon link_btn_icon_home"></span>个人主页
                                        </li>
                                    </a>
                                    <a class="a_link_post" target="_blank" href="">
                                        <li class="link_btn_item"><span class="link_btn_icon link_btn_icon_post"></span>我的帖子
                                        </li>
                                    </a>
                                    <a class="a_link_collect" target="_blank" href="">
                                        <li class="link_btn_item"><span
                                                class="link_btn_icon link_btn_icon_collect"></span>我的收藏
                                        </li>
                                    </a>
                                    <a class="a_link_profile" target="_blank" href="/user/setting">
                                        <li class="link_btn_item"><span
                                                class="link_btn_icon link_btn_icon_profile"></span>个人资料
                                        </li>
                                    </a>
                                </ul>
                            </div>
                            <div class="btn_wrap_item last_btn_item">
                                <span class="head_btn_logout" id="logout_btn">退出</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--用户未登陆-->
            <div id="head_login_box" class="index-spot " style="display:none;">
                <div class="index-me">
                    <span><a class="out" id="login_btn" onclick="onlyLogin()">登录/注册</a></span>
                </div>
                <div style="cursor: pointer;" class="index-me my-spot" onclick="postLogin()"><span>我要发帖</span></div>
            </div>
            <div class=" index-nav01" style="margin-left: -326px;" >
                <li class="li_01" style="width: 80px;" ><a
                        href="/tokyoko" class="inla_click" >首页</a>
                </li>
                <li class="li_02" style="width: 80px;" ><a
                        href="/blockall" >热区</a>
                </li>
                <!-- <li class="li_03" style="width: 80px;" ><a
                        href="/gamecenter"
                        >游戏</a></li> -->
                <li class="li_05na" style="width: 80px;" ><a
                        href="/"                         target="_blank" rel="noopener noreferrer">下载</a></li>

                <li class="li_04" ><a href="https://www.diyidan.com/mitako/download.html" target="_blank" rel="noopener noreferrer">虾淘下载</a></li>

                <!--判断用户是否登陆-->
                <!--  -->
            </div>

            <!--临时添加资讯tag-->
            <div class="head_search_box" style="width: 172px;right: 24%"
                 style="right: 26%;" >
                <div class="head_input_box">
                    <em id="change_hot_words" data-holder=""></em>
                    <input id="head_search_input" type="text" placeholder="" data-holder="" style="width: 70%">
                    <span class="head_search_icon"></span>
                </div>
                <div class="head_focus_box" style="display: none;">
                    <div class="focus_history_box" style="display: none;">
                        <div class="focus_title_box">搜索历史
                            <span class="clear_history">清除历史</span>
                        </div>
                        <ul class="history_list clearfix">

                        </ul>
                    </div>
                    <div class="focus_hotSrh_box">
                        <div class="focus_title_box">今日热搜</div>
                        <ul class="hotSrh_list">

                        </ul>
                        <ul class="h_ajax_res_list" style="display: none;"></ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="//www-static.diyidan.com/static/js/highlight/jquery.highlight.js?v=668818eb88fa72f041e349910373eb63"></script>
    <script type="text/javascript">
        $(function () {
            //登出按钮绑定
            $('#logout_btn').on('click', function () {
                send_signout_data();
            });

            hotAjaxSearch();

            var $head_search_input = $('#head_search_input'),
                $head_search_icon = $('.head_search_icon'),
                $head_focus_box = $('.head_focus_box'),
                $history_list = $('.history_list'),
                $focus_history_box = $('.focus_history_box'),
                $clear_history = $('.clear_history'),
                $hotSrh_list = $('.hotSrh_list'),
                $focus_title_box = $('.focus_title_box'),
                $h_ajax_res_list = $('.h_ajax_res_list'),
                $change_hot_words = $('#change_hot_words'),
                $idst_l = $('.idst_l'),
                $head_container = $('#head_container'),
                $head_user_avator = $('.head_user_avator'),
                $zoom_user_avator = $('.zoom_user_avator'),
                $index_me01 = $('.index-me01'),
                $head_info_container = $('.head_info_container'),
                inTime = 0,
                outTime = 0,
                inTimer = null,
                outTimer = null,
                info_inTime = 0,
                info_outTime = 0,
                info_inTimer = null,
                info_outTimer = null;

            var set20sec = window.setInterval(hotWordsAnimate, 20000);

            // 避免首次hover时突然闪现情况
            $zoom_user_avator.addClass('zoomIn_user_avator').removeClass('zoomIn_user_avator')

            // 页面加载时，请求热搜数据

            // 加载缓存的搜索历史
            // showSearchHistory($history_list, $focus_history_box, 'head');

            $idst_l.mouseenter(function () {
                inTime = new Date().getTime();
                clearTimeout(inTimer);
                if (inTime - outTime < 300) {
                    clearTimeout(outTimer);
                    outTimer = null;
                }
                inTimer = setTimeout(function () {
                    $head_user_avator.css('opacity', 0);
                    $idst_l.css('border-color', 'transparent');
                    $zoom_user_avator.css('opacity', 1).addClass('zoomIn_user_avator');
                    $head_container.slideDown("fast");
                    clearTimeout(inTimer)
                    inTimer = null
                }, 300)
            });
            $index_me01.mouseenter(function () {
                info_inTime = new Date().getTime();
                clearTimeout(info_inTimer);
                if (info_inTime - info_outTime < 300) {
                    clearTimeout(info_outTimer);
                    info_outTimer = null;
                }
                info_inTimer = setTimeout(function () {
                    getUserNotification();
                    $head_info_container.slideDown("fast");
                    clearTimeout(info_inTimer);
                    info_inTimer = null;
                }, 300)
            });

            $idst_l.mouseleave(function () {
                outTime = new Date().getTime();
                if (outTime - inTime < 300) {
                    clearTimeout(inTimer)
                    inTimer = null;
                }
                clearTimeout(outTimer)
                outTimer = setTimeout(function () {
                    var zoomTime = null;
                    clearTimeout(zoomTime);
                    $zoom_user_avator.removeClass('zoomIn_user_avator');
                    zoomTime = setTimeout(function () {
                        $zoom_user_avator.css('opacity', 0);
                        $head_user_avator.css('opacity', 1);
                        $idst_l.css('border-color', '#c2c2c2');
                        clearTimeout(zoomTime);
                    }, 300)
                    $head_container.slideUp("fast");
                    clearTimeout(outTimer)
                    outTimer = null
                }, 300)
            });
            $index_me01.mouseleave(function () {
                info_outTime = new Date().getTime();
                if (info_outTime - info_inTime < 300) {
                    clearTimeout(info_inTimer)
                    info_inTimer = null;
                }
                clearTimeout(info_outTimer)
                info_outTimer = setTimeout(function () {
                    $head_info_container.slideUp("fast");
                    clearTimeout(info_outTimer);
                    info_outTimer = null;
                }, 300)
            });

            $('.link_btn_wrap a').click(function () {
                $zoom_user_avator.removeClass('zoomIn_user_avator');
                $zoom_user_avator.css('opacity', 0);
                $head_user_avator.css('opacity', 1);
                $idst_l.css('border-color', '#c2c2c2');
                $head_container.hide();
            })

            $('.index-me01').click(function (event) {
                $('.head_info_container').hide();
            });
            /*$('.index-me01').mouseenter(function(event) {
                $('.head_info_container').show();
            });
            $('.index-me01').mouseleave(function(event) {
                $('.head_info_container').hide();
            });*/

            // 进入消息中心
            $('.head_info_item').click(function () {
                var type = $(this).attr('data-type');
                sessionStorage.setItem('dyd_message_center_type', type);
            })

            // 搜索框聚焦
            $head_search_input.click(function () {
                set20sec = window.clearInterval(set20sec);
                $('#change_hot_words').removeClass('m_step2');
                $change_hot_words.hide();
                $(this).attr('placeholder', $change_hot_words.text()).attr('data-holder', $change_hot_words.text());
                $head_search_icon.addClass('head_search_icon_focus');

                if (!$(this).val()) {
                    $focus_title_box.show();
                    // showSearchHistory($history_list, $focus_history_box, 'head');
                    $hotSrh_list.show();
                    $h_ajax_res_list.html('').hide();
                } else {
                    $focus_title_box.hide();
                    $hotSrh_list.hide();
                    $history_list.hide();
                    $h_ajax_res_list.show();
                }

                $head_focus_box.show();
                return false;
            });

            // 清除搜索历史
            $clear_history.click(function () {
                $head_search_input.focus();
                StorageRemover('search_his');
                reloadUrl();
                // $history_list.html('');
                return false;
            })

            // 给document注册点击隐藏浮层事件，清除历史点击是阻止冒泡

            $(document).click(function () {
                set20sec = window.clearInterval(set20sec);
                $('#change_hot_words').removeClass('m_step2');
                $head_search_icon.removeClass('head_search_icon_focus');
                $head_focus_box.hide();
                $('.srh_hd_focus_box').hide();
                if (!$head_search_input.val().trim())
                    $change_hot_words.show();
                $head_search_input.attr('placeholder', '');
                set20sec = window.setInterval(hotWordsAnimate, 20000);
            });

            // 搜索框输入
            $head_search_input.bind('input propertychange', function () {
                var ajax_data = $(this).val().trim();
                if (ajax_data) {
                    $focus_history_box.hide();
                    $focus_title_box.hide();
                    $hotSrh_list.hide();
                    ajaxSearch(ajax_data, 'head');
                } else {
                    $('.h_ajax_res_list').html('').hide();
                    $focus_title_box.show();
                    $hotSrh_list.show();
                    $history_list.show();
                    // showSearchHistory($history_list, $focus_history_box, 'head');
                }
            });

            // 按匹配关键词搜索
            $(document).on('click', '.h_ajax_res_list li', function () {
                var val = $(this).text();
                newStorage(val, false, 'post', '综合');
                showSearchRes(val, false);
                return false;
            })

            // 直接按历史搜索
            $(document).on('click', '.history_list li', function () {
                var val = $(this).text();
                newStorage(val, false, 'post', '综合');
                showSearchRes(val, true);
            })

            // 直接按热搜搜索
            $(document).on('click', '.hotSrh_list li', function () {
                var val = $(this).text();
                val = val.slice(val.indexOf('.') + 1);
                newStorage(val, false, 'post', '综合');
                showSearchRes(val, false);
            })

            // 回车查询
            $head_search_input.keydown(function (event) {
                event = event || window.event;
                if (event.keyCode == 13) {
                    var val = $(this).val().trim() || $('#change_hot_words').text();
                    if (val)
                        newStorage(val, false, 'post', '综合');

                    showSearchRes(val, false);
                }
            })

            // 点击查询
            $head_search_icon.click(function () {
                var val = $head_search_input.val().trim() || $('#change_hot_words').text();
                if (val)
                    newStorage(val, false, 'post', '综合');
                showSearchRes(val, false);
                return false;
            })

        })

        // 今日热搜数据请求
        function hotAjaxSearch() {
            $.ajax({
                url: '/search/recommend',
                type: "get",
                async: true,
                timeout: 3000,
                dataType: "json",
                success: function (data) { //如果调用成功
                    var code = data.code;
                    if (code == 200) {
                        var $ul = $('.hotSrh_list'),
                            $ul_body = $('.hotBox_list'),
                            arr = data.data.tags;
                        $ul.html('');
                        $ul_body.html('');
                        $('#change_hot_words').attr('data-holder', arr.join(',')).text(arr[0]);
                        // $('.srh_hd_input_box input').attr('placeholder', arr[0]);
                        for (var i = 0, item; item = arr[i]; i++) {
                            $ul.append($('<li></li>').text(i + 1 + '.' + item));
                            $ul_body.append($('<li></li>').append($('<span></span>').text(item)));
                        }
                    }
                }
            });
        }


        // 顶部搜索框热搜词切换

        function hotWordsAnimate() {
            var $change_hot_words = $('#change_hot_words'),
                timer = null;
            // $change_hot_words.animate({marginTop: '-20px', opacity: 0}, function(){
            //   var $change_hot_words = $('#change_hot_words'),
            //       hotWords = $change_hot_words.attr('data-holder').split(','),
            //       curWord = $change_hot_words.text(),
            //       index = hotWords.indexOf(curWord);
            //   if(index < hotWords.length -1)
            //     $change_hot_words.html('').text(hotWords[index + 1]).css('marginTop', '10px').animate({marginTop: '-1px', opacity: 1});
            //   else {
            //     $change_hot_words.html('').text(hotWords[0]).css('marginTop', '10px').animate({marginTop: '-1px', opacity: 1});
            //   }
            // });
            clearTimeout(timer);
            $change_hot_words.addClass('m_step1').removeClass('m_step2');
            timer = setTimeout(function () {
                var $change_hot_words = $('#change_hot_words'),
                    hotWords = $change_hot_words.attr('data-holder').split(','),
                    curWord = $change_hot_words.text(),
                    index = hotWords.indexOf(curWord);
                if (index < hotWords.length - 1) {
                    $change_hot_words.text(hotWords[index + 1]);
                } else {
                    $change_hot_words.text(hotWords[0]);
                }
                $change_hot_words.removeClass('m_step1').addClass('m_step2');
            }, 500);
        }

        // ajax请求，匹配查询关键字
        function ajaxSearch(keyVal, where) {
            var obj_srhType = {
                    '帖子': 'post',
                    '用户': 'user',
                    '版区': 'area'
                },
                keyVal = keyVal,
                srh_type = obj_srhType[$('.srh_hd_item_box .check_on').text()] || 'post',
                pos_type = srh_type == 'post' ? ($('.srh_hd_item_box1 .check_on').text() || '综合') : '综合',
                url = '/search/recommend?keyword=' + keyVal + '&search_type=' + srh_type + '&post_type=' + pos_type;
            $.ajax({
                url: url,
                type: "get",
                async: true,
                timeout: 3000,
                data: {
                    keyword: keyVal,
                    search_type: srh_type,
                    post_type: pos_type
                },
                dataType: "json",
                success: function (data) { //如果调用成功
                    var code = data.code;
                    if (code == 200) {
                        if (where == 'head') {
                            var $ul = $('.h_ajax_res_list'),
                                arr = data.data.tags;
                            $ul.html('').show();
                            for (var i = 0, item; item = arr[i]; i++) {
                                if (item) {
                                    $ul.append($('<li></li>').text(item));
                                }
                            }
                            $('.hotSrh_list').hide();
                            $('.focus_hotSrh_box').append($ul);
                            $ul.highlight(keyVal, {
                                className: 'k_highlight',
                                element: 'em'
                            });
                        }
                        if (where == 'body') {
                            var $ul = $('.srh_ajax_list'),
                                arr = data.data.tags;
                            $ul.html('').show();
                            for (var i = 0, item; item = arr[i]; i++) {
                                if (item) {
                                    $ul.append($('<li></li>').text(item));
                                }
                            }
                            $ul.highlight(keyVal, {
                                className: 'k_highlight',
                                element: 'em'
                            });
                        }
                    }
                }
            });
        }

        // 刷新搜索历史缓存,传入boolean确定是否是删除历史
        function newStorage(keyVal, del, srh_type, pos_type) {
            var his_arr,
                obj = {},
                index = -1,
                str = '';

            obj['value'] = keyVal;
            if (srh_type != null)
                obj['search_type'] = srh_type;
            if (pos_type != null)
                obj['post_type'] = pos_type;

            if (StorageGetter('search_his') == null) {
                his_arr = [];
            } else {
                his_arr = JSON.parse(StorageGetter('search_his'));
            }

            if (his_arr.length) {
                for (var i = 0; i < his_arr.length; i++) {
                    if (his_arr[i]['value'] == keyVal)
                        index = i;
                }
            }

            if (index == -1) {
                if (his_arr.length > 9) {
                    his_arr.splice(0, 1);
                }
            } else {
                var obj_ = his_arr.splice(index, 1);
                // obj['value'] = obj_[0]['value'];
                // obj['search_type'] = obj_[0]['search_type'];
                // obj['post_type'] = obj_[0]['post_type'];
            }

            if (!del) {
                his_arr.push(obj);
            }

            str = JSON.stringify(his_arr);

            StorageSetter('search_his', str);
        }

        // 打开带参数的搜索页
        function showSearchRes(keywords, isHistory) {
            //拼接请求地址
            var url, search_type, post_type;
            if (isHistory) {
                var his_arr = JSON.parse(StorageGetter('search_his')),
                    index;
                for (var i = 0; i < his_arr.length; i++) {
                    if (his_arr[i]['value'] == keywords)
                        index = i;
                }
                search_type = his_arr[index]['search_type'];
                post_type = his_arr[index]['post_type'];
            }

            url = "/search/1";
            url += "?keyword=";
            url += keywords;
            if (isHistory) {
                url += '&search_type=';
                url += search_type;
                url += '&post_type=';
                url += post_type;
                url += '&rank_type=hot';
            } else {
                url += '&search_type=post&post_type=综合&rank_type=hot';
            }
            url = encodeURI(url);
            if (window.location.href.indexOf('search') == -1) {
                //打开新网页
                // reloadUrl();
                window.open(url);
            } else {
                // 刷新页面
                window.location.href = url;
            }

        }

        function showSearchHistory(ul, ele, where) {
            var his_arr;
            var $history_list_html = '';
            if (StorageGetter('search_his') == undefined)
                his_arr = [];
            else
                his_arr = JSON.parse(StorageGetter('search_his'));
            if (where == 'head') {
                if (his_arr.length) {
                    for (var i = his_arr.length - 1; i >= 0; i--) {
                        $history_list_html += '<li><span>';
                        $history_list_html += his_arr[i]['value'];
                        $history_list_html += '</span></li>';
                    }
                }
            }
            if (where == 'body') {
                if (his_arr.length) {
                    for (var i = his_arr.length - 1; i >= 0; i--) {
                        $history_list_html += '<li>';
                        $history_list_html += his_arr[i]['value'];
                        $history_list_html += '<span></span></li>';
                    }
                }
            }
            if ($history_list_html) {
                ul.html($history_list_html);
                ele.show();
            }
        }

        function reloadUrl() {
            document.location.reload();
        }

        // 读取缓存数据
        function StorageGetter(key) {
            return localStorage.getItem('dyd_' + key);
        }

        // 写入缓存数据
        function StorageSetter(key, val) {
            return localStorage.setItem('dyd_' + key, val);
        }

        // 删除缓存数据
        function StorageRemover(key, val) {
            return localStorage.removeItem('dyd_' + key);
        }
    </script>

</div>

<div class="mes-container clr">
    <div class="mes-side">
        <div class="side-title">消息中心</div>
        <div class="side-item-box" data-type="comment_at_me">
            <span class="side-item-icon"></span>
            <span class="side-item-text">回复我的</span>
            <span class="side-item-num side-item-num-comment">0</span>
        </div>
        <div class="side-item-box" data-type="like_at_me">
            <span class="side-item-icon side-item-icon-zan"></span>
            <span class="side-item-text">赞&糖果</span>
            <span class="side-item-num side-item-num-like">0</span>
        </div>
        <div class="side-item-box" data-type="system_notification">
            <span class="side-item-icon side-item-icon-system"></span>
            <span class="side-item-text">系统消息</span>
            <span class="side-item-num side-item-num-system">0</span>
        </div>
    </div>
    <img id="default-mes" style="display: none; width: 200px; margin: 0 auto; position: relative; top: 120px;" src="//www-static.diyidan.com/static/img/no_serch_box.png?v=00c602caad6b2db613b5f5f3ff9ba740" alt="">
    <div class="mes-main" data-cur-page="1">

    </div>
    <div class="mes-more" style="display:none;"><span class="add-more-btn">加载更多</span></div>
    <div class="mes-no-more" style="display:none;"><span class="no-more-btn">已经到底了哦 (*ﾟ▽ﾟ*)</span></div>
</div>
<script>
    $(function() {

        getCertifyUserinfo();

        var sessionType = sessionStorage.getItem('dyd_message_center_type') || 'comment_at_me';
        $('.mes-main').html('');
        $('.side-item-box[data-type="' + sessionType + '"]').addClass('side-item-on');

        // 顶部导航栏 取消选中
        $('.li_01 a').removeClass('inla_click');

        switch (sessionType) {
            case "comment_at_me":
                displayUserMessage('/main/notification', "comment_at_me", 1, 'new')
                break;
            case "like_at_me":
                displayUserMessage('/main/notification', "like_at_me", 1, 'new')
                break;
            case "system_notification":
                displaySystemMessage('/main/notification', "system_notification", 1, 'new')
                break;
        }

        $('.side-item-box').click(function() {
            if ($(this).hasClass('side-item-on')) {
                return
            } else {
                $(this).addClass('side-item-on').siblings().removeClass('side-item-on');
                var type = $(this).attr('data-type');
                sessionStorage.setItem('dyd_message_center_type', type);
                $('.mes-main').html('');
                $('.mes-more').hide();

                switch (type) {
                    case "comment_at_me":
                        displayUserMessage('/main/notification', "comment_at_me", 1, 'new')
                        break;
                    case "like_at_me":
                        displayUserMessage('/main/notification', "like_at_me", 1, 'new')
                        break;
                    case "system_notification":
                        displaySystemMessage('/main/notification', "system_notification", 1, 'new')
                        break;
                }
            }
        })

        $('.add-more-btn').click(function() {
            var type = $('.side-item-on').attr('data-type'),
                req_page = parseInt($('.mes-main').attr('data-cur-page')) + 1;

            switch (type) {
                case "comment_at_me":
                    displayUserMessage('/main/notification', "comment_at_me", req_page, 'more')
                    break;
                case "like_at_me":
                    displayUserMessage('/main/notification', "like_at_me", req_page, 'more')
                    break;
                case "system_notification":
                    displaySystemMessage('/main/notification', "system_notification", req_page, 'more')
                    break;
            }
        })

    })

    function displayUserMessage(url, type, page, reqType) {
        $('#default-mes').css({display: 'none'});
        $.ajax({
            url: url,
            type: "GET",
            async: true,
            data: {
                type: type,
                page: page,
                perPage: '10'
            },
            timeout: 10000,
            dataType: "json",
            error: function() {

            },
            success: function(data, status) {
                if (data.code != 200) {
                    for (var i in data) {}
                    if (data.message) {
                        alert(data.message)
                    }
                } else {

                    getUserNotification();

                    if (data.data.postMsgList == null || data.data.postMsgList.length == null || data.data.postMsgList.length < 1) {
                        $('.mes-more').hide();
                        $('.mes-no-more').show();

                        if(page===1)
                        $('#default-mes').css({display: 'block'});
                        return;
                    }

                    //获取模板上的HTML
                    var html = $('script[type="text/templateMessageItem"]').html();

                    var arr = [];
                    //对数据进行遍历
                    var i = 0;

                    $.each(data.data.postMsgList, function(i, o) {
                        o.avatar_box = '';
                        o.content_title = '<a target="_blank" href="/user/home/' + o.postMsgUser.userId + '"><span class="content-title">' + o.postMsgUser.nickName + '<span class="level-icon level' + o.postMsgUser.userLevel + '-icon"></span></span></a>';
                        o.content_detail = '';
                        o.content_time = formatMessageTime(o.postMsgTime);
                        o.content_body = str2EmojHtmlTag(o.postMsgComment);
                        if (o.postMsgUser.userHonour[0]) { //判断是认证
                            switch (o.postMsgUser.userHonour[0]) {
                                case "官方认证":
                                    o.avatar_box = '<a href="/user/home/' + o.postMsgUser.userId + '"><div class="avatar-box"><img class="avatar-img-tiny" src="' + o.postMsgUser.avatar + '" alt=""><em class="avatar-verify-icon icon4head_100"></em></div></a>'
                                    break;
                                case "作者认证":
                                    o.avatar_box = '<a href="/user/home/' + o.postMsgUser.userId + '"><div class="avatar-box"><img class="avatar-img-tiny" src="' + o.postMsgUser.avatar + '" alt=""><em class="avatar-verify-icon icon4head_101"></em></div></a>'
                                    break;
                                case "官方账号":
                                    o.avatar_box = '<a href="/user/home/' + o.postMsgUser.userId + '"><div class="avatar-box"><img class="avatar-img-tiny" src="' + o.postMsgUser.avatar + '" alt=""><em class="avatar-verify-icon icon4head_102"></em></div></a>'
                                    break;
                                case "评赏家认证":
                                    o.avatar_box = '<a href="/user/home/' + o.postMsgUser.userId + '"><div class="avatar-box"><img class="avatar-img-tiny" src="' + o.postMsgUser.avatar + '" alt=""><em class="avatar-verify-icon icon4head_103"></em></div></a>';
                                    o.content_title = '<a target="_blank" href="/user/home/' + o.postMsgUser.userId + '"><span class="content-title"><span class="user_name_high_light">' + o.postMsgUser.nickName + '</span><span class="level-icon level' + o.postMsgUser.userLevel + '-icon"></span></span></a>';
                                    break;
                                case "达人认证":
                                    o.avatar_box = '<a href="/user/home/' + o.postMsgUser.userId + '"><div class="avatar-box"><img class="avatar-img-tiny" src="' + o.postMsgUser.avatar + '" alt=""><em class="avatar-verify-icon icon4head_104"></em></div></a>'
                                    break;
                            }
                        } else {
                            o.avatar_box = '<a target="_blank" href="/user/home/' + o.postMsgUser.userId + '"><div class="avatar-box"><img class="avatar-img-tiny" src="' + o.postMsgUser.avatar + '" alt=""></div></a>'
                        }
                        if (o.postMsgOriginContent) { //判断有原帖
                            o.content_detail = '<a target="_blank" href="/main/redirect?callType=jump_to_post_comment&postId=' + o.postId + '&l1CommentId=' + o.postMsgL1CommentId + '&l1CommentFloor=' + o.postMsgFloorNum + '"><p class="content-detail">' + str2EmojHtmlTag(o.postMsgOriginContent) + '</p></a>'
                        }

                        arr.push(formatTemplate(o, html));
                        i++;
                    })

                    if (reqType == 'new') {
                        $('.mes-main').html(arr.join('')).attr('data-cur-page', page);
                    } else if (reqType == 'more') {
                        $('.mes-main').append(arr.join('')).attr('data-cur-page', page);
                    }
                    // if(data.data.postMsgList.length<10) {
                    //     $('.mes-more').hide();
                    //     $('.mes-no-more').show();
                    // } else {
                    //     $('.mes-more').show();
                    //     $('.mes-no-more').hide();
                    // }
                    $('.mes-more').show();
                    $('.mes-no-more').hide();
                    // if(page===1) //
                    // $('#default-mes').css({display: arr.length > 0 ? 'none' : 'block'});

                }
            }
        })

    }

    function displaySystemMessage(url, type, page, reqType) {
        $('#default-mes').css({display: 'none'});
        $.ajax({
            url: url,
            type: "GET",
            async: true,
            data: {
                type: type,
                page: page,
                perPage: '10'
            },
            timeout: 3000,
            dataType: "json",
            error: function() {},
            success: function(data, status) {
                if (data.code != 200) {
                    if (data.message) {
                        alert(data.message)
                    }
                } else {

                    getUserNotification();

                    if (data.data.notificationList == null || data.data.notificationList.length == null || data.data.notificationList.length < 1) {
                        if (page == 1) {
                            $('#default-mes').css({display: 'block'});
/*
                            $('.mes-main').append('<div class="no-message-result"><img src="../static/image/no_result_search2.png" alt=""><p>大大, 这里还没有消息哦 (*ﾟ▽ﾟ*)</p></div>');
*/
                        } else {
                           /* $('#default-mes').css({display: 'block'});*/
                            $('.mes-more').hide();
                            $('.mes-no-more').show();
                        }

                        return;
                    }

                    //获取模板上的HTML
                    var html = $('script[type="text/templateMessageItem"]').html();

                    var arr = [];
                    //对数据进行遍历
                    var i = 0;
                    $.each(data.data.notificationList, function(i, o) {
                        o.content_detail = '';
                        o.content_time = formatMessageTime(o.notificationTime);
                        o.content_body = url2HtmlTag(o.notificationContent);
                        o.avatar_box = '<div class="avatar-box"><img class="avatar-img-tiny" src="' + '../static/image/system_default_avatar.png' + '" alt=""></div>'
                        if (o.notificationSrcUserId) {
                            if (o.notificationSrcUserNickName) {
                                o.content_title = '<a target="_blank" href="/user/home/' + o.notificationSrcUserId + '"><span class="content-title">' + userNameHighLight(o.notificationSrcUserNickName, o.notificationTitle) + '</span></a>'
                            } else {
                                o.content_title = '<span class="content-title">' + o.notificationTitle + '</span>'
                            }
                        } else {
                            o.content_title = '<span class="content-title">' + o.notificationTitle + '</span>'
                        }


                        arr.push(formatTemplate(o, html));
                        i++;
                    })

                    if (reqType == 'new') {
                        $('.mes-main').html(arr.join('')).attr('data-cur-page', page);
                    } else if (reqType == 'more') {
                        $('.mes-main').append(arr.join('')).attr('data-cur-page', page);
                    }

                    // if(data.data.notificationList.length<10) {
                    //     $('.mes-more').hide();
                    //     $('.mes-no-more').show();
                    // } else {
                    //     $('.mes-more').show();
                    //     $('.mes-no-more').hide();
                    // }
                    $('.mes-more').show();
                    $('.mes-no-more').hide();
                }
            }
        })

    }

    function formatMessageTime(str) {
        var resTime = new Date(str.replace("GMT+08:00", '')),
            time = new Date().getTime() - resTime.getTime();
        if (time > 28 * 24 * 60 * 60 * 1000) {
            return resTime.getFullYear() + '-' + (resTime.getMonth() + 1 > 9 ? resTime.getMonth() + 1 : '0' + (resTime.getMonth() + 1)) + '-' + (resTime.getDate() > 9 ? resTime.getDate() : '0' + resTime.getDate());
        } else if (time > 24 * 60 * 60 * 1000) {
            return Math.floor(time / (24 * 60 * 60 * 1000)) + '天前';
        } else if (time > 60 * 60 * 1000) {
            return Math.floor(time / (60 * 60 * 1000)) + '小时前';
        } else if (time > 60 * 1000) {
            return Math.floor(time / (60 * 1000)) + '分钟前';
        } else {
            return '刚刚';
        }

    }

    function url2HtmlTag(str) {
        var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
        return str.replace(reg, '<a target="_blank" href="$1$2">$1$2</a>')
    }

    function userNameHighLight(name, title) {
        return '<span class="user_name_high_light">' + name + '</span>' + title.replace(name, '').replace(/^""/, '')
    }

    function str2EmojHtmlTag(str) {
        var emojiList = {
            '[1f604]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f604.png?v=14b6737eabf7ab2700cd6efe0a67a888',
            '[1f602]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f602.png?v=1f964fad9ae4c416ad11bed92fa634c7',
            '[1f60a]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f60a.png?v=32877a888512bfcb2682d19999712f62',
            '[1f61d]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f61d.png?v=714f8d1f87bef3e9c0f1e51a85852de8',
            '[1f60e]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f60e.png?v=298ea7e1fd76bed3d5e8cdf12ad17ade',
            '[1f480]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f480.png?v=e889ef04d9014761733b8cd9d5d8b9b6',
            '[1f60f]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f60f.png?v=6aa0b1c0410f3654ca9b3d793f1804e7',
            '[1f601]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f601.png?v=4d66f4a1377006170bfc6658755c20d1',
            '[1f609]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f609.png?v=84a8cc01f3a72d0f87f4e640d7fb128e',
            '[1f60c]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f60c.png?v=bce216bcb720c17381496a31d0fe247f',
            '[1f637]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f637.png?v=69d36f790fc272ee614ababdf2f4d850',
            '[1f624]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f624.png?v=6548309b8ecae0a2de025d36c515bc31',
            '[1f644]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f644.png?v=120d7d769564b6b388e17611e57f1b54',
            '[1f643]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f643.png?v=445cf18a9ba51b2491ea01833e573069',
            '[1f618]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f618.png?v=f26afe6aa2e4394114beac59f533b01b',
            '[1f60d]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f60d.png?v=bafa705b8d5867f025d885cb6e06b059',
            '[1f612]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f612.png?v=744a6ec5bc5b43b84aee37778caff753',
            '[1f614]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f614.png?v=e2e03ac40a21ce9a958693bf92c8579d',
            '[1f61c]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f61c.png?v=7c8168e2b49668ac814d128a45dd6fa5',
            '[1f631]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f631.png?v=a687849d6f3d6f45529e61dc85670746',
            '[1f47f]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f47f.png?v=e5645d447092c87c8909cc8610edcd8e',
            '[1f621]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f621.png?v=50486c56734fe889f20d1a2b59f4a225',
            '[1f633]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f633.png?v=f82242b32424d3d597ce412753f2c5a0',
            '[1f603]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f603.png?v=b4248290b0b400d211263c11de42cfc1',
            '[1f61e]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f61e.png?v=658eaa6cedbc3cb331c13dd5b3f0523b',
            '[1f620]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f620.png?v=8c34b3180a3097c1703b3b0618abe80a',
            '[1f613]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f613.png?v=6b20030125687297a2d6684829794bf9',
            '[1f62d]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f62d.png?v=dfcbc7545ba896b45fbcc7be41de4070',
            '[1f622]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f622.png?v=16beb899696e06fa56ad9514129ca89d',
            '[1f60b]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f60b.png?v=8d9eb1b6eb8de3923de2c957e67023a6',
            '[1f61a]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f61a.png?v=0d62c335889cb05bab54cf93b0ebbaac',
            '[1f623]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f623.png?v=c299179c62253a9ee95685dfa4b33413',
            '[1f628]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f628.png?v=996a42e0c427d90f5077c34e85607275',
            '[1f630]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f630.png?v=3252efcd2337576f4317e77dde8def30',
            '[1f632]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f632.png?v=ba66cf7460c860245fc69a37d6308234',
            '[1f62a]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f62a.png?v=3cf27b0cb43eeaf2cc7c833c00c4ece2',
            '[263a]': '//www-static.diyidan.com/static/addface/emoji/emoji_263a.png?v=606eaab86b24f2c724ca69394c906bfb',
            '[1f494]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f494.png?v=220234ac1764017ad16681185c956dab',
            '[1f339]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f339.png?v=da479aa24794bb38b0b7bd25a8bfc943',
            '[1f48a]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f48a.png?v=d38ae7a3616a3b866e0a1be2ddec164f',
            '[1f44c]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f44c.png?v=76ae5c1732e47e42dbac44f3c3e0b729',
            '[1f4aa]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f4aa.png?v=08f0fb151b4b2303330ac97a5d550dc8',
            '[1f44a]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f44a.png?v=9840464136f9a249a4296ebfd008d66e',
            '[1f44d]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f44d.png?v=c7362f0ce3db92cb68277260ab9a4cd7',
            '[1f44e]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f44e.png?v=bf790f100724b39962d50b17e4be8793',
            '[1f44f]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f44f.png?v=5331580222fee51bc6b0ae75ee42cb63',
            '[1f64f]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f64f.png?v=5078b0a57e9c1fbe53c381c95ba35f41',
            '[1f446]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f446.png?v=a5ca798e03db53b303754937990d0ab5',
            '[1f447]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f447.png?v=d7e74612fb46303cfcb1b3e50c4a5bb4',
            '[261d]': '//www-static.diyidan.com/static/addface/emoji/emoji_261d.png?v=590dc547e6ea5d5e8c8d34b97cd2d919',
            '[270c]': '//www-static.diyidan.com/static/addface/emoji/emoji_270c.png?v=1de03a16e0ebcb5f87e96a6edb9afe58',
            '[1f448]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f448.png?v=2accc2ae99af7e589d6d8068d2712c9c',
            '[1f449]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f449.png?v=af9b4bfc6b92f00dba1058c88a16e428',
            '[270b]': '//www-static.diyidan.com/static/addface/emoji/emoji_270b.png?v=790ee18c71e840127dcf175124c1b864',
            '[270a]': '//www-static.diyidan.com/static/addface/emoji/emoji_270a.png?v=e88fae533751090844505d93ebd8ce12',
            '[1f440]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f440.png?v=beb9cb6639040e5d6b2f1433e432670a',
            '[1f444]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f444.png?v=c8600f26a1750fafc750164cdfe96075',
            '[1f442]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f442.png?v=5f8f39b53ed5b57db4d481786e155b77',
            '[1f35d]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f35d.png?v=bd4fea0c24aae967a783885b655e932e',
            '[1f35c]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f35c.png?v=b5489e413f7e2b84aefcd5373bb0cd58',
            '[1f35e]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f35e.png?v=97af44ba07a243aba6f0652065f229c0',
            '[1f35f]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f35f.png?v=c4069587996342d18883aca542d0907d',
            '[1f363]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f363.png?v=8f77c5f606cbc5a7ca61b9ac9524f344',
            '[1f382]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f382.png?v=d8a1e13f77c01295f3ff16806e2fa5f5',
            '[1f367]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f367.png?v=b52a6263194411dca3c595bfa9de1a63',
            '[1f366]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f366.png?v=64ef227bb0bd7234896a3274dd9e7326',
            '[1f34e]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f34e.png?v=4dc64931e9f2660fbe906a3eb7a7288f',
            '[1f353]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f353.png?v=2372c70b3d1e1fed83673b4ded95a093',
            '[1f349]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f349.png?v=b803c5317ed53212b54320a209afce48',
            '[1f354]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f354.png?v=a1d7f21fa5c9eae004959d84fe437285',
            '[1f37b]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f37b.png?v=05baf38d889e63260c8cc1a432515b56',
            '[2615]': '//www-static.diyidan.com/static/addface/emoji/emoji_2615.png?v=abf6c1e61d8269489b13b3ac249e0ba8',
            '[1f6ac]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f6ac.png?v=4ffcc592f3da67acdf291a123f514e4c',
            '[1f384]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f384.png?v=d20924baa942e08ab5f79e1e41abe762',
            '[1f389]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f389.png?v=ed14f666061dcd4e6d68d279bddd824b',
            '[1f380]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f380.png?v=f1746a7653ba78aa2e336dc74dcaa620',
            '[1f388]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f388.png?v=6d0f177401d56d4a6b98ab54d032edd5',
            '[1f334]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f334.png?v=6db4c4b6bd1bb66553515283894aac5e',
            '[1f49d]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f49d.png?v=1a4340cf827ac0b1dcd5e6630dbbf383',
            '[1f48d]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f48d.png?v=66704642d195b5649629450d3ff241bf',
            '[1f4a3]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f4a3.png?v=4157c46bbf4b89ce45f8cb63bf6d99a8',
            '[1f4a6]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f4a6.png?v=dc86bc7d322c75e05e3d3b9bb3d76857',
            '[1f4a4]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f4a4.png?v=2795396da59f61534b09f975386e38d8',
            '[1f437]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f437.png?v=b3a63085031796bf29333007922c6abb',
            '[1f435]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f435.png?v=4fdc0a483ab5c16657f7ec7c7facea02',
            '[1f419]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f419.png?v=f98010105d56ba2909a3db035a1bc151',
            '[1f42e]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f42e.png?v=34f9d6bf3787c8cd35797ea7302c8d21',
            '[1f414]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f414.png?v=3dbd8199c25b107b2b910a0dbf0e62c9',
            '[1f438]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f438.png?v=e83625ea39638ac6cd757fe84e833962',
            '[1f424]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f424.png?v=5d383de643203abb400d326bf3616c85',
            '[1f428]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f428.png?v=5def39bc88e2e0af8e1e4e51d0a2b46d',
            '[1f41b]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f41b.png?v=b5e36e883d33b3b37a8985d75dcf9d23',
            '[1f420]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f420.png?v=a7fe145f040c08554a7b102c82c6e1a5',
            '[1f436]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f436.png?v=cdbd655b99d26a79646b56d2a540bab8',
            '[1f42f]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f42f.png?v=252082a27187b37f048c5169383cad87',
            '[1f484]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f484.png?v=a0306283ec9a90be3cf8259e1b41afbb',
            '[1f40d]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f40d.png?v=b80ea5c572396b1d270f054447f63781',
            '[1f42c]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f42c.png?v=087faefe7ad58df3a939c80cb65cba07',
            '[1f42d]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f42d.png?v=7949e207b78b251149690a56f5a76e01',
            '[1f427]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f427.png?v=0c3ebbf2ae22935fddcaa4bbed0265eb',
            '[1f433]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f433.png?v=8bc0015f1641f14edf5d5f8cf7f01e10',
            '[1f459]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f459.png?v=53815567a4dd61380ee65830dce2e53d',
            '[2614]': '//www-static.diyidan.com/static/addface/emoji/emoji_2614.png?v=8ac25aae2af04b49b878705664000eda',
            '[2600]': '//www-static.diyidan.com/static/addface/emoji/emoji_2600.png?v=5a87d1491efde3a3daab8a59687fe7e6',
            '[26a1]': '//www-static.diyidan.com/static/addface/emoji/emoji_26a1.png?v=5c99d8cafd589baddcd03fb14c006b78',
            '[1f319]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f319.png?v=c994508af9c89ab621b1e7660a544d5c',
            '[274c]': '//www-static.diyidan.com/static/addface/emoji/emoji_274c.png?v=35bb3e391b45f9a53d3b817bb4ade6b7',
            '[1f525]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f525.png?v=5156a356cf12b9a01b6bdf0a9256a129',
            '[1f493]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f493.png?v=fcdbb242237524979fe9f757d6b587a6',
            '[1f47b]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f47b.png?v=278da2d37a0026dded751a6c34ad94ab',
            '[1f489]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f489.png?v=73a839a76849e6d8d9fda5f83301a6bb',
            '[1f4a9]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f4a9.png?v=59bbadd483c2669d048d2dd048c2209a',
            '[1f4b0]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f4b0.png?v=52e602f475243dca1720177737bc2211',
            '[1f6bd]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f6bd.png?v=481f11c91d9a7cd17ba3676c880fb59c',
            '[1f41a]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f41a.png?v=4f65e584c491853336c7a654ff7277f2',
            '[1f45c]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f45c.png?v=4fa2d2170d385d823555e80b5352ba9c',
            '[1f197]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f197.png?v=1c3ce49825928bed815f17e809a39ff6',
            '[2122]': '//www-static.diyidan.com/static/addface/emoji/emoji_2122.png?v=7a4724a10821e5f1816a9fafd2863765',
            '[1f47e]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f47e.png?v=a9fcb85c686ec3067953aed56298fc54',
            '[2755]': '//www-static.diyidan.com/static/addface/emoji/emoji_2755.png?v=e50869d72f2d6a79edc2179c6d81b922',
            '[1f52b]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f52b.png?v=11aeb7dd5b22e435d7cecfba950ebc62',
            '[2668]': '//www-static.diyidan.com/static/addface/emoji/emoji_2668.png?v=598969571b46648d8fa193415f9d2120',
            '[1f4de]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f4de.png?v=b828a0cb41f54792784085990e47cb91',
            '[1f302]': '//www-static.diyidan.com/static/addface/emoji/emoji_1f302.png?v=afe89becd9424a457ad6839ec29104a1',
            '[26c4]': '//www-static.diyidan.com/static/addface/emoji/emoji_26c4.png?v=05d57be6f43aa108ead6d9bc06ba05dc',
            '[3297]': '//www-static.diyidan.com/static/addface/emoji/emoji_3297.png?v=91af667b920f89b21b92a8969f15aec5'
        };
        var reg = /(\[\w{4,5}\])/g;
        return str.replace(reg, function(emoj) {
            return '<img class="zoom_out_emoji" src="' + emojiList[emoj] + '">'
        })
    }
</script>

<script type="text/templateMessageItem">
    <div class="mes-main-item">
        <div class="main-item-box">
            {avatar_box}
            <div class="content-box">
                <p class="content-head">
                    {content_title}
                    <span class="content-time">{content_time}</span>
                </p>
                <p class="content-body">{content_body}</p>
                {content_detail}
            </div>
        </div>
    </div>
</script>

    <div class="delete_bg">
	<div class="makesure_delete">
		<p>小主，确定要删除吗？</p>
		<span class="cancell">取消</span><span class="sure">确定</span>
	</div>
</div>    <footer>
    <div class="footer_center">
        <div class="clr">
            <div class="footer_about">
                <p class="footer_title"><i class="footer_title_gap">&nbsp;</i>关于我们</p>
                <p class="footer_about_line">
                    <a href="//www.diyidan.com/certify" class="footer_about_item">申请认证</a>
                    <a href="/aboutus" class="footer_about_item">联系我们</a>
                    <a href="http://app.diyidan.net/alert.html" class="footer_about_item">免责声明</a>
                    <a href="/growup" target="_blank" rel="noopener noreferrer"
                       class="footer_about_item">未成年人家长监护工程</a>
                     <a href="javascript:void 0"  class="footer_about_item account-writeoff">账号注销</a>
                </p>
                <p class="footer_about_line">
                    <span class="footer_about_item disabled-copy">品牌合作：wuping@diyidan.com</span>
                </p>
                <p class="footer_about_line">
                  <a target="_blank" href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/toDetail/">  <span class="footer_about_item">
                        <img  class="footer_police_icon footer-ww-icon"
                               src="//www-static.diyidan.com/static/image/culture-logo.png?v=e4ecd90b7a40df069898e30fc16d08ee"
                              alt="" />沪网文[2017]1878-076号</span></a>
                 <a href="https://icp.chinaz.com/home/info?host=diyidan.com">   <span class="footer_about_item">沪ICP备17004397号-1</span></a>
                </p>
                <p class="footer_about_line">
                    <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011202001517"
                       target="_blank"> <span class="footer_about_item">
                        <img class="footer_police_icon" src="//www-static.diyidan.com/static/image/police.png?v=b769e8dfde5660239317ed60758dba13" alt="">沪公网安备 31011202001517号
                    </span></a>
                    <span  ><a class="footer_about_item" href="https://www.12377.cn" target="_blank">网上有害信息举报专区</a></span>
                </p>



                <p class="footer_about_line disabled-copy">
                    <span >
                        不良信息举报邮箱：jubao@diyidan.com
                    </span>
                   <span>不良信息举报电话：0551-63823045</span>
                </p>
            </div>
            <div class="footer_links">
                <p class="footer_title"><i class="footer_title_gap">&nbsp;</i>友情链接</p>
                <ul class="clr">
                    <li class="footer_link_item"><a rel="nofollow" rel="noopener noreferrer"
                                                    href="https://www.diyidan.com/" target="_blank">第一弹</a></li>
                    <li class="footer_link_item"><a rel="nofollow" rel="noopener noreferrer"
                                                    href="http://www.manzhan8.com/" target="_blank">漫展吧</a></li>
                    <li class="footer_link_item"><a rel="nofollow" rel="noopener noreferrer"
                                                    href="http://book.sfacg.com/" target="_blank">SF轻小说</a></li>
                    <li class="footer_link_item"><a rel="nofollow" rel="noopener noreferrer"
                                                    href="http://manhua.163.com/" target="_blank">网易漫画</a></li>
                    <li class="footer_link_item"><a rel="nofollow" rel="noopener noreferrer"
                                                    href="http://www.iqing.com/" target="_blank">轻文轻小说</a></li>
                    <li class="footer_link_item"><a rel="nofollow" rel="noopener noreferrer" href="http://www.buka.cn/"
                                                    target="_blank">布卡漫画</a></li>
                    <li class="footer_link_item"><a rel="nofollow" rel="noopener noreferrer"
                                                    href="http://www.missevan.com/" target="_blank">猫耳FM</a></li>
                    <li class="footer_link_item"><a rel="nofollow" rel="noopener noreferrer" href="http://www.zymk.cn/"
                                                    target="_blank">知音漫客网</a></li>
                    <li class="footer_link_item"><a rel="nofollow" rel="noopener noreferrer"
                                                    href="http://www.mkzhan.com/" target="_blank">漫客栈</a></li>
                    <li class="footer_link_item"><a rel="nofollow" rel="noopener noreferrer"
                                                    href="http://www.fringe-zero.com/" target="_blank">零界点</a></li>
                    <li class="footer_link_item"><a rel="nofollow" rel="noopener noreferrer"
                                                    href="http://www.linovel.net/" target="_blank">轻之文库</a></li>
                    <li class="footer_link_item"><a rel="noopener noreferrer" href="http://www.kuaikanmanhua.com/"
                                                    target="_blank">快看漫画</a></li>
                    <li class="footer_link_item"><a rel="nofollow" rel="noopener noreferrer"
                                                    href="https://www.doufu.la/" target="_blank">豆腐</a></li>
                    <li class="footer_link_item"><a rel="noopener noreferrer" href="http://www.hongdoufm.com/"
                                                    target="_blank">KilaKila</a></li>
                    <li class="footer_link_item"><a rel="noopener noreferrer" href="https://www.iyingdi.com/"
                                                    target="_blank">旅法师营地</a></li>
                </ul>
            </div>
        </div>
        <div class="footer_tips_net">
            <a href="http://www.shjbzx.cn/" target="_blank">
                <img class="footer_police_icon" src="//www-static.diyidan.com/static/image/int-info.png?v=d3db0bc2ed498945d8e480c04089f5ea" alt="">
                <span>上海市互联网违法和不良信息举报中心</span>
            </a>
        </div>

    </div>
</footer></body>
<script src="//www-static.diyidan.com/static/js/myjs.js?v=afbcd60ddb3c8e20882ff8216101aee9"></script>
<script src="//www-static.diyidan.com/static/js/jquery.rotate.min.js?v=4ccde830c4784caf93dd8fc37b2af540" ></script>
<!-- <script src="//www-static.diyidan.com/static/js/modernizr.custom.97074.js?v=ca6595ac4bbeaa92c82c4c3313cb0f4a"></script> -->
<!-- <script src="//www-static.diyidan.com/static/js/jquery.hoverdir.js?v=5e499dcbe4cc65c4c94b91ba389bd040"></script> -->

<!-- <script src="//www-static.diyidan.com/static/js/slider.js?v=c84940f00f14879c5ba954dcc89ace4f"></script> -->
<script type="text/javascript">
  getUserInfo()
  getUserNotification()
</script>
</html>