[!--temp.header--]
<div class="empty-block"></div>
<div class="common-top">
    <a href="javascript:;" class="sign"><i class="iconfont icon-jinbi1"></i></a>
    <div class="nav-main">
        <a href="[!--news.url--]" class="cur">推荐</a>
        [e:loop={"select classname,classpath from phome_enewsclass where bclassid=1 order by classid ",0,24,0}]
        <a href="/<?=$bqr[classpath]?>"><?=$bqr[classname]?></a>
        [/e:loop]
    </div>
    <a href="javascript:;" class="search"><i class="iconfont icon-sousuo"></i></a>
</div>

<div class="swiper-container">
    <div class="swiper-wrapper">
        [ecmsinfo]29,5,64,0,2,15,1[/ecmsinfo]
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>

<div class="quick-link">
    <ul class="link-item clearfix">
        <li>
            <a href="http://code.ibanshou.cn">
                <i class="icon-kuaicha"></i>
                <p>快查</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="icon-kuaiwen"></i>
                <p>接单</p>
            </a>
        </li>
        <li>
            <a href="http://xue.ibanshou.cn/home/category-detail?categoryId=3">
                <i class="icon-huati"></i>
                <p>扳手SAAS</p>
            </a>
        </li>
        <li>
            <a href="http://bbs.ibanshou.cn/forum.php?mod=forumdisplay&fid=112">
                <i class="icon-more-pro"></i>
                <p>反馈</p>
            </a>
        </li>
    </ul>
</div>

<div class="enter-img">
    <a href="[!--temp.ucenterurl--]invite-redpack/index" id="invite-redpack"><img src="/skin/default/images/enter.png"></a>
</div>

<div class="recommend-info">
    [ecmsinfo]0,3,100,0,3,14,0,'firsttitle=1'[/ecmsinfo]
</div>

[ibanshou]1[/ibanshou]

<div class="interview-box">
    <div class="tit">人物专访<span>Interview</span> <a href="#">更多</a></div>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="interview-main">
                    <img src="images/zf.jpg">
                    <h3>扳手专访 - 张华林，维修是我不变的信仰</h3>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="interview-main">
                    <img src="images/zf02.jpg">
                    <h3>扳手专访 - 连志波，恪守独善其身的家维人</h3>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="interview-main">
                    <img src="images/zf.jpg">
                    <h3>扳手专访 — 肖定华，狂热的技术实力派家维人</h3>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="recommend-info">
    [ecmsinfo]0,20,100,0,3,14,0,'isgood!=2 and firsttitle!=1','newstime DESC'[/ecmsinfo]
</div>


<style>
    .enter-img a {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .enter-img img {
        width: 90%;
    }

    .red-packet {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        z-index: 20;
    }

    .red-packet .info {
        position: absolute;
        left: 50%;
        margin-left: -150px;
        top: 50%;
        width: 300px;
        transform: translateY(-50%);
    }

    .red-packet .info img {
        width: 100%;
    }

    .red-packet .info .text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        color: #fff;
    }

    .red-packet .info .text h3 {
        height: 140px;
        line-height: 145px;
    }

    .red-packet .info .text p {
        font-size: 48px;
        font-family: arial, sans-serif;
        padding: 0 0 20px;
    }

    .red-packet .info .text b {
        font-weight: normal;
        font-size: 14px;
        font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
    }

    .red-packet .info .text button {
        position: relative;
        width: 80px;
        height: 80px;
        display: inline-block;
        border: 0;
        margin-left: 7px;
        outline: none;
        border-radius: 100%;
        background-color: #fff259;
        color: red;
        font-size: 24px;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3), 0 0 30px 2px rgba(0, 0, 0, 0.15);
    }

    .red-packet .info .text button:after {
        content: '';
        position: absolute;
        top: 5px;
        left: 5px;
        width: 70px;
        height: 70px;
        border-radius: 100%;
        border: 2px dotted rgba(0, 0, 0, .2);
        box-sizing: border-box;
    }

    .red-packet .info .text button span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        line-height: 40px;
        display: inline-block;
        text-align: center;
        color: #ec2661;
        font-weight: bold;
        font-size: 16px;
    }

    .my-redpacket {
        display: block;
        margin-top: 10px;
        color: #fff;
        font-size: 14px;
    }

    .red-packet .info .close {
        position: absolute;
        left: 50%;
        margin-left: -25px;
        text-align: center;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 36px;
        border: 1px solid #fff;
        border-radius: 100%;
        font-size: 24px;
        color: #fff;
    }
