藏地传奇瀑布流

/**

 * Created with JetBrains PhpStorm.

 * User: Gseven

 * Date: 13-6-17

 * Time: 下午4:43

 */

var gWaterFall = (function () {

    var indexNum = 0; //每次刷新最后一条数据的ID

    var jyNum = 0;  //每3次loading加载一个“我要建言”

    var outBoxHeight = $('.out').height(); //三列外层容器

    var outBoxWidth = $('.out').height();

    var isLoading = false; //是否正在加载数据

    function returnIndexNum() {

        return indexNum;

    }



    //返回最短一列

    function returnShortCol() {

        var min = $('.item').eq(0).height();

        var count = 0;

        $('.item').each(function (index) {

            if ($(this).height() < min) {

                count = index;

            }

        })

        return count;

    }



    //修复mask的定位

    function fixMaskPosition(oldHeight, newHeight) {

        //判断是顶部打开还是底部打开

        if ($('.mask').css('top') == 'auto') {

            var maskOldbottom = parseInt($('.mask').css('bottom').split('px')[0], 10);

            $('.mask').css('bottom', maskOldbottom + newHeight - oldHeight);

        }

        if ($('.post-form').css('top') == 'auto') {

            var maskOldbottom = parseInt($('.post-form').css('bottom').split('px')[0], 10);

            $('.post-form').css('bottom', maskOldbottom + newHeight - oldHeight);

        }

        if ($('.login-form').css('top') == 'auto') {

            var maskOldbottom = parseInt($('.login-form').css('bottom').split('px')[0], 10);

            $('.login-form').css('bottom', maskOldbottom + newHeight - oldHeight);

        }

    }



    //渲染的模板

    function renderTpl(nums, data) {

        var startHtml = "<div class='b-box'><div class='inner'> ";

        var endHtml = "</div></div> ";



        var html;

        for (var i = 0; i < nums; nums++) {



        }

        return html;



    }



    //渲染布局

    function render(data) {

        var arr=data;



        //if(indexNum>100) { $('.no-more').fadeIn();setTimeout(function(){$('.no-more').fadeOut();},2000);return;}

        if(arr.length>0){

            var oldOutHeight = $('.out').height();  //开始渲染前的高度

            indexNum += data.length;

            //每次取多少个box

            var mapHash = [1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,2,2];

            while (arr.length > 0) {

                var html;

                var colNum = returnShortCol();

               // var index = arr.length >= 4 ? 3 : arr.length;

               // index=(arr.length==3)?2:index;       //fixed 3个留下的bug

                var index=18;

                if(arr.length<4){index=17;}  //临时删除4个同时出现的

                if(arr.length<2){index=14;}



                //随机

                var sign = mapHash[Math.floor(Math.random() * index)];

                if (sign == 1) {

                    var i1 = arr.shift();

                    if(i1.img){

                        var source   = $("#big-box-img-tpl").html();

                        var template = Handlebars.compile(source);

                        html = template(i1);

                    }else{

                        var source   = $("#big-box-noimg-tpl").html();

                        var template = Handlebars.compile(source);

                        i1['short']=i1['content'].sub(60)+"……";

                        html = template(i1);

                    }

                    $('.item').eq(colNum).append(html);

                } else if (sign == 2) {

                    if (arr.length < 2 ) continue;

                    var i1 = arr.shift();

                    var i2 = arr.shift();

                    if(i1.img){

                        var source   = $("#small-box-img-tpl").html();

                        var template = Handlebars.compile(source);

                        html = template(i1);

                    }else{

                        var source   = $("#small-box-noimg-tpl").html();

                        var template = Handlebars.compile(source);

                        html = template(i1);

                    }

                    if(i2.img){

                        var source   = $("#small-box-img-tpl").html();

                        var template = Handlebars.compile(source);

                        html += template(i2);

                    }else{

                        var source   = $("#small-box-noimg-tpl").html();

                        var template = Handlebars.compile(source);

                        html += template(i2);

                    }

                    $('.item').eq(colNum).append(html);

                } else {

                    if (arr.length < 4) continue;

                    var i1 = arr.shift();

                    var i2 = arr.shift();

                    var i3 = arr.shift();

                    var i4 = arr.shift();

                    if(i1.img){

                        var source   = $("#small-box-img-tpl").html();

                        var template = Handlebars.compile(source);

                        html = template(i1);

                    }else{

                        var source   = $("#small-box-noimg-tpl").html();

                        var template = Handlebars.compile(source);

                        html = template(i1);

                    }

                    if(i2.img){

                        var source   = $("#small-box-img-tpl").html();

                        var template = Handlebars.compile(source);

                        html += template(i2);

                    }else{

                        var source   = $("#small-box-noimg-tpl").html();

                        var template = Handlebars.compile(source);

                        html += template(i2);

                    }

                    if(i3.img){

                        var source   = $("#small-box-img-tpl").html();

                        var template = Handlebars.compile(source);

                        html += template(i3);

                    }else{

                        var source   = $("#small-box-noimg-tpl").html();

                        var template = Handlebars.compile(source);

                        html += template(i3);

                    }

                    if(i4.img){

                        var source   = $("#small-box-img-tpl").html();

                        var template = Handlebars.compile(source);

                        html += template(i4);

                    } else{

                        var source   = $("#small-box-noimg-tpl").html();

                        var template = Handlebars.compile(source);

                        html += template(i4);

                    }

                    $('.item').eq(colNum).append(html);

                }

            }

            //jyNum++;





            if (indexNum % 32 == 0) {

                $('.item').eq(returnShortCol()).append("<a class='j'>我要建言</a>");

            }

            var newOutHeight = $('.out').height();       //渲染结束后的高度

            fixMaskPosition(oldOutHeight, newOutHeight);

            isLoading = false;

        }else{

             $('.no-more').fadeIn();

            setTimeout(function(){$('.no-more').fadeOut();},2000)

        }



    }



    //绑定滚动加载

    function bindScroll() {

        $(window).scroll(function () {

            if (($(window).height() + $(window).scrollTop()) >= $('body').height() - 100) {

                if (isLoading == false) {

                    $('.loading').show();

                    isLoading = true;

                    $.getJSON('http://zdcq.webapp.163.com/script/user/get_article?offset='+indexNum+'&length=16&callback=?',function(data){

                        $('.loading').hide()

                        render(data.articles);

                    })

                }



            }

        })

    }



    function init() {



        bindScroll();

        $.getJSON('http://zdcq.webapp.163.com/script/user/get_article?offset='+indexNum+'&length=16&callback=?',function(data){

            render(data.articles);

        })



        bindClick();

        bindLoginBtn();



    }



    //登陆框打开

    function bindLoginBtn(){

        $('.j,.j-1').live('click',function(e){

            $('#captcha_img').trigger('click');

            $('.tc').slideUp();

            $('.mask,.encourage-box').hide();

            var ntesUserName=cookie_check_logined();

            var openEle=ntesUserName?$('.post-form'):$('.encourage-box2');

            var mLeft = $(this).position().left + 0.5; //点击目标的定位

            var mTop = $(this).position().top + 0.5;

            var targetHeight = $(this).height();     //点击目标的宽高

            var targetWidth = $(this).width();

            var maskHtml=$(this).html();

            var maskHeight = 315;     //无图片遮罩层的大小

            var maskWidth = 645;

            var outerMarginTop = $('.header').height();  //外层的MarginTop

            var openWidth = mLeft + maskWidth;   //展开时候的X坐标

            var outBoxHeight = $('.out').height();

            var outBoxWidth = $('.out').width();

            var maskPosition = {

                width:0,

                height:0,

                left:'auto',

                right:'auto',

                top:'auto',

                bottom:'auto'

            }

            if($(window).scrollTop()<outerMarginTop||$(window).scrollTop()<maskHeight){

                //第一屏

                if(!$(this).hasClass('j-1')){

                    $('html,body').animate({scrollTop:mTop+outerMarginTop+maskHeight-$(window).height()+30})

                }

                if (openWidth > outBoxWidth) {

                    maskPosition.right = outBoxWidth - mLeft - targetWidth -14;

                    maskPosition.top = mTop;

                    maskPosition.left = 'auto';

                } else {

                    maskPosition.top = mTop;

                    maskPosition.left = mLeft;

                }

                //锁定第一屏的登陆框位置

                if($(this).hasClass('j-1')){

                    maskPosition.top=220.5;

                    $('html,body').animate({scrollTop:220.5+outerMarginTop+maskHeight-$(window).height()+20})



                }

                openEle.css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();

                return;

            }

            //底部展开

            if (mTop- $(window).scrollTop() + maskHeight > $(window).height() - outerMarginTop) {

                //如果超出底部

                if (mTop + targetHeight > $(window).height() + $(window).scrollTop() - outerMarginTop) {

                    $('html,body').animate({scrollTop:mTop + targetHeight - $(window).height() + 30 + outerMarginTop})

                }

                //bottom出的超出顶部的话

                if(mTop+outerMarginTop+targetHeight-maskHeight<$(window).scrollTop()){

                    $('html,body').animate({scrollTop:mTop+outerMarginTop+targetHeight-maskHeight})

                }



                //不是第一屏

                if (openWidth > outBoxWidth) {

                    maskPosition.right = outBoxWidth - mLeft - targetWidth -14;

                    maskPosition.bottom = outBoxHeight - mTop - targetHeight -14;

                    maskPosition.top = 'auto';

                    maskPosition.left = 'auto';

                } else {

                    maskPosition.left = mLeft;

                    maskPosition.bottom = outBoxHeight - mTop - targetHeight -14;

                    maskPosition.top = 'auto';

                }

                //第一屏

                //顶部展开

            } else {

                //如果超出顶部

                if (mTop + outerMarginTop  < $(window).scrollTop()) {

                    $('html,body').animate({scrollTop:mTop+outerMarginTop - 20})

                }

                //top出的超出底部的话

                if(mTop+outerMarginTop+maskHeight>$(window).scrollTop()+$(window).height()){

                    $('html,body').animate({scrollTop:mTop+outerMarginTop+maskHeight-$(window).height()})

                }

                if (openWidth > outBoxWidth) {

                    maskPosition.right = outBoxWidth - mLeft - targetWidth -14;

                    maskPosition.top = mTop;

                    maskPosition.left = 'auto';

                } else {

                    maskPosition.top = mTop;

                    maskPosition.left = mLeft;

                }

            }

            openEle.css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();



        })

    }

    //绑定点击事件

    function bindClick() {



        //   $(document).on('click', '.item>div', function () {

        $('.b-box,.s-box').live('click', function () {

            $('#captcha_img').trigger('click');

            $('.tc').slideUp();

            $('.login-form,.post-form,.encourage-box,.info-form,.encourage-box2,.success-box').hide();

            clickedMask=$(this);

            var self=$(this);

            var mLeft = $(this).position().left + 0.5; //点击目标的定位

            var mTop = $(this).position().top + 0.5;

            var targetHeight = $(this).height();     //点击目标的宽高

            var targetWidth = $(this).width();

            var maskHeight;

            var h2;

            var maskHtml=$(this).html();

            if($(this).attr('data-tag')=="nopic"){

                maskHeight = 315;     //无图片遮罩层的大小

            }else{

                maskHeight=535;   //有图片

            }

            var maskWidth = 645;

            var outerMarginTop = $('.header').height();  //外层的MarginTop

            var openWidth = mLeft + maskWidth;   //展开时候的X坐标

            var outBoxHeight = $('.out').height();

            var outBoxWidth = $('.out').width();



            //mask的内容

            $('.mask').html(maskHtml);



            //分享

            $('.mask .y-share,.mask .y-share-only').remove();

            $('<div class="bigShare">分享到：</div> ').appendTo($('.mask .r'));

            $('<div class="bigShare">分享到：</div> ').appendTo($('.mask .cont-only'));

            nie.use(['util.share'],function(){

                var bigShare = nie.util.share({

                    fat: ".bigShare",

                    type: 6,

                    defShow: [5,2,3,1],

                   // title: self.find('h3').text(),

                    title:'你最想在《藏地传奇》的世界中看到哪些西藏内容？提出你的真言，说出你对西藏游戏化的建议，一起来探索西藏题材的无限可能！还有机会获得iPad mini 等精美奖品哦！',

                    img: self.find('img').attr('src')?self.find('img').attr('src'):''

                });

            })

            //mask的定位

            var maskPosition = {

                width:0,

                height:0,

                left:'auto',

                right:'auto',

                top:'auto',

                bottom:'auto'

            }



            if($(window).scrollTop()<outerMarginTop||$(window).scrollTop()<maskHeight){

                //第一屏

                $('html,body').animate({scrollTop:mTop+outerMarginTop+maskHeight-$(window).height()+30})

                if (openWidth > outBoxWidth) {

                    maskPosition.right = outBoxWidth - mLeft - targetWidth -14;

                    maskPosition.top = mTop;

                    maskPosition.left = 'auto';

                } else {

                    maskPosition.top = mTop;

                    maskPosition.left = mLeft;

                }

                $('.mask').css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();

                return;

            }



            //底部展开

            if (mTop- $(window).scrollTop() + maskHeight > $(window).height() - outerMarginTop) {

                //如果超出底部



                if (mTop + targetHeight > $(window).height() + $(window).scrollTop() - outerMarginTop) {

                    $('html,body').animate({scrollTop:mTop + targetHeight - $(window).height() + 30 + outerMarginTop})

                }

                //bottom出的超出顶部的话

                if(mTop+outerMarginTop+targetHeight-maskHeight<$(window).scrollTop()){

                    $('html,body').animate({scrollTop:mTop+outerMarginTop+targetHeight-maskHeight})

                }



                //不是第一屏

                if (openWidth > outBoxWidth) {

                    maskPosition.right = outBoxWidth - mLeft - targetWidth -14;

                    maskPosition.bottom = outBoxHeight - mTop - targetHeight -14;

                    maskPosition.top = 'auto';

                    maskPosition.left = 'auto';

                } else {

                    maskPosition.left = mLeft;

                    maskPosition.bottom = outBoxHeight - mTop - targetHeight -14;

                    maskPosition.top = 'auto';

                }

                //第一屏





                //顶部展开

            } else {

                //如果超出顶部

                if (mTop + outerMarginTop  < $(window).scrollTop()) {

                    $('html,body').animate({scrollTop:mTop+outerMarginTop - 20})

                }

                //top出的超出底部的话

                if(mTop+outerMarginTop+maskHeight>$(window).scrollTop()+$(window).height()){

                    $('html,body').animate({scrollTop:mTop+outerMarginTop+maskHeight-$(window).height()})

                }

                if (openWidth > outBoxWidth) {

                    maskPosition.right = outBoxWidth - mLeft - targetWidth -14;

                    maskPosition.top = mTop;

                    maskPosition.left = 'auto';

                } else {

                    maskPosition.top = mTop;

                    maskPosition.left = mLeft;

                }

            }





            $('.mask').css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();



        })



    }



    return{

        initWaterfall:init,

        getID:returnIndexNum

    }

})()

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>

