body {
	font: 12px/1.5 "\5fae\8f6f\96c5\9ed1",Arial,"\5b8b\4f53",georgia,verdana,helvetica,sans-serif;
	-webkit-font-smoothing: antialiased
}

body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed
}

ul,ol,menu {
	list-style: none
}

fieldset,img {
	border: 0
}

img,object,select,input,textarea,button {
	vertical-align: middle
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6,input,textarea,select,address,caption,cite,code,dfn,em,i,b,strong,small,th,var,abbr {
	font-size: 100%;
	font-style: normal
}

q:before,q:after {
	content: ''
}

ins,s,u,del {
	text-decoration: none
}

a {
	*blr: expression(this.onFocus=this.blur());
	outline: 0
}

a {
	text-decoration: none;
	cursor: pointer;
	transition: .1s ease
}

button::-moz-focus-inner {
	margin: 0;
	padding: 0;
	border: 0
}

input::-ms-clear {
	display: none
}

::-webkit-input-placeholder {
	color: #999
}

input:-moz-placeholder {
	color: #999
}

a {
	color: #333
}

a:hover {
	color: #e10055
}

a:active {
	color: #e10055
}

a.active {
	color: #e10055
}

.clearfix:after,.hd:after,.bd:after,.ft:after,.module:after,.list-fluid:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ''
}

.clearfix,.hd,.bd,.ft,.module,.list-fluid {
	zoom: 1
}

.f-l {
	float: left
}

.f-r {
	float: right
}

.mt10 {
	margin-top: 10px
}

.mt15 {
	margin-top: 15px
}

.mt20 {
	margin-top: 20px
}

.mt25 {
	margin-top: 25px
}

.mt30 {
	margin-top: 30px
}

.mt40 {
	margin-top: 40px
}

.mb10 {
	margin-bottom: 10px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}

.mb40 {
	margin-bottom: 40px
}

.pt10 {
	padding-top: 10px
}

.pt20 {
	padding-top: 20px
}

.pt30 {
	padding-top: 30px
}

.pb5 {
	padding-bottom: 5px
}

.pb20 {
	padding-bottom: 20px
}

.none {
	display: none
}

.pr {
	position: relative
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.doc-container {
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 20px
}

.doc-bd-2-l {
	width: 860px;
	float: left;
	margin-right: 40px
}

.doc-bd-2-r {
	width: 300px;
	float: left
}

.doc-bd-3-l {
	width: 180px;
	float: left
}

.doc-bd-3-m {
	width: 640px;
	min-height: 100px;
	float: left;
	margin: 0 40px
}

.doc-bd-3-r {
	width: 300px;
	float: left
}


.lazyload-thumbnail {
    width: 150px;
    height: 85px;
    object-fit: cover; /* 保证图片裁剪并居中 */
    object-position: center; /* 图片居中显示 */
}

.wrapper {
	overflow: hidden
}

.container {
	width: 1200px;
	margin: 0 auto
}

#doc-content-main,#doc-index-main {
	position: relative
}

#doc-hd {
	height: 70px;
	position: relative
}

#doc-hd .logo {
	position: absolute
}

#doc-hd .h-mood {
	height: 45px;
	float: right;
	margin-top: 12px;
	margin-right: -1px
}

#doc-hd .h-mood li {
	float: left;
	margin-right: 15px
}

#doc-hd .h-mood li.on {
	background-position: 0 -1px!important
}

#doc-hd .h-mood li.sp-base-h.on {
	background: url(../images/t01ff70c7060e27eaa1.png) no-repeat
}

#doc-hd .h-mood li.sp-base-w.on {
	background: url(../images/t0181110dcf2e4ea8b2.png) no-repeat
}

#doc-hd .h-mood li.sp-base-j.on {
	background: url(../images/t0188bb5aeb5bec2146.png) no-repeat
}

#doc-hd .h-mood li.sp-base-s.on {
	background: url(../images/t011fa6442417d97cd5.png) no-repeat
}

#doc-hd .h-mood li.sp-base-ha.on {
	background: url(../images/t0142fcf928560f304a.png) no-repeat
}

#doc-hd .h-mood li.sp-base-m.on {
	background: url(../images/t0179cba561a416aadf.png) no-repeat
}

#doc-hd .h-mood li.sp-base-b.on {
	background: url(../images/t0113eef4a56cb7fcf1.png) no-repeat
}

.pic-mask {
	width: 100%;
	height: 100%;
	display: block;
	position: relative
}

.pic-mask:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	background-color: rgba(0,0,0,1);
	transition: .15s ease-out
}

.pic-mask:hover:after {
	filter: alpha(opacity=10);
	opacity: .1
}

#doc-nav {
	height: 49px;
	border-top: 2px solid #f3005c;
	box-shadow: 0 2px 5px rgba(0,0,0,.05);
	position: relative;
	z-index: 2
}

#doc-nav:before {
	content: '';
	display: block;
	height: 2px;
	background: linear-gradient(to right,#f3005c,#ffde00);
	margin-top: -2px
}

#doc-nav .navigation {
	width: 1200px;
	margin: 0 auto
}

#doc-nav .navigation .c li.more {
	position: relative
}

#doc-nav .navigation .c li.more.on:after {
	content: '';
	display: inline-block;
	background: url(../images/more.png) no-repeat top center;
	width: 150px;
	height: 5px;
	position: absolute;
	left: 15px;
	margin-left: -75px;
	top: 44px
}

#doc-nav .more-nav {
	height: 38px;
	line-height: 38px;
	background: #fff;
	background: rgba(255,255,255,.9);
	visibility: hidden
}

#doc-nav .more-nav.on {
	visibility: visible
}

#doc-nav .more-nav .more-nav-wrapper {
	width: 1200px;
	margin: 0 auto;
	position: relative
}

#doc-nav .more-nav .more-nav-list {
	display: inline-block;
	position: absolute
}

#doc-nav .more-nav .more-nav-list a {
	font-size: 14px;
	margin: 0 20px;
	transition: color .2s
}

#doc-nav .more-nav-l {
	margin: -38px auto auto auto;
	height: 38px;
	line-height: 38px;
	background: #fff;
	background: rgba(255,255,255,.9);
	visibility: hidden
}

#doc-nav .more-nav-l.on {
	visibility: visible
}

#doc-nav .more-nav-l .more-nav-wrapper {
	width: 1200px;
	margin: 0 auto;
	position: relative
}

#doc-nav .more-nav-l .more-nav-list {
	display: inline-block;
	position: absolute
}

#doc-nav .more-nav-l .more-nav-list a {
	font-size: 14px;
	margin: 0 20px;
	transition: color .2s
}

#doc-nav .more-nav-p {
	margin: -38px auto auto auto;
	height: 38px;
	line-height: 38px;
	background: #fff;
	background: rgba(255,255,255,.9);
	visibility: hidden
}

#doc-nav .more-nav-p.on {
	visibility: visible
}

#doc-nav .more-nav-p .more-nav-wrapper {
	width: 1200px;
	margin: 0 auto;
	position: relative
}

#doc-nav .more-nav-p .more-nav-list {
	display: inline-block;
	position: absolute
}

#doc-nav .more-nav-p .more-nav-list a {
	font-size: 14px;
	margin: 0 20px;
	transition: color .2s
}

.navigation li {
	float: left;
	padding-right: 30px
}

.navigation li a,.navigation .c h3 {
	font: 16px/49px '\5fae\8f6f\96c5\9ed1'
}

.navigation li.active a {
	color: #e10055
}

.navigation .l,.navigation .c {
	float: left
}

.navigation .c h3:before,.navigation .r:before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	position: absolute;
	margin-left: -10px;
	margin-top: 19px
}

.navigation .c h3,.navigation .c ul {
	float: left
}

.navigation .c h3 {
	color: #f39700;
	margin-right: 30px;
	margin-left: 20px
}

.navigation .c h3:before {
	background: #f39700;
	width: 4px
}

.navigation .c li a,.navigation .r li a {
	font-size: 15px
}

.navigation .c li.wuli {
	margin-right: 20px
}

.navigation .c li.wuli:after {
	content: '';
	position: absolute;
	width: 22px;
	height: 13px;
	margin-top: 10px;
	margin-left: -3px;
	background-image: url(https://yule.vso.com.cn/static/images/hot-x1.png);
	background-image: -webkit-image-set(url(https://yule.vso.com.cn/static/images/hot-x1.png) 1x,url(https://yule.vso.com.cn/d/inn/4185ed1d/hot.png) 2x)
}

.navigation .r {
	float: right
}

.navigation .r:before {
	background: #dcdcdc
}

#doc-hd2 {
	height: 55px;
	box-shadow: 0 5px 5px rgba(0,0,0,.05);
	position: relative;
	border-top: 5px solid #f3005c
}

#doc-hd2:before {
	content: '';
	display: block;
	height: 5px;
	background: linear-gradient(to right,#f3005c,#ffde00);
	margin-top: -5px
}

#doc-hd2 .logo {
	float: left;
	margin-top: 12px;
	margin-right: 90px
}

#doc-hd2 .logo img {
	width: 155px
}

