<script src="https://pic.Keede.com/Images/index_scb/20161230/flexible034.js"></script>
<script src="https://pic.keede.com/app/scripts/interactive.js"></script>
<link href="/layout/reset.css" rel="stylesheet">
<script type="text/javascript">
    $(document).ready(function () {
        document.getElementsByTagName
        //锚点跳转滑动效果
        $('a[href*=#],area[href*=#]').click(function () {
            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
                var $target = $(this.hash);
                $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
                if ($target.length) {
                    var targetOffset = $target.offset().top - 30;
                    $('html,body').animate({
                        scrollTop: targetOffset
                    }, 1000);
                    return false;
                }
            }
        });

    });
</script>

<style>
    .viewport {
        padding: 0;
        max-width: 10rem;
    }

        .viewport img {
            width: 100%;
            display: block;
        }

    /*两块区域*/
    .content .item {
        position: relative;
    }

        .content .item .pro-link-box .pro-link {
            display: block;
            width: 50%;
            height: 100%;
            position: absolute;
            top: 0;
        }

            .content .item .pro-link-box .pro-link:last-child {
                right: 0;
            }
        /*两块区域结束*/



        /*三块区域*/
        .content .item .linkBox3 a {
            display: block;
            width: 33%;
            height: 100%;
            position: absolute;
            top: 0;
        }

            .content .item .linkBox3 a:first-child {
                left: 0;
            }

            .content .item .linkBox3 a:nth-child(2) {
                left: 33%;
            }


            .content .item .linkBox3 a:last-child {
                right: 0;
            }
        /*三块区域结束*/
        /*四块区域*/
        .content .item .linkBox2 a {
            display: block;
            width: 25%;
            height: 100%;
            position: absolute;
            top: 0;
        }

            .content .item .linkBox2 a:first-child {
                left: 0;
            }

            .content .item .linkBox2 a:nth-child(2) {
                left: 25%;
            }

            .content .item .linkBox2 a:nth-child(3) {
                left: 50%;
            }

            .content .item .linkBox2 a:last-child {
                right: 0;
            }

        /*四块区域结束*/

        /*5块区域*/
        .content .item .linkBox5 {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

            .content .item .linkBox5 a {
                display: block;
                width: 20%;
                height: 100%;
                float: left;
            }

        /*5块区域结束*/
        /*6块区域*/
        .content .item .linkBox6 {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

            .content .item .linkBox6 a {
                display: block;
                width: 16.66666666666667%;
                height: 100%;
                float: left;
            }

    /*6块区域结束*/
</style>



<section>
    <div class="content" id="top">
        <div class="item">
            <img src="https://pic.keede.com/event/2019/2019gl12/app/top_01.jpg" width="100%">
        </div>
        <div class="item">
            <a href="/event/kd201912">
                <img src="https://pic.keede.com/event/2019/2019gl12/app/top_02.jpg" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="/event/kd201912">
                <img src="https://pic.keede.com/event/2019/2019gl12/app/top_04.jpg" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="/event/kd201912">
                <img src="https://pic.keede.com/event/2019/2019gl12/app/top_05.jpg" width="100%">
            </a>
        </div>
        <div class="item">
            <img src="https://pic.keede.com/event/2019/2019gl12/app/top_06.jpg" width="100%">
            <div class="linkBox2">
                <a href="javascript:;" onclick="coupon('75278e1a-8d7e-46d2-8adc-5b9df0a434ea')"></a>
                <a href="javascript:;" onclick="coupon('59403e12-8a27-4387-8555-09133163200a')"></a>
                <a href="javascript:;" onclick="coupon('fef0f80a-f042-4f86-9c5e-0752bd81be00')"></a>
                <a href="javascript:;" onclick="coupon('35945a21-0db6-40ab-8d7e-58c69c6bcd2e')"></a>
            </div>
        </div>
        <div class="item" style="display:none;"><img src="https://pic.keede.com/event/2019/2019gl12/app/top_08.jpg" width="100%"></div>
        <div class="item" style="display:none;"><a href="/event/kd201912"><img src="https://pic.keede.com/event/2019/2019gl12/app/top_09.jpg" width="100%"></a></div>
        <div class="item" style="display:none;"><img src="https://pic.keede.com/event/2019/2019gl12/app/top_10.jpg" width="100%"></div>
        <div class="item" style="margin-bottom:1.3rem;">
            <img src="https://pic.keede.com/event/2019/2019gl12/app/top_11.jpg" width="100%">
            <img src="https://pic.keede.com/event/2019/2019gl12/app/top_12.jpg" width="100%">
            <img src="https://pic.keede.com/event/2019/2019gl12/app/top_13.jpg" width="100%">
            <img src="https://pic.keede.com/event/2019/2019gl12/app/top_14.jpg" width="100%">
        </div>
    </div>
</section>

提 示

提示