<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>第一弹官网_好玩的泰剧日剧美剧韩剧动漫社区-有弹友，不孤单</title>

    <meta name="description" content="第一弹，千万新生代用户的选择，专注年轻人的文化娱乐内容，覆盖影视、弹幕、时尚八卦、美妆穿搭、ACGN、CP交友、游戏等内容，是国内增长最快、拥有超高人气的多元化社区产品。" />
    <meta name="keywords" content="第一弹，cosplay，动漫社区，ACGN，MMD，福利动漫"/>
    <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/index" />
    <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>
    <link rel="stylesheet" type="text/css" href="//www-static.diyidan.com/static/css/index.css?v=f1ec8e0577909ece09232a62d1eb7f8b">
<link rel="stylesheet" type="text/css" href="//www-static.diyidan.com/static/css/swiper-3.4.1.min.css?v=0176bf1163b6f65f3c8cf11cd367e67c">
<script type="text/javascript">
var signin_type = 0;//用于存储是直接登陆还是发帖登陆

  $(function(){
    //登出按钮绑定
    $('#logout_btn').on('click',function(){
      send_signout_data();
    });

    setPostCollectionsAndLike();

    var mySwiper = new Swiper('.swiper-container', {
      pagination: '.swiper-pagination',
      paginationClickable: true,
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: 5000,
      autoplayDisableOnInteraction: false
    })
  })
</script>

</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>
<!-- banner -->
<!-- <div class="index-bnr" id="index-bnr" style="display: none;">
  <div class="bnr-middleBox">

    <a href="https://www.diyidan.com/main/bestposts/1"><div class="bnr-hotBox" style="background-color: #fff;">排行榜</div></a>

    <div class="head_search_box">
      <div class="head_input_box">
        <em id="change_hot_words" data-holder=""></em>
        <input id="head_search_input" type="text" placeholder="" data-holder="">
        <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> -->
<!-- body -->
<div class="index-bd" id="index-bd" style="margin-top: 80px;">
  <section class="bd-bnrs">

    <!-- big banner -->
    <div class="bd-slideBox">
      <div class="swiper-container">
        <div class="swiper-wrapper">
                    
                    <div class="swiper-slide">
            <a target="_blank" href="https://www.diyidan.com/main/post/6295053995670450952/detail/1#anchor_comment_floor">
              <div class="slide-mask"></div>
              <div class="slide-img">
                <img src="//image.diyidan.net/banner/2019/9/28/5924aca80c3b4ec7.jpg!large" alt="banner" style="width: 500px;height: 208px;">
              </div>
              <p class="slide-tt"></p>
            </a>
          </div>
                              
                    <div class="swiper-slide">
            <a target="_blank" href="https://www.diyidan.com/main/post/6295053995670420339/detail/1#anchor_comment_floor">
              <div class="slide-mask"></div>
              <div class="slide-img">
                <img src="//image.diyidan.net/banner/2019/9/28/85a73a8e490e402e.jpg!large" alt="banner" style="width: 500px;height: 208px;">
              </div>
              <p class="slide-tt"></p>
            </a>
          </div>
                              
                    <div class="swiper-slide">
            <a target="_blank" href="https://www.diyidan.com/main/post/6295053995670835493/detail/1#anchor_comment_floor">
              <div class="slide-mask"></div>
              <div class="slide-img">
                <img src="//image.diyidan.net/banner/2019/9/28/10c321366608408f.jpg!large" alt="banner" style="width: 500px;height: 208px;">
              </div>
              <p class="slide-tt"></p>
            </a>
          </div>
                              
                    <div class="swiper-slide">
            <a target="_blank" href="https://newsxmwb.xinmin.cn/special/mljbzsjs/index.html">
              <div class="slide-mask"></div>
              <div class="slide-img">
                <img src="//image.diyidan.net/banner/2019/9/28/f6192e957af5447e.jpg!large" alt="banner" style="width: 500px;height: 208px;">
              </div>
              <p class="slide-tt"></p>
            </a>
          </div>
                    
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>

    <!-- small banners -->
    <div class="bd-smBnrs">

                        <div class="smBnr-item"><a href="/main/post/6295053995657347607/detail/1" target="_blank" rel="noopener">
            <div class="smBnr-mask"></div>
            <div class="smBnr-img">
              <img src="//image.diyidan.net/post/2019/7/22/pfv9WDlZ0ICX2R7T.jpg!webindex" alt="" style="width: 160px;">
            </div>
            <p class="smBnr-text">【争做中国好网民·上海网民在行动】网络乱象我举报活动</p>
          </a></div>
                                <div class="smBnr-item"><a href="/main/post/6295053995673250676/detail/1" target="_blank" rel="noopener">
            <div class="smBnr-mask"></div>
            <div class="smBnr-img">
              <img src="//image.diyidan.net/post/2019/9/27/ZK75OJ4dhyixPYtL.jpg!webindex" alt="" style="width: 160px;">
            </div>
            <p class="smBnr-text">【重磅来袭】素秋之际，一座城市，一场城事</p>
          </a></div>
              
    </div>
  </section>

  <!-- COS版区 -->
  <section class="zhuanqu-box clr">
    <!-- 左侧推荐区 -->
    <div class="rec-left"  id="temporary_style">
      <div class="rec-titleBox">
        <!-- <span class="ie02 index-angle" onclick="go2TabArea(this);">查看更多<em class="check4more_icon"></em></span> -->
        <!-- <span class="ie02" data-id='104003' onclick="randomHotPosts(this);">换一批<img class="sb1" src="//www-static.diyidan.com/static/image/change-circle.png?v=d3ef0fc3a6ab4806e785e041216af2a6" alt="第一弹">
                  <img class="sb2" src="//www-static.diyidan.com/static/image/change-circle.png?v=d3ef0fc3a6ab4806e785e041216af2a6" alt="第一弹"></span>
        <span class="title-text title-text-cos">COS</span> -->
        <!-- <span class="nav-item nav-item1 nav-on" data-id='104003' onclick="subAreaHotPosts(this);">COS</span> -->
        <!-- <span class="nav-item nav-item2" data-id='120026' onclick="subAreaHotPosts(this);">女装</span> -->
        <!-- <span class="nav-item nav-item3" data-id='120017' onclick="subAreaHotPosts(this);">少女</span> -->
      </div>
      <ul class="recommend-list clr">
                              <li class="rec_hide rec_hide_6295053995610054210">
              <a href="/main/post/6295053995610054210/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/post/2019/3/29/WRTAEIKEWWUYKXXC.jpg!webindex" alt="【原创同人图】之前画的麦爹">
                </div>
                <p class="post-title">【原创同人图】之前画的麦爹</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6294360860203056417')">弥亚mia</span>
                <span class="post-sugar" onclick="giveSugar(this, '6295053995610054210');">16</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6294866920543252525">
              <a href="/main/post/6294866920543252525/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/post/2019/1/13/yNqdTkklLqqIN4wF.jpg!webindex" alt="和泉纱雾">
                </div>
                <p class="post-title">和泉纱雾</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6294630120679771250')">和泉纱雾静</span>
                <span class="post-sugar" onclick="giveSugar(this, '6294866920543252525');">75</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6295053995625949973">
              <a href="/main/post/6295053995625949973/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/post/2019/5/12/1bn8JCN7OGIKu3dB.jpg!webindex" alt="0512影山茂夫生日快乐！">
                </div>
                <p class="post-title">0512影山茂夫生日快乐！</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6293877835985694240')">火O乍</span>
                <span class="post-sugar" onclick="giveSugar(this, '6295053995625949973');">45</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6294866920523460635">
              <a href="/main/post/6294866920523460635/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/post/2018/11/7/YQSURYHRSAYMYAYX.jpg!webindex" alt="葱厨新来入驻">
                </div>
                <p class="post-title">葱厨新来入驻</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6294866920523419137')">あさひクロイ</span>
                <span class="post-sugar" onclick="giveSugar(this, '6294866920523460635');">602</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6295053995607751924">
              <a href="/main/post/6295053995607751924/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/post/2019/3/19/REZXOUXLRRRKQJCE.jpg!webindex" alt="画了新的图！">
                </div>
                <p class="post-title">画了新的图！</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6293877835970431012')">CROME星空萌</span>
                <span class="post-sugar" onclick="giveSugar(this, '6295053995607751924');">82</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6295053995610443465">
              <a href="/main/post/6295053995610443465/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/post/2019/3/30/f1I8yrK5BLHCKFPG.jpg!webindex" alt="制作游戏目标！">
                </div>
                <p class="post-title">制作游戏目标！</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6294360860121860229')">SAyuki_鲨鱼卡</span>
                <span class="post-sugar" onclick="giveSugar(this, '6295053995610443465');">194</span>
              </div>
            </li>
                  
      </ul>
    </div>

    <!-- 右侧排行区 -->
    <!--  -->
  </section>

    <!-- <section class="zhuanqu-box title-padding">
    <div class="rec-titleBox">
      <span class="ie02 index-angle" onclick="go2TabArea(this);">查看更多<em class="check4more_icon"></em></span>
      <span class="ie02" onclick="randomHotV_C(this);">换一批<img class="sb1" src="//www-static.diyidan.com/static/image/change-circle.png?v=d3ef0fc3a6ab4806e785e041216af2a6" alt="第一弹">
                  <img class="sb2" src="//www-static.diyidan.com/static/image/change-circle.png?v=d3ef0fc3a6ab4806e785e041216af2a6" alt="第一弹"></span>
      <span class="title-text title-text-video">视频</span>
      <span class="nav-item nav-item1 nav-on" data-id='103001' onclick="tabHotV_C(this);">鬼畜</span>
      <span class="nav-item nav-item2" data-id='120011' onclick="tabHotV_C(this);">综合</span> -->

    <!-- 哲学 MMD 是以前注释掉的， 不需要放出来-->
      <!-- <span class="nav-item nav-item3" data-id='120019' onclick="tabHotV_C(this);">哲学</span> -->