#doc-hd2 .navigation {
	float: left;
	position: relative;
	z-index: 10;
	width: 850px
}

#doc-hd2 .navigation li {
	padding-right: 30px
}

#doc-hd2 .navigation a,#doc-hd2 .navigation .c h3 {
	font-size: 20px
}

#doc-hd2 .navigation .c h3 {
	margin-right: 15px
}

#doc-hd2 .navigation .c li.wuli {
	margin-right: 15px
}

#doc-hd2 .navigation .r {
	margin-left: 15px
}

#doc-hd2 .navigation li.more {
	height: 32px;
	border: 1px solid #fff;
	border-bottom: 0;
	margin-top: 10px;
	padding: 6px 18px 0 5px;
	background: #fff;
	position: relative
}

#doc-hd2 .navigation li.more a {
	line-height: 0;
	color: #333
}

#doc-hd2 .navigation li.more.on {
	border: 1px solid #e5e5e5;
	border-bottom: 0
}

#doc-hd2 .navigation li.more.on:after {
	content: '';
	display: inline-block;
	height: 0;
	overflow: hidden;
	border: 5px solid transparent;
	border-left: 5px solid #f4266b;
	position: absolute;
	top: 9px;
	right: 6px
}

#doc-hd2 .navigation li.more.on a {
	color: #f4266b
}

#doc-hd2 .more-nav {
	position: absolute;
	top: 48px;
	z-index: 9;
	display: inline-block;
	width: 181px;
	background: #fff;
	border: 1px solid #e5e5e5;
	display: none
}

#doc-hd2 .more-nav.on {
	display: block
}

#doc-hd2 .more-nav .more-nav-list a {
	width: 90px;
	float: left;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 34px
}

#doc-hd2 .more-nav-l {
	position: absolute;
	top: 48px;
	z-index: 9;
	display: inline-block;
	width: 181px;
	background: #fff;
	border: 1px solid #e5e5e5;
	display: none
}

#doc-hd2 .more-nav-l.on {
	display: block
}

#doc-hd2 .more-nav-l .more-nav-list a {
	width: 90px;
	float: left;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 34px
}

#doc-hd2 .more-nav-p {
	position: absolute;
	top: 48px;
	z-index: 9;
	display: inline-block;
	width: 181px;
	background: #fff;
	border: 1px solid #e5e5e5;
	display: none
}

#doc-hd2 .more-nav-p.on {
	display: block
}

#doc-hd2 .more-nav-p .more-nav-list a {
	width: 90px;
	float: left;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 34px
}

.main {
	background: #f5f5f5
}

.main-l {
	width: 885px
}

.main-r {
	width: 300px
}

.main-r-container {
	background: #fff;
	border: 1px solid #eee
}

.navigation .sign-in,.navigation .user-info {
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	margin: 14px 0 15px 0
}

.navigation .user-avatar {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 5px
}

.navigation .user-avatar img {
	display: block;
	width: 100%;
	height: 100%
}

.navigation .user-name {
	display: block;
	float: left;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 5px
}

.navigation .user-exit {
	display: block;
	float: left
}

.main-r .hj,.sea_eel_saying,.star-war,.reality-show,.original-column,.starchaser,.hot-recommend {
	padding: 10px 15px 10px;
	overflow: hidden
}

.sea_eel_saying,.star-war,.reality-show,.original-column,.starchaser {
	border-top: 1px solid #eee
}

.sea_eel_saying {
	position: relative
}

.sea_eel_saying .sea_eel_saying-n {
	width: 49px;
	height: 51px;
	color: #fff;
	position: absolute;
	top: 0;
	right: 14px;
	line-height: 40px;
	text-align: center
}

.sea_eel_saying .sea_eel_saying_text p {
	font: 14px/24px '\5fae\8f6f\96c5\9ed1';
	margin-top: 10px
}

.sea_eel_saying .sea_eel_saying_text a {
	border: 1px solid #ffb400;
	border-radius: 15px;
	color: #ffb400;
	padding: 5px 8px;
	float: right
}

.star-war .g-pic span.phase {
	display: inline-block;
	width: 60px;
	height: 30px;
	background: #c60f50;
	color: #fff;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0
}

.star-war .des {
	height: 20px;
	position: relative;
	text-align: center;
	margin: 10px 0
}

.star-war .des:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ddd;
	margin-top: -9px
}

.star-war .des span {
	background: #fff;
	padding: 0 5px
}

.star-war .question {
	padding: 10px 30px;
	margin: 20px 0;
	color: #e10055;
	font-size: 20px;
	background: url(../images/star-war.png) no-repeat
}

.reality-show .reality-show-list {
	border-top: 1px solid #eee
}

.reality-show .reality-show-list li {
	line-height: 36px;
	font-size: 14px
}

.reality-show .reality-show-list li:before {
	content: '·';
	padding: 0 5px;
	font-weight: bold;
	color: #c0c0c0
}

.original-column .slogan-sm {
	background: #1cb5ae
}

.original-column .slogan-sm i {
	background: url("../images/t01dcaa94460c9befc9.png")
}

.original-column-list .item-ocl {
	padding: 14px 0
}

.original-column-list .item-ocl a {
	display: block;
	margin-bottom: 8px
}

.original-column-list .title-iocl {
	width: 100%;
	height: 24px;
	overflow: hidden
}

.original-column-list .img-iocl {
	width: 100%;
	position: relative
}

.original-column-list .img-iocl:hover .mask {
	opacity: .1
}

.original-column-list .desc-icol {
	width: 260px;
	font-size: 14px;
	color: #434343;
	line-height: 18px;
	padding-left: 10px;
	position: relative
}

.original-column-list .desc-icol i {
	font-style: normal;
	position: absolute;
	left: 0;
	top: -3px
}

.original-column-list .desc-icol:hover {
	color: #e10055
}

.starchaser .slogan-sm {
	background: #ffb400
}

.starchaser .slogan-sm i {
	background: url("../images/t015bc561a581ac47f9.png")
}

.starchaser-list {
	overflow: hidden;
	margin-top: -10px
}

.starchaser-list li {
	padding: 15px 0;
	height: 80px;
	border-top: 1px solid #eee;
	margin-top: -1px
}

.starchaser-list li .pic {
	float: left;
	width: 130px;
	height: 80px;
	overflow: hidden
}

.starchaser-list li .pic img {
	width: 100%
}

.starchaser-list li .info {
	margin-left: 150px
}

.starchaser-list li .info h3 {
	font: 18px/1 '\5fae\8f6f\96c5\9ed1';
	position: relative;
	padding: 5px 0 5px 0
}

.starchaser-list li .info h3 a {
	color: #e10055;
	border-left: 3px solid #e10055;
	padding-left: 10px
}

.starchaser-list li .info p a {
	color: #333;
	line-height: 20px
}

.starchaser-list li .info p a:hover {
	color: #e10055
}

.hot-recommend li {
	margin-bottom: 10px
}

.hot-recommend p a {
	font-size: 14px
}

.mood {
	overflow: hidden
}

.mood.h {
	background-position: -20px -288px
}

.mood.w {
	background-position: -20px -373px
}

.mood.j {
	background-position: -20px -458px
}

.mood.s {
	background-position: -20px -543px
}

.mood.ha {
	background-position: -20px -628px
}

.mood.m {
	background-position: -20px -713px
}

.mood.b {
	background-position: -20px -798px
}

.mood:hover {
	animation: mood-shake .1s 0s 3 alternate backwards
}

.mood a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -100%
}

.mood2 {
	cursor: pointer;
	display: inline-block;
	width: 33px;
	height: 33px;
	overflow: hidden;
	text-indent: -100%
}

.mood2:hover {
	animation: mood-shake .1s 0s 3 alternate backwards
}

.mask {
	position: absolute;
	z-index: 3;
	background-color: #000;
	opacity: 0;
	filter: Alpha(opacity=0);
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: .15s ease-out
}

@-moz-keyframes mood-ball {
	0%,100% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-10px)
	}
}

@-webkit-keyframes mood-ball {
	0%,100% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-10px)
	}
}

@-o-keyframes mood-ball {
	0%,100% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-10px)
	}
}

@keyframes mood-ball {
	0%,100% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-10px)
	}
}

@-moz-keyframes mood-shake {
	0%,100% {
		transform: translateX(0)
	}

	50% {
		transform: translateX(-5px)
	}
}