<title>西藏游戏化的无限可能?《藏地传奇》真言活动?《藏地传奇》官方网站-十一月不删档测试</title>

<meta name="keywords" content="藏地传奇真言,藏地传奇真言活动,藏地传奇,藏地传奇官网,暗黑类网游"/>

<meta name="description" content="《藏地传奇》的真言活动页面，玩家可以在这里发表建言，把他们想要的西藏元素做进游戏里，让《藏地传奇》专属于你！提出你的真言，说出你对西藏游戏化的建议，一起来探索西藏题材的无限可能！"/>

<meta name="robots" content="all"/>

<meta name="author" content="网易，NetEase Inc."/>

<meta name="copyright" content="网易，NetEase Inc."/>

<meta name="pmid" content="272402"/>

<meta name="editor" content="fantuan,gzyuzhiheng,littlepanda"/>

<meta name="designer" content="arthy,ma"/>

<meta name="front-end technicist" content="Django,lam,Gseven,eyfan"/>

<meta name="animator" content="KWG,gzpangzhixu,QC"/>



<link type="text/css" rel="stylesheet" href="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/css/base.css" media="all"/>

<link type="text/css" rel="stylesheet" href="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/css/index.css" media="all"/>



<!--[if IE 6]>

<script>try {

document.execCommand("BackgroundImageCache", false, true);

} catch (e) {

}</script>