<!--       <span class="nav-item nav-item4" data-id='103005' onclick="tabHotV_C(this);">MMD</span>
 --> <!--</div>
    <ul class="res_posts_list post_list_block_div clr">
                      <li class="rec_hide">
          <a href="/main/post/6294196636869835224/detail/1" target="_blank" rel="noopener">
            <div>
              <img src="//image.diyidan.net/music/2017/8/17/oTaeqzx3KIWGP0gc.png!webindex" alt="黑人大妈rap 房子着火了！谁还有时间管其他什么事啊" />
              <div class="show_video"></div>-->
                <!-- video_time 12: 20 是以前注释掉的， 不需要放出来-->
              <!-- <em class="video_time">12: 20</em> -->
            <!-- </div>
            <p class="rec_title rec_animate">黑人大妈rap 房子着火了！谁还有时间管其他什么事啊</p>
          </a>
          <div class="rec_counts clr">
            <span class="rec_play">20349</span>
            <span class="rec_reply">51</span>
          </div>
        </li>
                              <li class="rec_hide">
          <a href="/main/post/6294784543706954108/detail/1" target="_blank" rel="noopener">
            <div>
              <img src="//image.diyidan.net/shortvideo/2018/9/22/Iyd0VbE1TcTz7nZA.jpg!webindex" alt="舅舅六亲不认的步伐＋云梦双杰摇头杀，已中毒！" />
              <div class="show_video"></div>-->
                <!-- video_time 12: 20 是以前注释掉的， 不需要放出来-->
              <!-- <em class="video_time">12: 20</em> -->
            <!-- </div>
            <p class="rec_title rec_animate">舅舅六亲不认的步伐＋云梦双杰摇头杀，已中毒！</p>
          </a>
          <div class="rec_counts clr">
            <span class="rec_play">5733</span>
            <span class="rec_reply">10</span>
          </div>
        </li>
                              <li class="rec_hide">
          <a href="/main/post/6293877835984913938/detail/1" target="_blank" rel="noopener">
            <div>
              <img src="//image.diyidan.net/music/2017/6/16/zyMKqDXvPpVO5K74.jpg!webindex" alt="【波澜哥】最炫民族风" />
              <div class="show_video"></div>-->
                <!-- video_time 12: 20 是以前注释掉的， 不需要放出来-->
              <!-- <em class="video_time">12: 20</em> -->
            <!-- </div>
            <p class="rec_title rec_animate">【波澜哥】最炫民族风</p>
          </a>
          <div class="rec_counts clr">
            <span class="rec_play">10642</span>
            <span class="rec_reply">19</span>
          </div>
        </li>
                              <li class="rec_hide">
          <a href="/main/post/6294189047311096645/detail/1" target="_blank" rel="noopener">
            <div>
              <img src="//image.diyidan.net/music/2017/7/26/9yu7ZRwgUJ2AgSRO.png!webindex" alt="JUST DO IT!!! 做就对了！" />
              <div class="show_video"></div>-->
                <!-- video_time 12: 20 是以前注释掉的， 不需要放出来-->
              <!-- <em class="video_time">12: 20</em> -->
            <!-- </div>
            <p class="rec_title rec_animate">JUST DO IT!!! 做就对了！</p>
          </a>
          <div class="rec_counts clr">
            <span class="rec_play">15456</span>
            <span class="rec_reply">20</span>
          </div>
        </li>
                              <li class="rec_hide">
          <a href="/main/post/6293754345699149312/detail/1" target="_blank" rel="noopener">
            <div>
              <img src="//image.diyidan.net/music/2016/11/8/kEV7iXQaWUCTfm2C.png!webindex" alt="win10娘在**！!win10提示音，极乐净土" />
              <div class="show_video"></div>-->
                <!-- video_time 12: 20 是以前注释掉的， 不需要放出来-->
              <!-- <em class="video_time">12: 20</em> -->
            <!-- </div>
            <p class="rec_title rec_animate">win10娘在**！!win10提示音，极乐净土</p>
          </a>
          <div class="rec_counts clr">
            <span class="rec_play">30975</span>
            <span class="rec_reply">86</span>
          </div>
        </li>
                                                                          </ul>
  </section> -->

  <section class="zhuanqu-box clr title-padding">
    <div class="rec-titleBox">
      <!-- <span class="ie02 index-angle" onclick="gotoUserPage('/blockall');">查看更多<em class="check4more_icon"></em></span> -->
      <!-- <span class="ie02" onclick="randomHotAreas(this);">换一批<img class="sb1" src="//www-static.diyidan.com/static/image/change-circle.png?v=d3ef0fc3a6ab4806e785e041216af2a6" alt="第一弹">
                  <img class="sb2" src="//www-static.diyidan.com/static/image/change-circle.png?v=d3ef0fc3a6ab4806e785e041216af2a6" alt="第一弹"></span> -->
      <span class="title-text title-text-area">热门主题区</span>
    </div>

                  <div class="res_zhuanqu_box"><a href="/main/area/210027/1" target="_blank" rel="noopener">
          <div class="res_zhuanqu_imgBox"><img src="//image.diyidan.net/area/210027.png!tiny2" alt="牧羊人之心" class="res_zhuanqu_img"></div>
          <div class="res_zhuanqu_textBox">
            <div class="res_zhuanqu_tt">牧羊人之心</div>
            <div class="res_zhuanqu_intro">第一弹牧羊人之心群号：935232466，官方在线解答各种问题哦~</div>
            <div class="res_zhuanqu_nums"><span class="zhuanqu_posts">帖子：1444990</span><span class="zhuanqu_members">成员：129045</span></div>
          </div>
        </a></div>
                        <div class="res_zhuanqu_box"><a href="/main/area/102004/1" target="_blank" rel="noopener">
          <div class="res_zhuanqu_imgBox"><img src="//image.diyidan.net/area/102004.jpg!tiny2" alt="古风&amp;汉服" class="res_zhuanqu_img"></div>
          <div class="res_zhuanqu_textBox">
            <div class="res_zhuanqu_tt">古风&amp;汉服</div>
            <div class="res_zhuanqu_intro">花自染风去，佳人端淑来。</div>
            <div class="res_zhuanqu_nums"><span class="zhuanqu_posts">帖子：2915134</span><span class="zhuanqu_members">成员：314831</span></div>
          </div>
        </a></div>
                        <div class="res_zhuanqu_box"><a href="/main/area/120039/1" target="_blank" rel="noopener">
          <div class="res_zhuanqu_imgBox"><img src="//image.diyidan.net/area/120039.jpg!tiny2" alt="诗词歌赋" class="res_zhuanqu_img"></div>
          <div class="res_zhuanqu_textBox">
            <div class="res_zhuanqu_tt">诗词歌赋</div>
            <div class="res_zhuanqu_intro">以押韵传播文化</div>
            <div class="res_zhuanqu_nums"><span class="zhuanqu_posts">帖子：286173</span><span class="zhuanqu_members">成员：45468</span></div>
          </div>
        </a></div>
                        <div class="res_zhuanqu_box"><a href="/main/area/120040/1" target="_blank" rel="noopener">
          <div class="res_zhuanqu_imgBox"><img src="//image.diyidan.net/area/120040.jpg!tiny2" alt="中华礼仪" class="res_zhuanqu_img"></div>
          <div class="res_zhuanqu_textBox">
            <div class="res_zhuanqu_tt">中华礼仪</div>
            <div class="res_zhuanqu_intro">不学礼无以立</div>
            <div class="res_zhuanqu_nums"><span class="zhuanqu_posts">帖子：75529</span><span class="zhuanqu_members">成员：25532</span></div>
          </div>
        </a></div>
                        <div class="res_zhuanqu_box"><a href="/main/area/120041/1" target="_blank" rel="noopener">
          <div class="res_zhuanqu_imgBox"><img src="https://image.diyidan.net/post/2017/10/24/Nb5F11oW15vB9Ubk.jpg!tiny2" alt="国画书法" class="res_zhuanqu_img"></div>
          <div class="res_zhuanqu_textBox">
            <div class="res_zhuanqu_tt">国画书法</div>
            <div class="res_zhuanqu_intro">刻画民俗情趣，柔和古今自然</div>
            <div class="res_zhuanqu_nums"><span class="zhuanqu_posts">帖子：69214</span><span class="zhuanqu_members">成员：26710</span></div>
          </div>
        </a></div>
                        <div class="res_zhuanqu_box"><a href="/main/area/120035/1" target="_blank" rel="noopener">
          <div class="res_zhuanqu_imgBox"><img src="//image.diyidan.net/area/120035.jpg!tiny2" alt="中华文化讲堂" class="res_zhuanqu_img"></div>
          <div class="res_zhuanqu_textBox">
            <div class="res_zhuanqu_tt">中华文化讲堂</div>
            <div class="res_zhuanqu_intro">传承中华优秀文化，发扬社会主义核心价值观。</div>
            <div class="res_zhuanqu_nums"><span class="zhuanqu_posts">帖子：13349</span><span class="zhuanqu_members">成员：16683</span></div>
          </div>
        </a></div>
          
  </section>

  <section class="zhuanqu-box title-padding dongman-box">
    <div class="rec-titleBox">
      <!-- <span class="ie02 index-angle" onclick="go2TabArea(this);">查看更多<em class="check4more_icon"></em></span> -->
      <!-- <span class="ie02" onclick="randomHotV_C(this);">换一批<img class="sb1" src="//www-static.diyidan.com/static/image/change-circle.png?v=d3ef0fc3a6ab4806e785e041216af2a6" alt="第一弹">
                  <img class="sb2" src="//www-static.diyidan.com/static/image/change-circle.png?v=d3ef0fc3a6ab4806e785e041216af2a6" alt="第一弹"></span> -->
      <span class="title-text title-text-cart">原创动漫</span>
      <span class="nav-item nav-item2 nav-on"  data-id='120003' onclick="tabHotV_C(this);">小说</span>
      <span class="nav-item nav-item1" data-id='120002' onclick="tabHotV_C(this);">漫画</span>
    </div>
    <ul class="res_posts_list post_list_block_div clr">

                        <li class="rec_hide">
            <a href="/main/post/6294360860168324251/detail/1" target="_blank" rel="noopener">
              <div>
                <img src="//image.diyidan.net/post/post_default_first_image.png!webindex" alt="【原创】《樱花少女总是要攻略姐姐》一个潜伏在光怪陆离下的日常" />
              </div>
              <p  class="rec_title rec_animate">【原创】《樱花少女总是要攻略姐姐》一个潜伏在光怪陆离下的日常</p>
            </a>
            <div class="rec_counts clr">
              <span class="rec_play dongman-sugar">418</span>
              <span class="rec_reply">443</span>
            </div>
          </li>
                                <li class="rec_hide">
            <a href="/main/post/6294360860172880548/detail/1" target="_blank" rel="noopener">
              <div>
                <img src="//image.diyidan.net/post/2018/3/18/nTd91ALsknC7CmTG.png!webindex" alt="【宅文·原创】捡条银龙当老婆《我的老婆是条龙》by宫小路" />
              </div>
              <p  class="rec_title rec_animate">【宅文·原创】捡条银龙当老婆《我的老婆是条龙》by宫小路</p>
            </a>
            <div class="rec_counts clr">
              <span class="rec_play dongman-sugar">4914</span>
              <span class="rec_reply">8556</span>
            </div>
          </li>
                                <li class="rec_hide">
            <a href="/main/post/6294360860134928583/detail/1" target="_blank" rel="noopener">
              <div>
                <img src="//image.diyidan.net/post/post_default_first_image.png!webindex" alt="消失的同桌也要搞事情" />
              </div>
              <p  class="rec_title rec_animate">消失的同桌也要搞事情</p>
            </a>
            <div class="rec_counts clr">
              <span class="rec_play dongman-sugar">1192</span>
              <span class="rec_reply">658</span>
            </div>
          </li>
              
    </ul>
  </section>

  <!-- ACG音乐版区 -->
  <section class="zhuanqu-box clr">

    <!-- 左侧推荐区 -->
    <div class="rec-left">
      <div class="rec-titleBox">
        <!-- <span class="ie02 index-angle" onclick="gotoUserPage('/main/area/102001/1');">查看更多<em class="check4more_icon"></em></span> -->
        <!-- <span class="ie02" data-id='102001' onclick="randomHotPosts(this);">换一批<img class="sb1" src="//www-static.diyidan.com/static/image/change-circle.png?v=d3ef0fc3a6ab4806e785e041216af2a6" alt="第一弹">
                  <img class="sb2" src="//www-static.diyidan.com/static/image/change-circle.png?v=d3ef0fc3a6ab4806e785e041216af2a6" alt="第一弹"></span> -->
        <span class="title-text title-text-music">ACG音乐</span>
      </div>
      <ul class="recommend-list clr">

                              <li class="rec_hide rec_hide_6294630120659169716">
              <a href="/main/post/6294630120659169716/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/post/2018/6/6/gCTPF7seX3SLgI7u.jpg!webindex" alt="【纯音乐】【ACG】【欧美】50首工作看书刷题纯音乐">
                </div>
                <p class="post-title">【纯音乐】【ACG】【欧美】50首工作看书刷题纯音乐</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6294360860125936047')">夏末友人帳</span>
                <span class="post-sugar" onclick="giveSugar(this, '6294630120659169716');">43</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6294630120659879817">
              <a href="/main/post/6294630120659879817/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/music/2018/6/7/lmi733UYkk99q41e.jpg!webindex" alt="【 ღ9 】 火花 (Cover : DECO*27)「高考应援」">
                </div>
                <p class="post-title">【 ღ9 】 火花 (Cover : DECO*27)「高考应援」</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6293615542263353706')">芯玖</span>
                <span class="post-sugar" onclick="giveSugar(this, '6294630120659879817');">153</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6295053995662284794">
              <a href="/main/post/6295053995662284794/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/music/2019/8/5/TT1VKDpG7OFVUSzo.jpg!webindex" alt="【原创电音】Tassel">
                </div>
                <p class="post-title">【原创电音】Tassel</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6294630120676758531')">MicroTokyo</span>
                <span class="post-sugar" onclick="giveSugar(this, '6295053995662284794');">13</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6294630120657045798">
              <a href="/main/post/6294630120657045798/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/music/2018/6/1/gsQPG0sion0aNa57.png!webindex" alt="【原创电音】我能感觉到你，世界 — FEEL【Nekock·LK】">
                </div>
                <p class="post-title">【原创电音】我能感觉到你，世界 — FEEL【Nekock·LK】</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6293615542242323322')">Nekock·LK</span>
                <span class="post-sugar" onclick="giveSugar(this, '6294630120657045798');">60</span>
              </div>
            </li>
                        </ul>
    </div>

    <!-- 右侧排行区 -->
    <!-- <div class="rec-right">
      <div class="hot_sort_box">
        <div class="sort_top_ttBox">
          <div class="sort_top_tt">ACG音乐排行</div>
          <div class="go_to_hot_page" data-tabTt="音乐" onclick="go2RankPage(this);">完整排行<em class="check4more_icon"></em></div>
        </div>

        <ul class="rank_list_small">

                        <li class="sort_section clr ">
                <a href="/main/post/6297013406813993755/detail/1" target="_blank">
                  <div class="sort_section_left to_shine f1">1</div>
                  <div class="sort_section_right_small f1">
                    <p>变变变</p>
                                                              <span class="sort_img_box_small"><img src="//image.diyidan.net/music/music_default.png!webindex" alt="变变变"/></span>
                                                          </div>
                </a>
              </li>
          

        </ul>

      </div>
    </div> -->
  </section>


  <!-- 网配／CV版区 -->
  <section class="zhuanqu-box clr">

    <!-- 左侧推荐区 -->
    <div class="rec-left">
      <div class="rec-titleBox">
        <!-- <span class="ie02 index-angle" onclick="gotoUserPage('/main/area/120021/1');">查看更多<em class="check4more_icon"></em></span> -->
        <!-- <span class="ie02" data-id='120021' onclick="randomHotPosts(this);">换一批<img class="sb1" src="//www-static.diyidan.com/static/image/change-circle.png?v=d3ef0fc3a6ab4806e785e041216af2a6" alt="第一弹">
                  <img class="sb2" src="//www-static.diyidan.com/static/image/change-circle.png?v=d3ef0fc3a6ab4806e785e041216af2a6" alt="第一弹"></span> -->
        <span class="title-text title-text-cv">网配/CV</span>
      </div>
      <ul class="recommend-list clr">

                              <li class="rec_hide rec_hide_6295053995624164634">
              <a href="/main/post/6295053995624164634/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/shortvideo/2019/5/7/42c530219d.jpg!webindex" alt="【第一弹首发】牧羊人之心MIO的睡前语音？！非官方（笑）">
                </div>
                <p class="post-title">【第一弹首发】牧羊人之心MIO的睡前语音？！非官方（笑）</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6294196636891144114')">花椰花椰</span>
                <span class="post-sugar" onclick="giveSugar(this, '6295053995624164634');">226</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6295053995632771170">
              <a href="/main/post/6295053995632771170/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/shortvideo/2019/5/29/b0e902f80f.jpg!webindex" alt="【第一弹首发】佳树的日本声优小课堂①">
                </div>
                <p class="post-title">【第一弹首发】佳树的日本声优小课堂①</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6295053995609905316')">佳樹</span>
                <span class="post-sugar" onclick="giveSugar(this, '6295053995632771170');">240</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6294784543704477224">
              <a href="/main/post/6294784543704477224/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/music/2018/9/14/YfJIqq7o8AHlWxpJ.jpg!webindex" alt="《秦时明月》多人有声小说">
                </div>
                <p class="post-title">《秦时明月》多人有声小说</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6294360860172366501')">江州公子清【声鉴】</span>
                <span class="post-sugar" onclick="giveSugar(this, '6294784543704477224');">4</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6294630120656940075">
              <a href="/main/post/6294630120656940075/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/music/2018/6/1/qkuvtrpooQqPrQT2.png!webindex" alt="【御音行歌】全一期耽美《小鱼，快到碗里来》">
                </div>
                <p class="post-title">【御音行歌】全一期耽美《小鱼，快到碗里来》</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6293877835971073656')">dd85492324</span>
                <span class="post-sugar" onclick="giveSugar(this, '6294630120656940075');">25</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6295053995659588148">
              <a href="/main/post/6295053995659588148/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/post/2019/7/28/ZRyV212BqweIlX5j.jpg!webindex" alt="【CV安利】捕捉一只可爱饱吧">
                </div>
                <p class="post-title">【CV安利】捕捉一只可爱饱吧</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6295053995612705274')">莫忆染</span>
                <span class="post-sugar" onclick="giveSugar(this, '6295053995659588148');">87</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6295053995658819174">
              <a href="/main/post/6295053995658819174/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/post/2019/7/26/b0rB0uAp7XGQz2F9.jpg!webindex" alt="八爷作品大盘点#科普安利向#">
                </div>
                <p class="post-title">八爷作品大盘点#科普安利向#</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6294630120687629703')">长孙木槿—声控一番队</span>
                <span class="post-sugar" onclick="giveSugar(this, '6295053995658819174');">57</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6294784543718096457">
              <a href="/main/post/6294784543718096457/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/music/2018/10/21/4cqWy2IfLdOTWm2I.jpg!webindex" alt="【浅唱】【课本时光】第三十六期《地下森林的断想》">
                </div>
                <p class="post-title">【浅唱】【课本时光】第三十六期《地下森林的断想》</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6293877835975709894')">浅唱且行配音社</span>
                <span class="post-sugar" onclick="giveSugar(this, '6294784543718096457');">10</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6294784543718404031">
              <a href="/main/post/6294784543718404031/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/music/2018/10/23/cExIzBijmi84mryE.jpg!webindex" alt="大美江湖--剑三(剧情合集)">
                </div>
                <p class="post-title">大美江湖--剑三(剧情合集)</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6294196636859261891')">拾忆\</span>
                <span class="post-sugar" onclick="giveSugar(this, '6294784543718404031');">21</span>
              </div>
            </li>
                                        <li class="rec_hide rec_hide_6294360860202297917">
              <a href="/main/post/6294360860202297917/detail/1" target="_blank" rel="noopener">
                <div class="post-imgBox">
                  <img src="//image.diyidan.net/music/2018/5/7/TCOTGtT7y8wg36Fy.jpg!webindex" alt="24系列广播剧之小雪《小雪初寒》">
                </div>
                <p class="post-title">24系列广播剧之小雪《小雪初寒》</p>
              </a>
              <div class="post-counts clr">
                <span class="post-name" onclick="gotoUserPage('/user/home/6293877835962812562')">恶人谷配音组</span>
                <span class="post-sugar" onclick="giveSugar(this, '6294360860202297917');">12</span>
              </div>
            </li>
                        </ul>
    </div>

    <!-- 右侧排行区 -->
    <!-- <div class="rec-right">
      <div class="hot_sort_box">
        <div class="sort_top_ttBox">
          <div class="sort_top_tt">网配/CV排行</div>
          <div class="go_to_hot_page" data-tabTt="网配/CV" onclick="go2RankPage(this);">完整排行<em class="check4more_icon"></em></div>
        </div>

        <ul class="rank_list_small">

                                    <li class="sort_section clr ">
                <a href="/main/post/6297013406813993064/detail/1" target="_blank">
                  <div class="sort_section_left to_shine f1">1</div>
                  <div class="sort_section_right_small f1">
                    <p>云想衣裳花想容 春风拂槛露华浓 秋云春华就是我方云华是也</p>
                                                              <span class="sort_img_box_small"><img src="//image.diyidan.net/post/2023/3/21/GJK9Q0WoZOENeEHn.jpg!webindex" alt="云想衣裳花想容 春风拂槛露华浓 秋云春华就是我方云华是也"/></span>
                                                          </div>
                </a>
              </li>
                      
        </ul>

      </div>
    </div> -->
  </section>

  <section class="zhuanqu-box">
    <div class="yuansheng">
      <div class="rec_top">
          <span class="new-posts-title">最新帖子</span>
      </div>
      <ul class="clr">
            </ul>
    </div>
  </section>

  <section class="zhuanqu-box yuansheng last-box">
    <!--
    <div class="rec_bottom" onclick="javascript:location.href='/main/page/1';return false;">
       <a href="/main/page/1">查看更多</a>
    </div>
    -->
  </section>