@-webkit-keyframes mood-shake {
	0%,100% {
		transform: translateX(0)
	}

	50% {
		transform: translateX(-5px)
	}
}

@-o-keyframes mood-shake {
	0%,100% {
		transform: translateX(0)
	}

	50% {
		transform: translateX(-5px)
	}
}

@keyframes mood-shake {
	0%,100% {
		transform: translateX(0)
	}

	50% {
		transform: translateX(-5px)
	}
}

.g-pic {
	position: relative;
	text-align: center;
	overflow: hidden
}

.g-pic em,.g-pic .text-bg {
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	bottom: 0
}

.g-pic em {
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	z-index: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.g-pic .text-bg {
	background: #000;
	filter: alpha(opacity=60);
	opacity: .6
}

.g-pic .mask {
	position: absolute;
	z-index: 3;
	background-color: #000;
	opacity: 0;
	filter: Alpha(opacity=0);
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: .15s ease-out
}

.g-pic a {
	display: block;
	overflow: hidden
}

.g-pic a:hover .mask {
	opacity: .1;
	filter: Alpha(opacity=10)
}

.g-pic img {
	width: 100%
}

.g-pic .ad-mark {
	position: absolute;
	width: 22px;
	height: 13px;
	background: url(../images/t01646e69669959c5c4.png) 0 0 no-repeat;
	top: 5px;
	right: 5px
}

.m-sm .m-sm-t {
	margin: 15px 0;
	position: relative
}

.m-sm .slogan-sm {
	width: 110px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: -14px;
	top: 13px;
	color: #fff;
	text-align: center
}

.m-sm .slogan-sm i {
	display: block;
	width: 15px;
	height: 25px;
	position: absolute;
	left: -15px;
	top: 0
}

.m-sm .text i.icon {
	position: absolute;
	left: 15px;
	top: 6px
}

.m-sm .text .time {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: 10px;
	font-size: 12px
}

.horizontal-feed .g-list {
	margin-left: -15px
}

.horizontal-feed .g-list li {
	width: 283px;
	height: 318px;
	border: 1px solid #eee;
	background: #fff;
	position: relative;
	float: left;
	margin-bottom: 15px;
	margin-left: 15px
}

.horizontal-feed .g-list li .g-list-t {
	position: relative;
	height: 188px;
	overflow: hidden
}

.horizontal-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)
}

.horizontal-feed .g-list li .g-list-t img {
	width: 100%;
	transition: .3s
}

.horizontal-feed .g-list li .g-list-t .video-icon {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 70px;
	height: 22px;
	background: url(../images/t01906f49e596ebca8c.png) no-repeat
}

.horizontal-feed .g-list li .g-list-b {
	padding: 20px;
	padding-top: 15px
}

.horizontal-feed .g-list li .g-list-b a {
	font: 16px/25px '\5fae\8f6f\96c5\9ed1';
	color: #333
}

.horizontal-feed .g-list li .g-list-b a:hover {
	color: #e10055
}

.horizontal-feed .g-list li .g-list-b .des {
	position: absolute;
	bottom: 10px;
	left: 20px;
	right: 20px;
	line-height: 24px
}

.horizontal-feed .g-list li .g-list-b .des img {
	width: 18px;
	float: left;
	border-radius: 50%;
	position: relative;
	top: 3px
}

.horizontal-feed .g-list li .g-list-b .des span {
	color: #c0c0c0
}

.horizontal-feed .g-list li .g-list-b .des span.date {
	float: left;
	margin-left: 23px
}

.horizontal-feed .g-list li .g-list-b .des span.date i {
	display: inline-block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0
}

.horizontal-feed .g-list li .g-list-b .des span.source {
	float: left;
	padding-left: 6px;
	color: #999
}

.horizontal-feed .g-list li .g-list-b .des span.admark {
	padding-left: 24px;
	background: url(../images/t013cddd2cd8e34be86.png) left no-repeat
}

.horizontal-feed .g-list li .g-list-b .des .tags,.horizontal-feed .g-list li .g-list-b .des .tonality {
	float: right;
	color: #999;
	font-size: 12px;
	font-style: italic
}

.horizontal-feed .g-list li .g-list-b .des .tags:hover,.horizontal-feed .g-list li .g-list-b .des .tonality:hover {
	text-decoration: underline
}

.horizontal-feed .g-list li .g-list-t .mood {
	position: absolute;
	top: 10px;
	left: 10px
}

.horizontal-feed .g-list li .g-list-t .mood.h,.horizontal-feed .g-list li .g-list-t .mood.w,.horizontal-feed .g-list li .g-list-t .mood.j,.horizontal-feed .g-list li .g-list-t .mood.s,.horizontal-feed .g-list li .g-list-t .mood.ha,.horizontal-feed .g-list li .g-list-t .mood.m,.horizontal-feed .g-list li .g-list-t .mood.b {
	display: block
}

.horizontal-feed .g-list li .g-list-t .mood.h {
	background-position: 0 0
}

.horizontal-feed .g-list li .g-list-t .mood.w {
	background-position: 0 -67px
}

.horizontal-feed .g-list li .g-list-t .mood.j {
	background-position: 0 -136px
}

.horizontal-feed .g-list li .g-list-t .mood.s {
	background-position: 0 -204px
}

.horizontal-feed .g-list li .g-list-t .mood.ha {
	background-position: 0 -272px
}

.horizontal-feed .g-list li .g-list-t .mood.m {
	background-position: 0 -340px
}

.horizontal-feed .g-list li .g-list-t .mood.b {
	background-position: 0 -408px
}

.vertical-feed .g-list li {
	height: 100px;
	position: relative;
	border-bottom: 1px solid #f2f2f2;
	padding: 15px 0;
	padding-left: 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:hover {
	color: #e10055
}

#video_content_feed.vertical-feed .g-list li .g-list-b a:hover {
	color: #f39800
}

#video_content_feed.vertical-feed .g-list li .g-list-b a.tags:hover {
	color: #999
}

.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: #c0c0c0
}

.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(../images/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 .watch,.vertical-feed .g-list li .g-list-b .des .tonality {
	float: left;
	margin-left: 10px;
	color: #999;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	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: -0px -0px;
	width: 33px;
	height: 33px
}

.vertical-feed .g-list li .sp-base-border-b {
	background-position: -0px -33px;
	width: 34px;
	height: 34px
}

.vertical-feed .g-list li .sp-base-border-w {
	background-position: -0px -67px;
	width: 33px;
	height: 34px
}

.vertical-feed .g-list li .sp-base-border-s {
	background-position: -0px -101px;
	width: 34px;
	height: 34px
}

.vertical-feed .g-list li .sp-base-border-m {
	background-position: -0px -135px;
	width: 34px;
	height: 34px
}

.vertical-feed .g-list li .sp-base-border-j {
	background-position: -0px -169px;
	width: 34px;
	height: 34px
}

.vertical-feed .g-list li .sp-base-border-ha {
	background-position: -0px -203px;
	width: 34px;
	height: 34px
}

.vertical-feed .g-list li.ad-bigpic {
	padding-left: 0;
	height: auto
}

.vertical-feed .g-list li.ad-bigpic .g-list-tit 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.ad-bigpic .g-list-tit a:hover {
	color: #e10055
}

#video_content_feed.vertical-feed .g-list li.ad-bigpic .g-list-tit a:hover {
	color: #f39800
}

#video_content_feed.vertical-feed .g-list li.ad-bigpic .g-list-tit a .tags:hover {
	color: #999
}

.vertical-feed .g-list li.ad-bigpic .g-list-t {
	width: 660px;
	height: auto;
	position: static;
	margin-top: 12px
}

.vertical-feed .g-list li.ad-bigpic .g-list-t a {
	display: block;
	overflow: hidden
}

.vertical-feed .g-list li.ad-bigpic .g-list-t a img {
	width: 660px
}

.vertical-feed .g-list li.ad-bigpic .g-list-b {
	height: auto;
	position: relative;
	padding: 0;
	margin-top: 12px
}

.vertical-feed .g-list li.ad-bigpic .g-list-b .des {
	position: static
}

.vertical-feed .g-list li.ad-picture {
	padding-left: 0;
	height: auto
}

.vertical-feed .g-list li .picture {
	overflow: hidden
}

.vertical-feed .g-list li .picture .title 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 .picture .pics {
	width: 648px;
	height: 86px;
	margin: 12px 0 0 -4px
}

.vertical-feed .g-list li .picture .pics span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	_display: inline;
	_zoom: 1;
	position: relative
}

.vertical-feed .g-list li .picture .pics a {
	display: block;
	width: 152px;
	height: 84px;
	float: left;
	border: 1px #f0f0f0 solid;
	margin: 0 4px;
	overflow: hidden
}

