
body {
	background-color: #f1f1f1;
}
.main {
	background-color: #FFFFFF;
}
header {
	background: none;
}
/* 首页导航 */
.nav_box {
    border-top: 1px solid #e5e5e5;
}
.nav_wrap {
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 4px;
}
.nav_box a {
	width: 55px;
	color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    text-align: center;
	height: 25px;
	line-height: 25px;
	padding: 0 8px;
	background: #9ecde6;
	margin: 0 6px 4px 0;
	border-radius: 2px;
}

/* 图片轮播 */
.topic_wapper {
	width: 320px;
	margin: 0px auto;
	height: 160px;
}
.topic_wapper .topic_swipe {
    width: 320px;
    overflow: hidden;
    height: 160px;
}
.topic_wapper .topic_swipe ul {
	width: 4000px;
	-webkit-transition-duration: 0.6s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	list-style: none;
	margin: 0px;
	-webkit-transition: 300ms;
}
.topic_wapper .topic_swipe ul li {
	position: relative;
	float: left;
	max-width: 320px;
	height: 160px;
	-webkit-transform: translate3d(0px, 0px, 0px); width: 320px; display: table-cell; vertical-align: top;
}
.topic_wapper .topic_swipe ul li div {
	height: 152px;
}
.topic_wapper .topic_swipe ul li img {
	width: 320px;
	height: 170px;
}
.topic_wapper .topic_swipe ul li .title {
	position: absolute;
	bottom: 0px;
	height: 20px;
	line-height: 20px;
	background: #333;
	opacity: 0.8;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	font-size: 12px;
}
#swipe_nav {
	position: relative;
	margin: 0px auto;
	width: 320px;
	height: 3px;
	background-color: #aaaaaa;
}
#swipe_nav #swipe_index {
    background: #09C;
    height: 3px;
    -webkit-transition: all 0s linear;
    left: 0%;
    overflow: hidden;
    background-color: #0095FD;
    position: absolute;
}

/* 首页帖子推荐 */
section.list {
	width: 320px;
	margin: 0 auto;
}
section.list li {
    border-top: 1px solid #DDDDDD;
    font-size: 14px;
    line-height: 24px;
    padding: 4px 6px;
    position: relative;
}
section.list li a {
    color: #333333;
}
section.list li a dl {
	width: 100%;
}
section.list li a dt {
	width: 100%;
}
section.list li a dd {
	margin: 0;
	font-size: 12px;
	color: #999;
}
section.list li a dd.author {
	float: left;
	width: 40%;
}
section.list li a dd.num {
	float: left;
}
section.list li a dd.time {
	float: right;
}
section.list li.first {
    border-top: medium none;
}

/* 加载更多 */
a.more {
    background-color: #F3F3F3;
    border-radius: 5px;
    display: block;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
a.more span {
    background-position: 68px -249px;
    color: #999999;
    cursor: pointer;
    padding-right: 0;
}
