console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/demo.css">
</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="https://moive.douban.com/nowplaying/">影讯&购票</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="https://movie.douban.com/tv/">电视剧</a></li>
<li><a href="https://movie.douban.com/chart">排行榜</a></li>
<li><a href="https://movie.douban.com/tag/">分类</a></li>
<li><a href="https://movie.douban.com/review/best/">影评</a></li>
<li class="site-nav-bt">
<a href="https://movie.douban.com/trailers">预告片</a></li>
<li>
<a href="https://movie.douban.com/askmatrix/hot_questions/all">问答</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="https://movie.douban.com/tag/爱情">爱情</a></li>
<li><a href="https://movie.douban.com/tag/剧情">剧情</a></li>
<li><a href="https://movie.douban.com/tag/喜剧">喜剧</a></li>
<li><a href="https://movie.douban.com/tag/动画">动画</a></li>
<li><a href="https://movie.douban.com/tag/科幻">科幻</a></li>
<li><a href="https://movie.douban.com/tag/经典">经典</a></li>
<li><a href="https://movie.douban.com/tag/动作">动作</a></li>
<li><a href="https://movie.douban.com/tag/悬疑">悬疑</a></li>
<li><a href="https://movie.douban.com/tag/犯罪">犯罪</a></li>
<li><a href="https://movie.douban.com/tag/青春">青春</a></li>
<li><a href="https://movie.douban.com/tag/搞笑">搞笑</a></li>
<li><a href="https://movie.douban.com/tag/文艺">文艺</a></li>
<li><a href="https://movie.douban.com/tag/惊悚">惊悚</a></li>
<li><a href="https://movie.douban.com/tag/励志">励志</a></li>
<li><a href="https://movie.douban.com/tag/纪录片">纪录片</a></li>
<li><a href="https://movie.douban.com/tag/黑色幽默">黑色幽默</a></li>
<li><a href="https://movie.douban.com/tag/战争">战争</a></li>
<li><a href="https://movie.douban.com/tag/恐怖">恐怖</a></li>
<li><a href="https://movie.douban.com/tag/美国">美国</a></li>
<li><a href="https://movie.douban.com/tag/日本">日本</a></li>
<li><a href="https://movie.douban.com/tag/香港">香港</a></li>
<li><a href="https://movie.douban.com/tag/韩国">韩国</a></li>
<li><a href="https://movie.douban.com/tag/中国">中国</a></li>
<li><a href="https://movie.douban.com/tag/中国大陆">中国大陆</a></li>
<li><a href="https://movie.douban.com/tag/英国">英国</a></li>
<li><a href="https://movie.douban.com/tag/法国">法国</a></li>
<li><a href="https://movie.douban.com/tag/台湾">台湾</a></li>
<li><a href="https://movie.douban.com/tag/印度">印度</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="https://movie.douban.com/subject/34805219/">小妇人</a>
</li>
<li>
<a href="https://movie.douban.com/subject/2364086/">隐形人</a>
</li>
<li>
<a href="https://movie.douban.com/subject/30211998/">绅士们</a>
</li>
<li>
<a href="https://movie.douban.com/subject/34670218/">大赢家</a>
</li>
<li>
<a href="https://movie.douban.com/subject/30182726/">狩猎</a>
</li>
<li>
<a href="https://movie.douban.com/subject/27046758/">逃离比勒陀利亚</a>
</li>
<li>
<a href="https://movie.douban.com/subject/30176393/">误杀</a>
</li>
<li>
<a href="https://movie.douban.com/subject/30401849/">1/2的魔法</a>
</li>
<li>
<a href="https://movie.douban.com/subject/30371819/">热带雨</a>
</li>
<li>
<a href="https://movie.douban.com/subject/30405087/">火口的两人</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="https://movie.douban.com/subject/34429008/">
<img src="https://i.loli.net/2020/04/10/a2Q69pXrjfiM3dH.jpg"
data-origin="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2572746113.webp" alt="我为你牺牲"></a>
</div>
<div class="title">
<a href="#">我为你牺牲</a>
</div>
<div class="rating">
<i>暂无评分</i>
</div>
<a href="https://movie.douban.com/subject/30198715/cinema/" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href="https://movie.douban.com/subject/34892715/">
<img src="https://i.loli.net/2020/04/10/a2Q69pXrjfiM3dH.jpg"
data-origin="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2572746113.webp" alt="海林都"></a>
</div>
<div class="title">
<a href="#">海林都</a>
</div>
<div class="rating">
<i>暂无评分</i>
</div>
<a href="https://movie.douban.com/subject/30198715/cinema/" class="bn-link bn-ticket">选座购票</a>
</li>
<li>
<div class="pic">
<a href="https://movie.douban.com/subject/34911987/">
<img src="https://i.loli.net/2020/04/10/a2Q69pXrjfiM3dH.jpg"
data-origin="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2572746113.webp" alt="蓝色百褶裙"></a>
</div>
<div class="title">
<a href="#">蓝色百褶裙</a>
</div>
<div class="rating">
<i>暂无评分</i>
</div>
<a href="https://movie.douban.com/subject/30198715/cinema/" 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="https://www.douban.com/group/">小组</a></h2>
<div class="side-links nav-anon">
<ul>
<li><a href="/group/explore">精选</a></li>
<li><a href="/group/explore/culture">文化</a></li>
<li><a href="/group/explore/travel">行摄</a></li>
<li><a href="/group/explore/ent">娱乐</a></li>
<li><a href="/group/explore/fashion">时尚</a></li>
<li><a href="/group/explore/life">生活</a></li>
<li><a href="/group/explore/tech">科技</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="https://www.douban.com/group/explore?tag=旅行">旅行</a></li>
<li><a href="https://www.douban.com/group/explore?tag=摄影">摄影</a></li>
<li><a href="https://www.douban.com/group/explore?tag=影视">影视</a></li>
<li><a href="https://www.douban.com/group/explore?tag=音乐">音乐</a></li>
<li><a href="https://www.douban.com/group/explore?tag=文学">文学</a></li>
<li><a href="https://www.douban.com/group/explore?tag=游戏">游戏</a></li>
<li><a href="https://www.douban.com/group/explore?tag=动漫">动漫</a></li>
<li><a href="https://www.douban.com/group/explore?tag=运动">运动</a></li>
<li><a href="https://www.douban.com/group/explore?tag=戏曲">戏曲</a></li>
<li><a href="https://www.douban.com/group/explore?tag=桌游">桌游</a></li>
<li><a href="https://www.douban.com/group/explore?tag=怪癖">怪癖</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="https://www.douban.com/group/explore?tag=健康">健康</a></li>
<li><a href="https://www.douban.com/group/explore?tag=美食">美食</a></li>
<li><a href="https://www.douban.com/group/explore?tag=宠物">宠物</a></li>
<li><a href="https://www.douban.com/group/explore?tag=美容">美容</a></li>
<li><a href="https://www.douban.com/group/explore?tag=化妆">化妆</a></li>
<li><a href="https://www.douban.com/group/explore?tag=护肤">护肤</a></li>
<li><a href="https://www.douban.com/group/explore?tag=服饰">服饰</a></li>
<li><a href="https://www.douban.com/group/explore?tag=公益">公益</a></li>
<li><a href="https://www.douban.com/group/explore?tag=家庭">家庭</a></li>
<li><a href="https://www.douban.com/group/explore?tag=育儿">育儿</a></li>
<li><a href="https://www.douban.com/group/explore?tag=汽车">汽车</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="https://www.douban.com/group/explore?tag=淘宝">淘宝</a></li>
<li><a href="https://www.douban.com/group/explore?tag=二手">二手</a></li>
<li><a href="https://www.douban.com/group/explore?tag=团购">团购</a></li>
<li><a href="https://www.douban.com/group/explore?tag=数码">数码</a></li>
<li><a href="https://www.douban.com/group/explore?tag=品牌">品牌</a></li>
<li><a href="https://www.douban.com/group/explore?tag=文具">文具</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="https://www.douban.com/group/explore?tag=求职">求职</a></li>
<li><a href="https://www.douban.com/group/explore?tag=租房">租房</a></li>
<li><a href="https://www.douban.com/group/explore?tag=励志">励志</a></li>
<li><a href="https://www.douban.com/group/explore?tag=留学">留学</a></li>
<li><a href="https://www.douban.com/group/explore?tag=出国">出国</a></li>
<li><a href="https://www.douban.com/group/explore?tag=理财">理财</a></li>
<li><a href="https://www.douban.com/group/explore?tag=传媒">传媒</a></li>
<li><a href="https://www.douban.com/group/explore?tag=创业">创业</a></li>
<li><a href="https://www.douban.com/group/explore?tag=考试">考试</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="https://www.douban.com/group/explore?tag=设计">设计</a></li>
<li><a href="https://www.douban.com/group/explore?tag=手工">手工</a></li>
<li><a href="https://www.douban.com/group/explore?tag=展览">展览</a></li>
<li><a href="https://www.douban.com/group/explore?tag=曲艺">曲艺</a></li>
<li><a href="https://www.douban.com/group/explore?tag=舞蹈">舞蹈</a></li>
<li><a href="https://www.douban.com/group/explore?tag=雕塑">雕塑</a></li>
<li><a href="https://www.douban.com/group/explore?tag=纹身">纹身</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="https://www.douban.com/group/explore?tag=人文">人文</a></li>
<li><a href="https://www.douban.com/group/explore?tag=社科">社科</a></li>
<li><a href="https://www.douban.com/group/explore?tag=自然">自然</a></li>
<li><a href="https://www.douban.com/group/explore?tag=建筑">建筑</a></li>
<li><a href="https://www.douban.com/group/explore?tag=国学">国学</a></li>
<li><a href="https://www.douban.com/group/explore?tag=语言">语言</a></li>
<li><a href="https://www.douban.com/group/explore?tag=宗教">宗教</a></li>
<li><a href="https://www.douban.com/group/explore?tag=哲学">哲学</a></li>
<li><a href="https://www.douban.com/group/explore?tag=软件">软件</a></li>
<li><a href="https://www.douban.com/group/explore?tag=硬件">硬件</a></li>
<li><a href="https://www.douban.com/group/explore?tag=互联网">互联网</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="https://www.douban.com/group/explore?tag=恋爱">恋爱</a></li>
<li><a href="https://www.douban.com/group/explore?tag=心情">心情</a></li>
<li><a href="https://www.douban.com/group/explore?tag=心理学">心理学</a></li>
<li><a href="https://www.douban.com/group/explore?tag=星座">星座</a></li>
<li><a href="https://www.douban.com/group/explore?tag=塔罗">塔罗</a></li>
<li><a href="https://www.douban.com/group/explore?tag=LES">LES</a></li>
<li><a href="https://www.douban.com/group/explore?tag=GAY">GAY</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="https://www.douban.com/group/explore?tag=吐槽">吐槽</a></li>
<li><a href="https://www.douban.com/group/explore?tag=笑话">笑话</a></li>
<li><a href="https://www.douban.com/group/explore?tag=直播">直播</a></li>
<li><a href="https://www.douban.com/group/explore?tag=八卦">八卦</a></li>
<li><a href="https://www.douban.com/group/explore?tag=发泄">发泄</a></li>
</ul>
</div>
</div>
</div>
<div class="main">
<h2>
热门小组
· · · · · ·
<span class="pl"> (
<a href="https://www.douban.com/group/explore" target="_self">更多</a>
) </span>
</h2>
<div class="group-list list">
<ul>
<li>
<div class="pic">
<a href="https://www.douban.com/group/echofans/">
<img src="https://i.loli.net/2020/04/11/7eY5qQ8ucmCXdnf.jpg"
data-origin="https://img3.doubanio.com/view/group/sqxs/public/ef4bd6235a7c6c2.webp" alt="" width="68" /></a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/group/echofans/">我爱三毛</a>
</div>
47683 个成员
</div>
<li>
<div class="pic">
<a href="https://www.douban.com/group/shafake/">
<img src="https://i.loli.net/2020/04/11/WNgXocEsDStb7vh.jpg"
data-origin="https://img3.doubanio.com/view/group/sqxs/public/063bb07a807a340.webp" alt="" width="68" /></a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/group/shafake/">沙发客</a>
</div>
23534 个成员
</div>
<li>
<div class="pic">
<a href="https://www.douban.com/group/liucixin/">
<img src="https://i.loli.net/2020/04/11/7eY5qQ8ucmCXdnf.jpg"
data-origin="https://img1.doubanio.com/view/group/sqxs/public/68b08f0f3595407.webp" alt="" width="68" /></a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/group/liucixin/">刘慈欣</a>
</div>
30447 个成员
</div>
<li>
<div class="pic">
<a href="https://www.douban.com/group/20618/">
<img src="https://i.loli.net/2020/04/11/WNgXocEsDStb7vh.jpg"
data-origin="https://img3.doubanio.com/view/group/sqxs/public/8f11b2285655782.webp" alt="" width="68" /></a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/group/20618/">西双版纳</a>
</div>
11633 个成员
</div>
<li>
<div class="pic">
<a href="https://www.douban.com/group/402725/">
<img src="https://i.loli.net/2020/04/11/BoK15WFm6c9nTNZ.jpg"
data-origin="https://img1.doubanio.com/view/group/sqxs/public/17fdb616ff143d8.webp" alt="" width="68" /></a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/group/402725/">记事本圆梦小组</a>
</div>
117148 个成员
</div>
<li>
<div class="pic">
<a href="https://www.douban.com/group/dashan/">
<img src="https://i.loli.net/2020/04/11/BoK15WFm6c9nTNZ.jpg"
data-origin="https://img3.doubanio.com/icon/g33120-3.jpg" alt="" width="68" /></a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/group/dashan/">搭讪学</a>
</div>
93935 个成员
</div>
<li>
<div class="pic">
<a href="https://www.douban.com/group/170177/">
<img src="https://i.loli.net/2020/04/11/BoK15WFm6c9nTNZ.jpg"
data-origin="https://img3.doubanio.com/view/group/sqxs/public/2e49d167d4322c2.webp" alt="" width="68" /></a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/group/170177/">这辈子一定要做几件疯狂的事</a>
</div>
92723 个成员
</div>
<li>
<div class="pic">
<a href="https://www.douban.com/group/cuthair/">
<img src="https://i.loli.net/2020/04/11/BoK15WFm6c9nTNZ.jpg"
data-origin="https://img3.doubanio.com/icon/g109498-1.jpg" alt="" width="68" /></a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/group/cuthair/">自己给自己剪头发</a>
</div>
35224 个成员
</div>
<li>
<div class="pic">
<a href="https://www.douban.com/group/83759/">
<img src="https://i.loli.net/2020/04/11/BoK15WFm6c9nTNZ.jpg"
data-origin="https://img3.doubanio.com/icon/g83759-2.jpg" alt="" width="68" /></a>
</div>
<div class="info">
<div class="title">
<a href="https://www.douban.com/group/83759/">我们就是要做衣服给自己穿</a>
</div>
3715 个成员
</div>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
*{
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;
font-weight:bold ;
}
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;
}
#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;
}
#annoy-movie {
margin: 30px;
}
.allstar30 {
background-position: 0 -44px;
}
.section .sidenav {
float: left;
width: 100px;
margin-right: 20px;
}
user agent stylesheet
div {
display: block;
}
body, td, th {
font: 12px Helvetica,Arial,sans-serif;
line-height: 1.62;
}
html {
color: #111;
background: #fff;
}
html {
color: -internal-root-color;
}
.mod:after {
content: '\0020';
display: block;
clear: both;
}
#mod 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;
font-weight:bold ;
}
.group-cate{
font-size: 0;
letter-spacing: -.31em;
}
.group-cate ul {
margin-top: -40px;
}
.cate ul {
margin-top: -4px;
}
.group-cate 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;
}
.cate li {
width: 4em;
margin-top: 4px;
text-align: left;
}
.cate .cate-label {
width: 100%;
margin-bottom: 2px;
font-size: 13px;
color: #333;
}
#anony-group .cate .cate-label a:link, #anony-group .cate .cate-label a:visited {
color: #333;
font-style: 黑体;
}
.cate {
margin-bottom: 10px;
}
.section .sidenav {
float: left;
width: 100px;
margin-right: 20px;
}
.section .side {
float: right;
width: 265px;
margin-left: 30px;
}
.section .main {
overflow: hidden;
zoom: 1;
}
.section h2 {
font: 15px Arial, Helvetica, sans-serif;
color: #072;
margin: 0 0 12px 0;
line-height: 150%;
}
.wrapper:after {
content: "\0020";
display: block;
clear: both;
}
section {
margin-bottom: 30px;
min-height: 200px;
}
.section:nth-child(2n) {
padding: 40px 0 20px;
background: #f7f7f7;
}
.section .wrapper {
zoom: 1;
}
.wrapper {
width: 950px;
margin: 0 auto;
}
.section .sidenav {
float: left;
width: 100px;
margin-right: 20px;
}
.section .side {
float: right;
width: 265px;
margin-left: 30px;
}
#anony-group .group-list ul {
margin-left: -40px;
margin-top: -30px;
}
#anony-group .group-list li {
width: 248px;
margin-left: 30px;
margin-top: 50px;
text-align: left;
overflow: hidden;
zoom: 1;
color: #999;
}
#anony-group .group-list .pic {
float: left;
margin-right: 15px;
}
.list .pic {
margin-bottom: 10px;
}
#anony-group .group-list .info {
overflow: hidden;
zoom: 1;
}
#anony-group .group-list .title {
margin-bottom: 5px;
word-wrap: break-word;
}
.info .title {
line-height: 3em;
font-size: 12px;
margin-bottom: 40px;
word-wrap: break-word;
}