.vertical-feed .g-list li .picture .pics img {
	display: block;
	width: 100%;
	transition: .3s
}

.vertical-feed .g-list li .picture .pics a:hover img {
	display: block;
	width: 100%;
	transform: scale(1.1)
}

.vertical-feed .g-list li .picture .pics .sign {
	right: 10px
}

.vertical-feed .g-list li .picture .desc {
	margin-top: 15px
}

.vertical-feed .g-list li .sign {
	display: block;
	width: 54px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	background: rgba(0,0,0,0.6);
	position: absolute;
	right: 6px;
	bottom: 6px;
	z-index: 5;
	border-radius: 3px
}

.vertical-feed .g-list li .title a {
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #111
}

.vertical-feed .g-list li .title a:hover {
	color: #e10055
}

.vertical-feed .g-list li .desc a,.vertical-feed .g-list li .desc span {
	display: block;
	float: left
}

.vertical-feed .g-list li .desc a:hover {
	text-decoration: underline
}

.vertical-feed .g-list li .desc span.sourceicon {
	width: 16px;
	height: 16px;
	margin-right: 5px
}

.vertical-feed .g-list li .desc span.sourceicon img {
	display: block;
	width: 100%;
	border-radius: 50%
}

.vertical-feed .g-list li .desc span.source,.vertical-feed .g-list li .desc span.time,.vertical-feed .g-list li .desc a.tonality,.vertical-feed .g-list li .desc a.tags {
	font-size: 12px;
	line-height: 16px;
	color: #ccc;
	margin-right: 12px
}

.vertical-feed .g-list li .desc span.tonality a {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #ccc
}

.vertical-feed .g-list li .desc span.tonality a:hover {
	text-decoration: underline
}

.vertical-feed .g-list li .desc span.time {
	margin-left: 18px
}

.vertical-feed .g-list li .desc span.line {
	width: 1px;
	height: 15px;
	background: #eee;
	margin-right: 12px;
	position: relative;
	top: 1px
}

#mini-feed {
	margin-left: 128px;
	border-left: 1px solid #eee
}

#mini-feed .g-list li {
	height: 92px;
	margin: 0 15px;
	padding-left: 165px
}

#mini-feed .g-list li .g-list-t {
	width: 165px;
	height: 92px
}

#mini-feed .g-list li .g-list-b {
	height: 92px;
	padding: 0 0 0 20px
}

#mini-feed .g-list li.ad-bigpic {
	padding-left: 0;
	height: auto
}

#mini-feed .g-list li.ad-bigpic .g-list-tit a {
	display: block;
	font: 20px/25px "PingFang","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 700;
	color: #333
}

#mini-feed .g-list li.ad-bigpic .g-list-t {
	width: 599px;
	height: auto;
	position: static;
	margin-top: 12px
}

#mini-feed .g-list li.ad-bigpic .g-list-t a {
	display: block;
	overflow: hidden
}

#mini-feed .g-list li.ad-bigpic .g-list-t a img {
	width: 599px
}

#mini-feed .g-list li.ad-bigpic .g-list-b {
	height: auto;
	position: relative;
	padding: 0;
	margin-top: 12px
}

#mini-feed .g-list li.ad-bigpic .g-list-b .des {
	position: static
}

.search-more {
	height: 40px;
	line-height: 40px;
	background: #f5f5f5;
	cursor: pointer;
	text-align: center;
	color: #bfbfbf
}

.feed-title {
	font-size: 16px;
	color: #1b1b1b;
	position: relative;
	text-indent: 15px
}

.feed-title:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 15px;
	background: #f39800;
	position: absolute;
	left: 0;
	top: 4px
}

.ft-info {
	background: #e5e5e5;
	height: 273px
}

.ft-info .logo {
	float: left;
	height: 150px;
	padding-left: 20px;
	border-right: 1px solid #ddd;
	margin-top: 60px
}

.ft-info .logo img {
	margin: 40px 30px 0 0
}

.ft-info .logo-wall {
	float: left;
	margin-top: 20px
}

.ft-info .logo-wall h3,.other h3 {
	font: bold 14px/40px '\5fae\8f6f\96c5\9ed1'
}

.ft-info .logo-wall h3 {
	padding-left: 20px
}

.ft-info .logo-wall img {
	width: 100px;
	height: 50px
}

.ft-info .logo-wall ul {
	width: 440px;
	height: 170px;
	border-right: 1px solid #ddd;
	padding: 0 20px 0 10px
}

.ft-info .logo-wall li {
	float: left;
	margin: 0 0 10px 10px
}

.ft-info .other {
	float: left;
	margin-top: 20px;
	width: 200px;
	overflow: hidden;
	padding: 0 20px
}

.ft-info .other ul {
	margin-left: -20px
}

.ft-info .other ul li {
	float: left;
	margin-left: 20px
}

.ft-info .other ul li a {
	font: 14px/32px '\5fae\8f6f\96c5\9ed1';
	color: #999
}

.ft-info .other ul li a:hover {
	color: #e10055
}

.ft-info .yule-qrcode {
	float: left;
	height: 150px;
	border-left: 1px solid #ddd;
	margin-top: 60px;
	padding: 15px 0 0 20px
}

.list-loading {
	background: #fff;
	margin-top: 5px;
	margin-bottom: 15px;
	color: #999;
	text-align: center
}

.list-loading span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	_display: inline;
	_zoom: 1;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	padding-left: 35px;
	position: relative
}

.list-loading img {
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

#doc-ft {
	background: #333;
	height: 60px;
	line-height: 30px;
	color: #fff;
	text-align: center
}

#doc-ft a {
	color: #fff
}

#so360 {
	position: relative;
	white-space: nowrap
}

#so360_keyword {
	width: 390px;
	height: 32px;
	line-height: 32px;
	font: 14px arial;
	padding: 2px 5px 2px 8px;
	border: 1px solid #eee;
	outline: 0;
	vertical-align: middle;
	background: #f5f5f5;
	color: #a7a7a7
}

#so360_submit {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 14px;
	height: 15px;
	border: 0;
	cursor: pointer;
	outline: 0;
	background: url(../images/t01ea10cac9d373ab8f.png)
}

#so360_submit:hover {
	background-position: 0 -25px
}

#so360:hover #so360_keyword {
	border-color: #ff4026
}

.header-so {
	position: absolute;
	left: 330px;
	top: 18px
}

.sidebar-so #so360_keyword {
	width: 286px;
	background: #fff
}

#right-bar {
	position: fixed;
	width: 50px;
	left: 50%;
	bottom: 50px;
	margin-left: 610px;
	display: none;
	z-index: 998
}

#right-bar .erweima,#right-bar .top {
	cursor: pointer
}

#right-bar .erweima {
	position: relative;
	width: 100%;
	height: 50px;
	background: transparent url("../images/t01e04b61a19942166b.png") no-repeat 0 0
}

#right-bar .erweima .duck-right {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0,1.0)
}

#right-bar .erweima .duck-right img {
	width: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -15px;
	margin-left: -15px
}

#right-bar .erweima .erweima-big {
	position: absolute;
	left: -140px;
	top: -76px;
	width: 140px;
	visibility: hidden
}

#right-bar .top {
	width: 100%;
	height: 50px;
	margin-top: 5px;
	background: transparent url("../images/t01e04b61a19942166b.png") no-repeat 0 -55px
}

#right-bar .erweima:hover {
	background-position: 0 -112px
}

#right-bar .top:hover {
	background-position: 0 -167px
}

#right-bar .erweima .duck-right:hover img {
	animation: tada 1s 0s alternate backwards
}

#right-bar .floor {
	overflow: hidden
}

#right-bar .floor .b {
	background: url(../images/t01652cad2b702c39fb.png) center top repeat-y
}

#right-bar .floor .b a {
	display: block;
	width: 48px;
	height: 32px;
	border: 1px solid #ff0084;
	margin-bottom: 5px;
	position: relative
}

#right-bar .floor .b a span {
	display: none;
	background: #ff0084;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 14px;
	line-height: 32px;
	color: #fff;
	text-align: center
}

#right-bar .floor .b a:hover span {
	display: block
}

.topbar .container {
	position: relative;
	height: 100%
}

.topbar ul {
	text-align: justify;
	text-justify: distribute-all-lines
}

.topbar ul:after {
	content: "";
	height: 0;
	width: 100%;
	display: inline-block;
	overflow: hidden
}

.topbar li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	*display: inline;
	*zoom: 1;
	height: 100%
}

.topbar li:hover {
	animation: mood-shake .1s 0s 3 alternate backwards
}

.topbar .close {
	background: rgba(0,0,0,.6);
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer
}

.topbar .close:hover {
	background: rgba(0,0,0,.9)
}