</style>

<div class="red-packet" id="redpack" style="display: none"></div>

<script src="[!--news.url--]e/member/login/logincas.php"></script>
<script type='text/javascript' src="[!--news.url--]skin/default/js/swiper.min.js"></script>
<script type='text/javascript' src="[!--temp.ucenterurl--]common/nav.js"></script>
<script src="/skin/default/js/lazyload.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 5000,
        pagination: '.swiper-pagination',
    })

    $(function () {
        $('.newest-list').hide();
        setWidth();
        $(window).resize(function () {
            setWidth();
        });

        function setWidth() {
            if ($(window).width() >= 900) {
                $('.newest-list').find('.learn-course-box').width(427);
            } else {
                $('.newest-list').find('.learn-course-box').width(($(window).width() - 45) / 2);
            }
            $('.newest-list').show();
        }

        var mySwiper3 = new Swiper('.interview-box .swiper-container', {
            slidesPerView: 2,
            grabCursor: true
        });


        $.getJSON("[!--temp.ucenterurl--]tip/state-call?tips=s_checkin&callback=?", function (data) {
            var sign = $(".common-top a.sign");
            var checkinUrl = "http://bbs.yunya.com/plugin.php?id=wq_sign:wq_sign";
            if (data.s_checkin) {
                sign.attr("href", checkinUrl);
            } else {
                sign.parent().append('<span class="tips">签到领金币</span>');
                sign.click(function () {
                    $.getJSON("[!--temp.ucenterurl--]tip/state-push?tip=s_checkin&callback=?", function (data) {
                        location.href = checkinUrl;
                    });
                });
            }
        });
    });

</script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>

    function wechatcallback(jsconfig) {
        //其它的在对应页面
        var link = window.location.href;
        var imgUrl = "http://u.ibanshou.cn/assets/img/logo.jpg";
        var title = "扳手 - 和百万家电维修人在一起";
        var desc = "和百万家电维修人在一起";

        wx.config(jsconfig);
        wx.ready(function () {
            wx.onMenuShareTimeline({
                title: title, // 分享标题
                link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareAppMessage({
                title: title, // 分享标题
                desc: desc, // 分享描述
                link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: imgUrl, // 分享图标
                type: 'link', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });


            wx.onMenuShareWeibo({
                desc: desc, // 分享描述
                title: title, // 分享标题
                link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareQQ({
                desc: desc, // 分享描述
                title: title, // 分享标题
                link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
        })
    }

    var script = document.createElement('script');
    script.src = "/e/action/wechat/jsconfig?callback=wechatcallback&url=" + window.location.href;

    document.getElementsByTagName('head')[0].appendChild(script);
</script>
<script src="[!--temp.ucenterurl--]common/beat-home-popup.js"></script>
<script src="[!--temp.ucenterurl--]common/js-app.js"></script>
<script>
    if (BanShou.inApp() && BanShou.isSupport('messagePush')) {
        BanShou.ready(function (native) {
            $.ajax({
                type: "get",
                url: "[!--temp.ucenterurl--]member/regpushconf",
                dataType: "jsonp"
            }).done(function (conf) {
                native.registerPushConfig(conf);
            });
        });
    }


    function showRedpack() {
        $.getJSON("//http://s.test.yunyamooc.com/e/action/inviteRedpack.php", function (data) {
            if (data == null || (data.status == 0 && data.type == '见面礼')) {
                var html = '<div class="info">' +
                    '        <img src="skin/default/images/packet.png" alt="">' +
                    '        <div class="text">' +
                    '            <h3>恭喜您获得</h3>' +
                    '            <p><b>一个随机红包</b></p>' +
                    '            <button onclick="inviteRedpack()" >拆</button>' +
                    '        </div>' +
                    '        <a href="javascript:;" class="close"  onclick="redpackClose()"><i class="iconfont icon-close"></i></a>' +
                    '    </div>';

                $('#redpack').html(html).show();
            }

        })
    }

    function redpackClose(){
        $('#redpack').hide();
    };

    function inviteRedpack() {
        if(!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
            window.location.href = "http://a.app.qq.com/o/simple.jsp?pkgname=com.wxhkj.weixiuhui&ckey=CK1391535911216";
        }else {
            window.location.href = "[!--temp.ucenterurl--]invite-redpack/index";
        }

    }

    $(function () {
        showRedpack();
    });
</script>
</body>
</html>