console
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>啊啊啊啊啊</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="anony-sns" class="section">
<div class="wrapper">
<div class="side">
<div style="margin: 10px 0px">
<div id="dale_anonymous_homepage_right_top"></div>
</div>
<div class="online">
<ul>
<div class="mod">
<h2>热门话题. . . . . . .
<span class="pl">
(<a href="/gallery/" target="_self">去话题广场</a>)
</span>
</h2>
<ul>
<li class="rec_topics">
<a href="" class="rec_topics_name">理科中的美学</a>
<span class="rec_topics_subtitle">601.5万次浏览</span>
</li>
<li class="rec_topics">
<a href="" class="rec_topics_name">你的图书分类法</a>
<span class="rec_topics_subtitle">404.0万次浏览</span>
</li>
<li class="rec_topics">
<a href="" class="rec_topics_name">宅家房屋待改造清单</a>
<span class="rec_topics_subtitle">1229.8万次浏览</span>
</li>
<li class="rec_topics">
<a href="" class="rec_topics_name">清明食记</a>
<span class="rec_topics_subtitle">157.6万次浏览</span>
</li>
<li class="rec_topics">
<a href="" class="rec_topics_name">儿时的清明记忆</a>
<span class="rec_topics_subtitle">89.4万次浏览</span>
</li>
<li class="rec_topics">
<a href="" class="rec_topics_name">俄罗斯文学的动人之处</a>
<span class="rec_topics_subtitle">33.7万次浏览</span>
</li>
</ul>
</div>
</ul>
</div>
</div>
<div class="main">
<div class="mod">
<h2>
热点内容 · · · · · ·
<span class="pl"> (<a href="/">更多</a>)</span>
</h2>
<div class="albums">
<ul>
<li>
<div class="pic">
<a href="https://www.douban.com/photos/album/1627502370/"><img src="https://i.loli.net/2020/04/05/AwyUTL7bPCKVaIn.jpg" data-origin="https://img1.doubanio.com/view/photo/albumcover/public/p2336837928.webp" alt=""></a>
</div>
<a href="https://www.douban.com/photos/album/1627502370/">玩羊毛</a>
<span class="num">126张照片</span>
</li>
<li>
<div class="pic">
<a href="https://www.douban.com/photos/album/1678039856/"><img src="https://i.loli.net/2020/04/05/xU9HrnsqPoSXyjk.jpg" data-origin="https://img9.doubanio.com/view/photo/albumcover/public/p2557748536.webp" alt=""></a>
</div>
<a href="https://www.douban.com/photos/album/1678039856/">我前几天去了趟動物園</a>
<span class="num">83张照片</span>
</li>
<li>
<div class="pic">
<a href="https://www.douban.com/photos/album/120704503/"><img src="https://i.loli.net/2020/04/05/ykPdBlrne3omKQY.jpg" data-origin="https://img3.doubanio.com/view/photo/albumcover/public/p2551445732.webp" alt=""></a>
</div>
<a href="https://www.douban.com/photos/album/120704503/">Gabriella Barouch</a>
<span class="num">108张照片</span>
</li>
<li>
<div class="pic">
<a href="https://www.douban.com/photos/album/1690398143/"><img src="https://i.loli.net/2020/04/05/qQNvE9JugXMR1s7.jpg" data-origin="https://img1.doubanio.com/view/photo/albumcover/public/p2561870128.webp" alt=""></a>
</div>
<a href="https://www.douban.com/photos/album/1690398143/">孤独宇航员</a>
<span class="num">177张照片</span>
</li>
</ul>
</div>
<div class="notes">
<ul>
<li class="first">
<div class="title">
<a href="https://www.douban.com/note/753624725/">噩梦大鹅</a>
</div>
<div class="author">
开脑洞的大勇的日记
</div>
<p>这不是叉子 也不是鸡爪子 这是我童年的第一个噩梦 大鹅 上篇：做鹅记 昨天 终于决...</p>
</li>
<li><a href="https://www.douban.com/note/753418583/">父母宅建造记</a></li>
<li><a href="https://www.douban.com/note/755010616/">我在俄罗斯传染医院隔离的五天</a></li>
<li><a href="https://www.douban.com/note/756863555/">难以忘怀的大四异地实习经历</a></li>
<li><a href="https://www.douban.com/note/756648353/">来自十八线小县城的事业编工作人员的呐喊</a></li>
<li><a href="https://www.douban.com/note/756958592/">三月的万亩湿地公园——县城叙事与个人纪实。</a></li>
<li><a href="https://www.douban.com/note/755910644/">犯傻，和朋友一起犯傻：《动物森友会》到底在玩什么？</a></li>
<li><a href="https://www.douban.com/note/752288102/">新冠时期的葬礼</a></li>
<li><a href="https://www.douban.com/note/753226436/">还记得十五年前你的理想吗？豆瓣也没有忘记</a></li>
<li><a href="https://www.douban.com/note/756075929/">“花间隐榭，水际安亭”——华南植物园水榭和桂林芦笛岩水榭分析</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="anony-time" class="section">
<div class="wrapper">
<div class="sidenav">
<h2 class="section-title">
<a href="https://time.douban.com?dt_time_source=douban-web_anonymous">豆瓣时间</a>
</h2>
</div>
<div class="side"></div>
<div class="main">
<h2>
热门专栏:
<span class="pl"> (
<a href="https://time.douban.com?dt_time_source=douban-web_anonymous" target="_self">获取更多</a>
) </span>
</h2>
<ul class="time-list">
<li>
<a class="cover audio new " href="https://m.douban.com/time/column/191?dt_time_source=douban-web_anonymous" target="_blank">
<img src="https://img3.doubanio.com/dae/niffler/niffler/images/eb08fc6c-7348-11ea-afb6-5a5bcc9605bf.jpg" alt="爱我，请先懂我——纽约大学艺术治疗师的儿童心理成长课">
</a>
<a class="title" href="https://m.douban.com/time/column/191?dt_time_source=douban-web_anonymous" target="_blank">爱我，请先懂我——纽约大学艺术治疗师的儿童心理成长课</a>
<span class="type">音频专栏</span>
</li>
<li>
<a class="cover audio new " href="https://m.douban.com/time/column/190?dt_time_source=douban-web_anonymous" target="_blank">
<img src="https://img1.doubanio.com/dae/niffler/niffler/images/7df08276-6cea-11ea-b1b3-fea672b52f7a.jpg" alt="罪恶的背后——人人必修的60堂犯罪心理学">
</a>
<a class="title" href="https://m.douban.com/time/column/190?dt_time_source=douban-web_anonymous" target="_blank">罪恶的背后——人人必修的60堂犯罪心理学</a>
<span class="type">音频专栏</span>
</li>
<li>
<a class="cover audio new " href="https://m.douban.com/time/column/188?dt_time_source=douban-web_anonymous" target="_blank">
<img src="https://img9.doubanio.com/dae/niffler/niffler/images/8e457bfe-5872-11ea-916d-4e50984eeed6.jpg" alt="用性别之尺丈量世界——18堂思想课解读女性问题">
</a>
<a class="title" href="https://m.douban.com/time/column/188?dt_time_source=douban-web_anonymous" target="_blank">用性别之尺丈量世界——18堂思想课解读女性问题</a>
<span class="type">音频专栏</span>
</li>
<li>
<a class="cover video new " href="https://m.douban.com/time/column/189?dt_time_source=douban-web_anonymous" target="_blank">
<img src="https://img1.doubanio.com/dae/niffler/niffler/images/a4283c6c-5f80-11ea-b2da-560baafd962b.jpg" alt="微电影剧作——如何在剧作中运用观众心理学">
</a>
<a class="title" href="https://m.douban.com/time/column/189?dt_time_source=douban-web_anonymous" target="_blank">微电影剧作——如何在剧作中运用观众心理学</a>
<span class="type">视频专栏</span>
</li>
<li>
<a class="cover video new " href="https://m.douban.com/time/column/187?dt_time_source=douban-web_anonymous" target="_blank">
<img src="https://img9.doubanio.com/dae/niffler/niffler/images/0b1c1886-4cb1-11ea-a5fc-ce0829b4ff74.jpg" alt="电影产业破壁课——13小时重塑电影世界观">
</a>
<a class="title" href="https://m.douban.com/time/column/187?dt_time_source=douban-web_anonymous" target="_blank">电影产业破壁课——13小时重塑电影世界观</a>
<span class="type">视频专栏</span>
</li>
<li>
<a class="cover audio new" href="https://m.douban.com/time/column/186?dt_time_source=douban-web_anonymous" target="_blank">
<img src="https://img9.doubanio.com/dae/niffler/niffler/images/bc181fca-48da-11ea-af67-8ac79e38c4d6.jpg" alt="不准无聊！精品大师课免费放送">
</a>
<a class="title" href="https://m.douban.com/time/column/186?dt_time_source=douban-web_anonymous" target="_blank">不准无聊！精品大师课免费放送</a>
<span class="type">音频专栏</span>
</li>
<li>
<a class="cover audio new " href="https://m.douban.com/time/column/185?dt_time_source=douban-web_anonymous" target="_blank">
<img src="https://img9.doubanio.com/dae/niffler/niffler/images/f3573202-3389-11ea-81ed-3e551a2d8b14.jpg" alt="懂得这些再去穿越——古代天文学里的星空密码">
</a>
<a class="title" href="https://m.douban.com/time/column/185?dt_time_source=douban-web_anonymous" target="_blank">懂得这些再去穿越——古代天文学里的星空密码</a>
<span class="type">音频专栏</span>
</li>
<li>
<a class="cover audio new " href="https://m.douban.com/time/column/184?dt_time_source=douban-web_anonymous" target="_blank">
<img src="https://img1.doubanio.com/dae/niffler/niffler/images/1e2b0994-3048-11ea-a399-7e2d6adf2897.jpg" alt="收获一生之书——马家辉解读影响人生的24部文学经典">
</a>
<a class="title" href="https://m.douban.com/time/column/184?dt_time_source=douban-web_anonymous" target="_blank">收获一生之书——马家辉解读影响人生的24部文学经典</a>
<span class="type">音频专栏</span>
</li>
<li>
<a class="cover audio new " href="https://m.douban.com/time/column/180?dt_time_source=douban-web_anonymous" target="_blank">
<img src="https://img1.doubanio.com/dae/niffler/niffler/images/4895050e-1806-11ea-9b64-e268fb40b1fc.jpg" alt="我同世界交流的方式——顶级纪录片导演创作分享课 ">
</a>
<a class="title" href="https://m.douban.com/time/column/180?dt_time_source=douban-web_anonymous" target="_blank">我同世界交流的方式——顶级纪录片导演创作分享课 </a>
<span class="type">音频专栏</span>
</li>
<li>
<a class="cover audio new " href="https://m.douban.com/time/column/178?dt_time_source=douban-web_anonymous" target="_blank">
<img src="https://img1.doubanio.com/dae/niffler/niffler/images/83562b1c-15bf-11ea-93de-6a7cfd3c1b1c.jpg" alt="掌控人生剧本——12堂改变命运的思维课">
</a>
<a class="title" href="https://m.douban.com/time/column/178?dt_time_source=douban-web_anonymous" target="_blank">掌控人生剧本——12堂改变命运的思维课</a>
<span class="type">音频专栏</span>
</li>
</ul>
</div>
</div>
</div>
</body>
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%;
display: block;
-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;
}
#dale_anonymous_homepage_right_top {
display: block;
}
.mod {
margin-bottom: 30px;
width: auto;
}
.mod:after {
content: '\0020';
display: block;
clear: both;
}
.rec_topics {
line-height: 1;
margin-bottom: 15px;
}
#anony-sns .online li {
margin-top: 10px;
color: #999;
}
.rec_topics_name {
display: inline-block;
margin-bottom: 6px;
font-size: 14px;
line-height: 1.3;
color: #3377aa;
}
.rec_topics_subtitle {
display: block;
margin-bottom: 15px;
font-size: 13px;
line-height: 1;
color: #aaaaaa;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.pl {
font: 12px Arial, Helvetica, sans-serif;
line-height: 150%;
color: #666;
}
.albums {
float: left;
width: 350px;
margin-right: 30px;
color: #999999;
font-size: 0;
letter-spacing: -0.31em;
}
#anony-sns .albums ul {
margin: -10px 0 0 -10px;
}
#anony-sns .albums li {
display: inline-block;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
width: 170px;
vertical-align: top;
font-size: 12px;
margin: 10px 0 0 10px
}
#anony-sns .notes {
overflow: hidden;
zoom: 1;
color: #666666;
}
#anony-sns .notes .first {
margin-top: 0;
}
#anony-sns .notes li {
margin-top: 12px;
word-wrap: break-word;
}
#anony-time .section-title a {
color: #494949;
}
.section-title a:link,
.section-title a:visited {
font-size: 24px;
}
#anony-time .time-list li {
display: inline-block;
width: 100px;
vertical-align: top;
margin-right: 60px;
text-align: center;
margin-bottom: 30px;
}
#anony-time .time-list li .cover {
display: block;
margin-bottom: 10px;
position: relative;
}
#anony-time .time-list li img {
width: 100px;
height: 141px;
}
#anony-time .time-list li .title {
color: #333;
font-size: 13px;
line-height: 1.38;
}
#anony-time .time-list li .type {
color: #999;
line-height: 1;
margin-top: 10px;
display: block;
}
a img {
border-width: 0;
vertical-align: middle;
}
fieldset,
img {
border: 0;
}