.tada {
	animation: tada 1s 0s alternate backwards
}

@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.8,.8,.8) rotate3d(0,0,1,-6deg);
		transform: scale3d(.8,.8,.8) rotate3d(0,0,1,-6deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.2,1.2,1.2) rotate3d(0,0,1,6deg);
		transform: scale3d(1.2,1.2,1.2) rotate3d(0,0,1,6deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.2,1.2,1.2) rotate3d(0,0,1,-6deg);
		transform: scale3d(1.2,1.2,1.2) rotate3d(0,0,1,-6deg)
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.8,.8,.8) rotate3d(0,0,1,-6deg);
		transform: scale3d(.8,.8,.8) rotate3d(0,0,1,-6deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.2,1.2,1.2) rotate3d(0,0,1,6deg);
		transform: scale3d(1.2,1.2,1.2) rotate3d(0,0,1,6deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.2,1.2,1.2) rotate3d(0,0,1,-6deg);
		transform: scale3d(1.2,1.2,1.2) rotate3d(0,0,1,-6deg)
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}
}

@keyframes fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}
}

.fadeInDown {
	-webkit-animation: fadeInDown .5s;
	animation: fadeInDown .5s
}

.fadeOutDown {
	-webkit-animation: fadeOutDown .5s;
	animation: fadeOutDown .5s
}

.js-sticky {
	overflow: hidden
}

.share-b {
	font-size: 16px;
	color: #999;
	line-height: 31px
}

.share-b i {
	width: 111px;
	height: 31px;
	display: inline-block;
	background: url(../images/spritesheet.png) no-repeat;
	vertical-align: top;
	cursor: pointer;
	margin: 0 2px
}

.share-b i.wechat {
	background-position: -54px -54px
}

.share-b i.sina {
	background-position: -10px -105px
}

.share-b i.qq {
	background-position: -10px -156px
}

.share-b i.qzone {
	background-position: -186px -10px
}

.share-b i.moments {
	background-position: -185px -61px
}

#hotRecommend li {
	vertical-align: middle;
	display: table
}

#hotRecommend .g-pic {
	width: 100px;
	height: 55px;
	float: left;
	position: relative;
	top: 5px
}

#hotRecommend .g-pic img {
	width: 100px;
	height: 55px
}

#hotRecommend .g-pic a {
	overflow: visible
}

#hotRecommend p {
	float: right;
	width: 154px;
	margin-left: 14px;
	height: 65px;
	font-size: 0;
	overflow: hidden
}

#hotRecommend p a {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

#hotRecommend p i {
	height: 100%;
	vertical-align: middle;
	display: inline-block
}

#hotRecommend p span {
	vertical-align: middle;
	display: inline-block
}

.hot-recommend .small-title {
	position: absolute;
	top: 13px;
	right: -15px;
	float: right;
	display: inline-block;
	width: 110px;
	height: 25px;
	line-height: 25px;
	background: url(../images/t01d1be3aad578ff31c.png) no-repeat;
	text-align: center;
	color: #fff;
	padding-left: 15px
}

.hot-recommend .m-sm-t img {
	width: 149px;
	height: 48px
}

.hot-recommend .m-sm-t {
	position: relative
}

.ad_sign {
	position: absolute;
	width: 30px;
	height: 15px;
	background: url(../images/t0188dc204bb4b81c1c.png) 0 0 no-repeat;
	z-index: 3;
	bottom: 0;
	right: 0
}

.ctitle {
	height: 40px;
	width: 100%;
	background: url("../images/t0160b445d3aec99cdc.png") 0 center repeat-x;
	text-align: center;
	position: relative
}

.ctitle img {
	display: block;
	margin: 0 auto
}

.ctitle .hot {
	display: block;
	width: 31px;
	height: 20px;
	background: url("../images/t014005240f8ae1dead.png") center center no-repeat;
	position: absolute;
	top: -9px;
	left: 31px
}

.ltitle img {
	margin: 0
}

.doc-column {
	width: 100%;
	position: relative;
	min-height: 1px
}

.column-box {
	width: 180px;
	padding-top: 10px;
	position: absolute;
	top: 0;
	left: 0
}

.column-box .ctit {
	height: 62px;
	overflow: hidden;
	margin: 20px 0
}

.column-box .ctit a {
	display: block
}

.column-box .ctit img {
	display: block;
	margin: 0 auto
}

.column-box .collist {
	overflow: hidden
}

.column-box .collist ul {
	margin-bottom: 16px
}

.column-box .collist li a {
	display: block;
	padding-left: 8px;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.column-box .collist li.first {
	padding: 0;
	margin-bottom: 8px
}

.column-box .collist li.first a {
	white-space: normal;
	padding-left: 0
}

.column-box .collist li.first span {
	display: block;
	color: #111;
	cursor: pointer
}

.column-box .collist li.first em {
	display: block;
	width: 0;
	height: 0;
	transition: all .3s
}

.column-box .collist li.first img {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	transform: scale(0);
	transform-origin: 0 0;
	transition: all .3s
}

.column-box .collist li a:before {
	display: block;
	content: ".";
	color: #ccc;
	position: absolute;
	left: 0;
	top: -4px
}

.column-box .collist li.first a:before {
	display: none
}

.column-box .hr {
	width: 100%;
	height: 3px;
	background: url("../images/t013e6b4c52639e8610.png") center center repeat-x
}

.column-box .collist li a:hover,.column-box .collist li a:hover span {
	color: #e10055
}

.column-box .collist li a:hover:before {
	color: #e10055
}

.column-box .collist li.first a:hover em {
	width: 180px;
	height: 100px
}

.column-box .collist li.first a:hover img {
	transform: scale(1)
}

.feed {
	width: 100%
}

.feed-list li {
	padding: 15px 0;
	border-bottom: 1px #eee solid;
	position: relative
}

.feed-list li.hover {
	background: #f7f7f7
}

.feed-list li .video,.feed-list li .pictext {
	padding-left: 154px;
	min-height: 86px
}

.feed-list li .video .pic,.feed-list li .pictext .pic {
	width: 152px;
	height: 84px;
	border: 1px #f0f0f0 solid;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left: 0
}

.feed-list li .video .pic a,.feed-list li .pictext .pic a {
	display: block;
	width: 100%;
	height: 100%
}

.feed-list li .video .pic img,.feed-list li .pictext .pic img {
	display: block;
	width: 100%;
	height: 100%;
	transition: .3s
}

.feed-list li .video .pic a:hover img,.feed-list li .pictext .pic a:hover img {
	transform: scale(1.1)
}

.feed-list li .video .details,.feed-list li .pictext .details {
	padding: 0 15px
}

.feed-list li .video .desc,.feed-list li .pictext .desc {
	position: absolute;
	left: 170px;
	bottom: 20px
}

.feed-list li .picture {
	overflow: hidden
}

.feed-list li .picture .pics {
	width: 648px;
	height: 86px;
	margin: 12px 0 0 -4px
}

.feed-list li .picture .pics span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	_display: inline;
	_zoom: 1;
	position: relative
}

.feed-list li .picture .pics a {
	display: block;
	width: 152px;
	height: 84px;
	float: left;
	border: 1px #f0f0f0 solid;
	margin: 0 4px;
	overflow: hidden
}

.feed-list li .picture .pics img {
	display: block;
	width: 100%;
	transition: .3s
}

.feed-list li .picture .pics a:hover img {
	display: block;
	width: 100%;
	transform: scale(1.1)
}

.feed-list li .picture .pics .sign {
	right: 10px
}

.feed-list li .picture .desc {
	margin-top: 15px
}

.feed-list li .bigpicture .pic {
	margin-top: 12px;
	overflow: hidden
}

.feed-list li .bigpicture .pic a {
	display: block;
	overflow: hidden
}

.feed-list li .bigpicture .desc {
	margin-top: 15px
}

.feed-list .sign {
	display: block;
	width: 54px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	background: rgba(0,0,0,0.6);
	position: absolute;
	right: 6px;
	bottom: 6px;
	z-index: 5;
	border-radius: 3px
}

.feed-list .title a {
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #111
}

.feed-list .title a:hover {
	color: #e10055
}

.feed-list .desc a,.feed-list .desc span {
	display: block;
	float: left
}

.feed-list .desc span.sourceicon {
	width: 16px;
	height: 16px;
	margin-right: 5px
}

.feed-list .desc span.sourceicon img {
	display: block;
	width: 100%;
	border-radius: 50%
}

.feed-list .desc span.source,.feed-list .desc span.time,.feed-list .desc a.tonality,.feed-list .desc a.tags {
	font-size: 12px;
	line-height: 16px;
	color: #b1b1b1;
	margin-right: 12px
}