</div>
<div class="add_collect_bag close_box_container">
  <div class="center_box">
    <div class="center_title">
      添加帖子到
      <span class="close_alertbox"></span>
    </div>
    <div class="collect_bag_box">
    </div>
    <span class="center_xian"></span>
    <span class="close_mesbox">取消</span>
    <span class="sure_mesbox">确定</span>
  </div>
</div>
<div class="alert_mes_box" style="display: none;">
  <div class="pop_up_box">
    <p>弹娘提醒</p>
    <p class="msg_p"></p>
    <button onclick="hideAlertBox();" style="float:right;margin-right:40px;">确定</button>
    <button onclick="hideAlertBox()" class="btn_grey" style="float: left;margin-left: 40px;">取消</button>
  </div>
</div>
<script src="//www-static.diyidan.com/static/js/swiper-3.4.1.jquery.min.js?v=8ba31474130566d0d42a0656b86d3c64"></script>
<script src="//www-static.diyidan.com/static/js/user_collect.js?v=a03595d0e8187c8c2eaf868125957584" ></script>
<script>
$(function(){

    var ua = navigator.userAgent.toLowerCase();
    // var slideTimer = null;
    // clearInterval(slideTimer);
    // slideTimer = setInterval('changeSlide("auto")', 5000);

    $(document).on('mouseenter', '.rank_list_small li', function(){
        $(this).siblings().addClass('hide_img');
        $(this).removeClass('hide_img');
    });

    // $('.btn-item').click(function(){
    //   clearInterval(slideTimer);
    //   slideTimer = setInterval('changeSlide("auto")', 5000);
    // });


})