<![endif]-->



<script charset="gb2312" src="http://res.nie.netease.com/comm/js/jquery(mixNIE).last.js"></script>

<script src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/js/handlebars.js"></script>

<script src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/js/gWaterfall.js"></script>

<script src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/js/index.js"></script>

<script type="text/javascript" src="http://img.nie.163.com/web_frame/autours/autours_min.js"></script>

<script src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/js/ntesLogin.js"></script>



</head>

<body>



<div id="NIE-topBar"></div>

<!--[if IE 6]>

<div style="color:#fff;font-size: 14px;padding: 10px 0;text-align: center;font-weight: bold;">还在使用老掉牙IE6？这不科学！请使用IE8以上版本或者chrome，firefox等浏览器获得更好的视觉效果。</div>

<![endif]-->

<div id="wrap">



<h1 class="hide">《藏地传奇》官方网站-十一月不删档测试</h1>

<h2 class="hide">《藏地传奇》是国内第一款西藏题材MMORPG，网易游戏诚意出品。尘世之外的秘境，即将开启！十一月不删档测试，激活码持续发放中！</h2>



<div class="header">

<div class="top-nav">

<a href="http://zd.163.com/index.html" target="_blank" class="logo">藏地传奇官网</a>

<a href="http://zd.163.com/index.html" target="_blank" class="logo back">返回首页</a>



