console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>豆瓣网站2</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;
}
#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;
}
.list {
font-size: 0;
letter-spacing: -.31em;
}
.list ul {
margin-top: -40px;
}
.tags ul {
margin-top: -4px;
}
.list li {
display: inline-block;
zoom: 1;
width: 24.8%;
margin-top: 40px;
vertical-align: top;
text-align: center;
font-size: 12px;
letter-spacing: normal;
word-spacing: normal;
}
.tags li {
width: 4em;
margin-top: 4px;
text-align: left;
}
.cate .cate-label {
width: 100%;
margin-bottom:2px;
font-size: 14px;
color: #333;
}
.cate li{
display: inline-block;
zoom: 1;
margin-left: 10px;
}
#annoy-movie .movie-charts ol {
margin: 0;
padding: 0;
}
#annoy-movie .movie-charts li {
margin-bottom: 6px;
padding-bottom: 5px;
list-style-type: decimal;
list-style-position: inside;
border-bottom: 1px solid #eaeaea;
}
#annoy-movie .movie-list .pic {
height: 145px;
overflow: hidden;
}
#annoy-movie .movie-list img {
width: 100px;
}
a img {
border-width: 0;
vertical-align: middle;
}
#annoy-movie a:link,
#annoy-movie a:visited {
color: #27a;
}
#annoy-movie .movie-list .title a:link,
#annoy-movie .movie-list .title a:visited {
color: #333;
}
.list .pic {
margin-bottom: 10px;
}
.list .title {
line-height: 1.45;
font-size: 13px;
margin-bottom: 4px;
word-wrap: break-word;
}
.rating {
margin-bottom: 4px;
}
#annoy-movie .bn-link:link,
#annoy-movie .bn-link:visited {
background: #1c8bd0;
color: #fff;
}
.bn-link {
display: inline-block;
zoom: 1;
vertical-align: middle;
padding: 2px 10px;
border-radius: 2px;
}
.allstar50,
.allstar45,
.allstar40,
.allstar35,
.allstar30,
.allstar25,
.allstar20,
.allstar15,
.allstar10,
.allstar05,
.allstar00,
.rating1-t,
.rating15-t,
.rating2-t,
.rating25-t,
.rating3-t,
.rating35-t,
.rating4-t,
.rating45-t,
.rating5-t,
.rating-t,
.starb~.stars5,
.starb~.stars4,
.starb~.stars3,
.starb~.stars2,
.starb~.stars1,
.collectors .stars5,
.collectors .stars4,
.collectors .stars3,
.collectors .stars2,
.collectors .stars1 {
display: inline-block;
zoom: 1;
background: url(https://img3.doubanio.com/f/shire/b8f4c3672ef81106701071831e22422a745d3b74/pics/rating_icons/ic_rating_s.png) no-repeat;
background: -webkit-image-set(url(https://img3.doubanio.com/f/shire/b8f4c3672ef81106701071831e22422a745d3b74/pics/rating_icons/ic_rating_s.png) 1x) no-repeat;
background: -moz-image-set(url(https://img3.doubanio.com/f/shire/b8f4c3672ef81106701071831e22422a745d3b74/pics/rating_icons/ic_rating_s.png) 1x) no-repeat;
background: -o-image-set(url(https://img3.doubanio.com/f/shire/b8f4c3672ef81106701071831e22422a745d3b74/pics/rating_icons/ic_rating_s.png) 1x) no-repeat;
background: -ms-image-set(url(https://img3.doubanio.com/f/shire/b8f4c3672ef81106701071831e22422a745d3b74/pics/rating_icons/ic_rating_s.png) 1x) no-repeat;
width: 55px;
height: 11px;
margin: 0 3px 0 0;
overflow: hidden;
}
.allstar30 {
background-position: 0 -44px;
}
</style>
</head>
<body>
<div id="annoy-movie" class="section">
<div class="wrapper">
<div class="sidenav">
<h2 class="section-title">
<a href="https://movie.douban.com">电影</a>
</h2>
<div class="side-links nav-annon">
<ul>
<li><a href="">影讯&购票</a></li>
<li class="site-nav-bt">
<a href="https://movie.douban.com/explore">选电影</a>
<img style="top:-5px; position: relative;" src="https://img3.doubanio.com/pic/new_menu.gif" alt="">
</li>
<li><a href="">电视剧</a></li>
<li><a href="">排行榜</a></li>
<li><a href="">分类</a></li>
<li><a href="">影评</a></li>
<li class="site-nav-bt">
<a href="">预告片</a>
</li>
<li>
<a href="">问答</a>
</li>
</ul>
</div>
</div>
<div class="side">
<div class="mod">
<h2>影片分类 · · · · · ·
<span class="pl">
（<a href="#">更多</a>）
</span>
</h2>
<div class="tags list">
<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="">悬疑</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>
<div class="mod">
<h2>近期热门 · · · · · ·
<span class="pl">
(<a href="#">更多</a>)
</span>
</h2>
<div class="list1 movie-charts">
<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="">1/2的魔法</a>
</li>
<li>
<a href="">大赢家</a>
</li>
<li>
<a href="">野性的呼唤</a>
</li>
</ol>
</div>
</div>
</div>
<div class="main">
<h2>
正在热映 · · · · · ·
<span class="pl"> (
<a href="https://movie.douban.com/showtimes/" target="_self">更多</a>)
</span>
</h2>
<div class="movie-list list">
<ul>
<li>
<div class="pic">
<a href=""><img src="https://i.loli.net/2020/04/10/ivguECHmw2p56N8.jpg" alt="吹哨人"></a>
</div>
<div class="title">
<a href="">吹哨人</a>
</div>
<div class="rating">
<span class="allstar30"></span>
<i>5.5</i>
</div>
<a href="" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href=""><img src="https://i.loli.net/2020/04/11/HKBfdQOVnUEA9mY.jpg" alt="理查德·朱维尔的哀歌" /></a>
</div>
<div class="title">
<a href="">理查德·朱维尔...</a>
</div>
<div class="rating">
<span class="allstar45"></span>
<i>8.2</i>
</div>
<a href="" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href=""><img src="https://i.loli.net/2020/04/11/buohYSfk2r14tQA.jpg" alt="变身特工"></a>
</div>
<div class="title">
<a href="">变身特工</a>
</div>
<div class="rating">
<span class="allstar40"></span>
<i>7.5</i>
</div>
<a href="" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2578722076.jpg" alt="紫罗兰永恒花园外传：永远与自动手记人偶" /></a>
</div>
<div class="title">
<a href="">紫罗兰永恒花园...</a>
</div>
<div class="rating">
<span class="allstar40"></span>
<i>7.5</i>
</div>
<a href="" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2579003693.jpg" alt="天使陷落" /></a>
</div>
<div class="title">
<a href="">天使陷落</a>
</div>
<div class="rating">
<span class="allstar30"></span>
<i>6.1</i>
</div>
<a href="" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2579512247.jpg" alt="灭绝" /></a>
</div>
<div class="title">
<a href="">灭绝</a>
</div>
<div class="rating">
<span class="allstar30"></span>
<i>5.5</i>
</div>
<a href="" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2578721161.jpg" alt="鲨海逃生" /></a>
</div>
<div class="title">
<a href="">鲨海逃生</a>
</div>
<div class="rating">
<span class="allstar25"></span>
<i>5.2</i>
</div>
<a href="" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2580002742.jpg" alt="为家而战" /></a>
</div>
<div class="title">
<a href="">为家而战</a>
</div>
<div class="rating">
<span class="allstar35"></span><i>6.4</i>
</div>
<a href="" class="bn-link bn-ticket">选座购票</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="anony-group" 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>
</ul>
</div>
<div class="apps-list">
<ul>
</ul>
</div>
</div>
<div class="side">
<div class="mod">
<h2>
小组分类
· · · · · ·
</h2>
<div class="cate group-cate">
<ul>
<li class="cate-label"><a href="https://www.douban.com/group/explore?tag=兴趣">兴趣» </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="cate group-cate">
<ul>
<li class="cate-label"><a href="https://www.douban.com/group/explore?tag=生活">生活» </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="cate group-cate">
<ul>
<li class="cate-label"><a href="https://www.douban.com/group/explore?tag=购物">购物» </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 group-cate">
<ul>
<li class="cate-label"><a href="https://www.douban.com/group/explore?tag=社会">社会» </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="cate group-cate">
<ul>
<li class="cate-label"><a href="https://www.douban.com/group/explore?tag=艺术">艺术» </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 group-cate">
<ul>
<li class="cate-label"><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="cate group-cate">
<ul>
<li class="cate-label"><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="">LES</a></li>
<li><a href="">GAY</a></li>
</ul>
</div>
<div class="cate group-cate">
<ul>
<li class="cate-label"><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">
<h2>热门小组······
<span class="pl"> (
<a href="" target="_self">更多</a>) </span>
</h2>
<div class="group-list list">
<ul>
<li>
<div class="pic">
<a href=""><img src="https://img3.doubanio.com/view/group/sqxs/public/ef4bd6235a7c6c2.jpg" alt="" width="48" /></a>
</div>
<div class="info">
<div class="title">
<a href="">我爱三毛</a>
</div>
47682 个成员
</div>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img3.doubanio.com/view/group/sqxs/public/063bb07a807a340.jpg" alt="" width="48" /></a>
</div>
<div class="info">
<div class="title">
<a href="">沙发客</a>
</div>
23533 个成员
</div>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img1.doubanio.com/view/group/sqxs/public/68b08f0f3595407.jpg" alt="" width="48" /></a>
</div>
<div class="info">
<div class="title">
<a href="">刘慈欣</a>
</div>
30450 个成员
</div>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img3.doubanio.com/view/group/sqxs/public/8f11b2285655782.jpg" alt="" width="48" /></a>
</div>
<div class="info">
<div class="title">
<a href="">西双版纳</a>
</div>
11634 个成员
</div>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img1.doubanio.com/view/group/sqxs/public/17fdb616ff143d8.jpg" alt="" width="48" /></a>
</div>
<div class="info">
<div class="title">
<a href="">记事本圆梦小组</a>
</div>
117146 个成员
</div>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img3.doubanio.com/icon/g33120-3.jpg" alt="" width="48" /></a>
</div>
<div class="info">
<div class="title">
<a href="">搭讪学</a>
</div>
93932 个成员
</div>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img3.doubanio.com/view/group/sqxs/public/2e49d167d4322c2.jpg" alt="" width="48" /></a>
</div>
<div class="info">
<div class="title">
<a href="">这辈子一定要做几件疯狂的事</a>
</div>
92720 个成员
</div>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img3.doubanio.com/icon/g109498-1.jpg" alt="" width="48" /></a>
</div>
<div class="info">
<div class="title">
<a href="">自己给自己剪头发</a>
</div>
35221 个成员
</div>
</li>
<li>
<div class="pic">
<a href=""><img src="https://img3.doubanio.com/icon/g83759-2.jpg" alt="" width="48" /></a>
</div>
<div class="info">
<div class="title">
<a href="">我们就是要做衣服给自己穿</a>
</div>
3715 个成员
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>