// 给糖
function giveSugar(item, post_id) {
  var event = window.event || arguments.callee.caller.arguments[0];
  event ? window.event.cancelBubble = true : e.stopPropagation();
  if (getCookie('web_token_id') != null && getCookie('web_token_id') != '') {
    var type = "POST";
    var url = "/main/post/like"
    if ($(item).hasClass("select")) {
      type = "DELETE";
      url = url + "?postId=" + post_id;
    }
    if (post_id.length > 0) {
      $.ajax({
        url: url, //登陆页面
        type: type,
        data: {
          "postId": post_id,
        },
        async: true,
        timeout: 3000,
        dataType: "json",
        error: function() {},
        success: function(data, status) { //如果调用成功
          var code = data.code;
          if (code != 200) {
            pop_up(data.message, '', '', '', '');
          } else {
            if ($(item).hasClass('select')) {
              $(item).removeClass('select');
              if (parseInt($(item).html()) < 1) {} else {
                $(item).html(parseInt($(item).html()) - 1)
              }
            } else {
              $(item).addClass('select');
              $(item).html(parseInt(parseInt($(item).html()) + 1));

              $(item).append('<h5 style="position: absolute;top: -10px;color: #FD4C86;left: 8px;z-index:121;">已给糖</h5>');
              $(item).find('h5').animate({
                top: '-50px',
                opacity: '0'
              }, 1000, function() {
                $(this).remove();
              });
            }
          }
        }
      });

    }
  } else {
    $('input').val('');
    $('.tshi').html('')
    $(".denglu").show();
    signin_type = 0; //设置登陆模式只是登陆
  }

}