<a href="/#2" class="aBut aNav aNav_0" target="_blank">修行</a>

<a href="/#3" class="aBut aNav aNav_1" target="_blank">寻秘</a>

<a class="aBut aNav aNav_2" href="#">真言</a>

<a class="aBut aNav aNav_3" href="http://zd.163.com/#4" target="_blank">悟道</a>

<a class="aBut aNav aNav_4" href="http://zd.163.com/#5" target="_blank">降凡</a>

<a class="aBut aNav aNav_5" href="http://zd.163.com/#6" target="_blank">缘起</a>

</div>

<div class="dLinks">

<a class="dL2" href="http://zd.163.com/news/index.html" target="_blank"><span>新闻</span></a>

<a class="dL3" href="http://zd.163.com/jihuo/" target="_blank" onclick='new Image().src="http://webdog.nie.163.com/email?promark=o7k93";'><span>抢号</span></a>

<a class="dL4" href="http://zd.163.com/jihuo/index.html?tc=jihuo" target="_blank" onclick='new Image().src="http://webdog.nie.163.com/email?promark=z29pb";'><span>激活</span></a>

<a class="dL5" href="http://zd.163.com/download/" target="_blank" onclick='new Image().src="http://webdog.nie.163.com/email?promark=t0qpz";'><span>下载</span></a>

