site-activity.html 15.2 KB
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>现场活动</title>
    <link rel="stylesheet" href="../../res/css/index.css"/>
</head>
<body>
    <div class="yoho-nav clearfix">
        <ul class="clearfix">
            <li>
                <span>YOHO!</span>
                <a href="http://www.yoho.cn" target="_blank">集团官网</a>
            </li>
            <li>
                <span>YOHO!有货</span>
                <a href="http://www.yohobuy.com" target="_blank">潮流购物</a>
            </li>
            <li>
                <span>YOHO!BOYS</span>
                <a href="http://www.yohoboys.com">男生潮流</a>
            </li>
            <li>
                <span>YOHO!GIRLS</span>
                <a href="http://www.yohogirls.com" target="_blank">女生潮流</a>
            </li>
            <li>
                <span>YOHO!SHOW</span>
                <a href="http://www.yohoshow.com" target="_blank">物趣分享</a>
            </li>
            <li class="current">
                <span>YOHOOD</span>
                <a href="javascript:;" target="_blank">潮流嘉年华</a>
            </li>
        </ul>
        <a class="contact-btn" href="javascript:;">contact</a>
    </div>
    <div class="header">
        <h1 class="logo"></h1>
        <div class="nav">
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">HOME</a>
                    <span>首页</span>
                </li>
                <li>
                    <a href="javascript:;">ACTIVITY</a>
                    <span>活动详情</span>
                </li>
                <li>
                    <a href="javascript:;">COUNSEL</a>
                    <span>最新资讯</span>
                </li>
                <li>
                    <a href="javascript:;">BRAND</a>
                    <span>参展品牌</span>
                </li>
                <li>
                    <a href="javascript:;">VIDEO</a>
                    <span>热点视频</span>
                </li>
                <li>
                    <a href="javascript:;">RECOMMEND</a>
                    <span>限量推荐</span>
                </li>
                <li class="current">
                    <a href="javascript:;">SCENE</a>
                    <span>现场活动</span>
                </li>
                <li>
                    <a href="javascript:;">SHOW</a>
                    <span>潮流分享</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="bd clearfix">
        <div class="site-activity-content">
            <h2 class="site-activity-date">2015-09-19</h2>
            <div class="main-layout clearfix">
                <div class="layout-section">
                    <div class="site-activity-title">
                        <h4 class="site-activity-intro"><span></span>开场Fashion Show舞台</h4>
                        <div class="site-activity-time">11:00——11:15</div>
                        <i class="site-activity-icon"></i>
                    </div>
                    <div class="layout-item clearfix">
                        <div class="image-box">
                            <a href="javascript:;">
                                <img data-original="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="">
                            </a>
                        </div>
                        <div class="content">
                            <h2 class="volupia">
                                <a href="/news/detail/id/169">test</a>
                            </h2>
                            <p>content</p>
                            <p class="time">2014.07.25</p>
                        </div>
                    </div>
                    <div class="layout-item clearfix">
                        <div class="image-box">
                            <a href="javascript:;">
                                <img data-original="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" src="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" alt="">
                            </a>
                        </div>
                        <div class="content">
                            <h2 class="volupia">
                                <a href="/news/detail/id/169">test</a>
                            </h2>
                            <p>content</p>
                            <p class="time">2014.07.25</p>
                        </div>
                    </div>
                </div>
                <div class="layout-section clearfix">
                    <div class="site-activity-title">
                        <h4 class="site-activity-intro"><span></span>听说SHOW买单</h4>
                        <div class="site-activity-time">11:00——11:15</div>
                        <i class="site-activity-icon"></i>
                    </div>
                    <div class="layout-item clearfix">
                        <div class="image-box">
                            <a href="javascript:;">
                                <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/015a858eda76bac64d84a0dbcea87dbd3a.gif" alt="">
                            </a>
                        </div>
                        <div class="content">
                            <h2 class="volupia">
                                <a href="/news/detail/id/169">test</a>
                            </h2>
                            <p>content</p>
                            <p class="time">2014.07.25</p>
                        </div>
                    </div>
                    <div class="layout-item clearfix">
                        <div class="image-box">
                            <a href="javascript:;">
                                <img src="http://img02.res.yoho.cn/blogimg/2014/10/17/14/02e26b4e08c06766b619b3bf40e31cfc14.jpg" alt="">
                            </a>
                        </div>
                        <div class="content">
                            <h2 class="volupia">
                                <a href="/news/detail/id/169">test</a>
                            </h2>
                            <p>content</p>
                            <p class="time">2014.07.25</p>
                        </div>
                    </div>
                    <div class="layout-item clearfix">
                        <div class="image-box">
                            <a href="javascript:;">
                                <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="">
                            </a>
                        </div>
                        <div class="content">
                            <h2 class="volupia">
                                <a href="/news/detail/id/169">test</a>
                            </h2>
                            <p>content</p>
                            <p class="time">2014.07.25</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="site-activity-tab">
            <ul>
                <li class="disable"><a href="javascript:;">2015-09-20</a></li>
                <li><a href="javascript:;">2015-09-20</a></li>
                <li class="current"><a href="javascript:;">2015-09-20</a></li>
            </ul>
            <h4>往期</h4> 
            <ul>
                <li><a href="javascript:;">2015-09-20</a></li>
                <li><a href="javascript:;">2015-09-20</a></li>
                <li><a href="javascript:;">2015-09-20</a></li>
            </ul>
        </div>
    </div>
    <div class="ft">
        <div class="limited-goods">
            <h2>限量商品</h2>
            <div class="limited-slide-box">
                <div class="slide-wrap clearfix">
                    <div class="box">
                        <ul class="goods-list clearfix">
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 1</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 2</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 3</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span>TOP 4</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span>TOP 5</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                        </ul>
                    </div>
                    <div class="box">
                        <ul class="goods-list clearfix">
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 1</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 2</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 3</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span>TOP 4</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span>TOP 5</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="limited-slide-control">
                <a class="limited-slide-prev iconfont" href="javascript:void(0);">&#xe600;</a>
                <a class="limited-slide-next iconfont" href="javascript:void(0);">&#xe602;</a>
            </div>
        </div>
    </div>
    <div class="return-top">
        <a href="javascript:void(0);" id="toTop" class="ifont" style="display: inline;">
        <span class="iconfont">&#xe605;</span>
        TOP
        </a>
    </div>
</body>
<script type="text/javascript" src="../../res/js/lib/seajs.js"></script>
<script type="text/javascript">
    seajs.use(['jquery','channel'],function($,channel){
        channel.common();
        channel.siteActivity();
    })
</script>
</html>