// 随机更换推荐视频帖子
function randomHotV_C(item) {
  var text = $(item).parent().find('.nav-on').text(),
      obj = {
        "COS": 104003,
        "女装": 120026,
        "少女": 120017,
        "综合": 120011,
        "鬼畜": 103001,
        "哲学": 120019,
        "MMD": 103005,
        "漫画": 120002,
        "小说": 120003
      };
  if(text){
    subAreaId = obj[text];
  }else{
    subAreaId = $(item).attr('data-id');
  }
  $.ajax({
    url: "/main/arearanking?subareaId=" + subAreaId,
    type: "GET",
    async: true,
    timeout: 5000,
    dataType: "json",
    error: function() {},
    success: function(data, status) {

      var code = data.code;
      if (code != 200) {

      } else {
        var dataArray = data.data;
        if (typeof dataArray[0] == "undefined" || dataArray[0] == null) {

        } else {
          var tmp_index = 0;
          var tmp_len = dataArray.length;
          var $targetLists = $(item).parent().parent().find('.res_posts_list li');
          if (tmp_len > 5) {
            tmp_len = 5
          }
          for (var i = 0; i < tmp_len; i++) {
            var tmp_obj = dataArray[tmp_index]
            var rec_li = $targetLists.eq(tmp_index)
            var rec_href = '/main/post/' + tmp_obj.postId + '/detail/1'
            rec_li.find('a').attr('href', rec_href)
            rec_li.find('img').attr('src', tmp_obj.postFirstImage + '!webindex')
            rec_li.find('img').attr('alt', tmp_obj.postTitle)
            rec_li.find('.rec_title').html(tmp_obj.postTitle)
            rec_li.find('.rec_play').html(tmp_obj.postReadCount)
            rec_li.find('.rec_reply').html(tmp_obj.postLikedCount)
            tmp_index++
          }
        }

      }
    }
  })
}