<a class="dL6" href="http://zd.netease.com/" target="_blank"><span>论坛</span></a>

</div>



<div class="nav">

<a href="javascript:;" class="a1">我要建言</a>

<a href="javascript:;" class="a2">活动奖品</a>

<a href="javascript:;" class="a3">活动规则</a>

<a href="http://zd.163.com/jihuo/" class="a4" target="_blank">抢激活码</a>

<a href="javascript:;" class="a5">合作媒体</a>

</div>

</div>

<div class="left-nav">

<a class="nav1">预封测</a>

<a href="http://zd.163.com/jihuo/" class="nav2" target="_blank">抢激活码</a>

</div>

<div class="right-nav">

<a href="http://e.weibo.com/zdcqwb" class="nav3" target="_blank">关注微博</a>

<a href="#" class="nav4">扫描二维码</a>

</div>

<div class="out">

<div class="item1 item">

<div class="j-1">

<h2>把西藏做进游戏到底有多少可能?</h2>

<p class="intro">提交真言，说出你对西藏游戏化的建议一起探索西藏题材的无限可能</p>

<a href="javascript:;" class="login-btn"></a>

</div>

</div>

<div class="item2 item">

</div>

<div class="item3 item">

</div>

<div class="mask"></div>

<div class="loading">

<img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/loading.gif" width="50" height="50">

</div>

<!--提示-->

<div class="encourage-box">

<h3>登录后可参与抽奖，有实物及各种好礼相送</h3>

<a href="javascript:;" class="yes-a yes-login"><span class="bold">是</span>，登录拿好礼</a>

<a href="javascript:;" class="no-a no-zan"><span class="bold">否</span>，随便赞赞</a>

<span href="javascript:;" class="form-close"></span>

</div>

<!--提示-->

<div class="encourage-box2">

<h3>登录后可参与抽奖，有实物及各种好礼相送</h3>

<a href="javascript:;" class="yes-a yes-login" ><span class="bold">是</span>，登录拿好礼</a>

