<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>日漫_国漫_第一弹热门版区</title>

    <meta name="description" content="第一弹最热漫画社区，用户可以看日漫,国漫,寻找同好,还可以与大家分享漫画资源!" />
    <meta name="keywords" content="日漫,国漫"/>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="//www-static.diyidan.com/static/image/favicon.ico?v=3dff82015c9a76413ef1989867e8ad2c" type="image/x-icon" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="canonical" href="https://www.diyidan.com/blockall" />
    <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>
     <script type="text/javascript">
  $(document).ready(function(){
    $('#main_nav ul li').on('click', function(ev) {
      $(this).addClass('show_area').siblings().removeClass('show_area')
      changeArea(this);
    });

     $("#search_input").keyup(function(e){
      var event=e||event
      if (event.keyCode==13) {
            changeAreaByName($(this));
        }
    });

     showUserArea();
  });
  function putUserArea(elem, subarea_id){
      checkUserLoginIn();
      if ($(elem).hasClass("cur")) {
        return;
      }
      data = {
        "subAreaId":subarea_id
      };
      $.ajax({
        url: "/main/area/putuserarea",
        type: "PUT",
        async:true,
        timeout: 3000,
        data:data ,
        dataType: "json",
        error: function(){
        },  
        success: function(data,status){//如果调用成功
          var code = data.code;
          if (code != 200) {
          } else {
            $(elem).addClass("cur");
            $(elem).html("已加入");
          }
        }
      });
      var event=window.event || arguments.callee.caller.arguments[0];
      event? window.event.cancelBubble = true : e.stopPropagation();
  }
  function changeArea(ele) {
    $("#search_input").val('');
    $('#area_section ul li').addClass('hide_area')
    var idNav=$(ele).attr('data-id');
    var len=$('#area_section ul li').length
    for (var i = 0; i < len; i++) {
      var id=$('#area_section ul li').eq(i).attr('data-id');
      if (id=='210') {id='118'}
      if (idNav==id) {
        $('#area_section ul li').eq(i).removeClass('hide_area')
      }else if(idNav=='show_all'){
        $('#area_section ul li').removeClass('hide_area')
      }
    }
  }

  function changeAreaByName(ele){
    $('#area_section ul li').addClass('hide_area')
    $("#main_nav ul li:first-child").addClass('show_area').siblings().removeClass('show_area')
    var searchName = $("#search_input").val();

    var len=$('#area_section ul li').length
    for (var i = 0; i < len; i++) {
      var SearchExp = new RegExp(searchName, 'i');
      var name=$('#area_section ul li').eq(i).attr('data-name');
      if (SearchExp.test(name)) {
        $('#area_section ul li').eq(i).removeClass('hide_area')
      }
    }
  }

  function showUserArea(){
    if(getCookie('web_token_id') != null && getCookie('web_token_id')!=''){
      $.ajax({
        url: "/main/area/putuserarea",
        type: "GET",
        async:true,
        timeout: 3000,
        dataType: "json",
        error: function(){
        },  
        success: function(data,status){//如果调用成功
          var code = data.code;
          if (code != 200) {
          } else {
            if (data.data) {
              var areaIds = data.data.userAreaIds;
              if(areaIds.length>0) {
                var areaIdList = areaIds.split(',');
                for (var i=0; i<areaIdList.length; i++) {
                  $('#area_'+areaIdList[i]).find('.btn_join').addClass('cur');
                  $('#area_'+areaIdList[i]).find('.btn_join').html("已加入");
                }
              }
            }
          }
        }
      });
    }
  }
  </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>    <script type="text/javascript">
  var signin_type = 0;//用于存储是直接登陆还是发帖登陆
</script>
<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" >首页</a>
                </li>
                <li class="li_02" style="width: 80px;" ><a
                        href="/blockall" class="inla_click" >热区</a>
                </li>
                <!-- <li class="li_03" style="width: 80px;" ><a
                        href="/gamecenter"
                        >游戏</a></li> -->
                <li class="li_05na" style="width: 80px;" ><a
                        href="/"                         target="_blank" rel="noopener noreferrer">下载</a></li>

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

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

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

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

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

            hotAjaxSearch();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                    showSearchRes(val, false);
                }
            })

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

        })

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


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

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

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

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

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

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

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

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

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

            str = JSON.stringify(his_arr);

            StorageSetter('search_his', str);
        }

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

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

        }

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

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

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

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

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

</div>
<div class="hot_search">
  <div class="search">
    <div class="search_top">
      <span>版区</span>
      <span>&gt;</span>
      <span>版区搜索</span>
    </div>
    <div class="search_for">
        <input id="search_input" type="text" placeholder="搜索版区">
        <button onclick="changeAreaByName(this)"></button>
    </div>
  </div>
</div>
<div id="content" class="content_hot clr">
<!--
<div id="banner_tabs01" class="flexslider">
    <ul class="slides">
      <li>
        <a title="" target="_blank" href="#">
          <img  alt="" style="background: url(//www-static.diyidan.com/static/image/banner1.png?v=475030e97a3cf19bc0184a1324421027) no-repeat center;" src="//www-static.diyidan.com/static/image/alpha.png?v=107f754ac167269e3344ac4a0d26f6ce">
        </a>
      </li>
      <li>
        <a title="" href="#">
          <img alt="" style="background: url(//www-static.diyidan.com/static/image/banner2.png?v=1b04e08525261266402a6fb8cd486fab) no-repeat center;" src="//www-static.diyidan.com/static/image/alpha.png?v=107f754ac167269e3344ac4a0d26f6ce">
        </a>
      </li>
      <li>
        <a title="" href="#">
          <img  alt="" style="background: url(//www-static.diyidan.com/static/image/banner3.png?v=db1e7cf53ad4e510f13b51b490e445ea) no-repeat center;" src="//www-static.diyidan.com/static/image/alpha.png?v=107f754ac167269e3344ac4a0d26f6ce">
        </a>
      </li>
      <li>
        <a title="" target="_blank" href="#">
          <img  alt="" style="background: url(//www-static.diyidan.com/static/image/banner1.png?v=475030e97a3cf19bc0184a1324421027) no-repeat center;" src="//www-static.diyidan.com/static/image/alpha.png?v=107f754ac167269e3344ac4a0d26f6ce">
        </a>
      </li>
      <li>
        <a title="" href="#">
          <img alt="" style="background: url(//www-static.diyidan.com/static/image/banner2.png?v=1b04e08525261266402a6fb8cd486fab) no-repeat center;" src="//www-static.diyidan.com/static/image/alpha.png?v=107f754ac167269e3344ac4a0d26f6ce">
        </a>
      </li>       
    </ul>
    <ol id="bannerCtrl01" class="flex-control-nav flex-control-paging">
      <li><a>1</a></li>
      <li><a>2</a></li>
      <li><a>3</a></li>
      <li><a>4</a></li>
      <li><a>5</a></li>
    </ol>
</div>
-->

<!-- <div id="main_nav" class="main_nav">
  <ul class="clr">
    <li data-id="show_all" class="show_area">全部</li>
          <li data-id="104">资源</li>
          <li data-id="119">同人</li>
          <li data-id="101"></li>
          <li data-id="117">小说</li>
          <li data-id="103"></li>
          <li data-id="102">音乐</li>
          <li data-id="113">互动</li>
          <li data-id="106">热番</li>
          <li data-id="111"></li>
          <li data-id="107">耽美</li>
          <li data-id="108">百合</li>
          <li data-id="110">治愈</li>
          <li data-id="109"></li>
          <li data-id="112"></li>
          <li data-id="114"></li>
          <li data-id="115"></li>
          <li data-id="116">经典/怀旧</li>
          <li data-id="118">游戏</li>
          <li data-id="105"></li>
      </ul>