function tabHotV_C(item) {

  if($(item).hasClass('nav-on')){

  } else {
    $.ajax({
      url: "/main/arearanking?subareaId="+$(item).attr('data-id'),
      type: "GET",
      async: true,
      timeout: 5000,
      dataType: "json",
      error: function() {},
      success: function(data, status) {

        var code = data.code;
        if (code != 200) {

        } else {
          var dataArray = data.data;
          $(item).addClass('nav-on').siblings().removeClass('nav-on');
          if (typeof dataArray[0] == "undefined" || dataArray[0] == null) {

          } else {
            var tmp_index = 0;
            var tmp_len = dataArray.length;
            var $targetLists = $(item).parent().parent().find('.res_posts_list li');
            if (tmp_len > 5) {
              tmp_len = 5
            }
            for (var i = 0; i < tmp_len; i++) {
              var tmp_obj = dataArray[tmp_index]
              var rec_li = $targetLists.eq(tmp_index)
              var rec_href = '/main/post/' + tmp_obj.postId + '/detail/1'
              rec_li.find('a').attr('href', rec_href)
              rec_li.find('img').attr('src', tmp_obj.postFirstImage + '!webindex')
              rec_li.find('img').attr('alt', tmp_obj.postTitle)
              rec_li.find('.rec_title').html(tmp_obj.postTitle)
              rec_li.find('.rec_play').html(tmp_obj.postReadCount)
              rec_li.find('.rec_reply').html(tmp_obj.postLikedCount)
              tmp_index++
            }
          }

        }
      }
    })
  }
}