<a href="javascript:;" class="no-a no-post"><span class="bold">否</span>，我要继续发表内容</a>

<span href="javascript:;" class="form-close"></span>

</div>

<!--登录-->

<div class="login-form">

<h3>请登录你的网易通行证</h3>

<form id="login-form-box" action="https://reg.163.com/logins.jsp" method="POST" >

<ul>

<li><label for="username">网易通行证：</label><input id="username" name="username" tabindex="1"><a href="http://zd.163.com/reg/" class="reg-a">15秒快速注册</a> </li>

<li><label for="pwd">密码：</label><input id="pwd" name="password" tabindex="2" type="password"> </li>

<li class="btn-box"><button id="login-btn" type="submit" tabindex="3"></button></li>

</ul>

<input type="hidden" name="url" value="">

<input type="hidden" name="product" value="gamesales">

</form>

<p class="login-tips"></p>

<a href="javascript:;" class="form-close"></a>

</div>

<!--填写个人信息-->

<div class="info-form">

<h3>请填写你的个人信息</h3>

<form id="info-form-box">

<p>您好，为了能够第一时间将中奖信息通知到您，并为您提供更好的服务，请务必留下真实的姓名及手机号，谢谢！</p>

<ul>

<li><label for="name">您的姓名：</label><input id="name" name="name" tabindex="1">

<li><label for="phone">手机号码：</label><input id="phone" name="phone" tabindex="2" > </li>

<li class="btn-box"><a id="info-btn">确定</a></li>

</ul>

</form>

<p class="info-tips"></p>

<a href="javascript:;" class="form-close"></a>

</div>

<!--成功弹层-->

<div class="success-box">

<h3>恭喜您！</h3>

<p>您的内容已经成功提交，请等待后台审核！</p>

<div class="s-share-box">

<span>您可以分享到：</span>

<div class="s-share"></div>

</div>

<a href="javascript:;" class="form-close"></a>

</div>

<!--提交真言-->

<div class="post-form">

<h3>提交真言</h3>

<form id="post-form-box" action="http://zdcq.webapp.163.com/script/user/post_article" method="POST" enctype="multipart/form-data" target="upload">

<div class="left">

<ul>

<li><label for="title">标题：</label><input id="title" name="title" value="20字以内"></li>

<li><label for="nickname">昵称：</label><input id="nickname" name="nickname" value="6字以内"></li>

<li class="content-box"><label for="content">内容：</label><textarea id="content" name="content" >140字以内</textarea></li>

<li><label for="captcha_answer">验证码：</label><input id="captcha_answer" name="captcha_answer"><img id="captcha_img" name="captcha_img" src=""></li>

<li class="btn-box"><button id="post-btn" type="submit">提交</button><p class="post-tips"></p> </li>

<input id="captcha_id" name="captcha_id" type="hidden" value="">



</ul>

</div>

<iframe name="upload" frameborder="0" width="0" height="0"></iframe>

<div class="right">

<div class="pre-div"><img class="pre-img"></div>

<p class="post-att">特别提醒：图文并茂的真言将会比没有图片的真言更容易获奖哦！</p>

<a id="upload-a">选择图片</a>

<input id="upload-btn" type="file" onChange="handleFiles(this)" name="picture">

</div>

</form>

<p class="logout-tips">你好，<span class="username-span"></span>。<a href="javascript:;" id="login-out">退出登录</a> </p>

<a href="javascript:;" class="form-close"></a>

</div>

<!--活动规则-->

<div class="tc-gz tc">

<a class="tc-close" href="javascript:;" data-parent='.a3'></a>

<h3>活动规则</h3>

<div class="cont">

<p>1、通过“提交真言”的入口，填写你希望在《藏地传奇》的游戏世界中看到的西藏化元素（例如：藏獒、酥油灯等），并附上支持该元素的理由；<br>

<a href="javascript:;" class="gz-btn"></a> <br>

你也可以通过点击“赞一下”来支持你喜爱的真言；或者根据页面提示分享至微博，邀请朋友一起来参加。



</p>

<p>2、我们将随机从活动参与者中抽取幸运奖获得者，颁发奖品</p>

<p>3、截止到8月20日12时，玩家投票最多的首条建言，其提供者将获得一等奖奖品！依次排列的二十条建言，其提供者将获得二等奖奖品！</p>

