{Template Error}

<style>
    body {
  background: url("css/img/bg_topic.jpg") no-repeat top center, url("css/img/bg_repeat.jpg") repeat top center;
  min-height: 900px;
}

.video-wrapper {
  width: 980px;
  margin: -100px auto 0px;
}

.video {
  /*background: url('css/img/video_border.png') no-repeat;*/
  height: 330px;
}

.content {
  padding: 20px 0 30px;
}

.content > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.content > div:first-of-type {
  background: url("css/img/topic_line.png") right center no-repeat;
}

.content > div > div {
  width: 400px;
  margin: 0 auto;
}

.title {
  background: url("css/img/topic_title.jpg") no-repeat;
  width: 329px;
  height: 52px;
  margin: 0 auto 10px;
}

.profile-title {
  background-position: 0 0;
}

.usage-title {
  background-position: 0 -52px;
}

.skill-title {
  background-position: 0 -104px;
}

.label, .item > div, .qrcode-text {
  color: #a0a0a0;
  word-break: break-word;
  white-space: pre-line;
  margin-top: -5px;
  line-height: 32px;
}

.item > label {
  color: #9d8759;
  display: inline-block;
  vertical-align: top;
}

.item > div {
  display: inline-block;
  vertical-align: top;
  width: 80%;
}

.item {
  padding-bottom: 16px;
}

.general-image-border {
  background: url("css/img/topic_card.jpg");
  width: 431px !important;
  height: 315px;
  margin: 40px auto !important;
}

.general-image {
  background: url("css/img/shenjiaxu.jpg");
  width: 230px;
  height: 307px;
  margin: 2px auto 0;
  position: relative;
  top: 4px;
}

.qrcode-text {
  white-space: pre-line;
  text-align: center;
  line-height: 24px;
  margin: 10px auto 40px !important;
}

.qrcode {
  width: 206px !important;
  height: 207px;
  margin: 0 auto;
  display: block;
}


   



</style>

<div class="mtop small-screen-hidden">
    <div class="sg_logo"></div>
    <div class="sg_nav">
        {Template Error}
    </div>
</div>

<div class="video-wrapper">
    <div class="video"></div>
</div>

<!--<div class="guide_top"> </div>-->
<div class="sub-page clearfix">
    <div class="up_left"></div>
    <div class="up_center"></div>
    <div class="up_right"></div>

    <div class="down_left"></div>
    <div class="down_center"></div>
    <div class="down_right"></div>

    <!--<div class="sub-left">-->
        <!--<div class="sg_xz">-->
            <!--<a href="#" class="xz_ios"></a>-->
            <!--<a href="#" class="xz_and"></a>-->
        <!--</div>-->
        <!--<div class="sg_wx"></div>-->


    <!--</div>-->
    <div class="content">
        <div>
            <div class="profile">
                <div class="title profile-title"></div>
                <div class="label">147-223年，字文和。先后仕官于[董卓]、李傕，之后成为张绣的参谋。在其精确的献策之下，曾多次地击败[曹操]。之后和张绣一起归顺[曹操]，成为魏国的策士，并受到了重用。
                </div>
            </div>
            <div class="general-image-border">
                <div class="general-image"></div>
            </div>
            <div class="qrcode-text">扫描微信二维码
                即可轻松购买
            </div>
            <img src="css/img/qrcode_shenjiaxu.png" class="qrcode">
        </div><div>
            <div class="usage">
                <div class="title usage-title"></div>
                <div class="item">
                    <label>【湮灭】</label>
                    <div>1、可以对友方角色发动，帮助友方调整手牌质量，然后记住不要发动后续的效果。
                        2、优先对手牌数量多的敌方角色发动，其手牌数越多，造成伤害的几率越大。
                        3、别忘了此技能没有发动限制，有足够的黑桃牌时可以造成大量的伤害。
                    </div>
                </div>

                <div class="item">
                    <label>【順世】</label>
                    <div>1、尽快分清敌友，对你使用的【杀】会因此造成群体“流离”的效果。
                        2、使用【桃】、【梅】时别忘了你的队友，让他们也能获得收益。
                    </div>
                </div>
            </div>
            
            <div class="skill">
                <div class="title skill-title"></div>
                <div class="item">
                    <label>【湮灭】</label>
                    <div>出牌阶段，你可以弃置一张黑桃牌，令一名其他角色先弃置所有手牌再摸等量的牌并展示之，然后你可以弃置其中所有非基本牌，并对其造成等量的伤害。  
                        ①能救你的人，已经不在了
                        ②留你一命，用余生后悔去吧
                    </div>
                </div>

                <div class="item">
                    <label>【順世】 </label>
                    <div>当你成为其他角色使用【杀】、【桃】或【梅】的目标后，你可以令你与至少一名除该角色外的其他角色各摸一张牌，然后这些角色也成为此牌的目标。   
                        ①死人是不会说话的
                        ②此天意，非人力所能左右
                        阵亡：我死了，诸位就能幸免吗？哈哈哈...
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
</div>