/*推荐版区*/
function randomHotAreas(item) {
  $.ajax({
    url: "/main/hotrandomarea",
    type: "GET",
    async: true,
    timeout: 5000,
    dataType: "json",
    error: function() {},
    success: function(data, status) {

      var code = data.code;
      if (code != 200) {

      } else {
        var dataArray = data.data;
        if (typeof dataArray[0] == "undefined" || dataArray[0] == null) {

        } else {
          var tmp_index = 0;
          var tmp_len = dataArray.length;
          var $areaLists = $(item).parent().parent().find('.res_zhuanqu_box');
          if (tmp_len > 10) {
            tmp_len = 10
          }
          for (var i = 0; i < tmp_len; i++) {
            var tmp_obj = dataArray[tmp_index]
            var rec_li = $areaLists.eq(tmp_index)
            var rec_href = '/main/area/' + tmp_obj.subareaId + '/1'
            rec_li.find('a').attr('href', rec_href)
            rec_li.find('img').attr('src', tmp_obj.subareaImg)
            rec_li.find('img').attr('alt', tmp_obj.postTitle)
            rec_li.find('.res_zhuanqu_tt').html(tmp_obj.subareaName)
            rec_li.find('.res_zhuanqu_intro').html(tmp_obj.subareaDescription)
            rec_li.find('.zhuanqu_members').html('成员：' + tmp_obj.subareaUserCount)
            rec_li.find('.zhuanqu_posts').html('帖子：' + tmp_obj.subareaPostCount)
            tmp_index++
          }
        }

      }
    }
  })
}