.feed-list .desc a.kuaiyan-tag {
	background-color: #f8f9f9!important;
	color: #b9b9b9!important;
	padding: 0 5px!important;
	border: 1px solid transparent!important
}

.feed-list li:hover .desc a.kuaiyan-tag {
	border: 1px solid #eee!important
}

.feed-list li .desc a.kuaiyan-tag:hover {
	background-color: #23cde5!important;
	color: #fff!important;
	text-decoration: none!important
}

.feed-list .desc span.tonality a {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #ccc
}

.feed-list .desc span.time {
	margin-left: 18px
}

.feed-list .desc span.line {
	width: 1px;
	height: 15px;
	background: #eee;
	margin-right: 12px;
	position: relative;
	top: 1px
}

.feed-list li .video .pic a.mood,.feed-list li .pictext .pic a.mood {
	position: absolute;
	width: 34px;
	height: 34px;
	top: 5px;
	left: 5px;
	z-index: 5
}

.feed-list .sp-base-border-h {
	background-position: -0px -0px
}

.feed-list .sp-base-border-b {
	background-position: -0px -33px
}

.feed-list .sp-base-border-w {
	background-position: -0px -67px
}

.feed-list .sp-base-border-s {
	background-position: -0px -101px
}

.feed-list .sp-base-border-m {
	background-position: -0px -135px
}

.feed-list .sp-base-border-j {
	background-position: -0px -169px
}

.feed-list .sp-base-border-ha {
	background-position: -0px -203px
}

.today-recommend {
	position: relative;
	padding: 0 5px;
	margin-top: 25px;
	position: relative
}

.todayrecommend .mvlist-tr {
	background: #f9f9f9;
	margin-top: 10px
}

.todayrecommend .mvlist-tr ul {
	margin: 4px
}

.todayrecommend .mvlist-tr li {
	margin: 8px
}

.ad-mark {
	width: 22px;
	height: 13px;
	background: url("../images/t01279a8435885e6fb5.png") 0 0 no-repeat;
	position: absolute;
	top: 17px;
	right: 10px
}

.title-tr {
	font-size: 22px;
	line-height: 24px;
	font-style: oblique;
	padding: 12px 0 12px 62px;
	color: #2c2c2c;
	position: relative
}

.title-tr i {
	display: block;
	width: 48px;
	height: 48px;
	background: url("../images/t0170102e12a3f7884a.png") 0 0 no-repeat;
	position: absolute;
	left: 10px;
	top: 0
}

.main-r-container .title-tr {
	font-weight: normal
}

.main-r-container .title-tr i {
	background-image: url("../images/t017b1190e08ae6ac86.png")
}

.mvlist-tr {
	margin-top: 8px;
	position: relative
}

.mvlist-tr li {
	width: 130px;
	float: left;
	margin: 7px
}

.mvlist-tr a {
	display: block;
	position: relative
}

.mvlist-tr span {
	display: block
}

.mvlist-tr .img-mtr {
	width: 130px;
	height: 130px;
	overflow: hidden;
	position: relative
}

.mvlist-tr img {
	max-width: 130px;
	width: 100%;
	height: 100%
}

.mvlist-tr .text-mtr {
	font-size: 13px;
	color: #333;
	text-align: center;
	line-height: 16px;
	width: 114px;
	margin: 0 auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 5px 0
}

.mvlist-tr .price-mtr {
	display: block;
	height: 12px;
	position: absolute;
	right: -2px;
	top: 0;
	padding-left: 6px;
	background: url("../images/t012ffa03cc534794fb.png") left center no-repeat;
	border-top: 1px #d80152 solid;
	border-bottom: 1px solid rgba(216,1,82,0.3)
}

.price-mtr b {
	display: block;
	color: #fff;
	padding-right: 2px;
	height: 12px;
	font-size: 12px;
	line-height: 11px;
	text-align: center;
	background: #d10056
}

.tonalityarea {
	width: 100%;
	margin-top: 20px
}

.starchaser_ta {
	margin-top: 10px;
	background: #f7f7f7
}

.starchaser_ta li {
	overflow: hidden
}

.starchaser_ta li a {
	display: block
}

.starchaser_ta .up_ta {
	display: none;
	width: 300px;
	height: 167px;
	position: relative
}