<p>4、为了保证您的获奖资格，请务必正确填写个人信息，以免影响奖品发放</p>

<p class="last">5、本活动不可重复获奖，最终解释权归《藏地传奇》官方所有</p>

</div>

</div>

<!--活动奖品-->

<div class="tc-jp tc">

<a class="tc-close" href="javascript:;" data-parent='.a2'></a>

<h3>活动奖品</h3>

<div class="cont">

<div class="jp-item">

<span class="lv">一等奖</span>

<img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/jp1.jpg">

<p>iPad mini&nbsp;&nbsp;1台</p>

</div>

<div class="jp-item">

<span class="lv">二等奖</span>

<img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/jp2.jpg">

<p>《藏地传奇》<br>限量创意T恤20件</p>

</div>

<div class="jp-item">

<span class="lv">幸运奖</span>

<img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/jp3.jpg">

<p>《藏地传奇》<br>启世封测激活码100枚</p>

</div>

</div>

</div>

<!--合作媒体-->

<div class="tc-mt tc">

<a class="tc-close" href="javascript:;" data-parent='.a5'></a>

<h3>合作媒体</h3>

<div class="cont">

<a><img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/m173.jpg"></a>

<a><img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/mqq.jpg"></a>

<a><img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/mdw.jpg"></a>

<a><img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/mwy.jpg"></a>

<a><img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/msn.jpg"></a>

</div>

</div>

<!--no more-->

<p class="no-more">没有更多了,快来上传真言赢奖品吧！</p>

</div>

<a class="top">top</a>

</div>

<script id="big-box-img-tpl" type="text/x-handlebars-template">

<div class='b-box'>

<div class='over'></div>

<div class='cont'>

<div class='l'>

<h3 class='y-title'>{{title}}</h3>

<p class='y-writer'>{{nickname}}</p>

<div class="y-content">{{content}}</div>

</div>

<div class='r'>

<p class='y-share'><i></i>转发微博</p>

<p class='y-up' data-artid='{{id}}'><i></i>{{vote}}</p>

<p class="y-zyx">点爱心赞一下</p>

</div>

</div>

<div class="img-box">

<img src='{{img}}'>

</div>

<a href="javascript:;" class="mask-close"></a>

<div class="all-over"></div>

</div>

</script>



<script id="big-box-noimg-tpl" type="text/x-handlebars-template">

<div class='b-box' data-tag='nopic'>

<div class='cont-only'>

<h3 class='y-title-only'>{{title}}</h3>

<p class='y-writer-only'>{{nickname}}</p>

<p class='y-desc-only bx'>{{short}}</p>

<p class='content-all'>{{content}}</p>

<p class='y-share-only'><i></i>转发微博</p>

<p class='y-up-only' data-artid='{{id}}'><i></i>{{vote}}</p>

<p class="y-zyx">点爱心赞一下</p>

</div>

<a href="javascript:;" class="mask-close"></a>

<div class="all-over"></div>

</div>

</script>

<script id="small-box-img-tpl" type="text/x-handlebars-template">

<div class='s-box'>

<div class='over'></div>

<div class='cont'>

<div class='l'>

<h3 class='y-title'>{{title}}</h3>

<p class='y-writer'>{{nickname}}</p>

<div class="y-content">{{content}}</div>

</div>

<div class='r'>

<p class='y-share'><i></i></p>

<p class='y-up' data-artid='{{id}}'><i></i>{{vote}}</p>

<p class="y-zyx">点爱心赞一下</p>

</div>

</div>

<div class="img-box"><img src='{{img}}'></div>

<a href="javascript:;" class="mask-close"></a>

<div class="all-over"></div>

</div>

</script>



<script id="small-box-noimg-tpl" type="text/x-handlebars-template">

<div class='s-box' data-tag='nopic'>

<div class='cont-only'>

<h3 class='y-title-only'>{{title}}</h3>

<p class='y-writer-only'>{{nickname}}</p>

<p class='y-desc-only'>{{content}}</p>

<p class='y-share-only' ><i></i>分享</p>

<p class='y-up-only' data-artid='{{id}}'><i></i>{{vote}}</p>

<p class="y-zyx">点爱心赞一下</p>

</div>

<a href="javascript:;" class="mask-close"></a>

<div class="all-over"></div>

</div>

</script>

</body>

</html>