/*精品帖子*/
function randomHotPosts(item) {

  var text = $(item).parent().find('.nav-on').text(),
      obj = {
        "COS": 104003,
        "女装": 120026,
        "少女": 120017,
        "综合": 120011,
        "鬼畜": 103001,
        "哲学": 120019,
        "MMD": 103005,
        "漫画": 120002,
        "小说": 120003
      };
  if(text){
    subAreaId = obj[text];
  }else{
    subAreaId = $(item).attr('data-id');
  }
  $.ajax({
    url: "/main/arearanking?subareaId=" + subAreaId,
    type: "GET",
    async: true,
    timeout: 5000,
    dataType: "json",
    error: function() {},
    success: function(data, status) {

      var code = data.code;
      if (code != 200) {

      } else {
        var dataArray = data.data;
        if (typeof dataArray[0] == "undefined" || dataArray[0] == null) {

        } else {
          var tmp_index = 0;
          var tmp_len = dataArray.length;
          var $postsLists = $(item).parent().parent().find('.recommend-list li');
          if (tmp_len > 10) {
            tmp_len = 10
          }
          for (var i = 0; i < tmp_len; i++) {
            var tmp_obj = dataArray[tmp_index]
            var rec_li = $postsLists.eq(tmp_index)
            var rec_href = '/main/post/' + tmp_obj.postId + '/detail/1'
            var userhome = 'user/home/' + tmp_obj.userId
            rec_li.find('a').attr('href', rec_href)
            rec_li.find('img').attr('src', tmp_obj.postFirstImage + '!webindex')
            rec_li.find('img').attr('alt', tmp_obj.postTitle)
            rec_li.find('.post-title').html(tmp_obj.postTitle)
            rec_li.find('.post-name').html(tmp_obj.userInfo).attr('onclick', "gotoUserPage('" + userhome + "');")
            rec_li.find('.post-sugar').html(tmp_obj.postLikedCount).attr('onclick', "giveSugar(this, '" + tmp_obj.postId + "');").removeClass('select');
            tmp_index++
          }
        }

      }
    }
  })
}
// 标题tab切换
function subAreaHotPosts(item) {
  if($(item).hasClass('nav-on')){

  } else {
    $.ajax({
      url: "/main/arearanking?subareaId="+$(item).attr('data-id'),
      type: "GET",
      async: true,
      timeout: 5000,
      dataType: "json",
      error: function() {},
      success: function(data, status) {

        var code = data.code;
        if (code != 200) {

        } else {
          var dataArray = data.data;
          $(item).addClass('nav-on').siblings().removeClass('nav-on');
          if (typeof dataArray[0] == "undefined" || dataArray[0] == null) {

          } else {
            var tmp_index = 0;
            var tmp_len = dataArray.length;
            var $postsLists = $(item).parent().parent().find('.recommend-list li');
            if (tmp_len > 10) {
              tmp_len = 10
            }
            for (var i = 0; i < tmp_len; i++) {
              var tmp_obj = dataArray[tmp_index]
              var rec_li = $postsLists.eq(tmp_index)
              var rec_href = '/main/post/' + tmp_obj.postId + '/detail/1'
              var userhome = 'user/home/' + tmp_obj.userId
              rec_li.find('a').attr('href', rec_href)
              rec_li.find('img').attr('src', tmp_obj.postFirstImage + '!webindex')
              rec_li.find('img').attr('alt', tmp_obj.postTitle)
              rec_li.find('.post-title').html(tmp_obj.postTitle)
              rec_li.find('.post-name').html(tmp_obj.userInfo).attr('onclick', "gotoUserPage('" + userhome + "');")
              rec_li.find('.post-sugar').html(tmp_obj.postLikedCount).attr('onclick', "giveSugar(this, '" + tmp_obj.postId + "');")
              tmp_index++
            }
          }

        }
      }
    })
  }

}

// 标题tab切换
function tabHotPosts(item) {
  if($(item).hasClass('nav-on')){

  } else {
    $.ajax({
      url: "/main/arearanking",
      type: "GET",
      async: true,
      timeout: 5000,
      dataType: "json",
      error: function() {},
      success: function(data, status) {

        var code = data.code;
        if (code != 200) {

        } else {
          var dataArray = data.data;
          $(item).addClass('nav-on').siblings().removeClass('nav-on');
          if (typeof dataArray[0] == "undefined" || dataArray[0] == null) {

          } else {
            var tmp_index = 0;
            var tmp_len = dataArray.length;
            var $postsLists = $(item).parent().parent().find('.recommend-list li');
            if (tmp_len > 8) {
              tmp_len = 8
            }
            for (var i = 0; i < tmp_len; i++) {
              var tmp_obj = dataArray[tmp_index]
              var rec_li = $postsLists.eq(tmp_index)
              var rec_href = '/main/post/' + tmp_obj.postId + '/detail/1'
              var userhome = 'user/home/' + tmp_obj.userId
              rec_li.find('a').attr('href', rec_href)
              rec_li.find('img').attr('src', tmp_obj.postFirstImage + '!webindex')
              rec_li.find('img').attr('alt', tmp_obj.postTitle)
              rec_li.find('.post-title').html(tmp_obj.postTitle)
              rec_li.find('.post-name').html(tmp_obj.userInfo).attr('onclick', "gotoUserPage('" + userhome + "');")
              rec_li.find('.post-sugar').html(tmp_obj.postLikedCount).attr('onclick', "giveSugar(this, '" + tmp_obj.postId + "');")
              tmp_index++
            }
          }

        }
      }
    })
  }

}

// slide控制按钮
function changeSlide(item) {
  if(item == 'auto') {
    var s_timer = null,
        $btns = $('.btn-item'),
        $slides = $('.slide-item'),
        outIndex = $btns.index($('.btn-on')),
        inIndex = outIndex < ($btns.length -1) ? outIndex + 1 : 0;
    clearTimeout(s_timer);
    $slides.eq(inIndex).addClass('slide-in');
    $slides.eq(outIndex).addClass('slide-out');
    $btns.eq(inIndex).addClass('btn-on').siblings().removeClass('btn-on');
    s_timer = setTimeout(function(){
      $slides.eq(inIndex).addClass('slide-on').removeClass('slide-in').siblings().removeClass('slide-on');
      $slides.eq(outIndex).removeClass('slide-out');
    }, 990);
  } else {
    if($(item).hasClass('btn-on')) {

    } else {
      var s_timer = null,
          $btns = $('.btn-item'),
          $slides = $('.slide-item'),
          outIndex = $btns.index($('.btn-on')),
          inIndex = $(item).index();
      clearTimeout(s_timer);
      $slides.eq(inIndex).addClass('slide-in');
      $slides.eq(outIndex).addClass('slide-out');
      $btns.eq(inIndex).addClass('btn-on').siblings().removeClass('btn-on');
      s_timer = setTimeout(function(){
        $slides.eq(inIndex).addClass('slide-on').removeClass('slide-in').siblings().removeClass('slide-on');
        $slides.eq(outIndex).removeClass('slide-out');
      }, 995);

    }
  }
}

// 根据tab内容进入版区
function go2TabArea(item) {
  var text = $(item).parent().find('.nav-on').text() || "COS",
      obj = {
        "COS": 104003,
        "女装": 120026,
        "少女": 120017,
        "综合": 120011,
        "鬼畜": 103001,
        "哲学": 120019,
        "MMD": 103005,
        "漫画": 120002,
        "小说": 120003
      },
      url = 'https://www.diyidan.com/main/area/';
  url += obj[text];
  url += '/1';
  window.open(url);
}

// 进入不同版区的热门排行
function go2RankPage(item) {
  var text = $(item).attr('data-tabTt');
  sessionStorage.setItem('dyd_rank_page_tabTt', text);
  window.open('https://www.diyidan.com/main/bestposts/1');
}
</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>