.starchaser_ta .up_ta .tag_ta {
	display: block;
	height: 28px;
	padding: 0 12px;
	font-size: 18px;
	line-height: 26px;
	color: #fff;
	font-style: italic;
	position: absolute;
	left: 14px;
	bottom: 34px;
	z-index: 3;
	border-radius: 2px;
	background: #ff2f5c;
	background: -webkit-linear-gradient(to right,#ff2f5c,#f9be10);
	background: linear-gradient(to right,#ff2f5c,#f9be10)
}

.starchaser_ta .up_ta .tag_ta:before {
	display: block;
	content: "";
	width: 8px;
	height: 39px;
	background: url("../images/t01ed510718fba52878.png") left center no-repeat;
	position: absolute;
	left: -2px;
	top: 0
}

.starchaser_ta .up_ta .pic_ta {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.starchaser_ta .up_ta .pic_ta img {
	display: block;
	width: 100%;
	transition: all .3s
}

.starchaser_ta .up_ta .title_ta {
	height: 40px;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}

.starchaser_ta .up_ta .title_ta span {
	display: block;
	font-size: 16px;
	line-height: 40px;
	padding: 0 15px;
	color: #fff
}

.starchaser_ta .down_ta {
	padding: 6px 15px;
	border-bottom: 1px #eee solid
}

.starchaser_ta .down_ta dl {
	transition: all .3s
}

.starchaser_ta .down_ta dt {
	font-size: 16px;
	line-height: 20px;
	color: #f3005c;
	cursor: pointer;
	position: relative;
	padding: 5px 0;
	padding-left: 7px
}

.starchaser_ta .down_ta dt:before {
	display: block;
	content: "";
	width: 3px;
	height: 15px;
	background: #f3005c;
	position: absolute;
	left: 0;
	top: 7px
}

.starchaser_ta .down_ta dd {
	font-size: 13px;
	line-height: 14px;
	color: #999;
	cursor: pointer;
	padding: 3px 0
}

.starchaser_ta li.last_ta .down_ta {
	border: 0
}

.starchaser_ta li.active .up_ta,.starchaser_ta a:hover .up_ta {
	display: block
}

.starchaser_ta li.active .down_ta,.starchaser_ta a:hover .down_ta {
	display: none
}

.hotevent {
	width: 100%;
	margin-top: 20px
}

.hotevent .list_he {
	margin-top: 10px
}

.hotevent .list_he li {
	width: 50%;
	float: left;
	background: #444;
	position: relative;
	overflow: hidden
}

.hotevent .list_he li.highlight_lhe {
	background: #333
}

.hotevent .list_he a {
	display: block;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	color: #ccc;
	padding: 10px 0;
	padding-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.hotevent .list_he a:before {
	display: block;
	content: ".";
	font-size: 20px;
	width: 5px;
	height: 5px;
	position: absolute;
	left: 8px;
	top: 4px
}

.hotevent .list_he a:hover {
	color: #f0115e
}

.hotevent .list_he a:hover:before {
	color: #f0115e
}

.daytopic {
	width: 100%;
	margin-top: 20px
}

.content_dt {
	overflow: hidden;
	background: #f7f7f7;
	margin-top: 10px
}

.pic_cdt {
	width: 100%;
	height: 167px;
	overflow: hidden
}

.pic_cdt a {
	display: block;
	width: 100%;
	height: 100%
}

.pic_cdt img {
	display: block;
	transition: .3s;
	width: 100%;
	height: 100%
}

.pic_cdt a:hover img {
	transform: scale(1.1)
}

.details_cdt {
	width: 278px;
	border: 1px #eee solid;
	background: #fff;
	margin: 30px auto 10px auto;
	position: relative
}

.details_cdt:before {
	display: block;
	content: "";
	width: 28px;
	height: 14px;
	background: url("../images/t01b49af35ec51f6a7f.png") 0 0 no-repeat;
	position: absolute;
	right: 20px;
	top: -45px;
	z-index: 9
}

.details_cdt h3 {
	font-size: 18px;
	line-height: 20px;
	color: #333;
	margin: 0 40px;
	font-style: italic;
	text-align: center;
	position: relative;
	top: -10px;
	overflow: hidden;
	white-space: nowrap
}

.details_cdt p {
	font-size: 13px;
	line-height: 24px;
	color: #999;
	padding: 8px 10px
}

.details_cdt i {
	display: block;
	width: 17px;
	height: 20px;
	position: absolute;
	z-index: 3
}

.details_cdt i.b_dcdt {
	background: url("../images/t01cbda0a7de584d568.png") center center no-repeat;
	left: 10px;
	top: -12px
}

.details_cdt i.a_dcdt {
	background: url("../images/t017af638a6731d9764.png") center center no-repeat;
	right: 6px;
	bottom: 4px
}

.splendidpics {
	margin-top: 30px
}

.picsgather_sp {
	width: 296px;
	height: 245px;
	position: relative;
	border: 2px #ffde00 solid;
	margin-top: 10px
}

.artwork_psp {
	width: 246px;
	height: 245px;
	float: left
}

.artwork_psp ul {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.artwork_psp li {
	width: 100%;
	height: 100%
}

.artwork_psp a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

.artwork_psp li img {
	display: block;
	width: 100%;
	transition: .3s
}

.artwork_psp li span {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	background: rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0;
	left: 0
}

.artwork_psp li em {
	font-style: normal;
	display: block;
	padding: 0 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.artwork_psp a:hover img {
	transform: scale(1.1)
}

.thumbnail_psp {
	width: 49px;
	height: 245px;
	float: left;
	border-left: 1px #ffde00 solid;
	position: relative
}

.thumbnail_psp ul {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.thumbnail_psp li {
	width: 100%;
	height: 49px;
	cursor: pointer;
	position: relative
}

.thumbnail_psp li img {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.thumbnail_psp li:before {
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	background: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	left: 0
}

.thumbnail_psp li.current:before {
	display: none
}

.cur_psp {
	display: block;
	width: 48px;
	height: 48px;
	border: 2px #ffde00 solid;
	position: absolute;
	top: -2px;
	left: -1px
}

.cur_psp:before {
	display: block;
	content: "";
	width: 8px;
	height: 12px;
	background: url("../images/t0108d09838bcf1ea3d.png") center center no-repeat;
	position: absolute;
	left: -10px;
	top: 16px
}

.todayhot {
	width: 100%;
	margin-top: 30px
}

.top_th {
	position: relative
}

.tab_tth {
	height: 40px;
	position: absolute;
	right: 0;
	top: 12px;
	background: #fff
}

.tab_tth li {
	float: left;
	margin-left: 10px
}

.tab_tth a {
	display: block;
	color: #ccc;
	position: relative
}

.tab_tth a i {
	display: block;
	font-size: 13px;
	line-height: 17px;
	height: 17px;
	cursor: pointer;
	font-style: normal;
	padding-left: 18px;
	position: relative
}

.tab_tth a i:before {
	display: block;
	content: "";
	width: 17px;
	height: 17px;
	background: url("../images/t015027acf9fc46e20c.png") 0 0 no-repeat;
	position: absolute;
	left: 0;
	top: 0
}

.tab_tth a.pic_tth i:before {
	background-position: -18px 0
}

.tab_tth a.video_tth i:before {
	background-position: 0 0
}

.tab_tth li.active i,.tab_tth a:hover i {
	color: #f3005c
}

.tab_tth li.active a:before,.tab_tth a:hover:before {
	display: block;
	content: "";
	width: 30px;
	height: 3px;
	background: #ff2f5c;
	background: -webkit-linear-gradient(to right,#ff2f5c,#f9be10);
	background: linear-gradient(to right,#ff2f5c,#f9be10);
	position: absolute;
	top: 22px;
	left: 9px
}

.tab_tth .active a.pic_tth i:before,.tab_tth a.pic_tth:hover i:before {
	background-position: -18px -18px
}

.tab_tth .active a.video_tth i:before,.tab_tth a.video_tth:hover i:before {
	background-position: 0 -18px
}

.content_th {
	margin-top: 5px;
	overflow: hidden
}

.content_th li {
	padding: 5px 0
}

.content_th a {
	display: block;
	background: #f7f7f7;
	padding-left: 130px;
	height: 72px;
	position: relative
}

.content_th .pic_pcth {
	width: 130px;
	height: 72px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden
}

.content_th .pic_pcth img {
	display: block;
	width: 100%;
	transition: .3s
}

.content_th .pic_pcth span {
	display: none;
	width: 130px;
	height: 72px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(0,0,0,0.3)
}

.content_th .pic_pcth span:before {
	display: block;
	content: "";
	width: 40px;
	height: 40px;
	background: url("../images/t01c6ba29218c4a1f87.png") 0 0 no-repeat;
	position: absolute;
	left: 45px;
	top: 16px
}

.content_th .pic_pcth .ad_pcth {
	position: absolute;
	width: 22px;
	height: 13px;
	background: url(../images/t01646e69669959c5c4.png) 0 0 no-repeat;
	top: 5px;
	right: 5px
}

.content_th .details_pcth {
	padding: 0 15px
}

.content_th .title_dpcth {
	font-size: 13px;
	line-height: 20px;
	color: #333;
	padding-top: 6px;
	height: 60px;
	overflow: hidden
}

.content_th .msg_dpcth {
	padding-top: 4px
}

.content_th .msg_dpcth b {
	float: left;
	font-weight: normal;
	color: #ccc;
	border-right: 1px #f3f3f3 solid;
	padding-right: 10px;
	margin-right: 10px
}

.content_th .msg_dpcth span {
	float: left;
	color: #ccc;
	position: relative;
	padding-left: 15px
}

.content_th .msg_dpcth span:before {
	display: block;
	content: "";
	width: 11px;
	height: 11px;
	background: url("../images/t012e749640f2ff7f86.png") center center no-repeat;
	position: absolute;
	top: 4px;
	left: 0
}

.content_th a:hover .title_dpcth {
	color: #e10055
}

.content_th .videolist_cth {
	display: none
}

.content_th .videolist_cth .title_dpcth {
	height: 40px
}

.content_th .pictextlist_cth a:hover .pic_pcth img {
	transform: scale(1.1)
}

.content_th .videolist_cth a:hover .pic_pcth span {
	display: block
}

.leisureplace {
	width: 100%;
	margin-top: 20px
}

.tab_lp li {
	height: 37px;
	width: 149px;
	float: left
}

.tab_lp li.moment_tlp {
	border-right: 1px #eee solid
}

.tab_lp li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}

.tab_lp li a:before {
	display: block;
	content: "";
	width: 100px;
	height: 4px;
	background: #eee;
	position: absolute;
	top: 37px;
	left: 50%;
	margin-left: -50px
}

.tab_lp li img {
	display: block;
	margin: 0 auto
}

.tab_lp li.active a:before,.tab_lp li a:hover:before {
	background: #ff2f5c;
	background: -webkit-linear-gradient(to right,#ff2f5c,#f9be10);
	background: linear-gradient(to right,#ff2f5c,#f9be10)
}

.content_lp {
	margin-top: 14px;
	background: #f7f7f7
}

.content_lp .life_clp,.content_lp .moment_clp {
	overflow: hidden
}

.content_lp li.item_lclp {
	padding: 6px 0
}

.content_lp li.item_lclp a {
	display: block;
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	color: #333;
	padding: 0 13px 0 27px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.content_lp li.item_lclp a:before {
	display: block;
	content: ".";
	color: #c0c0c0;
	position: absolute;
	left: 13px;
	top: -5px
}

.content_lp li.item_lclp a:hover {
	color: #f3005c
}

.content_lp li.item_lclp a:hover:before {
	color: #f3005c
}

.content_lp li.first_lclp {
	position: relative;
	margin-bottom: 10px
}

.content_lp li.first_lclp a {
	display: block;
	width: 300px;
	height: 167px
}

.content_lp li.first_lclp .pic_lclp {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.content_lp li.first_lclp .pic_lclp img {
	display: block;
	width: 100%;
	transition: .3s
}

.content_lp li.first_lclp .title_lclp {
	height: 40px;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	bottom: 0
}

.content_lp li.first_lclp .title_lclp span {
	display: block;
	font-size: 16px;
	line-height: 40px;
	padding: 0 15px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.content_lp li.first_lclp a:hover .pic_lclp img {
	transform: scale(1.1)
}

.content_lp .more_clp {
	display: block;
	font-size: 0;
	line-height: 0;
	width: 57px;
	height: 20px;
	background: url("../images/t0189d45f42bfa95826.png") 0 0 no-repeat;
	margin: 6px auto 14px auto;
	transition: all .3s
}

.content_lp .more_clp:hover {
	background-position: 0 -20px
}

.life_clp {
	display: none
}

.ydmoment {
	margin-top: 20px
}

.cont_ydm {
	margin-top: 14px;
	background: #f7f7f7;
	overflow: hidden
}

.cont_ydm li.item_lclp {
	padding: 6px 0
}

.cont_ydm li.item_lclp a {
	display: block;
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	color: #333;
	padding: 0 13px 0 27px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cont_ydm li.item_lclp a:before {
	display: block;
	content: ".";
	color: #c0c0c0;
	position: absolute;
	left: 13px;
	top: -5px
}

.cont_ydm li.item_lclp a:hover {
	color: #f3005c
}

.cont_ydm li.item_lclp a:hover:before {
	color: #f3005c
}

.cont_ydm li.first_lclp {
	position: relative;
	margin-bottom: 10px
}

.cont_ydm li.first_lclp a {
	display: block;
	width: 300px;
	height: 167px
}

.cont_ydm li.first_lclp .pic_lclp {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.cont_ydm li.first_lclp .pic_lclp img {
	display: block;
	width: 100%;
	transition: .3s
}

.cont_ydm li.first_lclp .title_lclp {
	height: 40px;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	bottom: 0
}

.cont_ydm li.first_lclp .title_lclp span {
	display: block;
	font-size: 16px;
	line-height: 40px;
	padding: 0 15px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cont_ydm li.first_lclp a:hover .pic_lclp img {
	transform: scale(1.1)
}

.high-business-word {
	width: 300px;
	height: 245px;
	border: 1px #eee solid;
	overflow: hidden;
	position: relative;
	margin-top: 20px
}

.high-business-word ul {
	width: 302px
}

.high-business-word li {
	width: 150px;
	height: 40px;
	border-right: 1px #eee solid;
	border-bottom: 1px #eee solid;
	float: left
}

.high-business-word a {
	display: block;
	position: relative
}

.high-business-word a span {
	display: block;
	padding: 0 5px;
	font-size: 14px;
	line-height: 40px;
	color: #000;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .1s
}

.high-business-word a:hover span {
	background: #eee
}

.high-business-word a img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .1s
}

.high-business-word a:hover img {
	transform: translateX(3px)
}

.high-business-word .breathing {
	width: 10px;
	height: 10px;
	background: url("../images/t019f1a6e3a5611d67b.gif") 0 0 no-repeat;
	position: absolute;
	top: 5px;
	right: 10px
}

.high-business-word .loading {
	text-align: center;
	margin-top: 5px
}

.high-business-word .loading img {
	display: inline-block;
	margin: 0 auto
}

.high-business-word .highlight span {
	color: #f00;
	font-size: 16px
}

.item-recommend-ad {
	width: 300px;
	margin-top: 20px;
	position: relative
}

.item-recommend-ad ul.list {
	background: #f9f9f9;
	padding: 0 4px 4px 4px
}

.item-recommend-ad li.item {
	float: left;
	width: 130px;
	margin: 12px 8px 0 8px
}

.item-recommend-ad a {
	display: block;
	width: 300px;
	overflow: hidden
}

.item-recommend-ad span {
	display: block;
	cursor: pointer
}

.item-recommend-ad span.pic {
	width: 130px;
	height: 130px;
	position: relative
}

.item-recommend-ad span.pic img {
	display: block;
	width: 100%;
	height: 100%
}

.item-recommend-ad span.tit {
	font-size: 13px;
	line-height: 16px;
	margin: 8px 0;
	padding: 0 5px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .1s
}

.item-recommend-ad a:hover span.pic:before {
	display: block;
	content: "";
	width: 130px;
	height: 130px;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)
}

.shoping-access {
	width: 300px;
	margin-top: 20px;
	border: 1px #eee solid;
	overflow: hidden;
	display: none
}

.shoping-access ul.list {
	width: 302px;
	height: 375px;
	overflow: hidden
}

.shoping-access li.item {
	float: left;
	width: 144px;
	padding: 2px 3px 0 3px;
	border-right: 1px #eee solid;
	border-bottom: 1px #eee solid
}

.shoping-access li.item a {
	display: block;
	width: 100%
}

.shoping-access li.item .pic {
	display: block;
	width: 144px;
	height: 144px;
	overflow: hidden
}

.shoping-access li.item .pic img {
	display: block;
	width: 144px;
	height: 144px;
	transition: all .3s
}

.shoping-access li.item .tit {
	display: block;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.shoping-access li.item .tit em {
	display: inline-block;
	width: 22px;
	height: 13px;
	position: relative;
	top: -5px;
	left: 2px
}

.shoping-access li.item .tit em.hot {
	background: url("../images/t018b075dd8c53e2d8c.png")
}

.shoping-access li.item .tit em.new {
	background: url("../images/t01d7d7d8abef302a30.png")
}

.shoping-access li.item a:hover .pic img {
	transform: scale(1.1)
}

.sp-base {
	background-image: url('../images/t01683e8389a46a41c4.png')
}

.sp-base-h-n {
	background-position: -0px -0px;
	width: 33px;
	height: 33px
}

.sp-base-b-n {
	background-position: -0px -33px;
	width: 34px;
	height: 34px
}

.sp-base-w-n {
	background-position: -0px -67px;
	width: 33px;
	height: 34px
}

.sp-base-s-n {
	background-position: -0px -101px;
	width: 34px;
	height: 34px
}

.sp-base-m-n {
	background-position: -0px -135px;
	width: 34px;
	height: 34px
}

.sp-base-j-n {
	background-position: -0px -169px;
	width: 34px;
	height: 34px
}

.sp-base-ha-n {
	background-position: -0px -203px;
	width: 34px;
	height: 34px
}

.sp-base-j {
	background-position: -0px -237px;
	width: 47px;
	height: 46px
}

.sp-base-w {
	background-position: -0px -283px;
	width: 47px;
	height: 46px
}

.sp-base-m {
	background-position: -0px -329px;
	width: 47px;
	height: 46px
}

.sp-base-b {
	background-position: -0px -375px;
	width: 47px;
	height: 46px
}

.sp-base-s {
	background-position: -0px -421px;
	width: 47px;
	height: 46px
}

.sp-base-ha {
	background-position: -0px -467px;
	width: 47px;
	height: 46px
}

.sp-base-h {
	background-position: -0px -513px;
	width: 47px;
	height: 46px
}

.sp-base-border-w {
	background-position: -0px -559px;
	width: 49px;
	height: 49px
}

.sp-base-border-s {
	background-position: -0px -608px;
	width: 49px;
	height: 49px
}

.sp-base-border-m {
	background-position: -0px -657px;
	width: 49px;
	height: 49px
}

.sp-base-border-j {
	background-position: -0px -706px;
	width: 50px;
	height: 49px
}

.sp-base-border-ha {
	background-position: -0px -755px;
	width: 50px;
	height: 49px
}

.sp-base-border-h {
	background-position: -0px -804px;
	width: 50px;
	height: 49px
}

.sp-base-border-b {
	background-position: -0px -853px;
	width: 49px;
	height: 49px
}

.sp-index {
	background-image: url('../images/t016fd0dd22a6c26e2c.png')
}

.sp-index-next {
	background-position: -0px -0px;
	width: 20px;
	height: 11px
}

.sp-index-prev {
	background-position: -0px -11px;
	width: 20px;
	height: 11px
}

.sp-index-play-white {
	background-position: -0px -22px;
	width: 21px;
	height: 18px
}

.sp-index-time {
	background-position: -0px -40px;
	width: 18px;
	height: 18px
}

.sp-index-tag-bg {
	background-position: -0px -58px;
	width: 50px;
	height: 50px
}

.sp-index-tag {
	background-position: -0px -108px;
	width: 49px;
	height: 52px
	
}




















/* 默认样式 */
.moban5 {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.content-box {
    display: flex; /* 使用 flex 布局 */
    align-items: flex-start; /* 垂直居中对齐 */
    justify-content: flex-start;
}

.content-box.no-image .details {
    text-align: left; /* 没有图片时标题靠左显示 */
    margin-left: 0; /* 确保没有额外的空白 */
    padding-left: 0;
    border-left: 5px solid #fff; /* 给标题加上左边框，颜色可以根据需求修改 */
}

.content-box.has-image {
    flex-direction: row; /* 图片和标题并排显示 */
}

.content-box.no-image {
    flex-direction: column; /* 没有图片时标题靠左显示 */
}

.pic {
    margin-right: 15px; /* 图片与标题之间的间距 */
    flex-shrink: 0;
}

.pic img {
    /* width: 150px; */
    /* height: 85px; */
    object-fit: cover; /* 保证图片按比例填充容器 */
    border-radius: 4px;
}

.details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.title {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #333;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.title a {
    text-decoration: none;
    color: inherit;
}

.title a:hover {
    color: #007bff; /* 鼠标悬停时标题颜色变化 */
}

.desc {
    margin-top: 8px;
    color: #777;
    font-size: 14px;
}

.kuaiyan-tags-container {
    margin-top: 5px;
    display: inline-block;
}

.tags {
    color: #007bff;
    font-size: 13px;
    margin-right: 5px;
    transition: color 0.3s ease;
}

.tags:hover {
    color: #0056b3;
    text-decoration: underline;
}