console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>豆瓣3</title>
<style type="text/css">
body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
blockquote {
margin: 0;
padding: 0;
}
body {
display: block;
padding-top: 30px;
}
body,
td,
th {
font: 12px Helvetical, Arial, sans-serif;
font-stretch: 100%;
line-height: 1.62;
}
html {
color: #111;
}
h2 {
font: 15px Arial, Helvetica, sans-serif;
color: #072;
margin: 0 0 12px 0;
line-height: 150%;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
ul,
ol {
list-style: none;
display: block;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
a {
cursor: pointer;
}
a:visited {
color: #669;
text-decoration: none;
}
a:link {
color: #37a;
text-decoration: none;
}
.section {
padding: 10px 0;
margin-bottom: 30px;
min-height: 200px;
}
.section .wrapper:before,
.section .wrapper:after {
content: "\0020";
display: block;
clear: both;
}
.section .wrapper {
zoom: 1;
}
.wrapper {
width: 950px;
margin: 0 auto;
}
.section .side {
float: right;
width: 265px;
margin-left: 30px;
}
.section .main {
overflow: hidden;
zoom: 1;
}
.section .sidenav {
float: left;
width: 100px;
margin-right: 20px;
}
.side-links li {
position: relative;
margin-top: 5px;
font-size: 14px;
}
.mod {
margin-bottom: 30px;
width: auto;
}
.mod:after {
content: '\0020';
display: block;
clear: both;
}
fieldset, img {
border: 0;
}
#anony-book .book-cate-mod {
overflow: hidden;
margin-top: -10px;
}
.pl {
font: 15px Arial, Helvetica, sans-serif;
line-height: 150%;
color: #666666;
}
a {
cursor: pointer;
}
#anony-book .book-cate-mod .cate {
padding-top: 10px;
margin: -1px 0 10px 0;
border-top: 1px solid #eaeaea;
}
.cate {
margin-bottom: 10px;
}
#anony-book .book-cate-mod .cate-label {
width: auto;
font-size: 12px;
color: #999;
}
.cate .cate-label {
width: 100%;
margin-bottom: 2px;
font-size: 14px;
color: #333;
}
.cate li {
display: inline-block;
zoom: 1;
margin-left: 12px;
font-size: 13px;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
.section-title a:link, .section-title a:visited {
font-size: 24px;
}
.list {
font-size: 0;
letter-spacing: -.31em;
}
.list li {
display: inline-block;
zoom: 1;
width: 24.8%;
margin-top: 10px;
vertical-align: top;
text-align: center;
font-size: 12px;
letter-spacing: normal;
word-spacing: normal;
}
#anony-book .list .pic {
height: 180px;
overflow: hidden;
}
.list .pic {
margin-bottom: 10px;
}
.list .title {
line-height: 1.45;
font-size: 13px;
margin-bottom: 4px;
word-wrap: break-word;
}
.bn-link {
display: inline-block;
zoom: 1;
vertical-align: middle;
padding: 2px 10px;
border-radius: 2px;
}
#anony-book .list .pic img {
width: 120px;
}
a img {
border-width: 0;
vertical-align: middle;
}
fieldset, img {
border: 0;
}
#anony-book .bn-link:link, #anony-book .bn-link:visited {
color: #fff;
}
#anony-book a:link, #anony-book a:visited {
color: #614e3c;
}
.bn-link:link, .bn-link:visited {
background: #999a95;
color: #fff;
}
.list .title {
line-height: 1.45;
font-size: 13px;
margin-bottom: 4px;
word-wrap: break-word;
}
.book-list.list{
width:535px;
height:263px;
}
.wrapper {
width: 950px;
margin: 0 auto;
}
.section:nth-child(2n) {
padding: 40px 0 20px;
background: #f7f7f7;
}
.list1 li {
padding-bottom: 8px;
margin-bottom: 8px;
}
#anony-music .artist-song-play .icon-bg {
width: 48px;
height: 49px;
margin: -24px 0 0 -24px;
background: #222;
opacity: .85;
filter: alpha(opacity=85);
}
#anony-music .artist-song-play .icon {
display: none;
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
}
address, caption, cite, code, dfn, em, i, strong, th, var, optgroup {
font-style: normal;
font-weight: normal;
}
#anony-music .artist-charts .content {
overflow: hidden;
zoom: 1;
}
#anony-music .artist-charts .num, #anony-music .artist-charts .pic {
float: left;
max-height: 61px;
_height: 61px;
overflow: hidden;
margin-right: 10px;
}
</style>
</head>
<body>
<div id="anony-book" class="section">
<div class="wrapper">
<div class="sidenav">
<div class="mod">
<h2 class="section-title"><a href="">读书</a></h2>
<div class="side-links nav-anon">
<ul>
<li><a href="">分类浏览</a></li>
<li>
<a target="_blank" href="https://read.douban.com?dcn=entry&dcs=book-nav&dcm=douban">阅读</a>
<img style="top: 4px; position: absolute;" src="https://img3.doubanio.com/pics/new_menu.gif"/>
</li>
<li><a href="">作者</a></li>
<li><a href="">书评</a></li>
<li class="site-nav-prom">
<a class="lnk-buy" href="https://book.douban.com/cart">
<em>购书单</em>
</a>
</li>
</ul>
</div>
</div>
<div class="apps-list">
<ul>
<li>
<a href="" class="lnk-icon">
<i class="app-icon app-icon-read"></i>
</a>
<a href="">豆瓣阅读</a>
</li>
</ul>
</div>
</div>
<div class="side">
<div class="mod">
<h2>
热门标签
· · · · · ·
<span class="pl"> (
<a href="" target="_self">更多</a>
) </span>
</h2>
<div class="book-cate-mod">
<div class="cate book-cate">
<ul>
<li class="cate-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="cate book-cate">
<ul>
<li class="cate-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="cate book-cate">
<ul>
<li class="cate-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="cate book-cate">
<ul>
<li class="cate-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="cate book-cate">
<ul>
<li class="cate-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="cate book-cate">
<ul>
<li class="cate-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>
</ul>
</div>
</div>
</div>
</div>
<div class="main">
<div class="mod">
<h2>
新书速递
· · · · · ·
<span class="pl"> (
<a href="" target="_self">更多</a>
) </span>
</h2>
<div class="book-list list">
<ul>
<li>
<div class="pic">
<a href=""><img src="https://i.loli.net/2020/04/25/xH7Qc9wtBoujvUY.jpg" data-origin="https://img1.doubanio.com/view/subject/m/public/s33561587.jpg" alt="大小谎言" /></a>
</div>
<div class="title">
<a href="" >大小谎言</a>
</div>
<div class="author">〔澳〕莉安·莫...</div>
<a href="" target="_blank" class="bn-link">免费试读</a>
<li>
<div class="pic">
<a href=""><img src="https://i.loli.net/2020/04/25/hzc2SBDPjvREpAm.jpg" data-origin="https://img9.doubanio.com/view/subject/m/public/s33595195.jpg" alt="午后四点" /></a>
</div>
<div class="title">
<a href="" >午后四点</a>
</div>
<div class="author">〔比〕阿梅丽·...</div>
<a href="" target="_blank" class="bn-link">免费试读</a>
<li>
<div class="pic">
<a href=""><img src="https://i.loli.net/2020/04/25/zoDSa3bVnu8cwev.jpg" data-origin="https://img3.doubanio.com/view/subject/m/public/s33609511.jpg" alt="私恋失调" /></a>
</div>
<div class="title">
<a href="" >私恋失调</a>
</div>
<div class="author">倪闻天</div>
<a href="" target="_blank" class="bn-link">免费试读</a>
<li>
<div class="pic">
<a href=""><img src="https://i.loli.net/2020/04/25/WvuHRoQE9jNhSUF.jpg" data-origin="https://img9.doubanio.com/view/subject/m/public/s33615876.jpg" alt="语言的诞生" /></a>
</div>
<div class="title">
<a href="" >语言的诞生</a>
</div>
<div class="author">〔美〕丹尼尔·...</div>
<a href="" target="_blank" class="bn-link">免费试读</a>
</ul>
</div>
</div>
<div class="mod">
<h2>
原创数字作品
· · · · · ·
<span class="pl"> (
<a href="" target="_self">更多</a>
) </span>
</h2>
<div class="book-list list">
<ul>
<li>
<div class="pic">
<a href="" target="_blank"><img src="https://i.loli.net/2020/04/25/3A8R4Uzf65nTsd2.jpg" data-origin="https://img9.doubanio.com/view/ark_column_cover/large/public/32865636.jpg?v=1582088678" alt="星环 · 无限进化" /></a>
</div>
<div class="title">
<a href="" target="_blank">星环 · 无限...</a>
</div>
<div class="author"></div>
<div class="price">
免费
</div>
<a href="" target="_blank" class="bn-link">免费试读</a>
<li>
<div class="pic">
<a href="" target="_blank"><img src="https://i.loli.net/2020/04/25/3A8R4Uzf65nTsd2.jpg" data-origin="https://img1.doubanio.com/view/ark_column_cover/large/public/32733717.jpg?v=1576230474" alt="干活吧！生活委员" /></a>
</div>
<div class="title">
<a href="" target="_blank">干活吧！生活委...</a>
</div>
<div class="author"></div>
<div class="price">
免费
</div>
<a href="" target="_blank" class="bn-link">免费试读</a>
<li>
<div class="pic">
<a href="" target="_blank"><img src="https://i.loli.net/2020/04/25/3A8R4Uzf65nTsd2.jpg" data-origin="https://img9.doubanio.com/view/ark_column_cover/large/public/32454375.jpg?v=1568008522" alt="我和猫妖在长安" /></a>
</div>
<div class="title">
<a href="" target="_blank">我和猫妖在长安...</a>
</div>
<div class="author"></div>
<div class="price">
免费
</div>
<a href="" target="_blank" class="bn-link">免费试读</a>
<li>
<div class="pic">
<a href="" target="_blank"><img src="https://i.loli.net/2020/04/25/3A8R4Uzf65nTsd2.jpg" data-origin="https://img1.doubanio.com/view/ark_column_cover/large/public/32747989.jpg?v=1578278816" alt="女子博士图鉴" /></a>
</div>
<div class="title">
<a href="" target="_blank">女子博士图鉴</a>
</div>
<div class="author"></div>
<div class="price">
免费
</div>
<a href="" target="_blank" class="bn-link">免费试读</a>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="anony-music" class="section">
<div class="wrapper">
<div class="sidenav">
<h2 class="section-title"><a href="">音乐</a></h2>
<div class="side-links nav-anon">
<ul>
<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="lnk-icon">
<i class="app-icon app-icon-fm"></i>
</a>
<a href="">豆瓣FM</a>
</li>
<li>
<a href="" class="lnk-icon">
<i class="app-icon app-icon-artists"></i>
</a>
<a href="">豆瓣音乐人</a>
</li>
</ul>
</div>
</div>
<div class="side">
<div class="mod">
<h2>
本周流行音乐人
· · · · · ·
<span class="pl"> (
<a href="" target="_self">更多</a>
) </span>
</h2>
<div class="list1 artist-charts">
<ul>
<li>
<span class="num">1.</span>
<div class="pic artist-song-play" data-sids="["756820", "44297", "343"]">
<a href=""><img src="https://i.loli.net/2020/04/25/xH7Qc9wtBoujvUY.jpg" data-origin="https://img3.doubanio.com/view/site/small/public/7719ca5a577aecf.jpg" width="48"></a>
<i class="icon icon-bg"></i>
<i class="icon icon-stat icon-play"></i>
</div>
<div class="content">
<a href="">a hidden trace</a>
<div class="desc">
流派: 摇滚 Rock
<br>3448人关注
</div>
</div>
</li>
<li>
<span class="num">2.</span>
<div class="pic artist-song-play" data-sids="["756895", "709559", "743414"]">
<a href=""><img src="https://i.loli.net/2020/04/25/5LIuexpFngWwTMf.jpg" data-origin="https://img9.doubanio.com/view/site/small/public/2594de49af52f55.jpg" width="48"></a>
<i class="icon icon-bg"></i>
<i class="icon icon-stat icon-play"></i>
</div>
<div class="content">
<a href="">Alternative for Baroque</a>
<div class="desc">
流派: 轻音乐 Easy Listening
<br>439人关注
</div>
</div>
</li>
<li>
<span class="num">3.</span>
<div class="pic artist-song-play" data-sids="["756645", "1117", "1118"]">
<a href=""><img src="https://i.loli.net/2020/04/25/YVxJF5gSAZUrWml.jpg" data-origin="https://img1.doubanio.com/view/site/small/public/6fb7936a2d7c399.jpg" width="48"></a>
<i class="icon icon-bg"></i>
<i class="icon icon-stat icon-play"></i>
</div>
<div class="content">
<a href="">B.B.Queen</a>
<div class="desc">
流派: 民谣 Folk
<br>677人关注
</div>
</div>
</li>
<li>
<span class="num">4.</span>
<div class="pic artist-song-play" data-sids="["756533", "709507", "723488"]">
<a href=""><img src="https://i.loli.net/2020/04/25/xH7Qc9wtBoujvUY.jpg" data-origin="https://img3.doubanio.com/view/site/small/public/1706b8c119ad5d0.jpg" width="48"></a>
<i class="icon icon-bg"></i>
<i class="icon icon-stat icon-play"></i>
</div>
<div class="content">
<a href="">BluerElephant</a>
<div class="desc">
流派: 民谣 Folk
<br>633人关注
</div>
</div>
</li>
<li>
<span class="num">5.</span>
<div class="pic artist-song-play" data-sids="["756935", "754428", "754312"]">
<a href=""><img src="https://i.loli.net/2020/04/25/M3beiuhPc9NgWG1.jpg" data-origin="https://img1.doubanio.com/view/site/small/public/698f8346bce234c.jpg" width="48"></a>
<i class="icon icon-bg"></i>
<i class="icon icon-stat icon-play"></i>
</div>
<div class="content">
<a href="">苔藓的白水日志</a>
<div class="desc">
流派: 原声 Soundtrack
<br>76人关注
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="main">
<h2>
豆瓣新碟榜
· · · · · ·
<span class="pl"> (
<a href="" target="_self">更多</a>
) </span>
</h2>
<div class="album-list list">
<ul>
<li>
<div class="pic">
<a href="">
<img src="https://i.loli.net/2020/04/25/FO9zyrStvjpDuYP.png" data-origin="https://img1.doubanio.com/view/subject/s/public/s33613167.jpg" alt="Love&Desire" style="width: 80px; max-height: 120px;"/>
</a>
</div>
<div class="title">
1. <a href="">Love&Desire</a>
</div>
<div class="artist">
<a href="">周震南 Vin</a>
</div>
<div class="rating">
<span class="allstar40"></span><i>7.8</i>
</div>
</li>
<li>
<div class="pic">
<a href="">
<img src="https://i.loli.net/2020/04/25/xH7Qc9wtBoujvUY.jpg" data-origin="https://img1.doubanio.com/view/subject/s/public/s33611209.jpg" alt="后疫" style="width: 80px; max-height: 120px;"/>
</a>
</div>
<div class="title">
2. <a href="">后疫</a>
</div>
<div class="artist">
<a href="">窦唯 朝简</a>
</div>
<div class="rating">
<span class="allstar45"></span><i>8.8</i>
</div>
</li>
<li>
<div class="pic">
<a href="">
<img src="https://i.loli.net/2020/04/25/wx2eLZRJQf5UbaI.jpg" data-origin="https://img1.doubanio.com/view/subject/s/public/s33604278.jpg" alt="歌手·当打之年 第8期" style="width: 80px; max-height: 120px;"/>
</a>
</div>
<div class="title">
3. <a href="">歌手·当打之年 第8期</a>
</div>
<div class="artist">
<a href="">周深 徐佳莹 华晨宇 萧敬腾 米希亚 MISIA 吉克隽逸 袁娅维 耿斯汉</a>
</div>
<div class="rating">
<span class="allstar35"></span><i>6.5</i>
</div>
</li>
<li>
<div class="pic">
<a href="">
<img src="https://i.loli.net/2020/04/25/5LIuexpFngWwTMf.jpg" data-origin="https://img3.doubanio.com/view/subject/s/public/s33600881.jpg" alt="我们的乐队 第1期" style="width: 80px; max-height: 120px;"/>
</a>
</div>
<div class="title">
4. <a href="">我们的乐队 第1期</a>
</div>
<div class="artist">
<a href="">谢霆锋 Nicholas 王俊凯 Karry Wang 萧敬腾 Jam Hsiao</a>
</div>
<div class="rating">
<span class="allstar45"></span><i>9.2</i>
</div>
</li>
<li>
<div class="pic">
<a href="">
<img src="https://i.loli.net/2020/04/25/M3beiuhPc9NgWG1.jpg" data-origin="https://img1.doubanio.com/view/subject/s/public/s33574357.jpg" alt="The New Abnormal" style="width: 80px; max-height: 120px;"/>
</a>
</div>
<div class="title">
5. <a href="">The New Abnormal</a>
</div>
<div class="artist">
<a href="">The Strokes</a>
</div>
<div class="rating">
<span class="allstar45"></span><i>8.6</i>
</div>
</li>
<li>
<div class="pic">
<a href="">
<img src="https://i.loli.net/2020/04/25/YVxJF5gSAZUrWml.jpg" data-origin="https://img3.doubanio.com/view/subject/s/public/s33572392.jpg" alt="Future Nostalgia" style="width: 80px; max-height: 120px;"/>
</a>
</div>
<div class="title">
6. <a href="">Future Nostalgia</a>
</div>
<div class="artist">
<a href="">Dua Lipa</a>
</div>
<div class="rating">
<span class="allstar45"></span><i>8.4</i>
</div>
</li>
<li>
<div class="pic">
<a href="">
<img src="https://i.loli.net/2020/04/25/YVxJF5gSAZUrWml.jpg" data-origin="https://img9.doubanio.com/view/subject/s/public/s33612805.jpg" alt="I trust" style="width: 80px; max-height: 120px;"/>
</a>
</div>
<div class="title">
7. <a href="">I trust</a>
</div>
<div class="artist">
<a href="">(여자)아이들 (G)I-DLE</a>
</div>
<div class="rating">
<span class="allstar35"></span><i>6.3</i>
</div>
</li>
<li>
<div class="pic">
<a href="">
<img src="https://i.loli.net/2020/04/25/xH7Qc9wtBoujvUY.jpg" data-origin="https://img9.doubanio.com/view/subject/s/public/s33615124.jpg" alt="3집 Remember" style="width: 80px; max-height: 120px;"/>
</a>
</div>
<div class="title">
8. <a href="">3집 Remember</a>
</div>
<div class="artist">
<a href="">위너 WINNER</a>
</div>
<div class="rating">
<span class="allstar40"></span><i>8.1</i>
</div>
</li>
</ul>
</div>
<h2>
热门歌单
· · · · · ·
<span class="pl"> (
<a href="" target="_self">更多</a>
) </span>
</h2>
<div class="programme-list list">
<ul>
<li>
<div class="pic cover"><img width=80 src="https://i.loli.net/2020/04/25/xH7Qc9wtBoujvUY.jpg"><a href="https://music.douban.com/programme/39188522" target="_blank"><i></i></a></div>
<div class="title">一起去野餐吧！★惬意的假日时光</div>
</li>
<li>
<div class="pic cover"><img width=80 src="https://i.loli.net/2020/04/25/xH7Qc9wtBoujvUY.jpg"><a href="https://music.douban.com/programme/38807785" target="_blank"><i></i></a></div>
<div class="title">「励志」只有奋笔疾书，才能...</div>
</li>
<li>
<div class="pic cover"><img width=80 src="https://i.loli.net/2020/04/25/5LIuexpFngWwTMf.jpg"><a href="https://music.douban.com/programme/38857316" target="_blank"><i></i></a></div>
<div class="title">「下班」伴随着霓虹灯光一路...</div>
</li>
<li>
<div class="pic cover"><img width=80 src="https://i.loli.net/2020/04/25/5LIuexpFngWwTMf.jpg"><a href="https://music.douban.com/programme/39005655" target="_blank"><i></i></a></div>
<div class="title">『华语』爱情是场梦却总想睡过头</div>
</li>
<li>
<div class="pic cover"><img width=80 src="https://i.loli.net/2020/04/25/5LIuexpFngWwTMf.jpg"><a href="https://music.douban.com/programme/37160472" target="_blank"><i></i></a></div>
<div class="title">地下酒吧｜爵士与调酒师的香...</div>
</li>
<li>
<div class="pic cover"><img width=80 src="https://i.loli.net/2020/04/25/5LIuexpFngWwTMf.jpg"><a href="https://music.douban.com/programme/439069" target="_blank"><i></i></a></div>
<div class="title">love story</div>
</li>
</ul>
</div>
</div>
</div>
<div id="dale_anonymous_home_page_middle_2" class="extra"></div>
</div>
</body>
</html>