</div>
 -->  <div id="area_section" class="area_page_section clr js_area" style="margin-top: 20px;">
      <ul class="clr">
                          <li id="area_210027" data-id="210" class="" data-name="牧羊人之心">
              <div onclick="javascript:window.open('/main/area/210027/1')">
                <img src="http://image.diyidan.net/area/210027.png!tiny2" title="牧羊人之心" alt="牧羊人之心"/>
                <p class="area_title">牧羊人之心</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>129046</span></div>
                  <div class="area_works">作品：<span>1444990</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'210027')">加入</span>
              </div>
          </li>
                                  <li id="area_102004" data-id="104" class="" data-name="古风&amp;汉服">
              <div onclick="javascript:window.open('/main/area/102004/1')">
                <img src="http://image.diyidan.net/area/102004.jpg!tiny2" title="古风&amp;汉服" alt="古风&amp;汉服"/>
                <p class="area_title">古风&amp;汉服</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>314831</span></div>
                  <div class="area_works">作品：<span>2915134</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'102004')">加入</span>
              </div>
          </li>
                                  <li id="area_120039" data-id="220" class="" data-name="诗词歌赋">
              <div onclick="javascript:window.open('/main/area/120039/1')">
                <img src="http://image.diyidan.net/area/120039.jpg!tiny2" title="诗词歌赋" alt="诗词歌赋"/>
                <p class="area_title">诗词歌赋</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>45468</span></div>
                  <div class="area_works">作品：<span>286173</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120039')">加入</span>
              </div>
          </li>
                                  <li id="area_120040" data-id="220" class="" data-name="中华礼仪">
              <div onclick="javascript:window.open('/main/area/120040/1')">
                <img src="http://image.diyidan.net/area/120040.jpg!tiny2" title="中华礼仪" alt="中华礼仪"/>
                <p class="area_title">中华礼仪</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>25533</span></div>
                  <div class="area_works">作品：<span>75529</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120040')">加入</span>
              </div>
          </li>
                                  <li id="area_120041" data-id="220" class="" data-name="国画书法">
              <div onclick="javascript:window.open('/main/area/120041/1')">
                <img src="https://image.diyidan.net/post/2017/10/24/Nb5F11oW15vB9Ubk.jpg!tiny2" title="国画书法" alt="国画书法"/>
                <p class="area_title">国画书法</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>26710</span></div>
                  <div class="area_works">作品：<span>69214</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120041')">加入</span>
              </div>
          </li>
                                  <li id="area_120035" data-id="220" class="" data-name="中华文化讲堂">
              <div onclick="javascript:window.open('/main/area/120035/1')">
                <img src="http://image.diyidan.net/area/120035.jpg!tiny2" title="中华文化讲堂" alt="中华文化讲堂"/>
                <p class="area_title">中华文化讲堂</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>16683</span></div>
                  <div class="area_works">作品：<span>13349</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120035')">加入</span>
              </div>
          </li>
                                  <li id="area_104003" data-id="104" class="" data-name="COS">
              <div onclick="javascript:window.open('/main/area/104003/1')">
                <img src="http://image.diyidan.net/tag/2022/12/31/tRf4k2A8vD866vBM.jpg!tiny2" title="COS" alt="COS"/>
                <p class="area_title">COS</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>747000</span></div>
                  <div class="area_works">作品：<span>4628527</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'104003')">加入</span>
              </div>
          </li>
                                  <li id="area_104001" data-id="104" class="" data-name="美图壁纸">
              <div onclick="javascript:window.open('/main/area/104001/1')">
                <img src="http://image.diyidan.net/tag/2022/12/31/oRLax5BQNW0U7wco.jpg!tiny2" title="美图壁纸" alt="美图壁纸"/>
                <p class="area_title">美图壁纸</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>1450787</span></div>
                  <div class="area_works">作品：<span>14465127</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'104001')">加入</span>
              </div>
          </li>
                                  <li id="area_118017" data-id="118" class="" data-name="手机游戏">
              <div onclick="javascript:window.open('/main/area/118017/1')">
                <img src="http://image.diyidan.net/post/2021/12/2/OtvlR53DfbVRf0Qk.jpeg!tiny2" title="手机游戏" alt="手机游戏"/>
                <p class="area_title">手机游戏</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>640967</span></div>
                  <div class="area_works">作品：<span>7894871</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118017')">加入</span>
              </div>
          </li>
                                  <li id="area_120021" data-id="220" class="" data-name="配音/声控">
              <div onclick="javascript:window.open('/main/area/120021/1')">
                <img src="http://image.diyidan.net/area/120021.jpg!tiny2" title="配音/声控" alt="配音/声控"/>
                <p class="area_title">配音/声控</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>1506100</span></div>
                  <div class="area_works">作品：<span>21751866</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120021')">加入</span>
              </div>
          </li>
                                  <li id="area_120001" data-id="220" class="" data-name="番剧">
              <div onclick="javascript:window.open('/main/area/120001/1')">
                <img src="http://image.diyidan.net/area/120001.jpg!tiny2" title="番剧" alt="番剧"/>
                <p class="area_title">番剧</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>1014532</span></div>
                  <div class="area_works">作品：<span>8285904</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120001')">加入</span>
              </div>
          </li>
                                  <li id="area_118023" data-id="118" class="" data-name="王者荣耀">
              <div onclick="javascript:window.open('/main/area/118023/1')">
                <img src="http://image.diyidan.net/area/118023.jpg!tiny2" title="王者荣耀" alt="王者荣耀"/>
                <p class="area_title">王者荣耀</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>681543</span></div>
                  <div class="area_works">作品：<span>7827240</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118023')">加入</span>
              </div>
          </li>
                                  <li id="area_120002" data-id="220" class="" data-name="漫画">
              <div onclick="javascript:window.open('/main/area/120002/1')">
                <img src="http://image.diyidan.net/area/120002.jpg!tiny2" title="漫画" alt="漫画"/>
                <p class="area_title">漫画</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>1172055</span></div>
                  <div class="area_works">作品：<span>8967192</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120002')">加入</span>
              </div>
          </li>
                                  <li id="area_102009" data-id="104" class="" data-name="CP交友">
              <div onclick="javascript:window.open('/main/area/102009/1')">
                <img src="http://image.diyidan.net/post/2021/7/7/Tt8kVfCvpz9zoK1G.jpg!tiny2" title="CP交友" alt="CP交友"/>
                <p class="area_title">CP交友</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>1509938</span></div>
                  <div class="area_works">作品：<span>18537029</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'102009')">加入</span>
              </div>
          </li>
                                  <li id="area_102001" data-id="102" class="" data-name="音乐">
              <div onclick="javascript:window.open('/main/area/102001/1')">
                <img src="http://image.diyidan.net/area/102001.jpg!tiny2" title="音乐" alt="音乐"/>
                <p class="area_title">音乐</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>442727</span></div>
                  <div class="area_works">作品：<span>3858873</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'102001')">加入</span>
              </div>
          </li>
                                  <li id="area_120015" data-id="220" class="" data-name="软件基地">
              <div onclick="javascript:window.open('/main/area/120015/1')">
                <img src="http://image.diyidan.net/pcpost/2021/11/15/pznvivRk17EuwNlv.jpg!tiny2" title="软件基地" alt="软件基地"/>
                <p class="area_title">软件基地</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>845430</span></div>
                  <div class="area_works">作品：<span>6153988</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120015')">加入</span>
              </div>
          </li>
                                  <li id="area_113004" data-id="113" class="" data-name="宅学">
              <div onclick="javascript:window.open('/main/area/113004/1')">
                <img src="http://image.diyidan.net/area/113004.jpg!tiny2" title="宅学" alt="宅学"/>
                <p class="area_title">宅学</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>154606</span></div>
                  <div class="area_works">作品：<span>964269</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'113004')">加入</span>
              </div>
          </li>
                                  <li id="area_104002" data-id="104" class="" data-name="绘画">
              <div onclick="javascript:window.open('/main/area/104002/1')">
                <img src="http://image.diyidan.net/area/104002.jpg!tiny2" title="绘画" alt="绘画"/>
                <p class="area_title">绘画</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>690765</span></div>
                  <div class="area_works">作品：<span>7199644</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'104002')">加入</span>
              </div>
          </li>
                                  <li id="area_104006" data-id="104" class="" data-name="表情包">
              <div onclick="javascript:window.open('/main/area/104006/1')">
                <img src="http://image.diyidan.net/post/2021/7/7/7ta6ed7URpoK5SDw.jpg!tiny2" title="表情包" alt="表情包"/>
                <p class="area_title">表情包</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>428288</span></div>
                  <div class="area_works">作品：<span>4756589</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'104006')">加入</span>
              </div>
          </li>
                                  <li id="area_120026" data-id="220" class="" data-name="女装乐园">
              <div onclick="javascript:window.open('/main/area/120026/1')">
                <img src="https://image.diyidan.net/post/2017/11/9/liN7rlv2qbIHDfUT.jpg!tiny2" title="女装乐园" alt="女装乐园"/>
                <p class="area_title">女装乐园</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>132841</span></div>
                  <div class="area_works">作品：<span>980959</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120026')">加入</span>
              </div>
          </li>
                                  <li id="area_120003" data-id="220" class="" data-name="小说">
              <div onclick="javascript:window.open('/main/area/120003/1')">
                <img src="http://image.diyidan.net/area/120003.jpg!tiny2" title="小说" alt="小说"/>
                <p class="area_title">小说</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>572771</span></div>
                  <div class="area_works">作品：<span>5964757</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120003')">加入</span>
              </div>
          </li>
                                  <li id="area_120004" data-id="220" class="" data-name="纯爱">
              <div onclick="javascript:window.open('/main/area/120004/1')">
                <img src="http://image.diyidan.net/tag/2022/12/31/l8q80u76i255gMHE.png!tiny2" title="纯爱" alt="纯爱"/>
                <p class="area_title">纯爱</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>810870</span></div>
                  <div class="area_works">作品：<span>6579393</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120004')">加入</span>
              </div>
          </li>
                                  <li id="area_120008" data-id="220" class="" data-name="情感&amp;日常">
              <div onclick="javascript:window.open('/main/area/120008/1')">
                <img src="http://image.diyidan.net/post/2021/7/7/OuwxeCW8LQOKtSeu.jpg!tiny2" title="情感&amp;日常" alt="情感&amp;日常"/>
                <p class="area_title">情感&amp;日常</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>1256452</span></div>
                  <div class="area_works">作品：<span>22489758</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120008')">加入</span>
              </div>
          </li>
                                  <li id="area_118025" data-id="118" class="" data-name="崩坏学园">
              <div onclick="javascript:window.open('/main/area/118025/1')">
                <img src="http://image.diyidan.net/area/118025.png!tiny2" title="崩坏学园" alt="崩坏学园"/>
                <p class="area_title">崩坏学园</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>178371</span></div>
                  <div class="area_works">作品：<span>1701384</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118025')">加入</span>
              </div>
          </li>
                                  <li id="area_210004" data-id="210" class="" data-name="少女咖啡枪">
              <div onclick="javascript:window.open('/main/area/210004/1')">
                <img src="https://image.diyidan.net/post/2017/2/24/INZbHbBdIiq9xGRC.jpg!tiny2" title="少女咖啡枪" alt="少女咖啡枪"/>
                <p class="area_title">少女咖啡枪</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>35732</span></div>
                  <div class="area_works">作品：<span>196982</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'210004')">加入</span>
              </div>
          </li>
                                  <li id="area_120013" data-id="220" class="" data-name="学习">
              <div onclick="javascript:window.open('/main/area/120013/1')">
                <img src="http://image.diyidan.net/area/120013.jpg!tiny2" title="学习" alt="学习"/>
                <p class="area_title">学习</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>192126</span></div>
                  <div class="area_works">作品：<span>1406807</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120013')">加入</span>
              </div>
          </li>
                                  <li id="area_120034" data-id="220" class="" data-name="美食">
              <div onclick="javascript:window.open('/main/area/120034/1')">
                <img src="http://image.diyidan.net/area/120034.jpg!tiny2" title="美食" alt="美食"/>
                <p class="area_title">美食</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>111683</span></div>
                  <div class="area_works">作品：<span>640066</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120034')">加入</span>
              </div>
          </li>
                                  <li id="area_116030" data-id="116" class="" data-name="特摄">
              <div onclick="javascript:window.open('/main/area/116030/1')">
                <img src="http://image.diyidan.net/area/116030.jpg!tiny2" title="特摄" alt="特摄"/>
                <p class="area_title">特摄</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>65044</span></div>
                  <div class="area_works">作品：<span>520563</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'116030')">加入</span>
              </div>
          </li>
                                  <li id="area_116031" data-id="116" class="" data-name="游戏王">
              <div onclick="javascript:window.open('/main/area/116031/1')">
                <img src="https://image.diyidan.net/post/2017/9/26/uQEef68dg4b0mkC2.jpg!tiny2" title="游戏王" alt="游戏王"/>
                <p class="area_title">游戏王</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>9173</span></div>
                  <div class="area_works">作品：<span>54131</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'116031')">加入</span>
              </div>
          </li>
                                  <li id="area_120029" data-id="220" class="" data-name="第一弹新手村">
              <div onclick="javascript:window.open('/main/area/120029/1')">
                <img src="http://image.diyidan.net/area/120029.jpg!tiny2" title="第一弹新手村" alt="第一弹新手村"/>
                <p class="area_title">第一弹新手村</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>24620</span></div>
                  <div class="area_works">作品：<span>12780</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120029')">加入</span>
              </div>
          </li>
                                  <li id="area_118015" data-id="118" class="" data-name="游戏">
              <div onclick="javascript:window.open('/main/area/118015/1')">
                <img src="http://image.diyidan.net/area/118015.jpg!tiny2" title="游戏" alt="游戏"/>
                <p class="area_title">游戏</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>271281</span></div>
                  <div class="area_works">作品：<span>4192650</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118015')">加入</span>
              </div>
          </li>
                                  <li id="area_120009" data-id="220" class="" data-name="从零开始的异世界生活">
              <div onclick="javascript:window.open('/main/area/120009/1')">
                <img src="http://image.diyidan.net/area/120009.jpg!tiny2" title="从零开始的异世界生活" alt="从零开始的异世界生活"/>
                <p class="area_title">从零开始的异世界生活</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>130460</span></div>
                  <div class="area_works">作品：<span>918102</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120009')">加入</span>
              </div>
          </li>
                                  <li id="area_120031" data-id="220" class="" data-name="萌宠">
              <div onclick="javascript:window.open('/main/area/120031/1')">
                <img src="http://image.diyidan.net/area/120031.jpg!tiny2" title="萌宠" alt="萌宠"/>
                <p class="area_title">萌宠</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>74953</span></div>
                  <div class="area_works">作品：<span>861212</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120031')">加入</span>
              </div>
          </li>
                                  <li id="area_102006" data-id="104" class="" data-name="手工">
              <div onclick="javascript:window.open('/main/area/102006/1')">
                <img src="http://image.diyidan.net/area/102006.jpg!tiny2" title="手工" alt="手工"/>
                <p class="area_title">手工</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>105113</span></div>
                  <div class="area_works">作品：<span>843551</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'102006')">加入</span>
              </div>
          </li>
                                  <li id="area_106010" data-id="119" class="" data-name="Love Live">
              <div onclick="javascript:window.open('/main/area/106010/1')">
                <img src="https://image.diyidan.net/post/2017/3/14/lsIMUZU3waSsqUEX.jpg!tiny2" title="Love Live" alt="Love Live"/>
                <p class="area_title">Love Live</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>49720</span></div>
                  <div class="area_works">作品：<span>372139</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'106010')">加入</span>
              </div>
          </li>
                                  <li id="area_101009" data-id="106" class="" data-name="干物妹小埋">
              <div onclick="javascript:window.open('/main/area/101009/1')">
                <img src="https://image.diyidan.net/post/2017/3/27/ztsPByF2btyCSwu8.jpg!tiny2" title="干物妹小埋" alt="干物妹小埋"/>
                <p class="area_title">干物妹小埋</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>44583</span></div>
                  <div class="area_works">作品：<span>92194</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'101009')">加入</span>
              </div>
          </li>
                                  <li id="area_118026" data-id="118" class="" data-name="妹妹消失的第一百天">
              <div onclick="javascript:window.open('/main/area/118026/1')">
                <img src="https://image.diyidan.net/post/2018/5/15/e0gnTMThZTRfXlSL.jpg!tiny2" title="妹妹消失的第一百天" alt="妹妹消失的第一百天"/>
                <p class="area_title">妹妹消失的第一百天</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>9392</span></div>
                  <div class="area_works">作品：<span>25553</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118026')">加入</span>
              </div>
          </li>
                                  <li id="area_118027" data-id="118" class="" data-name="碧蓝航线">
              <div onclick="javascript:window.open('/main/area/118027/1')">
                <img src="https://image.diyidan.net/post/2017/6/13/TPALCGu1fOHSOK6T.jpg!tiny2" title="碧蓝航线" alt="碧蓝航线"/>
                <p class="area_title">碧蓝航线</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>59774</span></div>
                  <div class="area_works">作品：<span>449570</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118027')">加入</span>
              </div>
          </li>
                                  <li id="area_210021" data-id="210" class="" data-name="Fate/Grand Order">
              <div onclick="javascript:window.open('/main/area/210021/1')">
                <img src="http://image.diyidan.net/area/210021.png!tiny2" title="Fate/Grand Order" alt="Fate/Grand Order"/>
                <p class="area_title">Fate/Grand Order</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>129246</span></div>
                  <div class="area_works">作品：<span>1300093</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'210021')">加入</span>
              </div>
          </li>
                                  <li id="area_118021" data-id="118" class="" data-name="守望先锋">
              <div onclick="javascript:window.open('/main/area/118021/1')">
                <img src="http://image.diyidan.net/area/118021.jpg!tiny2" title="守望先锋" alt="守望先锋"/>
                <p class="area_title">守望先锋</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>44030</span></div>
                  <div class="area_works">作品：<span>197374</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118021')">加入</span>
              </div>
          </li>
                                  <li id="area_120022" data-id="220" class="" data-name="水族馆">
              <div onclick="javascript:window.open('/main/area/120022/1')">
                <img src="http://image.diyidan.net/post/2021/12/14/y31FcTwmQUhBn5N1.jpg!tiny2" title="水族馆" alt="水族馆"/>
                <p class="area_title">水族馆</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>947467</span></div>
                  <div class="area_works">作品：<span>18619223</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120022')">加入</span>
              </div>
          </li>
                                  <li id="area_120017" data-id="220" class="" data-name="少女装扮">
              <div onclick="javascript:window.open('/main/area/120017/1')">
                <img src="http://image.diyidan.net/area/120017.jpg!tiny2" title="少女装扮" alt="少女装扮"/>
                <p class="area_title">少女装扮</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>162167</span></div>
                  <div class="area_works">作品：<span>1002786</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120017')">加入</span>
              </div>
          </li>
                                  <li id="area_120025" data-id="220" class="" data-name="硬件发烧">
              <div onclick="javascript:window.open('/main/area/120025/1')">
                <img src="https://image.diyidan.net/post/2017/3/27/T5THAkGSby2mDBUf.jpg!tiny2" title="硬件发烧" alt="硬件发烧"/>
                <p class="area_title">硬件发烧</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>36275</span></div>
                  <div class="area_works">作品：<span>299496</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120025')">加入</span>
              </div>
          </li>
                                  <li id="area_118009" data-id="118" class="" data-name="Minecraft">
              <div onclick="javascript:window.open('/main/area/118009/1')">
                <img src="http://image.diyidan.net/area/118009.png!tiny2" title="Minecraft" alt="Minecraft"/>
                <p class="area_title">Minecraft</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>94142</span></div>
                  <div class="area_works">作品：<span>561870</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118009')">加入</span>
              </div>
          </li>
                                  <li id="area_210014" data-id="210" class="" data-name="阴阳师">
              <div onclick="javascript:window.open('/main/area/210014/1')">
                <img src="https://image.diyidan.net/game/2016/yingyangshi/area.jpg!tiny2" title="阴阳师" alt="阴阳师"/>
                <p class="area_title">阴阳师</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>93286</span></div>
                  <div class="area_works">作品：<span>787339</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'210014')">加入</span>
              </div>
          </li>
                                  <li id="area_210018" data-id="210" class="" data-name="零界点">
              <div onclick="javascript:window.open('/main/area/210018/1')">
                <img src="https://image.diyidan.net/game/2016/lingjiedian/300-300.jpg!tiny2" title="零界点" alt="零界点"/>
                <p class="area_title">零界点</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>12911</span></div>
                  <div class="area_works">作品：<span>53384</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'210018')">加入</span>
              </div>
          </li>
                                  <li id="area_210030" data-id="210" class="" data-name="黑晶少女">
              <div onclick="javascript:window.open('/main/area/210030/1')">
                <img src="https://image.diyidan.net/post/2017/10/17/1eAdGk8Z86Enipsz.jpg!tiny2" title="黑晶少女" alt="黑晶少女"/>
                <p class="area_title">黑晶少女</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>2716</span></div>
                  <div class="area_works">作品：<span>1894</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'210030')">加入</span>
              </div>
          </li>
                                  <li id="area_210034" data-id="210" class="" data-name="诺弗兰物语">
              <div onclick="javascript:window.open('/main/area/210034/1')">
                <img src="http://image.diyidan.net/post/2021/12/17/OfpoMzpXfhQlR1S7.png!tiny2" title="诺弗兰物语" alt="诺弗兰物语"/>
                <p class="area_title">诺弗兰物语</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>143</span></div>
                  <div class="area_works">作品：<span>158</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'210034')">加入</span>
              </div>
          </li>
                                  <li id="area_210035" data-id="210" class="" data-name="文字游戏">
              <div onclick="javascript:window.open('/main/area/210035/1')">
                <img src="http://image.diyidan.net/post/2022/12/31/lXUciIEUhLQ7BWhk.png!tiny2" title="文字游戏" alt="文字游戏"/>
                <p class="area_title">文字游戏</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>361928</span></div>
                  <div class="area_works">作品：<span>7229065</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'210035')">加入</span>
              </div>
          </li>
                                  <li id="area_120064" data-id="220" class="" data-name="我们与恶的距离">
              <div onclick="javascript:window.open('/main/area/120064/1')">
                <img src="https://image.diyidan.net/post/2019/5/9/BDapLIdu3cSyz8mr.jpg!tiny2" title="我们与恶的距离" alt="我们与恶的距离"/>
                <p class="area_title">我们与恶的距离</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>5787</span></div>
                  <div class="area_works">作品：<span>1172</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120064')">加入</span>
              </div>
          </li>
                                  <li id="area_120065" data-id="220" class="" data-name="圈套">
              <div onclick="javascript:window.open('/main/area/120065/1')">
                <img src="https://image.diyidan.net/post/2019/5/9/CFid8uKzwSSpQVxq.jpg!tiny2" title="圈套" alt="圈套"/>
                <p class="area_title">圈套</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>35619</span></div>
                  <div class="area_works">作品：<span>75406</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120065')">加入</span>
              </div>
          </li>
                                  <li id="area_120066" data-id="220" class="" data-name="可以不可以">
              <div onclick="javascript:window.open('/main/area/120066/1')">
                <img src="https://image.diyidan.net/post/2019/5/9/vo2DkqE4eEFDZW8z.jpg!tiny2" title="可以不可以" alt="可以不可以"/>
                <p class="area_title">可以不可以</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>8808</span></div>
                  <div class="area_works">作品：<span>8650</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120066')">加入</span>
              </div>
          </li>
                                  <li id="area_120067" data-id="220" class="" data-name="我只喜欢你">
              <div onclick="javascript:window.open('/main/area/120067/1')">
                <img src="https://image.diyidan.net/post/2019/5/9/vVmtqaJC6LHmGTry.png!tiny2" title="我只喜欢你" alt="我只喜欢你"/>
                <p class="area_title">我只喜欢你</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>4238</span></div>
                  <div class="area_works">作品：<span>13198</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120067')">加入</span>
              </div>
          </li>
                                  <li id="area_120068" data-id="220" class="" data-name="娱乐八卦">
              <div onclick="javascript:window.open('/main/area/120068/1')">
                <img src="https://image.diyidan.net/post/2019/8/9/s7TZVmiC4sfetWfc.jpg!tiny2" title="娱乐八卦" alt="娱乐八卦"/>
                <p class="area_title">娱乐八卦</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>62143</span></div>
                  <div class="area_works">作品：<span>672111</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120068')">加入</span>
              </div>
          </li>
                                  <li id="area_120069" data-id="220" class="" data-name="综艺">
              <div onclick="javascript:window.open('/main/area/120069/1')">
                <img src="https://image.diyidan.net/post/2019/5/21/MTdBra27GH2mWA6G.JPG!tiny2" title="综艺" alt="综艺"/>
                <p class="area_title">综艺</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>15313</span></div>
                  <div class="area_works">作品：<span>56685</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120069')">加入</span>
              </div>
          </li>
                                  <li id="area_120070" data-id="220" class="" data-name="虚拟主播">
              <div onclick="javascript:window.open('/main/area/120070/1')">
                <img src="http://image.diyidan.net/post/2021/7/7/IAu6bKLnLenPT7gh.jpg!tiny2" title="虚拟主播" alt="虚拟主播"/>
                <p class="area_title">虚拟主播</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>9736</span></div>
                  <div class="area_works">作品：<span>35030</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120070')">加入</span>
              </div>
          </li>
                                  <li id="area_120071" data-id="220" class="" data-name="宝石研物语">
              <div onclick="javascript:window.open('/main/area/120071/1')">
                <img src="http://image.diyidan.net/area/120071.png!tiny2" title="宝石研物语" alt="宝石研物语"/>
                <p class="area_title">宝石研物语</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>2937</span></div>
                  <div class="area_works">作品：<span>6745</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120071')">加入</span>
              </div>
          </li>
                                  <li id="area_120072" data-id="220" class="" data-name="吹落的树叶">
              <div onclick="javascript:window.open('/main/area/120072/1')">
                <img src="http://image.diyidan.net/area/120072.jpg!tiny2" title="吹落的树叶" alt="吹落的树叶"/>
                <p class="area_title">吹落的树叶</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>54901</span></div>
                  <div class="area_works">作品：<span>25694</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120072')">加入</span>
              </div>
          </li>
                                  <li id="area_120073" data-id="220" class="" data-name="我们不能是朋友">
              <div onclick="javascript:window.open('/main/area/120073/1')">
                <img src="http://image.diyidan.net/area/120073.jpg!tiny2" title="我们不能是朋友" alt="我们不能是朋友"/>
                <p class="area_title">我们不能是朋友</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>45458</span></div>
                  <div class="area_works">作品：<span>12470</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120073')">加入</span>
              </div>
          </li>
                                  <li id="area_120074" data-id="220" class="" data-name="魔道祖师">
              <div onclick="javascript:window.open('/main/area/120074/1')">
                <img src="http://image.diyidan.net/area/120074.jpg!tiny2" title="魔道祖师" alt="魔道祖师"/>
                <p class="area_title">魔道祖师</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>24901</span></div>
                  <div class="area_works">作品：<span>58794</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120074')">加入</span>
              </div>
          </li>
                                  <li id="area_120075" data-id="220" class="" data-name="盾之勇者成名录">
              <div onclick="javascript:window.open('/main/area/120075/1')">
                <img src="http://image.diyidan.net/area/120075.jpg!tiny2" title="盾之勇者成名录" alt="盾之勇者成名录"/>
                <p class="area_title">盾之勇者成名录</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>2445</span></div>
                  <div class="area_works">作品：<span>696</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120075')">加入</span>
              </div>
          </li>
                                  <li id="area_120077" data-id="220" class="" data-name="凹凸世界">
              <div onclick="javascript:window.open('/main/area/120077/1')">
                <img src="http://image.diyidan.net/area/120077.jpg!tiny2" title="凹凸世界" alt="凹凸世界"/>
                <p class="area_title">凹凸世界</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>7207</span></div>
                  <div class="area_works">作品：<span>10000</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120077')">加入</span>
              </div>
          </li>
                                  <li id="area_120079" data-id="220" class="" data-name="初音未来">
              <div onclick="javascript:window.open('/main/area/120079/1')">
                <img src="http://image.diyidan.net/area/120079.jpg!tiny2" title="初音未来" alt="初音未来"/>
                <p class="area_title">初音未来</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>8404</span></div>
                  <div class="area_works">作品：<span>13937</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120079')">加入</span>
              </div>
          </li>
                                  <li id="area_120080" data-id="220" class="" data-name="美妆穿搭">
              <div onclick="javascript:window.open('/main/area/120080/1')">
                <img src="http://image.diyidan.net/area/120080.jpg!tiny2" title="美妆穿搭" alt="美妆穿搭"/>
                <p class="area_title">美妆穿搭</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>33301</span></div>
                  <div class="area_works">作品：<span>31458</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120080')">加入</span>
              </div>
          </li>
                                  <li id="area_120081" data-id="220" class="" data-name="轮到你了">
              <div onclick="javascript:window.open('/main/area/120081/1')">
                <img src="https://image.diyidan.net/post/2019/6/24/h8DkFOGSs3leNoW7.jpg!tiny2" title="轮到你了" alt="轮到你了"/>
                <p class="area_title">轮到你了</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>17916</span></div>
                  <div class="area_works">作品：<span>22863</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120081')">加入</span>
              </div>
          </li>
                                  <li id="area_120082" data-id="220" class="" data-name="斗罗大陆">
              <div onclick="javascript:window.open('/main/area/120082/1')">
                <img src="http://image.diyidan.net/area/120082.jpg!tiny2" title="斗罗大陆" alt="斗罗大陆"/>
                <p class="area_title">斗罗大陆</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>11896</span></div>
                  <div class="area_works">作品：<span>2478</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120082')">加入</span>
              </div>
          </li>
                                  <li id="area_120083" data-id="220" class="" data-name="手机美化">
              <div onclick="javascript:window.open('/main/area/120083/1')">
                <img src="http://image.diyidan.net/area/120083.jpg!tiny2" title="手机美化" alt="手机美化"/>
                <p class="area_title">手机美化</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>154021</span></div>
                  <div class="area_works">作品：<span>2004294</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120083')">加入</span>
              </div>
          </li>
                                  <li id="area_120084" data-id="220" class="" data-name="生活">
              <div onclick="javascript:window.open('/main/area/120084/1')">
                <img src="http://image.diyidan.net/post/2021/7/7/Udno0TkFwc5aAJkA.jpg!tiny2" title="生活" alt="生活"/>
                <p class="area_title">生活</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>16241</span></div>
                  <div class="area_works">作品：<span>134214</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120084')">加入</span>
              </div>
          </li>
                                  <li id="area_120085" data-id="220" class="" data-name="爱的迫降">
              <div onclick="javascript:window.open('/main/area/120085/1')">
                <img src="https://image.diyidan.net/post/2020/2/10/seKZEXVLZdP7Tf0A.png!tiny2" title="爱的迫降" alt="爱的迫降"/>
                <p class="area_title">爱的迫降</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>6544</span></div>
                  <div class="area_works">作品：<span>4001</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120085')">加入</span>
              </div>
          </li>
                                  <li id="area_120086" data-id="220" class="" data-name="韩国娱乐">
              <div onclick="javascript:window.open('/main/area/120086/1')">
                <img src="https://image.diyidan.net/post/2020/5/27/Q9eTLoTA0Fat6VyN.jpeg!tiny2" title="韩国娱乐" alt="韩国娱乐"/>
                <p class="area_title">韩国娱乐</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>18216</span></div>
                  <div class="area_works">作品：<span>250167</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120086')">加入</span>
              </div>
          </li>
                                  <li id="area_120087" data-id="220" class="" data-name="找剧">
              <div onclick="javascript:window.open('/main/area/120087/1')">
                <img src="https://image.diyidan.net/post/2020/5/27/1CzLIqVck4tKpmtT.jpg!tiny2" title="找剧" alt="找剧"/>
                <p class="area_title">找剧</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>28547</span></div>
                  <div class="area_works">作品：<span>486925</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120087')">加入</span>
              </div>
          </li>
                                  <li id="area_120088" data-id="220" class="" data-name="不期而爱">
              <div onclick="javascript:window.open('/main/area/120088/1')">
                <img src="http://image.diyidan.net/area/120088.png!tiny2" title="不期而爱" alt="不期而爱"/>
                <p class="area_title">不期而爱</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>3334</span></div>
                  <div class="area_works">作品：<span>1633</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120088')">加入</span>
              </div>
          </li>
                                  <li id="area_118041" data-id="220" class="" data-name="穿越火线">
              <div onclick="javascript:window.open('/main/area/118041/1')">
                <img src="http://image.diyidan.net/area/118041.png!tiny2" title="穿越火线" alt="穿越火线"/>
                <p class="area_title">穿越火线</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>4632</span></div>
                  <div class="area_works">作品：<span>33858</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118041')">加入</span>
              </div>
          </li>
                                  <li id="area_120089" data-id="220" class="" data-name="天生一对">
              <div onclick="javascript:window.open('/main/area/120089/1')">
                <img src="http://image.diyidan.net/area/120089.png!tiny2" title="天生一对" alt="天生一对"/>
                <p class="area_title">天生一对</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>1430</span></div>
                  <div class="area_works">作品：<span>174</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120089')">加入</span>
              </div>
          </li>
                                  <li id="area_118042" data-id="220" class="" data-name="部落冲突">
              <div onclick="javascript:window.open('/main/area/118042/1')">
                <img src="http://image.diyidan.net/area/118042.png!tiny2" title="部落冲突" alt="部落冲突"/>
                <p class="area_title">部落冲突</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>2821</span></div>
                  <div class="area_works">作品：<span>2663</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118042')">加入</span>
              </div>
          </li>
                                  <li id="area_120090" data-id="220" class="" data-name="假偶天成">
              <div onclick="javascript:window.open('/main/area/120090/1')">
                <img src="http://image.diyidan.net/area/120090.png!tiny2" title="假偶天成" alt="假偶天成"/>
                <p class="area_title">假偶天成</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>2453</span></div>
                  <div class="area_works">作品：<span>267</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120090')">加入</span>
              </div>
          </li>
                                  <li id="area_118043" data-id="220" class="" data-name="明日之后">
              <div onclick="javascript:window.open('/main/area/118043/1')">
                <img src="http://image.diyidan.net/area/118043.png!tiny2" title="明日之后" alt="明日之后"/>
                <p class="area_title">明日之后</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>1669</span></div>
                  <div class="area_works">作品：<span>1615</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118043')">加入</span>
              </div>
          </li>
                                  <li id="area_118044" data-id="220" class="" data-name="暖暖">
              <div onclick="javascript:window.open('/main/area/118044/1')">
                <img src="http://image.diyidan.net/area/118044.png!tiny2" title="暖暖" alt="暖暖"/>
                <p class="area_title">暖暖</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>3793</span></div>
                  <div class="area_works">作品：<span>3013</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118044')">加入</span>
              </div>
          </li>
                                  <li id="area_120092" data-id="220" class="" data-name="待到重逢时">
              <div onclick="javascript:window.open('/main/area/120092/1')">
                <img src="http://image.diyidan.net/area/120092.png!tiny2" title="待到重逢时" alt="待到重逢时"/>
                <p class="area_title">待到重逢时</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>1356</span></div>
                  <div class="area_works">作品：<span>205</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120092')">加入</span>
              </div>
          </li>
                                  <li id="area_118045" data-id="220" class="" data-name="英雄联盟">
              <div onclick="javascript:window.open('/main/area/118045/1')">
                <img src="http://image.diyidan.net/area/118045.jpg!tiny2" title="英雄联盟" alt="英雄联盟"/>
                <p class="area_title">英雄联盟</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>8132</span></div>
                  <div class="area_works">作品：<span>36901</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118045')">加入</span>
              </div>
          </li>
                                  <li id="area_120093" data-id="220" class="" data-name="与爱同居">
              <div onclick="javascript:window.open('/main/area/120093/1')">
                <img src="http://image.diyidan.net/area/120093.png!tiny2" title="与爱同居" alt="与爱同居"/>
                <p class="area_title">与爱同居</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>5669</span></div>
                  <div class="area_works">作品：<span>1595</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120093')">加入</span>
              </div>
          </li>
                                  <li id="area_118046" data-id="220" class="" data-name="原神">
              <div onclick="javascript:window.open('/main/area/118046/1')">
                <img src="http://image.diyidan.net/area/118046.png!tiny2" title="原神" alt="原神"/>
                <p class="area_title">原神</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>5132</span></div>
                  <div class="area_works">作品：<span>10979</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118046')">加入</span>
              </div>
          </li>
                                  <li id="area_120094" data-id="220" class="" data-name="缘来誓你">
              <div onclick="javascript:window.open('/main/area/120094/1')">
                <img src="http://image.diyidan.net/area/120094.png!tiny2" title="缘来誓你" alt="缘来誓你"/>
                <p class="area_title">缘来誓你</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>608</span></div>
                  <div class="area_works">作品：<span>194</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120094')">加入</span>
              </div>
          </li>
                                  <li id="area_118047" data-id="220" class="" data-name="光遇">
              <div onclick="javascript:window.open('/main/area/118047/1')">
                <img src="http://image.diyidan.net/post/2021/12/16/Cebolhm1IOxAKFv4.png!tiny2" title="光遇" alt="光遇"/>
                <p class="area_title">光遇</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>721</span></div>
                  <div class="area_works">作品：<span>4593</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118047')">加入</span>
              </div>
          </li>
                                  <li id="area_120097" data-id="220" class="" data-name="蓝妮·卡彭">
              <div onclick="javascript:window.open('/main/area/120097/1')">
                <img src="http://image.diyidan.net/area/120097.png!tiny2" title="蓝妮·卡彭" alt="蓝妮·卡彭"/>
                <p class="area_title">蓝妮·卡彭</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>147</span></div>
                  <div class="area_works">作品：<span>73</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120097')">加入</span>
              </div>
          </li>
                                  <li id="area_120098" data-id="220" class="" data-name="塔纳瓦特·瓦塔纳普迪">
              <div onclick="javascript:window.open('/main/area/120098/1')">
                <img src="http://image.diyidan.net/area/120098.png!tiny2" title="塔纳瓦特·瓦塔纳普迪" alt="塔纳瓦特·瓦塔纳普迪"/>
                <p class="area_title">塔纳瓦特·瓦塔纳普迪</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>135</span></div>
                  <div class="area_works">作品：<span>77</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120098')">加入</span>
              </div>
          </li>
                                  <li id="area_120099" data-id="220" class="" data-name="瓦奇拉维特·奇瓦雷">
              <div onclick="javascript:window.open('/main/area/120099/1')">
                <img src="http://image.diyidan.net/area/120099.png!tiny2" title="瓦奇拉维特·奇瓦雷" alt="瓦奇拉维特·奇瓦雷"/>
                <p class="area_title">瓦奇拉维特·奇瓦雷</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>183</span></div>
                  <div class="area_works">作品：<span>69</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120099')">加入</span>
              </div>
          </li>
                                  <li id="area_120101" data-id="220" class="" data-name="纳塔奇·司隶朋通">
              <div onclick="javascript:window.open('/main/area/120101/1')">
                <img src="http://image.diyidan.net/area/120101.png!tiny2" title="纳塔奇·司隶朋通" alt="纳塔奇·司隶朋通"/>
                <p class="area_title">纳塔奇·司隶朋通</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>154</span></div>
                  <div class="area_works">作品：<span>37</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120101')">加入</span>
              </div>
          </li>
                                  <li id="area_120102" data-id="220" class="" data-name="苏帕西·宗澈瓦">
              <div onclick="javascript:window.open('/main/area/120102/1')">
                <img src="http://image.diyidan.net/area/120102.png!tiny2" title="苏帕西·宗澈瓦" alt="苏帕西·宗澈瓦"/>
                <p class="area_title">苏帕西·宗澈瓦</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>316</span></div>
                  <div class="area_works">作品：<span>69</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120102')">加入</span>
              </div>
          </li>
                                  <li id="area_120103" data-id="220" class="" data-name="平采娜·乐维瑟派布恩">
              <div onclick="javascript:window.open('/main/area/120103/1')">
                <img src="http://image.diyidan.net/area/120103.png!tiny2" title="平采娜·乐维瑟派布恩" alt="平采娜·乐维瑟派布恩"/>
                <p class="area_title">平采娜·乐维瑟派布恩</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>275</span></div>
                  <div class="area_works">作品：<span>61</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120103')">加入</span>
              </div>
          </li>
                                  <li id="area_120104" data-id="220" class="" data-name="普提查·克瑟辛">
              <div onclick="javascript:window.open('/main/area/120104/1')">
                <img src="http://image.diyidan.net/area/120104.png!tiny2" title="普提查·克瑟辛" alt="普提查·克瑟辛"/>
                <p class="area_title">普提查·克瑟辛</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>212</span></div>
                  <div class="area_works">作品：<span>55</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120104')">加入</span>
              </div>
          </li>
                                  <li id="area_120105" data-id="220" class="" data-name="苏帕蓬·尤多坎扎纳">
              <div onclick="javascript:window.open('/main/area/120105/1')">
                <img src="http://image.diyidan.net/area/120105.png!tiny2" title="苏帕蓬·尤多坎扎纳" alt="苏帕蓬·尤多坎扎纳"/>
                <p class="area_title">苏帕蓬·尤多坎扎纳</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>264</span></div>
                  <div class="area_works">作品：<span>53</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120105')">加入</span>
              </div>
          </li>
                                  <li id="area_120106" data-id="220" class="" data-name="娜帕拉·吉拉威宋誊功">
              <div onclick="javascript:window.open('/main/area/120106/1')">
                <img src="http://image.diyidan.net/area/120106.png!tiny2" title="娜帕拉·吉拉威宋誊功" alt="娜帕拉·吉拉威宋誊功"/>
                <p class="area_title">娜帕拉·吉拉威宋誊功</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>122</span></div>
                  <div class="area_works">作品：<span>7</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120106')">加入</span>
              </div>
          </li>
                                  <li id="area_120108" data-id="220" class="" data-name="以你的心诠释我的爱">
              <div onclick="javascript:window.open('/main/area/120108/1')">
                <img src="http://image.diyidan.net/post/2020/12/2/pPWVoIBdvLyNpVFH.png!tiny2" title="以你的心诠释我的爱" alt="以你的心诠释我的爱"/>
                <p class="area_title">以你的心诠释我的爱</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>1609</span></div>
                  <div class="area_works">作品：<span>340</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120108')">加入</span>
              </div>
          </li>
                                  <li id="area_120036" data-id="220" class="" data-name="画江湖">
              <div onclick="javascript:window.open('/main/area/120036/1')">
                <img src="http://image.diyidan.net/area/120036.jpg!tiny2" title="画江湖" alt="画江湖"/>
                <p class="area_title">画江湖</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>8184</span></div>
                  <div class="area_works">作品：<span>5595</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120036')">加入</span>
              </div>
          </li>
                                  <li id="area_120037" data-id="220" class="" data-name="仙侠世界2">
              <div onclick="javascript:window.open('/main/area/120037/1')">
                <img src="http://image.diyidan.net/area/120037.jpg!tiny2" title="仙侠世界2" alt="仙侠世界2"/>
                <p class="area_title">仙侠世界2</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>1368</span></div>
                  <div class="area_works">作品：<span>2613</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120037')">加入</span>
              </div>
          </li>
                                  <li id="area_120042" data-id="220" class="" data-name="悄悄话">
              <div onclick="javascript:window.open('/main/area/120042/1')">
                <img src="http://image.diyidan.net//tag/2022/12/31/Ms5ZcQkFVfBIDNi7.png!tiny2" title="悄悄话" alt="悄悄话"/>
                <p class="area_title">悄悄话</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>81313</span></div>
                  <div class="area_works">作品：<span>126991</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120042')">加入</span>
              </div>
          </li>
                                  <li id="area_120043" data-id="220" class="" data-name="少女前线">
              <div onclick="javascript:window.open('/main/area/120043/1')">
                <img src="https://image.diyidan.net/post/2017/11/6/wEazO7ZiPqUIbO7R.png!tiny2" title="少女前线" alt="少女前线"/>
                <p class="area_title">少女前线</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>18900</span></div>
                  <div class="area_works">作品：<span>175441</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120043')">加入</span>
              </div>
          </li>
                                  <li id="area_120046" data-id="220" class="" data-name="永远的7日之都">
              <div onclick="javascript:window.open('/main/area/120046/1')">
                <img src="http://image.diyidan.net/area/120046.jpg!tiny2" title="永远的7日之都" alt="永远的7日之都"/>
                <p class="area_title">永远的7日之都</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>12939</span></div>
                  <div class="area_works">作品：<span>95843</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120046')">加入</span>
              </div>
          </li>
                                  <li id="area_120050" data-id="220" class="" data-name="恋与制作人">
              <div onclick="javascript:window.open('/main/area/120050/1')">
                <img src="https://image.diyidan.net/post/2017/12/26/HXkBLMEPtOVBFfTv.jpg!tiny2" title="恋与制作人" alt="恋与制作人"/>
                <p class="area_title">恋与制作人</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>49541</span></div>
                  <div class="area_works">作品：<span>288646</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120050')">加入</span>
              </div>
          </li>
                                  <li id="area_120061" data-id="220" class="" data-name="模玩手办">
              <div onclick="javascript:window.open('/main/area/120061/1')">
                <img src="https://image.diyidan.net/tag/2019/2/18/n0TJyU0Gno2KZAHc.jpg!tiny2" title="模玩手办" alt="模玩手办"/>
                <p class="area_title">模玩手办</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>116342</span></div>
                  <div class="area_works">作品：<span>2252204</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120061')">加入</span>
              </div>
          </li>
                                  <li id="area_120062" data-id="220" class="" data-name="明日方舟">
              <div onclick="javascript:window.open('/main/area/120062/1')">
                <img src="http://image.diyidan.net/area/120062.png!tiny2" title="明日方舟" alt="明日方舟"/>
                <p class="area_title">明日方舟</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>15616</span></div>
                  <div class="area_works">作品：<span>84142</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120062')">加入</span>
              </div>
          </li>
                                  <li id="area_106003" data-id="106" class="" data-name="Fate系列">
              <div onclick="javascript:window.open('/main/area/106003/1')">
                <img src="http://image.diyidan.net/area/106003.jpg!tiny2" title="Fate系列" alt="Fate系列"/>
                <p class="area_title">Fate系列</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>115216</span></div>
                  <div class="area_works">作品：<span>1021662</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'106003')">加入</span>
              </div>
          </li>
                                  <li id="area_106012" data-id="106" class="" data-name="罪恶王冠">
              <div onclick="javascript:window.open('/main/area/106012/1')">
                <img src="http://image.diyidan.net/area/106012.jpg!tiny2" title="罪恶王冠" alt="罪恶王冠"/>
                <p class="area_title">罪恶王冠</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>59750</span></div>
                  <div class="area_works">作品：<span>187304</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'106012')">加入</span>
              </div>
          </li>
                                  <li id="area_106018" data-id="106" class="" data-name="约会大作战">
              <div onclick="javascript:window.open('/main/area/106018/1')">
                <img src="http://image.diyidan.net/area/106018.jpg!tiny2" title="约会大作战" alt="约会大作战"/>
                <p class="area_title">约会大作战</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>122344</span></div>
                  <div class="area_works">作品：<span>612431</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'106018')">加入</span>
              </div>
          </li>
                                  <li id="area_106019" data-id="106" class="" data-name="刀剑神域">
              <div onclick="javascript:window.open('/main/area/106019/1')">
                <img src="http://image.diyidan.net/area/106019.jpg!tiny2" title="刀剑神域" alt="刀剑神域"/>
                <p class="area_title">刀剑神域</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>101735</span></div>
                  <div class="area_works">作品：<span>444890</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'106019')">加入</span>
              </div>
          </li>
                                  <li id="area_106007" data-id="107" class="" data-name="黑子的篮球">
              <div onclick="javascript:window.open('/main/area/106007/1')">
                <img src="https://image.diyidan.net/area/2016/05/106007.jpg!tiny2" title="黑子的篮球" alt="黑子的篮球"/>
                <p class="area_title">黑子的篮球</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>33069</span></div>
                  <div class="area_works">作品：<span>115810</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'106007')">加入</span>
              </div>
          </li>
                                  <li id="area_108006" data-id="108" class="" data-name="魔法少女">
              <div onclick="javascript:window.open('/main/area/108006/1')">
                <img src="https://image.diyidan.net/post/2018/6/8/phAPsabrCA0Vk1sq.png!tiny2" title="魔法少女" alt="魔法少女"/>
                <p class="area_title">魔法少女</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>14657</span></div>
                  <div class="area_works">作品：<span>39429</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'108006')">加入</span>
              </div>
          </li>
                                  <li id="area_110009" data-id="110" class="" data-name="夏目友人帐">
              <div onclick="javascript:window.open('/main/area/110009/1')">
                <img src="https://image.diyidan.net/area/2016/05/110009.png!tiny2" title="夏目友人帐" alt="夏目友人帐"/>
                <p class="area_title">夏目友人帐</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>66544</span></div>
                  <div class="area_works">作品：<span>226810</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'110009')">加入</span>
              </div>
          </li>
                                  <li id="area_107026" data-id="119" class="" data-name="刀剑乱舞">
              <div onclick="javascript:window.open('/main/area/107026/1')">
                <img src="https://image.diyidan.net/post/2017/3/27/BQw9AlXs5x0R92on.png!tiny2" title="刀剑乱舞" alt="刀剑乱舞"/>
                <p class="area_title">刀剑乱舞</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>32750</span></div>
                  <div class="area_works">作品：<span>119180</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'107026')">加入</span>
              </div>
          </li>
                                  <li id="area_120027" data-id="220" class="" data-name="国漫">
              <div onclick="javascript:window.open('/main/area/120027/1')">
                <img src="http://image.diyidan.net/post/2021/7/7/sEfmq3rP9Z0HrqDR.jpg!tiny2" title="国漫" alt="国漫"/>
                <p class="area_title">国漫</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>158381</span></div>
                  <div class="area_works">作品：<span>455101</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120027')">加入</span>
              </div>
          </li>
                                  <li id="area_118020" data-id="118" class="" data-name="剑侠情缘3">
              <div onclick="javascript:window.open('/main/area/118020/1')">
                <img src="http://image.diyidan.net/area/118020.jpg!tiny2" title="剑侠情缘3" alt="剑侠情缘3"/>
                <p class="area_title">剑侠情缘3</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>22475</span></div>
                  <div class="area_works">作品：<span>107680</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118020')">加入</span>
              </div>
          </li>
                                  <li id="area_106005" data-id="116" class="" data-name="海贼王">
              <div onclick="javascript:window.open('/main/area/106005/1')">
                <img src="http://image.diyidan.net/area/106005.jpg!tiny2" title="海贼王" alt="海贼王"/>
                <p class="area_title">海贼王</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>81994</span></div>
                  <div class="area_works">作品：<span>372511</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'106005')">加入</span>
              </div>
          </li>
                                  <li id="area_117002" data-id="117" class="" data-name="全职高手">
              <div onclick="javascript:window.open('/main/area/117002/1')">
                <img src="https://image.diyidan.net/post/2017/5/19/bII7pIyHrXvJ7r0Z.jpg!tiny2" title="全职高手" alt="全职高手"/>
                <p class="area_title">全职高手</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>70421</span></div>
                  <div class="area_works">作品：<span>210513</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'117002')">加入</span>
              </div>
          </li>
                                  <li id="area_107003" data-id="119" class="" data-name="黑塔利亚">
              <div onclick="javascript:window.open('/main/area/107003/1')">
                <img src="https://image.diyidan.net/post/2019/1/22/LTLl0m9Hae51HKn1.jpg!tiny2" title="黑塔利亚" alt="黑塔利亚"/>
                <p class="area_title">黑塔利亚</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>17127</span></div>
                  <div class="area_works">作品：<span>59164</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'107003')">加入</span>
              </div>
          </li>
                                  <li id="area_118029" data-id="118" class="" data-name="今晚吃鸡">
              <div onclick="javascript:window.open('/main/area/118029/1')">
                <img src="http://image.diyidan.net/area/118029.png!tiny2" title="今晚吃鸡" alt="今晚吃鸡"/>
                <p class="area_title">今晚吃鸡</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>136251</span></div>
                  <div class="area_works">作品：<span>1586152</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118029')">加入</span>
              </div>
          </li>
                                  <li id="area_118032" data-id="118" class="" data-name="飞车游戏">
              <div onclick="javascript:window.open('/main/area/118032/1')">
                <img src="https://image.diyidan.net/post/2019/6/28/wvEDVSAgtGqciCBx.jpg!tiny2" title="飞车游戏" alt="飞车游戏"/>
                <p class="area_title">飞车游戏</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>12232</span></div>
                  <div class="area_works">作品：<span>56827</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118032')">加入</span>
              </div>
          </li>
                                  <li id="area_118034" data-id="118" class="" data-name="第五人格">
              <div onclick="javascript:window.open('/main/area/118034/1')">
                <img src="http://image.diyidan.net/area/118034.png!tiny2" title="第五人格" alt="第五人格"/>
                <p class="area_title">第五人格</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>107728</span></div>
                  <div class="area_works">作品：<span>922693</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118034')">加入</span>
              </div>
          </li>
                                  <li id="area_118036" data-id="118" class="" data-name="非人学园">
              <div onclick="javascript:window.open('/main/area/118036/1')">
                <img src="https://image.diyidan.net/post/2018/6/22/sdxlL32HpVMkUNP3.jpg!tiny2" title="非人学园" alt="非人学园"/>
                <p class="area_title">非人学园</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>5513</span></div>
                  <div class="area_works">作品：<span>12070</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118036')">加入</span>
              </div>
          </li>
                                  <li id="area_118040" data-id="118" class="" data-name="熹妃Q传">
              <div onclick="javascript:window.open('/main/area/118040/1')">
                <img src="http://image.diyidan.net/area/118040.jpg!tiny2" title="熹妃Q传" alt="熹妃Q传"/>
                <p class="area_title">熹妃Q传</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>955</span></div>
                  <div class="area_works">作品：<span>2558</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'118040')">加入</span>
              </div>
          </li>
                                  <li id="area_120054" data-id="118" class="" data-name="SNH48">
              <div onclick="javascript:window.open('/main/area/120054/1')">
                <img src="https://image.diyidan.net/post/2018/6/26/xEuCIWn84WOJykeJ.jpg!tiny2" title="SNH48" alt="SNH48"/>
                <p class="area_title">SNH48</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>5279</span></div>
                  <div class="area_works">作品：<span>16930</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120054')">加入</span>
              </div>
          </li>
                                  <li id="area_120058" data-id="118" class="" data-name="Newbee">
              <div onclick="javascript:window.open('/main/area/120058/1')">
                <img src="http://image.diyidan.net/area/120058.jpg!tiny2" title="Newbee" alt="Newbee"/>
                <p class="area_title">Newbee</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>14760</span></div>
                  <div class="area_works">作品：<span>1057</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120058')">加入</span>
              </div>
          </li>
                                  <li id="area_120060" data-id="118" class="" data-name="短视频">
              <div onclick="javascript:window.open('/main/area/120060/1')">
                <img src="http://image.diyidan.net/area/120060.jpg!tiny2" title="短视频" alt="短视频"/>
                <p class="area_title">短视频</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>724591</span></div>
                  <div class="area_works">作品：<span>14091897</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'120060')">加入</span>
              </div>
          </li>
                                  <li id="area_117003" data-id="117" class="" data-name="龙族">
              <div onclick="javascript:window.open('/main/area/117003/1')">
                <img src="https://image.diyidan.net/post/2018/7/10/q2sxsXMRCwtkq0Gr.jpg!tiny2" title="龙族" alt="龙族"/>
                <p class="area_title">龙族</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>66927</span></div>
                  <div class="area_works">作品：<span>269856</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'117003')">加入</span>
              </div>
          </li>
                                  <li id="area_104004" data-id="119" class="" data-name="东方Project">
              <div onclick="javascript:window.open('/main/area/104004/1')">
                <img src="https://image.diyidan.net/area/2015/12/104004.jpg!tiny2" title="东方Project" alt="东方Project"/>
                <p class="area_title">东方Project</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>69700</span></div>
                  <div class="area_works">作品：<span>399476</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'104004')">加入</span>
              </div>
          </li>
                                  <li id="area_117001" data-id="117" class="" data-name="盗墓笔记">
              <div onclick="javascript:window.open('/main/area/117001/1')">
                <img src="https://image.diyidan.net/area/2016/05/117001.png!tiny2" title="盗墓笔记" alt="盗墓笔记"/>
                <p class="area_title">盗墓笔记</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>44663</span></div>
                  <div class="area_works">作品：<span>224355</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'117001')">加入</span>
              </div>
          </li>
                                  <li id="area_210019" data-id="210" class="" data-name="三国罗曼史">
              <div onclick="javascript:window.open('/main/area/210019/1')">
                <img src="https://image.diyidan.net/game/2016/sanguoluomanshi/area.jpg!tiny2" title="三国罗曼史" alt="三国罗曼史"/>
                <p class="area_title">三国罗曼史</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>4633</span></div>
                  <div class="area_works">作品：<span>5361</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'210019')">加入</span>
              </div>
          </li>
                                  <li id="area_210023" data-id="210" class="" data-name="料理次元">
              <div onclick="javascript:window.open('/main/area/210023/1')">
                <img src="http://image.diyidan.net/area/210023.jpg!tiny2" title="料理次元" alt="料理次元"/>
                <p class="area_title">料理次元</p>
                <div class="area_discribe">
                  <div class="area_counts">成员：<span>13002</span></div>
                  <div class="area_works">作品：<span>31353</span></div>
                </div>
                <span class="btn_join" onclick="javascript:putUserArea(this,'210023')">加入</span>
              </div>
          </li>
                
    </ul>  
  </div>  
</div> 
    <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>