.tittopic,.tittopic b {
	line-height: 30px;
	color: #333
}

.doc-morerecommend {
	width: 1200px;
	margin: 20px auto 0
}

.doc-morefeeds {
	width: 750px;
	float: left
}

.tittopic {
	font-size: 30px;
	padding-bottom: 20px;
	border-bottom: 1px #f4f4f4 solid
}

.tittopic b {
	font-size: 14px;
	margin-left: 40px
}

.tittopic b i {
	color: #f1317b;
	padding: 0 5px
}

.vertical-feed .g-list li {
	height: 100px;
	position: relative;
	border-bottom: 1px solid #f2f2f2;
	padding: 15px 0 15px 180px
}

.vertical-feed .g-list li .g-list-t {
	width: 180px;
	height: 100px;
	position: absolute;
	top: 15px;
	left: 0;
	overflow: hidden
}

.vertical-feed .g-list li .g-list-t img {
	width: 100%;
	transition: .3s
}

.vertical-feed .g-list li .g-list-t:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.vertical-feed .g-list li .g-list-b {
	height: 66px;
	position: relative;
	padding: 8px 0 26px 20px
}

.vertical-feed .g-list li .g-list-b a {
	display: block;
	font: 20px/25px PingFang,"Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 700;
	color: #333
}

.vertical-feed .g-list li .g-list-b a em {
	color: #ee005c
}

.vertical-feed .g-list li .g-list-b a:hover {
	color: #e10055
}

.vertical-feed .g-list li .g-list-b .des {
	position: absolute;
	bottom: 5px;
	left: 20px;
	line-height: 18px
}

.vertical-feed .g-list li .g-list-b .des span {
	color: silver
}

.vertical-feed .g-list li .g-list-b .des span.date {
	float: left;
	margin-left: 23px
}

.vertical-feed .g-list li .g-list-b .des span.date i {
	display: inline-block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0
}

.vertical-feed .g-list li .g-list-b .des span.source {
	float: left;
	padding-left: 6px;
	color: #999
}

.vertical-feed .g-list li .g-list-b .des span.admark {
	padding-left: 24px;
	background: url(http://p9.qhimg.com/t013cddd2cd8e34be86.png) left no-repeat
}

.vertical-feed .g-list li .g-list-b .des img {
	width: 18px;
	float: left;
	border-radius: 50%;
	position: relative;
	top: 0
}

.vertical-feed .g-list li .g-list-b .des .source {
	padding-right: 10px;
	border-right: 1px solid #f2f2f2
}

.vertical-feed .g-list li .g-list-b .des .tags,.vertical-feed .g-list li .g-list-b .des .tonality,.vertical-feed .g-list li .g-list-b .des .watch {
	float: left;
	margin-left: 10px;
	color: #999;
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	line-height: 18px
}

.vertical-feed .g-list li .g-list-b .des .watch {
	font-style: normal;
	margin-left: 30px
}

.vertical-feed .g-list li .g-list-b .des .tags:hover,.vertical-feed .g-list li .g-list-b .des .tonality:hover {
	text-decoration: underline
}

.vertical-feed .g-list li .g-list-t .mood {
	position: absolute;
	top: 5px;
	left: 5px
}

.vertical-feed .g-list li .sp-base-border-h {
	background-position: 0 0;
	width: 33px;
	height: 33px
}

.vertical-feed .g-list li .sp-base-border-b {
	background-position: 0 -33px;
	width: 34px;
	height: 34px
}

.vertical-feed .g-list li .sp-base-border-w {
	background-position: 0 -67px;
	width: 33px;
	height: 34px
}

.vertical-feed .g-list li .sp-base-border-s {
	background-position: 0 -101px;
	width: 34px;
	height: 34px
}

.vertical-feed .g-list li .sp-base-border-m {
	background-position: 0 -135px;
	width: 34px;
	height: 34px
}

.vertical-feed .g-list li .sp-base-border-j {
	background-position: 0 -169px;
	width: 34px;
	height: 34px
}

.vertical-feed .g-list li .sp-base-border-ha {
	background-position: 0 -203px;
	width: 34px;
	height: 34px
}

.sp-base {
	background-image: url(http://p5.qhimg.com/t01683e8389a46a41c4.png)
}

.sp-base-h-n {
	background-position: 0 0;
	width: 33px;
	height: 33px
}

.sp-base-b-n {
	background-position: 0 -33px;
	width: 34px;
	height: 34px
}

.sp-base-w-n {
	background-position: 0 -67px;
	width: 33px;
	height: 34px
}

.sp-base-ha-n,.sp-base-j-n,.sp-base-m-n,.sp-base-s-n {
	width: 34px;
	height: 34px
}

.sp-base-s-n {
	background-position: 0 -101px
}

.sp-base-m-n {
	background-position: 0 -135px
}

.sp-base-j-n {
	background-position: 0 -169px
}

.sp-base-ha-n {
	background-position: 0 -203px
}

.sp-base-b,.sp-base-h,.sp-base-ha,.sp-base-j,.sp-base-m,.sp-base-s,.sp-base-w {
	width: 47px;
	height: 46px
}

.sp-base-j {
	background-position: 0 -237px
}

.sp-base-w {
	background-position: 0 -283px
}

.sp-base-m {
	background-position: 0 -329px
}

.sp-base-b {
	background-position: 0 -375px
}

.sp-base-s {
	background-position: 0 -421px
}

.sp-base-ha {
	background-position: 0 -467px
}

.sp-base-h {
	background-position: 0 -513px
}

.sp-base-border-w {
	background-position: 0 -559px;
	width: 49px;
	height: 49px
}

.sp-base-border-s {
	background-position: 0 -608px;
	width: 49px;
	height: 49px
}

.sp-base-border-m {
	background-position: 0 -657px;
	width: 49px;
	height: 49px
}

.sp-base-border-j {
	background-position: 0 -706px;
	width: 50px;
	height: 49px
}

.sp-base-border-ha {
	background-position: 0 -755px;
	width: 50px;
	height: 49px
}

.sp-base-border-h {
	background-position: 0 -804px;
	width: 50px;
	height: 49px
}

.sp-base-border-b {
	background-position: 0 -853px;
	width: 49px;
	height: 49px
}

.sp-index {
	background-image: url(http://p7.qhimg.com/t016fd0dd22a6c26e2c.png)
}

.sp-index-next {
	background-position: 0 0;
	width: 20px;
	height: 11px
}

.sp-index-prev {
	background-position: 0 -11px;
	width: 20px;
	height: 11px
}

.sp-index-play-white {
	background-position: 0 -22px;
	width: 21px;
	height: 18px
}

.sp-index-time {
	background-position: 0 -40px;
	width: 18px;
	height: 18px
}

.sp-index-tag-bg {
	background-position: 0 -58px;
	width: 50px;
	height: 50px
}

.sp-index-tag {
	background-position: 0 -108px;
	width: 49px;
	height: 52px
}