<div id="card_info" class="poppup-item card-pop" style="left: 500px ;top: 600px;display: none">
    <div class="pic">
        <img src="" id="wj_info_img" alt=""/>
    </div>
    <div class="detail" id="wj_info_jn" >

    </div>
</div>

<div id="guanzhu" class="pop_right active small-screen-hidden">
    <div class="c"></div>
    <div class="weibo">
        <wb:follow-button uid="1702813174" type="red_2" width="136" height="24" ></wb:follow-button>
    </div>
    <a class="company" href="http://www.dayugame.net" target="_blank"></a>
</div>

<div class="sg_footer" style="text-align: center">
    <p>Copyright © 2009-2016 蓝牙极略三国.官方微博：weibo.com/sanguokill |  客服-邮箱：btsanguokill@gmail.com | 商务合作-电话:020-31041022 </p>
</div>

<script src="js/vendor/jquery-1.10.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/vendor/jquery.json-2.4.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
    $(function(){
//        var result = [];
//        $('.achi_table tbody tr').each(function(){
//
//            var name = $(this).find('td').eq(0).text().trim();
//            var levels = [];
//            $(this).find('td').eq(1).find('li').each(function(){
//                levels.push($(this).text().trim())
//            });
//            var reward_general = $(this).find('td').eq(2).text().trim().replace(/赠送(.*)的前提.*/g,"$1");
//
//
//            result.push({
//                name: name,
//                levels: levels,
//                reward_general : reward_general
//            })
//
//
//        });

//        console.log( JSON.stringify(result) )
        var  dataCache;
        var imgPath = "img/card/";

        $.ajax({
            url:"js/card.json",
            dataType:'json',
            success:function(data)
            {
                dataCache = data;
            }

        });

        $('#guanzhu').click(function(){
             $('#guanzhu').toggleClass('active');
        });



        $(document).on('mouseenter','.card',function(e){


            var curCard = dataCache[$(this).attr('data-id')];
            $('#wj_info_img').attr('src',imgPath+curCard["image"]);
            $('#wj_info_jn').html( curCard["descript"]);
            $('#card_info').show();

        });


        $(document).on('mousemove','.card',function(e){

            if(e.pageX+10+ $('#card_info').width() < document.body.clientWidth-100)
            {
                $('#card_info').css('left',e.pageX + 10).css('top',e.pageY+10);
            }else{
                $('#card_info').css('left',e.pageX - $('#card_info').width()-55).css('top',e.pageY+10);
            }


            if(e.clientY+$('#card_info').height()+50 > $(window).height() )
            {
                $('#card_info').css('top',e.pageY-10-$('#card_info').height() );
            }

            $('.guide_card').addClass('guide_card_dark');

        });


        $(document).on('mouseleave','.wj_mouse',function(e){
            $('#card_info').hide();
            $('.guide_card').toggleClass('guide_card_dark');
        });

        $(document).on('click','.menu',function(e){
             $(this).addClass('active').siblings().removeClass('active');
             var id = $(this).attr('data-id');
             $('#guide_main_'+id).removeClass('hidden').siblings().addClass('hidden');

        });

        if(getQueryString("menu")!=null)
        {
             $('.menu'+getQueryString("menu")).trigger('click');
        };


        var buy_url = 'http://api.weixin.dayugame.net/wechatpay/detail?productid=163&showwxpaytitle=1';

    });
</script>
</body>
</html>