douban
/
index.html

<!DOCTYPE html>
<html lang="cmn-hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./favicon.ico">
    <title>豆瓣</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header class="head">
        <div class="title">
            <h1><a href="#">豆瓣</a></h1>
        </div>
        <div class="search">
            <form action="">
                <input type="text" placeholder="书籍、电影、音乐、小组、小站、成员">
                <i class="iconfont icon-ziyuan"></i>
            </form>
        </div>
        <nav class="nav">
            <ul>
                <li class="menu-book"><a href="">豆瓣读书</a></li>
                <li class="menu-movie"><a href="">豆瓣电影</a></li>
                <li class="menu-music"><a href="">豆瓣音乐</a></li>
                <li class="menu-city"><a href="">豆瓣同城</a></li>
                <li class="menu-group"><a href="">豆瓣小组</a></li>
                <li class="menu-read"><a href="">豆瓣阅读</a></li>
                <li class="menu-fm"><a href="">豆瓣FM</a></li>
                <li class="menu-time"><a href="">豆瓣时间</a></li>
                <li class="menu-doupin"><a href="">豆瓣豆品</a></li>
            </ul>
        </nav>
    </header>
    <div class="body">
        <div class="top">
            <div class="container">
                <div class="info">
                    <h2>豆瓣 7.0</h2>
                    <a href="#">下载豆瓣App</a href="#">
                    <div class="imgs">
                        <img class="erweima0" src="./images/icon_qrcode_green.png" alt="">
                        <div class="erweima">
                            <img src="./images/二维码.jpg" alt="">
                            <span>iOS/Android 扫描直接下载</span>
                        </div>
                    </div>
                </div>
                <div class="register">
                    <iframe src="/douban/loginframe.html" frameborder="0" scrolling="no"></iframe>
                </div>
            </div>
        </div>
        <div id="sys" class="section">
            <div class="wrapper clearfix">
                <div class="side-right">
                    <div class="advert">
                        <a href="">
                            <img src="./images/27c0fc776a346d1.jpg" alt="">
                        </a>
                        <span>广告</span>
                    </div>
                    <div class="online">
                        <h3><span>热门话题 · · · · · · ( <a href="">去话题广场</a> )</span></h3>
                        <ul>
                            <li>
                                <a href="">等来于，间使为，尘。</a>
                                <span>**次浏览</span>
                            </li>
                            <li>
                                <a href="">有貂设系皇要，范火。</a>
                                <span>**次浏览</span>
                            </li>
                            <li>
                                <a href="">密人是心你啦则，服。</a>
                                <span>**次浏览</span>
                            </li>
                            <li>
                                <a href="">韩乏不志一韩说，其。</a>
                                <span>**次浏览</span>
                            </li>
                            <li>
                                <a href="">系夹找，过鲜见但已。</a>
                                <span>**次浏览</span>
                            </li>
                            <li>
                                <a href="">措貂招，德召上都得。</a>
                                <span>**次浏览</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="main">
                    <h3><span>热点内容 · · · · · · ( <a href="">更多</a> )</span></h3>
                    <div class="albums">
                        <ul>
                            <li>
                                <div class="pic">
                                    <a href=""><img src="./images/p2595267336.jpg" alt=""></a>
                                </div>
                                <a href="">才失无定。</a>
                                <span>**张照片</span>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href=""><img src="./images/p2500823812.webp" alt=""></a>
                                </div>
                                <a href="">木欲于帝。</a>
                                <span>**张照片</span>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href=""><img src="./images/p2500435304.webp" alt=""></a>
                                </div>
                                <a href="">的甲好首。</a>
                                <span>**张照片</span>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href=""><img src="./images/p2619296302.webp" alt=""></a>
                                </div>
                                <a href="">促几气斗。</a>
                                <span>**张照片</span>
                            </li>
                        </ul>
                    </div>
                    <div class="notes">
                        <ul>
                            <li class="first">
                                <div class="title"><a href="">不是宋者着，游变小。</a></div>
                                <div class="author">攻风专何。</div>
                                <p>身生磊有和关卧贼只币者说六说绪掉。</p>
                            </li>
                            <li><a href="">Aspernatur incidunt dicta animi voluptatibus eum, aut enim.</a></li>
                            <li><a href="">Nemo, pariatur exercitationem. Alias eius dicta officia exercitationem.</a>
                            </li>
                            <li><a href="">Neque, esse natus commodi fugiat impedit sunt quis.</a></li>
                            <li><a href="">Architecto quisquam eum tempore at accusantium laboriosam iure!</a></li>
                            <li><a href="">Neque rerum molestiae sed expedita facere quis unde.</a></li>
                            <li><a href="">Reprehenderit odit excepturi dolore dolor necessitatibus numquam ipsa!</a>
                            </li>
                            <li><a href="">Perferendis doloremque cum, quasi amet commodi dignissimos. Earum.</a></li>
                            <li><a href="">Laudantium ut corrupti eum repellat, unde itaque quae!</a></li>
                            <li><a href="">Facilis, ullam! Hic dolorem fugit suscipit at ea.</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="time" class="section">
            <div class="wrapper clearfix">
                <div class="side-left">
                    <h2 class="section-title">
                        <a href="">豆瓣时间</a>
                    </h2>
                </div>
                <div class="main">
                    <h3>
                        <span>热门专栏 · · · · · · ( <a href="">更多</a> )
                        </span>
                    </h3>
                    <ul class="time-list">
                        <li>
                            <a href="" class="img">
                                <img src="./images/time.jpg" alt="">
                            </a>
                            <a href="" class="title">用性别之尺丈量世界——18堂思想课解读女性问题</a>
                            <span class="type">音频专栏</span>
                        </li>
                        <li>
                            <a href="" class="img">
                                <img src="./images/time.jpg" alt="">
                            </a>
                            <a href="" class="title">用性别之尺丈量世界——18堂思想课解读女性问题</a>
                            <span class="type">音频专栏</span>
                        </li>
                        <li>
                            <a href="" class="img">
                                <img src="./images/time.jpg" alt="">
                            </a>
                            <a href="" class="title">用性别之尺丈量世界——18堂思想课解读女性问题</a>
                            <span class="type">音频专栏</span>
                        </li>
                        <li>
                            <a href="" class="img">
                                <img src="./images/time.jpg" alt="">
                            </a>
                            <a href="" class="title">用性别之尺丈量世界——18堂思想课解读女性问题</a>
                            <span class="type">音频专栏</span>
                        </li>
                        <li>
                            <a href="" class="img">
                                <img src="./images/time.jpg" alt="">
                            </a>
                            <a href="" class="title">用性别之尺丈量世界——18堂思想课解读女性问题</a>
                            <span class="type">音频专栏</span>
                        </li>
                        <li>
                            <a href="" class="img">
                                <img src="./images/time.jpg" alt="">
                            </a>
                            <a href="" class="title">用性别之尺丈量世界——18堂思想课解读女性问题</a>
                            <span class="type">音频专栏</span>
                        </li>
                        <li>
                            <a href="" class="img">
                                <img src="./images/time.jpg" alt="">
                            </a>
                            <a href="" class="title">用性别之尺丈量世界——18堂思想课解读女性问题</a>
                            <span class="type">音频专栏</span>
                        </li>
                        <li>
                            <a href="" class="img">
                                <img src="./images/time.jpg" alt="">
                            </a>
                            <a href="" class="title">用性别之尺丈量世界——18堂思想课解读女性问题</a>
                            <span class="type">音频专栏</span>
                        </li>
                        <li>
                            <a href="" class="img">
                                <img src="./images/time.jpg" alt="">
                            </a>
                            <a href="" class="title">用性别之尺丈量世界——18堂思想课解读女性问题</a>
                            <span class="type">音频专栏</span>
                        </li>
                        <li>
                            <a href="" class="img">
                                <img src="./images/time.jpg" alt="">
                            </a>
                            <a href="" class="title">用性别之尺丈量世界——18堂思想课解读女性问题</a>
                            <span class="type">音频专栏</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="movie" class="section">
            <div class="wrapper clearfix">
                <div class="side-left">
                    <h2 class="section-title">
                        <a href="">电影</a>
                    </h2>
                    <ul class="side-nav">
                        <li><a href="">影讯&购票</a></li>
                        <li class="new">
                            <a href="">选电影</a>
                            <img src="./images/new.gif" alt="">
                        </li>
                        <li><a href="">电视剧</a></li>
                        <li><a href="">排行榜</a></li>
                        <li><a href="">分类</a></li>
                        <li><a href="">影评</a></li>
                        <li><a href="">预告片</a></li>
                        <li><a href="">问答</a></li>
                    </ul>
                </div>
                <div class="side-right">
                    <div class="movie-item mod">
                        <h3><span>影片分类 · · · · · · (
                                <a href="">更多</a> )
                            </span></h3>
                        <ul class="list">
                            <li><a href="">爱情</a></li>
                            <li><a href="">剧情</a></li>
                            <li><a href="">喜剧</a></li>
                            <li><a href="">悬疑</a></li>
                            <li><a href="">经典</a></li>
                            <li><a href="">动画</a></li>
                            <li><a href="">科幻</a></li>
                            <li><a href="">犯罪</a></li>
                            <li><a href="">动作</a></li>
                            <li><a href="">青春</a></li>
                            <li><a href="">搞笑</a></li>
                            <li><a href="">文艺</a></li>
                            <li><a href="">惊悚</a></li>
                            <li><a href="">励志</a></li>
                            <li><a href="">纪录片</a></li>
                            <li><a href="">黑色幽默</a></li>
                            <li><a href="">战争</a></li>
                            <li><a href="">恐怖</a></li>
                            <li><a href="">美国</a></li>
                            <li><a href="">日本</a></li>
                            <li><a href="">香港</a></li>
                            <li><a href="">中国大陆</a></li>
                            <li><a href="">韩国</a></li>
                            <li><a href="">中国</a></li>
                            <li><a href="">英国</a></li>
                            <li><a href="">法国</a></li>
                            <li><a href="">台湾</a></li>
                            <li><a href="">印度</a></li>
                        </ul>
                    </div>
                    <div class="hot-list">
                        <h3><span>近期热门 · · · · · · (
                                <a href="">更多</a> )
                            </span></h3>
                        <ol>
                            <li><a href="">天县此此。</a></li>
                            <li><a href="">个自不是六梵。</a></li>
                            <li><a href="">我生志身郭台惶。</a></li>
                            <li><a href="">不孔畴，要贼。</a></li>
                            <li><a href="">法人韩是釜，六则通。</a></li>
                            <li><a href="">子妙和和笔人友。</a></li>
                            <li><a href="">之韩到今人，他中但同。</a></li>
                            <li><a href="">生收是自命者。</a></li>
                            <li><a href="">京制不乐。</a></li>
                            <li><a href="">争胆原小吞回，生。</a></li>
                        </ol>
                    </div>
                </div>
                <div class="main">
                    <div class="mod">
                        <h3><span>正在热映 · · · · · · (
                                <a href="">更多</a> )
                            </span></h3>
                        <ul class="list">
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/p2629056068.webp" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">你好，李焕英</a>
                                </div>
                                <div class="rating">
                                    <span class="star score40"></span>
                                    <i>8.1</i>
                                </div>
                                <a href="" class="bn-ticket">选座购票</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/p2629056068.webp" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">你好，李焕英</a>
                                </div>
                                <div class="rating">
                                    <span class="star score50"></span>
                                    <i>10</i>
                                </div>
                                <a href="" class="bn-ticket">选座购票</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/p2629056068.webp" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">你好，李焕英</a>
                                </div>
                                <div class="rating">
                                    <span></span>
                                    <i>8.1</i>
                                </div>
                                <a href="" class="bn-ticket">选座购票</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/p2629056068.webp" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">你好，李焕英</a>
                                </div>
                                <div class="rating">
                                    <span></span>
                                    <i>8.1</i>
                                </div>
                                <a href="" class="bn-ticket">选座购票</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/p2629056068.webp" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">你好，李焕英</a>
                                </div>
                                <div class="rating">
                                    <span></span>
                                    <i>8.1</i>
                                </div>
                                <a href="" class="bn-ticket">选座购票</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/p2629056068.webp" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">你好，李焕英</a>
                                </div>
                                <div class="rating">
                                    <span></span>
                                    <i>8.1</i>
                                </div>
                                <a href="" class="bn-ticket">选座购票</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/p2629056068.webp" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">你好，李焕英</a>
                                </div>
                                <div class="rating">
                                    <span></span>
                                    <i>8.1</i>
                                </div>
                                <a href="" class="bn-ticket">选座购票</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/p2629056068.webp" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">你好，李焕英</a>
                                </div>
                                <div class="rating">
                                    <span></span>
                                    <i>8.1</i>
                                </div>
                                <a href="" class="bn-ticket">选座购票</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="group" class="section">
            <div class="wrapper clearfix">
                <div class="side-left">
                    <h2 class="section-title">
                        <a href="">小组</a>
                    </h2>
                    <ul class="side-nav">
                        <li><a href="">精选</a></li>
                        <li><a href="">文化</a></li>
                        <li><a href="">摄影</a></li>
                        <li><a href="">娱乐</a></li>
                        <li><a href="">时尚</a></li>
                        <li><a href="">生活</a></li>
                        <li><a href="">科技</a></li>
                    </ul>
                </div>
                <div class="side-right">
                    <div class="mod">
                        <h3><span>小组分类 · · · · · ·
                            </span></h3>
                        <div class="tags">
                            <ul>
                                <li class="first">
                                    <a href="">兴趣»</a>
                                </li>
                                <li>
                                    <a href="">旅行</a>
                                </li>
                                <li>
                                    <a href="">摄影</a>
                                </li>
                                <li>
                                    <a href="">影视</a>
                                </li>
                                <li>
                                    <a href="">音乐</a>
                                </li>
                                <li>
                                    <a href="">文学</a>
                                </li>
                                <li>
                                    <a href="">游戏</a>
                                </li>
                                <li>
                                    <a href="">动漫</a>
                                </li>
                                <li>
                                    <a href="">运动</a>
                                </li>
                                <li>
                                    <a href="">戏曲</a>
                                </li>
                                <li>
                                    <a href="">桌游</a>
                                </li>
                                <li>
                                    <a href="">怪癖</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tags">
                            <ul>
                                <li class="first">
                                    <a href="">兴趣»</a>
                                </li>
                                <li>
                                    <a href="">旅行</a>
                                </li>
                                <li>
                                    <a href="">摄影</a>
                                </li>
                                <li>
                                    <a href="">影视</a>
                                </li>
                                <li>
                                    <a href="">音乐</a>
                                </li>
                                <li>
                                    <a href="">文学</a>
                                </li>
                                <li>
                                    <a href="">游戏</a>
                                </li>
                                <li>
                                    <a href="">动漫</a>
                                </li>
                                <li>
                                    <a href="">运动</a>
                                </li>
                                <li>
                                    <a href="">戏曲</a>
                                </li>
                                <li>
                                    <a href="">桌游</a>
                                </li>
                                <li>
                                    <a href="">怪癖</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tags">
                            <ul>
                                <li class="first">
                                    <a href="">兴趣»</a>
                                </li>
                                <li>
                                    <a href="">旅行</a>
                                </li>
                                <li>
                                    <a href="">摄影</a>
                                </li>
                                <li>
                                    <a href="">影视</a>
                                </li>
                                <li>
                                    <a href="">音乐</a>
                                </li>
                                <li>
                                    <a href="">文学</a>
                                </li>
                                <li>
                                    <a href="">游戏</a>
                                </li>
                                <li>
                                    <a href="">动漫</a>
                                </li>
                                <li>
                                    <a href="">运动</a>
                                </li>
                                <li>
                                    <a href="">戏曲</a>
                                </li>
                                <li>
                                    <a href="">桌游</a>
                                </li>
                                <li>
                                    <a href="">怪癖</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tags">
                            <ul>
                                <li class="first">
                                    <a href="">兴趣»</a>
                                </li>
                                <li>
                                    <a href="">旅行</a>
                                </li>
                                <li>
                                    <a href="">摄影</a>
                                </li>
                                <li>
                                    <a href="">影视</a>
                                </li>
                                <li>
                                    <a href="">音乐</a>
                                </li>
                                <li>
                                    <a href="">文学</a>
                                </li>
                                <li>
                                    <a href="">游戏</a>
                                </li>
                                <li>
                                    <a href="">动漫</a>
                                </li>
                                <li>
                                    <a href="">运动</a>
                                </li>
                                <li>
                                    <a href="">戏曲</a>
                                </li>
                                <li>
                                    <a href="">桌游</a>
                                </li>
                                <li>
                                    <a href="">怪癖</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tags">
                            <ul>
                                <li class="first">
                                    <a href="">兴趣»</a>
                                </li>
                                <li>
                                    <a href="">旅行</a>
                                </li>
                                <li>
                                    <a href="">摄影</a>
                                </li>
                                <li>
                                    <a href="">影视</a>
                                </li>
                                <li>
                                    <a href="">音乐</a>
                                </li>
                                <li>
                                    <a href="">文学</a>
                                </li>
                                <li>
                                    <a href="">游戏</a>
                                </li>
                                <li>
                                    <a href="">动漫</a>
                                </li>
                                <li>
                                    <a href="">运动</a>
                                </li>
                                <li>
                                    <a href="">戏曲</a>
                                </li>
                                <li>
                                    <a href="">桌游</a>
                                </li>
                                <li>
                                    <a href="">怪癖</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tags">
                            <ul>
                                <li class="first">
                                    <a href="">兴趣»</a>
                                </li>
                                <li>
                                    <a href="">旅行</a>
                                </li>
                                <li>
                                    <a href="">摄影</a>
                                </li>
                                <li>
                                    <a href="">影视</a>
                                </li>
                                <li>
                                    <a href="">音乐</a>
                                </li>
                                <li>
                                    <a href="">文学</a>
                                </li>
                                <li>
                                    <a href="">游戏</a>
                                </li>
                                <li>
                                    <a href="">动漫</a>
                                </li>
                                <li>
                                    <a href="">运动</a>
                                </li>
                                <li>
                                    <a href="">戏曲</a>
                                </li>
                                <li>
                                    <a href="">桌游</a>
                                </li>
                                <li>
                                    <a href="">怪癖</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tags">
                            <ul>
                                <li class="first">
                                    <a href="">兴趣»</a>
                                </li>
                                <li>
                                    <a href="">旅行</a>
                                </li>
                                <li>
                                    <a href="">摄影</a>
                                </li>
                                <li>
                                    <a href="">影视</a>
                                </li>
                                <li>
                                    <a href="">音乐</a>
                                </li>
                                <li>
                                    <a href="">文学</a>
                                </li>
                                <li>
                                    <a href="">游戏</a>
                                </li>
                                <li>
                                    <a href="">动漫</a>
                                </li>
                                <li>
                                    <a href="">运动</a>
                                </li>
                                <li>
                                    <a href="">戏曲</a>
                                </li>
                                <li>
                                    <a href="">桌游</a>
                                </li>
                                <li>
                                    <a href="">怪癖</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="main">
                    <h3><span>热门小组 · · · · · · (
                            <a href="">更多</a> )
                        </span></h3>
                    <div class="group-list list">
                        <ul>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/three.webp" alt="">
                                    </a>
                                </div>
                                <div class="info">
                                    <a href="" class="title">我爱三毛</a>
                                    <span class="member">48277个成员</span>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/three.webp" alt="">
                                    </a>
                                </div>
                                <div class="info">
                                    <a href="" class="title">我爱三毛</a>
                                    <span class="member">48277个成员</span>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/three.webp" alt="">
                                    </a>
                                </div>
                                <div class="info">
                                    <a href="" class="title">我爱三毛</a>
                                    <span class="member">48277个成员</span>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/three.webp" alt="">
                                    </a>
                                </div>
                                <div class="info">
                                    <a href="" class="title">我爱三毛</a>
                                    <span class="member">48277个成员</span>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/three.webp" alt="">
                                    </a>
                                </div>
                                <div class="info">
                                    <a href="" class="title">我爱三毛</a>
                                    <span class="member">48277个成员</span>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/three.webp" alt="">
                                    </a>
                                </div>
                                <div class="info">
                                    <a href="" class="title">我爱三毛</a>
                                    <span class="member">48277个成员</span>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/three.webp" alt="">
                                    </a>
                                </div>
                                <div class="info">
                                    <a href="" class="title">我爱三毛</a>
                                    <span class="member">48277个成员</span>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/three.webp" alt="">
                                    </a>
                                </div>
                                <div class="info">
                                    <a href="" class="title">我爱三毛</a>
                                    <span class="member">48277个成员</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="book" class="section">
            <div class="wrapper clearfix">
                <div class="side-left">
                    <h2 class="section-title">
                        <a href="">读书</a>
                    </h2>
                    <div class="mod">
                        <ul class="side-nav">
                            <li><a href="">分类浏览</a></li>
                            <li class="new">
                                <a href="">阅读</a>
                                <img src="./images/new.gif" alt="">
                            </li>
                            <li><a href="">作者</a></li>
                            <li><a href="">书评</a></li>
                            <li><a href="">购书单</a></li>
                        </ul>
                    </div>
                    <div class="apps-list">
                        <ul>
                            <li>
                                <a href="" class="icon img"></a>
                                <a href="">豆瓣阅读</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="side-right">
                    <div class="mod">
                        <h3><span>热门标签 · · · · · · (
                                <a href="">更多</a> )
                            </span></h3>
                        <div class="tag-list">
                            <div class="tags">
                                <ul>
                                    <li class="label">[文学]</li>
                                    <li><a href="">小说</a></li>
                                    <li><a href="">随笔</a></li>
                                    <li><a href="">日本文学</a></li>
                                    <li><a href="">散文</a></li>
                                    <li><a href="">诗歌</a></li>
                                    <li><a href="">童话</a></li>
                                    <li><a href="">名著</a></li>
                                    <li><a href="">港台</a></li>
                                    <li><a href="">更多</a></li>
                                </ul>
                            </div>
                            <div class="tags">
                                <ul>
                                    <li class="label">[文学]</li>
                                    <li><a href="">小说</a></li>
                                    <li><a href="">随笔</a></li>
                                    <li><a href="">日本文学</a></li>
                                    <li><a href="">散文</a></li>
                                    <li><a href="">诗歌</a></li>
                                    <li><a href="">童话</a></li>
                                    <li><a href="">名著</a></li>
                                    <li><a href="">港台</a></li>
                                    <li><a href="">更多</a></li>
                                </ul>
                            </div>
                            <div class="tags">
                                <ul>
                                    <li class="label">[文学]</li>
                                    <li><a href="">小说</a></li>
                                    <li><a href="">随笔</a></li>
                                    <li><a href="">日本文学</a></li>
                                    <li><a href="">散文</a></li>
                                    <li><a href="">诗歌</a></li>
                                    <li><a href="">童话</a></li>
                                    <li><a href="">名著</a></li>
                                    <li><a href="">港台</a></li>
                                    <li><a href="">更多</a></li>
                                </ul>
                            </div>
                            <div class="tags">
                                <ul>
                                    <li class="label">[文学]</li>
                                    <li><a href="">小说</a></li>
                                    <li><a href="">随笔</a></li>
                                    <li><a href="">日本文学</a></li>
                                    <li><a href="">散文</a></li>
                                    <li><a href="">诗歌</a></li>
                                    <li><a href="">童话</a></li>
                                    <li><a href="">名著</a></li>
                                    <li><a href="">港台</a></li>
                                    <li><a href="">更多</a></li>
                                </ul>
                            </div>
                            <div class="tags">
                                <ul>
                                    <li class="label">[文学]</li>
                                    <li><a href="">小说</a></li>
                                    <li><a href="">随笔</a></li>
                                    <li><a href="">日本文学</a></li>
                                    <li><a href="">散文</a></li>
                                    <li><a href="">诗歌</a></li>
                                    <li><a href="">童话</a></li>
                                    <li><a href="">名著</a></li>
                                    <li><a href="">港台</a></li>
                                    <li><a href="">更多</a></li>
                                </ul>
                            </div>
                            <div class="tags">
                                <ul>
                                    <li class="label">[文学]</li>
                                    <li><a href="">小说</a></li>
                                    <li><a href="">随笔</a></li>
                                    <li><a href="">日本文学</a></li>
                                    <li><a href="">散文</a></li>
                                    <li><a href="">诗歌</a></li>
                                    <li><a href="">童话</a></li>
                                    <li><a href="">名著</a></li>
                                    <li><a href="">港台</a></li>
                                    <li><a href="">更多</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main">
                    <div class="mod">
                        <h3><span>新书速递 · · · · · · (
                                <a href="">更多</a> )
                            </span></h3>
                        <ul class="list">
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/king.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">金字塔</a>
                                </div>
                                <div class="author">〔阿尔巴尼亚〕</div>
                                <a href="" class="bn-read">免费试读</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/king.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">金字塔</a>
                                </div>
                                <div class="author">〔阿尔巴尼亚〕</div>
                                <a href="" class="bn-read">免费试读</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/king.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">金字塔</a>
                                </div>
                                <div class="author">〔阿尔巴尼亚〕</div>
                                <a href="" class="bn-read">免费试读</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/king.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">金字塔</a>
                                </div>
                                <div class="author">〔阿尔巴尼亚〕</div>
                                <a href="" class="bn-read">免费试读</a>
                            </li>
                        </ul>
                    </div>
                    <div class="mod">
                        <h3><span>原创数字作品 · · · · · · (
                                <a href="">更多</a> )
                            </span></h3>
                        <ul class="list">
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/wait.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">我可以再等待</a>
                                </div>
                                <div class="price">免费</div>
                                <a href="" class="bn-read">免费试读</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/wait.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">我可以再等待</a>
                                </div>
                                <div class="price">免费</div>
                                <a href="" class="bn-read">免费试读</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/wait.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">我可以再等待</a>
                                </div>
                                <div class="price">免费</div>
                                <a href="" class="bn-read">免费试读</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/wait.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="">我可以再等待</a>
                                </div>
                                <div class="price">免费</div>
                                <a href="" class="bn-read">免费试读</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="music" class="section">
            <div class="wrapper clearfix">
                <div class="side-left">
                    <h2 class="section-title">
                        <a href="">音乐</a>
                    </h2>
                    <div class="mod">
                        <ul class="side-nav">
                            <li><a href="">音乐人</a></li>
                            <li><a href="">潮潮豆瓣音乐周</a></li>
                            <li><a href="">金羊毛计划</a></li>
                            <li><a href="">专题</a></li>
                            <li><a href="">排行榜</a></li>
                            <li><a href="">分类浏览</a></li>
                            <li><a href="">乐评</a></li>
                            <li><a href="">豆瓣FM</a></li>
                            <li><a href="">歌单</a></li>
                            <li><a href="">阿比鹿音乐奖</a></li>
                        </ul>
                    </div>
                    <div class="apps-list">
                        <ul>
                            <li>
                                <a href="" class="icon img1"></a>
                                <a href="">豆瓣FM</a>
                            </li>
                            <li>
                                <a href="" class="icon img2"></a>
                                <a href="">豆瓣音乐人</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="side-right">
                    <div class="mod">
                        <h3>
                            <span>本周流行音乐人 · · · · · · (
                                <a href="">更多</a> )
                            </span>
                        </h3>
                        <ul>
                            <li>
                                <span class="num">1.</span>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/music.jpg" alt="">
                                    </a>
                                    <i class="iconfont icon-bofang"></i>
                                </div>
                                <div class="content">
                                    <a href="">summer park</a>
                                    <div class="desc">
                                        流派: 摇滚 Rock <br>
                                        267人关注
                                    </div>
                                </div>
                            </li>
                            <li>
                                <span class="num">2.</span>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/music.jpg" alt="">
                                    </a>
                                    <i class="iconfont icon-bofang"></i>
                                </div>
                                <div class="content">
                                    <a href="">summer park</a>
                                    <div class="desc">
                                        流派: 摇滚 Rock <br>
                                        267人关注
                                    </div>
                                </div>
                            </li>
                            <li>
                                <span class="num">3.</span>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/music.jpg" alt="">
                                    </a>
                                    <i class="iconfont icon-bofang"></i>
                                </div>
                                <div class="content">
                                    <a href="">summer park</a>
                                    <div class="desc">
                                        流派: 摇滚 Rock <br>
                                        267人关注
                                    </div>
                                </div>
                            </li>
                            <li>
                                <span class="num">4.</span>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/music.jpg" alt="">
                                    </a>
                                    <i class="iconfont icon-bofang"></i>
                                </div>
                                <div class="content">
                                    <a href="">summer park</a>
                                    <div class="desc">
                                        流派: 摇滚 Rock <br>
                                        267人关注
                                    </div>
                                </div>
                            </li>
                            <li>
                                <span class="num">5.</span>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/music.jpg" alt="">
                                    </a>
                                    <i class="iconfont icon-bofang"></i>
                                </div>
                                <div class="content">
                                    <a href="">summer park</a>
                                    <div class="desc">
                                        流派: 摇滚 Rock <br>
                                        267人关注
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="main">
                    <div class="mod">
                        <h3><span>豆瓣新碟榜 · · · · · · (
                                <a href="">更多</a> )
                            </span></h3>
                        <ul class="albums list">
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/album.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    1. <a href=""> 我用什么把你留住</a>
                                </div>
                                <div class="author">
                                    <a href="">福禄寿 FloruitShow</a>
                                </div>
                                <div class="rating">
                                    <span class="star score45"></span>
                                    <i>8.6</i>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/album.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    2. <a href=""> 我用什么把你留住</a>
                                </div>
                                <div class="author">
                                    <a href="">福禄寿 FloruitShow</a>
                                </div>
                                <div class="rating">
                                    <span class="star score45"></span>
                                    <i>8.6</i>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/album.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    3. <a href=""> 我用什么把你留住</a>
                                </div>
                                <div class="author">
                                    <a href="">福禄寿 FloruitShow</a>
                                </div>
                                <div class="rating">
                                    <span class="star score45"></span>
                                    <i>8.6</i>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/album.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    4. <a href=""> 我用什么把你留住</a>
                                </div>
                                <div class="author">
                                    <a href="">福禄寿 FloruitShow</a>
                                </div>
                                <div class="rating">
                                    <span class="star score45"></span>
                                    <i>8.6</i>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/album.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    5. <a href=""> 我用什么把你留住</a>
                                </div>
                                <div class="author">
                                    <a href="">福禄寿 FloruitShow</a>
                                </div>
                                <div class="rating">
                                    <span class="star score45"></span>
                                    <i>8.6</i>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/album.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    6. <a href=""> 我用什么把你留住</a>
                                </div>
                                <div class="author">
                                    <a href="">福禄寿 FloruitShow</a>
                                </div>
                                <div class="rating">
                                    <span class="star score45"></span>
                                    <i>8.6</i>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/album.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    7. <a href=""> 我用什么把你留住</a>
                                </div>
                                <div class="author">
                                    <a href="">福禄寿 FloruitShow</a>
                                </div>
                                <div class="rating">
                                    <span class="star score45"></span>
                                    <i>8.6</i>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/album.jpg" alt="">
                                    </a>
                                </div>
                                <div class="title">
                                    8. <a href=""> 我用什么把你留住</a>
                                </div>
                                <div class="author">
                                    <a href="">福禄寿 FloruitShow</a>
                                </div>
                                <div class="rating">
                                    <span class="star score45"></span>
                                    <i>8.6</i>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="mod">
                        <h3><span>热门歌单 · · · · · · (
                                <a href="">更多</a> )
                            </span></h3>
                        <ul class="songs list">
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/42394479-1.jfif" alt="">
                                        <i class="iconfont icon-bofang"></i>
                                    </a>
                                </div>
                                <div class="title">Smooth Jazz｜柔情爵士流似水</div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/42394479-1.jfif" alt="">
                                        <i class="iconfont icon-bofang"></i>
                                    </a>
                                </div>
                                <div class="title">Smooth Jazz｜柔情爵士流似水</div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/42394479-1.jfif" alt="">
                                        <i class="iconfont icon-bofang"></i>
                                    </a>
                                </div>
                                <div class="title">Smooth Jazz｜柔情爵士流似水</div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/42394479-1.jfif" alt="">
                                        <i class="iconfont icon-bofang"></i>
                                    </a>
                                </div>
                                <div class="title">Smooth Jazz｜柔情爵士流似水</div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/42394479-1.jfif" alt="">
                                        <i class="iconfont icon-bofang"></i>
                                    </a>
                                </div>
                                <div class="title">Smooth Jazz｜柔情爵士流似水</div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/42394479-1.jfif" alt="">
                                        <i class="iconfont icon-bofang"></i>
                                    </a>
                                </div>
                                <div class="title">Smooth Jazz｜柔情爵士流似水</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="doupin" class="section">
            <div class="wrapper clearfix">
                <div class="side-left">
                    <h2 class="section-title">
                        <a href="">豆品</a>
                    </h2>
                </div>
                <div class="side-right">
                    <div class="mod">
                        <h3><span>热门活动 · · · · · ·
                            </span></h3>
                        <ul class="topics1">
                            <li>
                                <a class="pic" href=""><img src="./images/advert.jpg" alt=""></a>
                                <p><a href="">我的豆瓣收藏夹里有什么</a></p>
                            </li>
                        </ul>
                    </div>
                    <div class="mod">
                        <h3><span>官方小组 · · · · · · (
                                <a href="">更多</a> )
                            </span></h3>
                        <ul class="topics2">
                            <li>
                                <a class="title" href="">用书籍标记时光，豆瓣读书周历2021上线！</a>
                                <p>
                                    <span>4 人参与</span>
                                    <span class="right">02-23</span>
                                </p>
                            </li>
                            <li>
                                <a class="title" href="">用书籍标记时光，豆瓣读书周历2021上线！</a>
                                <p>
                                    <span>4 人参与</span>
                                    <span class="right">02-23</span>
                                </p>
                            </li>
                            <li>
                                <a class="title" href="">用书籍标记时光，豆瓣读书周历2021上线！</a>
                                <p>
                                    <span>4 人参与</span>
                                    <span class="right">02-23</span>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="main">
                    <h3><span>热卖商品 · · · · · · (
                            <a href="">更多</a> )
                        </span></h3>
                    <ul class="commodity">
                        <li>
                            <a class="pic" href="">
                                <img src="./images/commodity.jpg" alt="">
                            </a>
                            <p>
                                <a href="" class="title">豆瓣读书便签贴纸</a>
                                <span class="price">￥9</span>
                            </p>
                        </li>
                        <li>
                            <a class="pic" href="">
                                <img src="./images/commodity.jpg" alt="">
                            </a>
                            <p>
                                <a href="" class="title">豆瓣读书便签贴纸</a>
                                <span class="price">￥9</span>
                            </p>
                        </li>
                        <li>
                            <a class="pic" href="">
                                <img src="./images/commodity.jpg" alt="">
                            </a>
                            <p>
                                <a href="" class="title">豆瓣读书便签贴纸</a>
                                <span class="price">￥9</span>
                            </p>
                        </li>
                        <li>
                            <a class="pic" href="">
                                <img src="./images/commodity.jpg" alt="">
                            </a>
                            <p>
                                <a href="" class="title">豆瓣读书便签贴纸</a>
                                <span class="price">￥9</span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="city" class="section">
            <div class="wrapper clearfix">
                <div class="side-left">
                    <h2 class="section-title">
                        <a href="">同城</a>
                    </h2>
                    <ul class="side-nav">
                        <li>
                            <a href="">近期活动</a>
                        </li>
                        <li>
                            <a href="">主办方</a>
                        </li>
                        <li>
                            <a href="">舞台剧</a>
                        </li>
                    </ul>
                </div>
                <div class="side-right">
                    <div class="mod">
                        <h3><span>活动标签 · · · · · ·
                            </span></h3>
                        <div class="tags">
                            <ul>
                                <li class="first">
                                    <a href="">音乐»</a>
                                </li>
                                <li>
                                    <a href="">小型现场</a>
                                </li>
                                <li>
                                    <a href="">音乐会</a>
                                </li>
                                <li>
                                    <a href="">演唱会</a>
                                </li>
                                <li>
                                    <a href="">音乐节</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tags">
                            <ul>
                                <li class="first">
                                    <a href="">音乐»</a>
                                </li>
                                <li>
                                    <a href="">小型现场</a>
                                </li>
                                <li>
                                    <a href="">音乐会</a>
                                </li>
                                <li>
                                    <a href="">演唱会</a>
                                </li>
                                <li>
                                    <a href="">音乐节</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tags">
                            <ul>
                                <li class="first">
                                    <a href="">聚会»</a>
                                </li>
                                <li>
                                    <a href="">小型现场</a>
                                </li>
                                <li>
                                    <a href="">音乐会</a>
                                </li>
                                <li>
                                    <a href="">演唱会</a>
                                </li>
                                <li>
                                    <a href="">音乐节</a>
                                </li>
                                <li>
                                    <a href="">生活</a>
                                </li>
                                <li>
                                    <a href="">摄影</a>
                                </li>
                                <li>
                                    <a href="">外语</a>
                                </li>
                                <li>
                                    <a href="">夜店</a>
                                </li>
                                <li>
                                    <a href="">交友</a>
                                </li>
                                <li>
                                    <a href="">美食</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tags">
                            <ul>
                                <li class="first">
                                    <a href="">音乐»</a>
                                </li>
                                <li>
                                    <a href="">小型现场</a>
                                </li>
                                <li>
                                    <a href="">音乐会</a>
                                </li>
                                <li>
                                    <a href="">演唱会</a>
                                </li>
                                <li>
                                    <a href="">音乐节</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tags">
                            <ul>
                                <li class="first">
                                    <a href="">音乐»</a>
                                </li>
                                <li>
                                    <a href="">小型现场</a>
                                </li>
                                <li>
                                    <a href="">音乐会</a>
                                </li>
                                <li>
                                    <a href="">演唱会</a>
                                </li>
                                <li>
                                    <a href="">音乐节</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="main">
                    <h3><span>北京 · 本周热门活动 · · · · · · (
                            <a href="">更多</a> )
                        </span></h3>
                    <ul class="event list">
                        <li>
                            <div class="pic">
                                <a href="">
                                    <img src="./images/event.jpg" alt="">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="">野外合作社“如何在风中”巡演LVH</a>
                                </div>
                                <div class="datetime">3月13日 周六 20:30 - 21:30</div>
                                <div class="address">北京雍和宫糖果三层 东城区..</div>
                                <div class="follow">24人关注</div>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="">
                                    <img src="./images/event.jpg" alt="">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="">野外合作社“如何在风中”巡演LVH</a>
                                </div>
                                <div class="datetime">3月13日 周六 20:30 - 21:30</div>
                                <div class="address">北京雍和宫糖果三层 东城区..</div>
                                <div class="follow">24人关注</div>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="">
                                    <img src="./images/event.jpg" alt="">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="">野外合作社“如何在风中”巡演LVH</a>
                                </div>
                                <div class="datetime">3月13日 周六 20:30 - 21:30</div>
                                <div class="address">北京雍和宫糖果三层 东城区..</div>
                                <div class="follow">24人关注</div>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="">
                                    <img src="./images/event.jpg" alt="">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="">野外合作社“如何在风中”巡演LVH</a>
                                </div>
                                <div class="datetime">3月13日 周六 20:30 - 21:30</div>
                                <div class="address">北京雍和宫糖果三层 东城区..</div>
                                <div class="follow">24人关注</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <footer id="foot">
        <div class="wrapper clearfix">
            <div class="left">
                © 2005－2021 douban.com, all rights reserved 北京豆网科技有限公司 <br>
                <a href="">京ICP证090015号</a>
                京ICP备11027288号
                <a href="">网络视听许可证0110418号</a>
                <a href="">食品经营许可证</a><br>
                京网文[2015]2026-368号
                <a href="">新出发京批字第直160029号</a>
                &nbsp;&nbsp;新出网证(京)字129号 <br>
                违法和不良信息投诉电话：4008353331-9
                <img src="./images/tousu.jpg" alt=""><br>
                <img src="./images/jubao.png" alt="">
                <a href="">中国互联网举报中心</a>
                电话：12377
                <img src="./images/biaoshi.gif" alt="">
                <a href="">京公网安备11010502000728</a>
            </div>
            <div class="right">
                <a href="">关于豆瓣</a> ·
                <a href="">在豆瓣工作</a> ·
                <a href="">联系我们</a> ·
                <a href="">法律声明</a> ·
                <a href="">帮助中心</a> ·
                <a href="">移动应用</a> ·
                <a href="">豆瓣广告</a>
            </div>
        </div>
    </footer>
</body>

</html>