console
<div id="anony-market" class="section">
<div class="wrapper">
<div class="sidenav">
<h2 class="section-title">
<a href="https://market.douban.com?dcs=anonymous-home-sidenav&dcm=douban">
豆品
</a>
</h2>
</div>
<div class="side">
<div class="mod">
<h2>
热门活动 · · · · · ·
</h2>
<ul class="market-topics">
<li class="market-topic-item">
<a href="https://www.douban.com/gallery/topic/761/?index=2&r=topic?dcm=douban&dcs=anonymous-home-topic" target="_blank">
<div class="market-topic-pic" style="background-image:url(https://img3.doubanio.com/img/files/file-1513305186-3.jpg)">
</div>
</a>
<p class="market-topic-footer">
<a href="https://www.douban.com/gallery/topic/761/?index=2&r=topic?dcm=douban&dcs=anonymous-home-topic" target="_blank">
我的豆瓣收藏夹里有什么
</a>
</p>
</li>
</ul>
</div>
<div class="mod">
<h2>
官方小组 · · · · · ·
<span class="pl"> (
<a href="https://www.douban.com/group/588598?dcs=anonymous-home-more-shops&dcm=douban#hot-shop-wrapper" target="_self">更多</a>
) </span>
</h2>
<ul class="market-group-topics">
</ul>
</div>
</div>
<div class="main">
<h2>
热卖商品 · · · · · ·
<span class="pl"> (
<a href="https://market.douban.com?dcs=anonymous-home-more-skus&dcm=douban" target="_self">更多</a>
) </span>
</h2>
<ul class="market-spu-list">
<li class="main-sku">
<a href="https://market.douban.com/campaign/oolongtea?dcm=douban&dcs=anonymous-home-spu" target="_blank">
<div class="market-spu-pic" style="background-image: url(https://img3.doubanio.com/img/files/file-1546855945-0.jpg)">
</div>
</a>
<div class="market-spu-footer">
<span class="market-spu-price">
¥59
</span>
<a href="https://market.douban.com/campaign/oolongtea?dcm=douban&dcs=anonymous-home-spu" target="_blank" class="market-spu-title">
豆瓣冻顶乌龙茶
</a>
</div>
</li>
<li class="main-sku">
<a href="https://market.douban.com/campaign/softcovernotebook?dcm=douban&dcs=anonymous-home-spu" target="_blank">
<div class="market-spu-pic" style="background-image: url(https://img3.doubanio.com/img/files/file-1545819571-0.jpg)">
</div>
</a>
<div class="market-spu-footer">
<span class="market-spu-price">
¥39
</span>
<a href="https://market.douban.com/campaign/softcovernotebook?dcm=douban&dcs=anonymous-home-spu" target="_blank" class="market-spu-title">
豆瓣软面笔记本
</a>
</div>
</li>
<li class="main-sku">
<a href="https://market.douban.com/campaign/collection?dcm=douban&dcs=anonymous-home-spu" target="_blank">
<div class="market-spu-pic" style="background-image: url(https://img9.doubanio.com/img/files/file-1513305186-4.jpg)">
</div>
</a>
<div class="market-spu-footer">
<span class="market-spu-price">
¥89
</span>
<a href="https://market.douban.com/campaign/collection?dcm=douban&dcs=anonymous-home-spu" target="_blank" class="market-spu-title">
豆瓣收藏夹
</a>
</div>
</li>
<li class="main-sku">
<a href="https://market.douban.com/campaign/canvastotebag?dcm=douban&dcs=anonymous-home-spu" target="_blank">
<div class="market-spu-pic" style="background-image: url(https://img3.doubanio.com/img/files/file-1544439702-0.jpg)">
</div>
</a>
<div class="market-spu-footer">
<span class="market-spu-price">
¥129
</span>
<a href="https://market.douban.com/campaign/canvastotebag?dcm=douban&dcs=anonymous-home-spu" target="_blank" class="market-spu-title">
豆瓣经典帆布包
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="anony-events" class="section">
<div class="wrapper">
<div class="sidenav">
<h2 class="section-title"><a href="https://www.douban.com/location/">同城</a></h2>
<div class="side-links nav-anon">
<ul>
<li>
<a href="https://www.douban.com/location/yangjiang/events">近期活动</a>
</li>
<li>
<a href="https://www.douban.com/location/yangjiang/hosts">主办方</a>
</li>
<li>
<a href="https://www.douban.com/location/drama/">舞台剧</a>
</li>
</ul>
</div>
<div class="apps-list">
<ul>
</ul>
</div>
</div>
<div class="side">
<div class="mod">
<h2>
活动标签 · · · · · ·
</h2>
<div class="cate events-cate">
<ul>
<li class="cate-label"><a href="https://www.douban.com/location/yangjiang/events/week-music">音乐»</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1001">小型现场</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1002">音乐会</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1003">演唱会</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1004">音乐节</a></li>
</ul>
</div>
<div class="cate events-cate">
<ul>
<li class="cate-label"><a href="https://www.douban.com/location/yangjiang/events/week-drama">戏剧»</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1101">话剧</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1102">音乐剧</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1103">舞剧</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1104">歌剧</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1105">戏曲</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1106">其他</a></li>
</ul>
</div>
<div class="cate events-cate">
<ul>
<li class="cate-label"><a href="https://www.douban.com/location/yangjiang/events/week-party">聚会»</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1401">生活</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1402">集市</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1403">摄影</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1404">外语</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1405">桌游</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1406">夜店</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1407">交友</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1408">美食</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1409">派对</a></li>
</ul>
</div>
<div class="cate events-cate">
<ul>
<li class="cate-label"><a href="https://www.douban.com/location/yangjiang/events/week-film">电影»</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1801">主题放映</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1802">影展</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-1803">影院活动</a></li>
</ul>
</div>
<div class="cate events-cate">
<ul>
<li class="cate-label"><a href="https://www.douban.com/location/yangjiang/events/week-all">其他»</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-salon">讲座</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-exhibition">展览</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-sports">运动</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-travel">旅行</a></li>
<li><a href="https://www.douban.com/location/yangjiang/events/week-commonweal">公益</a></li>
</ul>
</div>
</div>
</div>
<div class="main">
<h2>
北京 · 本周热门活动 ······
<span class="pl"> (
<a href="https://www.douban.com/location/" target="_self">更多</a>
) </span>
</h2>
<div class="events-list list">
<ul>
<li>
<div class="pic">
<a href="https://www.douban.com/event/33231309/">
<img data-origin="https://img3.doubanio.com/pview/event_poster/small/public/89dade86692712e.jpg" src="https://img3.doubanio.com/pview/event_poster/small/public/89dade86692712e.jpg" width="70">
</a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/event/33231309/" title="新裤子 痛仰 刺猬乐队的夏天HOT巡演">
新裤子 痛仰 刺猬乐队的夏天HOT巡演
</a>
</div>
<div class="datetime">
6月1日 周一 19:00 - 21:00
</div>
<address title="凯迪拉克中心(原五棵松体育馆) 北京市海淀区复兴路69号">
凯迪拉克中心(原五棵松体...
</address>
<div class="follow">
503人关注
</div>
</div>
</li>
<li>
<div class="pic">
<a href="https://www.douban.com/event/33267245/">
<img data-origin="https://img3.doubanio.com/pview/event_poster/small/public/fee231c8556a3ee.jpg" src="https://img3.doubanio.com/pview/event_poster/small/public/fee231c8556a3ee.jpg" width="70">
</a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/event/33267245/" title="周子琰「正确人类的聚会」演唱会">
周子琰「正确人类的聚会」演唱会
</a>
</div>
<div class="datetime">
5月15日 周五 20:30 - 22:00
</div>
<address title="MAO Livehouse 北京">
MAO Livehouse 北京
</address>
<div class="follow">
12人关注
</div>
</div>
</li>
<li>
<div class="pic">
<a href="https://www.douban.com/event/33216789/">
<img data-origin="https://img3.doubanio.com/pview/event_poster/small/public/2fd064036d43d8e.jpg" src="https://img3.doubanio.com/pview/event_poster/small/public/2fd064036d43d8e.jpg" width="70">
</a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/event/33216789/" title="【演出时间】张韶涵2020年演唱会北京站">
【演出时间】张韶涵2020年演唱会北京站
</a>
</div>
<div class="datetime">
2月29日 周六 - 6月2日 周二
</div>
<address title="凯迪拉克中心(原五棵松体育馆) 北京市海淀区复兴路69号">
凯迪拉克中心(原五棵松体...
</address>
<div class="follow">
61人关注
</div>
</div>
</li>
<li>
<div class="pic">
<a href="https://www.douban.com/event/33209564/">
<img data-origin="https://img1.doubanio.com/pview/event_poster/small/public/880cdd851606529.jpg" src="https://img1.doubanio.com/pview/event_poster/small/public/880cdd851606529.jpg" width="70">
</a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/event/33209564/" title="刘诗纯“筝的世界 无所不能”跨界古筝音乐会北京站">
刘诗纯“筝的世界 无所不能”跨界古筝音乐会北京站
</a>
</div>
<div class="datetime">
5月30日 周六 19:30 - 21:00
</div>
<address title="77剧场">
77剧场
</address>
<div class="follow">
7人关注
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="wrapper">
<div id="dale_anonymous_home_page_bottom" class="extra" ad-status="loaded"></div>
<div id="ft">
<span id="icp" class="fleft gray-link">
© 2005-2020 douban.com, all rights reserved 北京豆网科技有限公司
<br>
<a href="http://www.miibeian.gov.cn/">京ICP证090015号</a> 京ICP备11027288号 网络视听许可证<a href="https://www.douban.com/about?topic=licence" target="_blank">0110418</a>号
<br>京网文[2015]2026-368号 <img src="https://img3.doubanio.com/pics/biaoshi.gif" align="absmiddle"> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502000728">京公网安备11010502000728</a> 新出网证(京)字129号
<br>违法和不良信息举报电话:4008353331-9 <img src="https://img3.doubanio.com/img/files/file-1423193113.png" height="16" align="top">
<br><img src="https://img3.doubanio.com/pics/icon/jubao.png" align="absmiddle" width="15px"> <a href="http://www.12377.cn/">中国互联网举报中心</a> 电话:12377 <a href="https://img3.doubanio.com/f/shire/80d71f876c40a3ecdfde2fe2afe3b1983a2cac64/pics/licence/publication2018.png">新出发京批字第直160029号</a>
</span>
<a href="https://www.douban.com/hnypt/variformcyst.py" style="display: none;"></a>
<span class="fright">
<a href="https://www.douban.com/about">关于豆瓣</a>
· <a href="https://www.douban.com/jobs">在豆瓣工作</a>
· <a href="https://www.douban.com/about?topic=contactus">联系我们</a>
· <a href="https://www.douban.com/about/legal">法律声明</a>
· <a href="https://help.douban.com/?app=main" target="_blank">帮助中心</a>
· <a href="https://www.douban.com/doubanapp/">移动应用</a>
· <a href="https://www.douban.com/partner/">豆瓣广告</a>
<a href="https://www.12377.cn/" target="_blank" style="display: block; margin-top: 20px; width: 150px">
<img src="https://img3.doubanio.com/img/files/file-1489464722.jpg" alt="网上有害信息举报专区">
</a>
</span>
</div>
</div>
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;
}
ul,
ol {
list-style: none;
}
body,
td,
th {
font: 12px Helvetica, Arial, sans-serif;
line-height: 1.62;
}
h2 {
font: 15px Arial, helvetica, sans-serif;
color: #072;
margin: 0 0 12px 0px;
line-height: 150%;
}
.section {
padding: 10px 0;
margin-bottom: 30px;
min-height: 200px;
}
.section .wrapper {
zoom: 1;
}
.section .sidenav {
float: left;
width: 100px;
margin-right: 20px;
}
.section .side {
float: right;
width: 265px;
margin-left: 30px;
}
.section .main {
overflow: hidden;
zoom: 1;
}
.wrapper {
width: 950px;
margin: 0 auto;
}
.section .wrapper:before,
.section .wrapper:after {
content: "\0020";
display: block;
clear: both;
}
#anony-market .section-title a:link,
#anony-market .section-title a:visited {
color: #1f9432;
}
#anony-market a:link,
#anony-market a:visited {
color: #3377A9;
}
.section-title a:link,
.section-title a:visited {
font-size: 24px;
}
.section-title a {
font-size: 24px;
}
a:visited {
color: #669;
text-decoration: none;
}
a:link {
color: #37a;
text-decoration: none;
}
a {
cursor: pointer;
}
#anony-market .side {
margin-left: 15px;
}
.mod {
margin-bottom: 30px;
}
.mod {
width: auto;
*zoom: 1;
margin-bottom: 35px;
}
#anony-market .market-topics .market-topic-item {
display: block;
margin-bottom: 15px;
}
#anony-market .market-topics .market-topic-pic {
display: block;
width: 100%;
height: 95px;
}
#anony-market .market-spu-list .main-sku .market-spu-pic,
#anony-market .market-topics .market-topic-pic {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(https://img3.doubanio.com/img/files/file-1513305186-3.jpg);
}
#anony-market .market-topics .market-topic-footer {
margin-top: 5px;
margin-bottom: 10px;
font-size: 14px;
color: #4784B1;
}
.pl {
font: 12px Arial, Helvetica, sans-serif;
line-height: 150%;
color: #666666;
}
#anony-market .market-spu-list .main-sku {
float: left;
width: 240px;
margin-bottom: 30px;
margin-right: 20px;
}
#anony-market .market-spu-list .main-sku .market-spu-pic {
height: 220px;
}
#anony-market .market-spu-list .main-sku .market-spu-pic,
#anony-market .market-topics .market-topic-pic {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(https://img3.doubanio.com/img/files/file-1546855945-0.jpg);
}
#anony-market .market-spu-list .main-sku .market-spu-footer {
margin-top: 10px;
line-height: 22px;
font-size: 16px;
clear: both;
overflow: hidden;
}
#anony-market .market-spu-list .main-sku .market-spu-footer .market-spu-price {
color: #E55457;
float: right;
}
.section:nth-child(2n) {
padding: 40px 0 20px;
background: #f7f7f7;
}
#anony-events .section-title a:link,
#anony-events .section-title a:visited {
color: #ec5303;
}
#anony-events a:link,
#anony-events a:visited {
color: #643;
}
.section-title a:link,
.section-title a:visited {
font-size: 24px;
}
.section-title a {
font-size: 24px;
}
a:visited {
color: #669;
text-decoration: none;
}
a:link {
color: #37a;
text-decoration: none;
}
a {
cursor: pointer;
}
side-links li {
position: relative;
margin-top: 5px;
font-size: 14px;
}
.apps-list ul {
margin-top: -15px;
}
.side-links {
margin-bottom: 40px;
}
.mod {
margin-bottom: 30px;
}
.cate {
margin-bottom: 10px;
}
.cate ul {
margin-left: -10px;
}
.cate .cate-label {
width: 100%;
margin-bottom: 2px;
font-size: 14px;
color: #333;
}
.cate li {
display: inline-block;
*display: inline;
zoom: 1;
margin-left: 10px;
}
.list li {
display: inline-block;
*display: inline;
zoom: 1;
width: 24.8%;
vertical-align: top;
text-align: center;
font-size: 12px;
letter-spacing: normal;
word-spacing: normal;
}
.list {
font-size: 0;
letter-spacing: -.31em;
*letter-spacing: normal;
*word-spacing: -.43em;
}
#anony-events .events-list li {
margin-left: -20px;
width: 248px;
margin-left: 20px;
margin-bottom: 20px;
text-align: left;
overflow: hidden;
zoom: 1;
}
#anony-events .events-list .pic {
float: left;
margin-right: 10px;
}
.list .pic {
margin-bottom: 10px;
}
a img {
border-width: 0;
vertical-align: middle;
}
fieldset,
img {
border: 0;
}
#anony-events .events-list .info {
overflow: hidden;
zoom: 1;
color: #666;
}
.list .title {
line-height: 1.45;
font-size: 13px;
margin-bottom: 4px;
word-wrap: break-word;
}
address,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var,
optgroup {
font-style: normal;
font-weight: normal;
}
#anony-events .events-list ul {
margin-left: -20px;
}