@charset "UTF-8";

.jrtt-ad3,iframe {
	vertical-align: top
}

.channel,.toolbar {
	-webkit-transform: translateZ(0)
}

.container:after,.pic-tip.video-tip:before,.word-list li:before {
	content: ''
}

.article-list .news-inner p,.title-box {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical
}

input {
	border: 0;
	outline: 0
}

.container {
	width: 1000px;
	margin: 0 auto;
	zoom: 1
}

.container:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0
}

.header {
	min-width: 1000px;
	width: 100%;
	height: 48px;
	background-color: #222
}

.header-left {
	height: 48px;
	float: left;
	margin-left: 150px
}

.header-left>li {
	float: left;
	width: 35px;
	margin-left: 30px;
	height: 46px;
	text-align: center;
	line-height: 46px
}

.header-left>li>a {
	color: #ccc;
	display: block;
	height: 46px;
	font-size: 15px
}

.header-left .active,.header-left>li:hover {
	border-bottom: 2px solid #eee
}

.header-left .active>a,.header-left>li:hover>a {
	color: #eee;
	font-size: 16px;
	font-weight: 700
}

.nav-more {
	position: relative
}

.nav-more ol {
	display: none;
	padding-top: 20px;
	padding-right: 32px;
	background-color: #fff;
	border: 1px solid #bbb;
	border-top: 0;
	width: 268px;
	height: 244px;
	position: absolute;
	top: 48px;
	left: -140px;
	z-index: 99
}

.nav-more:hover ol {
	display: block
}

.nav-more ol li {
	width: 35px;
	float: left;
	height: 46px;
	margin-left: 32px;
	margin-bottom: 15px;
	color: #666;
	font-size: 15px;
	text-align: center
}

.nav-more ol li.active,.nav-more ol li:hover {
	height: 44px;
	border-bottom: 2px solid #000;
	font-weight: 700
}

.nav-more ol li.active a,.nav-more ol li:hover a {
	color: #000
}

.nav-more ol li a {
	color: #333
}

.header-right {
	float: right;
	height: 48px;
	position: relative
}

.search-box,.search-iframe {
	width: 206px;
	height: 28px;
	float: left
}

.search-box {
	margin: 10px 0;
	position: relative;
	border: 1px solid #666;
	background-color: #222;
	line-height: 28px;
	border-radius: 14px;
	overflow: hidden
}

.search-iframe {
	margin-top: 8px
}

.search-box input.txt {
	width: 164px;
	border: 0;
	background-color: #222;
	outline: 0;
	height: 26px;
	line-height: 26px;
	text-indent: 14px;
	color: #666
}

.search-box input.txt:focus {
	background-color: #222;
	-webkit-box-shadow: 0 0 0 1000px #222 inset
}

.search-box a.submit {
	position: absolute;
	top: 1px;
	right: 0;
	background: url(../../image/icon_search.png) center center no-repeat;
	height: 28px;
	text-indent: -999px;
	width: 40px;
	cursor: pointer;
	border: 0;
	border-left: 1px solid #666
}

.search-box a.submit:hover {
	background-color: #000
}

.header-right .app-download {
	display: none;
	position: relative;
	float: left;
	height: 18px;
	cursor: pointer;
	margin: 15px 12px 15px 20px;
	padding-right: 20px
}

.header-right .dfh-entry {
	display: none;
	float: left;
	height: 18px;
	margin: 15px 0
}

.index-app-dfh .app-download,.index-app-dfh .dfh-entry {
	display: block
}

.index-app-dfh {
	position: absolute;
	right: 0;
	top: -45px
}

.header-right .app-download span,.header-right .dfh-entry span {
	position: relative;
	display: block;
	width: 83px;
	height: 18px;
	font-size: 11px;
	line-height: 18px;
	text-indent: 21px;
	color: #999
}

.header-right .app-download:hover span,.header-right .dfh-entry:hover span {
	color: #ee4b4c
}

.header-right .app-download span i,.header-right .dfh-entry span i {
	position: absolute;
	display: block;
	width: 21px;
	height: 18px;
	background: url(../../image/detail_sprites.png) -54px -96px no-repeat
}

.header-right .app-download:hover .download-QRcode {
	display: block
}

.header-right .app-download:hover span i {
	background-position: -125px -177px
}

.header-right .dfh-entry span i {
	background-position: -54px -116px
}

.header-right .dfh-entry:hover span i {
	background-position: -85px -116px
}

.header-right .app-download .download-QRcode {
	display: none;
	width: 118px;
	height: 138px;
	z-index: 9999;
	position: absolute;
	left: -17px;
	top: 18px;
	background: url(/assets/images/detail_sprites_v1.png) -118px -8px no-repeat
}

.login-box {
	margin-left: 0;
	margin-top: -3px
}

.header-right .login-box {
	float: left;
	margin-left: 30px
}

.header-right .login-box span.login-btn {
	display: block;
	width: 70px;
	height: 51px;
	cursor: pointer;
	background-color: #d60000;
	line-height: 51px;
	font-size: 13px;
	color: #fff;
	text-align: center
}

.login-box .user-info-top {
	height: 51px;
	width: 135px
}

.login-box .user-info-top .head-img {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 11px 10px
}

.login-box .user-info-top .head-nickname {
	display: block;
	line-height: 50px;
	font-size: 14px;
	float: left;
	color: #999;
	width: 85px;
	height: 51px;
	overflow: hidden;
	white-space: normal;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.login-box .no_btn {
	width: 60px
}

.login-box .no_btn .head_nickname {
	display: block;
	line-height: 25px;
	width: 60px;
	height: 25px;
	color: #333;
	font-size: 14px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.login-box .open-login,.login-box .open-reg {
	border: 0;
	font-size: 14px;
	height: 25px;
	color: #666;
	float: left;
	background: 0 0
}

.login-box .open-login {
	padding-right: 5px
}

.login-box .open-reg {
	padding-left: 5px
}

.login-box i {
	border-left: 1px solid #d8d8d8;
	display: block;
	height: 18px;
	margin-top: 3px;
	width: 0;
	float: left
}

.login-box .user-info-box {
	display: none;
	position: absolute;
	z-index: 9999;
	top: 25px;
	right: 0;
	width: 172px;
	height: 192px;
	background: 0 0
}

#J_nickname,.login-box.log:hover .user-info-box {
	display: block
}

.login-box .user-info {
	margin-top: 23px;
	padding: 25px 10px 10px;
	-webkit-box-shadow: 0 0 5px rgba(51,51,51,.2);
	box-shadow: 0 0 5px rgba(51,51,51,.2);
	background: #fff
}

.login-box.log:hover .head-nickname {
	color: #fff
}

.login-box .user-info img {
	border-radius: 50%;
	width: 64px;
	height: 64px;
	display: block;
	margin: 0 auto
}

#J_nickname {
	text-align: center;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	color: #333;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	width: 152px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.login-box .user-info ul {
	padding-top: 12px;
	height: 15px
}

.login-box .user-info ul a:hover,.login-box .user-info ul li.sign-out:hover {
	color: #ee4c4b
}

.login-box .user-info ul li {
	float: left;
	padding: 0 6px;
	position: relative;
	border-right: 1px solid #eee;
	height: 15px
}

#J_user_news span.red-point,.login-box .user-info span.red-point {
	display: none;
	position: absolute;
	top: -10px;
	left: auto;
	right: -5px;
	width: 13px;
	height: 13px;
	background: url(../../image/red_point.gif) center center no-repeat;
	border: 0
}

#J_user_news span.red-point {
	top: 1px;
	left: 6px
}

.login-box .user-info ul a,.login-box .user-info ul li.sign-out {
	cursor: pointer;
	display: block;
	height: 15px;
	line-height: 15px;
	color: #888;
	font-size: 14px
}

.login-box .user-info ul li.user-news {
	border-right: 0
}

.topbar .download-app,.topbar .user-nav-list>li {
	border-right: 1px solid #3a3a3a
}

.main {
	position: relative
}

.main .bg-wall {
	position: absolute;
	top: -44px;
	width: 335px;
	height: 600px
}

.main .wall-left {
	left: -10px;
	margin-left: -335px;
	background: right top no-repeat
}

.main .wall-right {
	right: -10px;
	margin-right: -335px;
	background: left top no-repeat
}

.index {
	margin-top: 44px
}

.index>.container {
	position: relative
}

.topbar {
	height: 34px;
	line-height: 34px;
	background: #222;
	font-size: 14px;
	color: #fff
}

.topbar .feedback-text,.topbar .tb-link {
	color: #fff;
	padding: 0 10px
}

.topbar .weather-abstract {
	color: #fff
}

.topbar .download-app,.topbar .weather-tool {
	float: left
}

.topbar .user-nav-list>li {
	float: left
}

.topbar .user-nav-list .user-avatar {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid #666
}

.topbar .user-nav-list .user-name {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	max-width: 100px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.4
}

.topbar .user-nav-list .new-article {
	padding: 0 6px;
	background-color: #3a3a3a;
	margin-right: 10px;
	border-right: 0
}

.topbar .user-nav-list .new-article:hover {
	opacity: .9
}

.topbar .user-nav-list .nav-login {
	background-color: #ED4040;
	width: 68px;
	text-align: center
}

.middlebar {
	height: 58px;
	background: #fff;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.12)
}

.middlebar .middlebar-inner {
	margin: 0 auto
}

.middlebar .middlebar-inner .logo-box {
	line-height: 58px;
	overflow: hidden
}

.middlebar .middlebar-inner .logo-box .logo-link {
	display: block
}

.middlebar .middlebar-inner .logo-box .logo-link>img {
	width: 108px;
	height: 27px;
	vertical-align: middle
}

.middlebar .middlebar-inner .chinese-tag {
	font-size: 16px;
	margin-left: 20px;
	line-height: 58px
}

.middlebar .middlebar-inner .chinese-tag a {
	color: #444
}

.middlebar .middlebar-inner .chinese-tag a:hover {
	color: #406599
}

.middlebar .middlebar-inner .chinese-tag a:active {
	color: #444
}

.middlebar .middlebar-inner .chinese-tag span {
	color: #999
}

.middlebar .middlebar-inner .search-wrap {
	width: 340px;
	margin-top: 7px
}

.container .index-channel {
	width: 150px;
	height: 0;
	margin-right: 46px;
	background-color: #fff
}

.container .index-content {
	width: 670px;
	overflow: hidden
}

.listNewstitle {
	display: none;
	position: fixed;
	top: 0;
	z-index: 999;
	width: 670px;
	height: 40px;
	background-color: #fafafa
}

.listNewstitle li {
	width: 72.75px;
	float: left
}

.listNewstitle li .lists-item {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #4a4a4a;
	text-align: center
}

.listNewstitle li.lists-more {
	position: relative;
	width: 88px
}

.listNewstitle li.lists-more .lists-more-layer {
	display: none;
	position: absolute;
	top: 40px;
	bottom: 0;
	width: 100%;
	height: 320px;
	z-index: 30
}

.listNewstitle li.lists-more .lists-more-layer ul.lists-box {
	width: 100%;
	height: auto;
	background-color: #fafafa;
	overflow: hidden
}

.listNewstitle li.lists-more .lists-more-layer ul.lists-box li.nowitem a.lists-item,.listNewstitle li.nowitem a.hove {
	background-color: #ed4040;
	font-size: 16px;
	font-weight: 700;
	color: #fff
}

.listNewstitle li.lists-more .lists-more-layer ul.lists-box li {
	width: 100%
}

.container .index-right-bar,.container .index-right-bar .news-struct #imagindexhover {
	width: 300px
}

.listNewstitle li.lists-more:hover .lists-more-layer {
	display: block
}

.listNewstitle .lists-item:hover {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background-color: #e23535
}

.container .index-right-bar .news-struct {
	height: auto
}

.container .index-right-bar .news-struct .module-fixed {
	position: fixed;
	-webkit-transform: translateZ(0);
	top: 10px
}

.toolbar {
	position: fixed;
	bottom: 36px;
	left: 50%;
	margin-left: 520px
}

.toolbar i {
	vertical-align: middle
}

.channel {
	width: 150px;
	position: absolute;
	top: -92px;
	z-index: 1000;
	background-color: #f8f8f8
}

.channel>a.logo {
	display: block;
	height: 80px;
	background-color: #ed4040
}

.channel>a.logo img {
	width: 150px;
	height: 80px;
	display: block;
	margin: 0 auto
}

.channel>ul {
	display: none
}

.channel .related-header {
	font-size: 24px;
	line-height: 1;
	font-weight: 400;
	color: #333;
	margin-bottom: 16px;
	text-align: center
}

.channel-item {
	display: block;
	position: relative;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #444;
	border-radius: 4px;
	margin-top: 2px;
	-webkit-transition-property: color,background-color;
	-o-transition-property: color,background-color;
	transition-property: color,background-color;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	background-color: #f8f8f8
}

.channel-item span,.channel-item.active i {
	display: inline-block
}

.channel-item span b {
	font-size: 16px;
	padding-bottom: 2px
}

.channel-item:visited span b {
	color: #444;
	font-weight: 700
}

.channel-item.active span b,.channel-item:hover span b {
	color: #ed4040;
	font-weight: 700;
	border-bottom: 2px solid #ed4040
}

.channel-item .toutiao {
	background-position: 0 -10px
}

.channel-item.active .toutiao,.channel-item:hover .toutiao {
	background-position: -20px -10px
}

.channel-item .redian {
	background-position: 0 -50px
}

.channel-item.active .redian,.channel-item:hover .redian {
	background-position: -20px -50px
}

.channel-item .navicon2 {
	background-position: 0 -88px
}

.channel-item.active .navicon2,.channel-item:hover .navicon2 {
	background-position: -20px -88px
}

.channel-item .navicon3 {
	background-position: 0 -128px
}

.channel-item.active .navicon3,.channel-item:hover .navicon3 {
	background-position: -20px -128px
}

.channel-item .navicon4 {
	background-position: 0 -168px
}

.channel-item.active .navicon4,.channel-item:hover .navicon4 {
	background-position: -20px -168px
}

.channel-item .navicon5 {
	background-position: 0 -210px
}

.channel-item.active .navicon5,.channel-item:hover .navicon5 {
	background-position: -20px -210px
}

.channel-item .youxi {
	background-position: 0 -247px
}

.channel-item.active .youxi,.channel-item:hover .youxi {
	background-position: -20px -247px
}

.channel-item .navicon7 {
	background-position: 0 -288px
}

.channel-item.active .navicon7,.channel-item:hover .navicon7 {
	background-position: -20px -288px
}

.channel-item .navicon8 {
	background-position: 0 -329px
}

.channel-item.active .navicon8,.channel-item:hover .navicon8 {
	background-position: -20px -329px
}

.channel-item .navicon9 {
	background-position: 0 -369px
}

.channel-item.active .navicon9,.channel-item:hover .navicon9 {
	background-position: -20px -369px
}

.channel-item .navicon10 {
	background-position: 0 -409px
}

.channel-item.active .navicon10,.channel-item:hover .navicon10 {
	background-position: -20px -409px
}

.channel-item .navicon11 {
	background-position: 0 -488px
}

.channel-item.active .navicon11,.channel-item:hover .navicon1 {
	background-position: -20px -488px
}

.channel-item .navicon12 {
	background-position: 0 -769px
}

.channel-item.active .navicon12,.channel-item:hover .navicon6 {
	background-position: -20px -769px
}
.channel-item .navicon13 {
	background-position: 0 -769px
}

.channel-item.active .navicon13,.channel-item:hover .navicon6 {
	background-position: -20px -809px
}
.channel-item .navicon14 {
	background-position: 0 -809px
}

.channel-item.active .navicon14,.channel-item:hover .navicon6 {
	background-position: -20px -849px
}
.channel-item .navicon15 {
	background-position: 0 -88px
}

.channel-item.active .navicon15,.channel-item:hover .navicon6 {
	background-position: -20px -88px
}
.channel-item .navicon16 {
	background-position: 0 -88px
}
.channel-item.active .navicon16,.channel-item:hover .navicon6 {
	background-position: -20px -128px
}
.channel-item .navicon17 {
	background-position: 0 -128px
}

.channel-item.active .navicon17,.channel-item:hover .navicon6 {
	background-position: -20px -128px
}



.channel-item .more {
	background-position: 2px -449px
}

.channel-item.active .more,.channel-item:hover .more {
	background-position: -18px -449px
}

.channel-item i {
	display: none;
	color: #fff;
	font-size: 14px;
	margin-right: 6px
}

.channel-item i.channel-refresh {
	-webkit-animation: rotating .8s linear 0s infinite;
	animation: rotating .8s linear 0s infinite
}

@-webkit-keyframes rotating {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotating {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.channel-item .nav-icon {
	display: inline-block;
	top: 10px;
	left: 10px;
	width: 20px;
	height: 20px;
	background-image: url(../../image/sy_nav2.png);
	background-repeat: no-repeat;
	margin-bottom: -3px;
	margin-right: 10px
}

.channel-more {
	position: relative;
	color: #444
}

.channel-more:hover .channel-more-layer {
	display: block
}

.channel-more-layer {
	display: none;
	position: absolute;
	bottom: 0;
	left: 150px;
	width: 304px;
	z-index: 30;
	background-color: #fff;
	padding-right: 2px;
	padding-bottom: 2px;
	border: 1px solid #e8e8e8
}

.channel-more-layer .channel-item {
	margin-left: 2px
}

.word-list {
	border-bottom: 1px solid #ececec;
	padding-bottom: 8px
}

.word-list li {
	font-size: 16px;
	width: 100%;
	height: 32px;
	line-height: 32px;
	margin-bottom: 1px;
	position: relative;
	text-indent: 15px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.word-list li a {
	color: #333
}

.word-list li a:hover {
	color: #406599
}

.word-list li:before {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	display: block;
	background-color: #ccc;
	position: absolute;
	top: 13px;
	left: 0
}

.slide,.slide-box {
	width: 670px
}

.slide,.slide-hidden,.word-list .word-list-first:before {
	display: none
}

.word-list .word-list-first {
	text-indent: 47px;
	list-style: none;
	background: url(../../image/wordhot.png) 0 6px no-repeat;
	font-size: 20px;
	color: #333;
	height: 30px;
	line-height: 30px;
	font-weight: 700
}

.slide-box {
	height: 301px;
	position: relative
}

.slide-list-normal {
	position: relative;
	width: 610px;
	height: 300px;
	overflow: hidden;
	background-image: -webkit-gradient(linear,left top, right bottom,from(rgba(0,0,0,.3)),to(#000));
	background-image: -webkit-linear-gradient(top left,rgba(0,0,0,.3),#000);
	background-image: -o-linear-gradient(top left,rgba(0,0,0,.3),#000);
	background-image: linear-gradient(to bottom right,rgba(0,0,0,.3),#000)
}

.slide-list-normal .slide-item-normal {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	z-index: 1
}

.slide-list-normal .slide-item-normal img {
	width: 100%;
	height: 100%
}

.slide-list-normal .slide-item-normal .title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 44px;
	line-height: 44px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding-left: 22px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	background-image: -webkit-gradient(linear,left top, left bottom,color-stop(0, transparent),to(rgba(0,0,0,.8)));
	background-image: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.8) 100%);
	background-image: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.8) 100%);
	background-image: linear-gradient(-180deg,transparent 0,rgba(0,0,0,.8) 100%);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.slide-list-normal .slide-item-active {
	opacity: 1;
	z-index: 10
}

.slide-tab-normal {
	width: 60px;
	height: 286px;
	color: #fff;
	font-size: 14px;
	background-color: #222;
	padding: 7px 0
}

.slide-tab-normal .slide-tab-item-normal {
	position: relative;
	cursor: pointer;
	text-align: center;
	line-height: 36px;
	margin-bottom: 14px
}

.slide-tab-normal .slide-tab-item-active,.slide-tab-normal .slide-tab-item-normal:hover {
	background: #ED4040;
	background: rgba(237,64,64,.8);
	z-index: 11
}

.slide-tab-normal .slide-tab-item-active:before,.slide-tab-normal .slide-tab-item-normal:hover:before {
	content: '';
	position: absolute;
	top: 12px;
	left: -6px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 6px solid #ED4040;
	border-right: 6px solid rgba(237,64,64,.8);
	border-bottom: 6px solid transparent
}

.slide-list {
	position: absolute;
	width: 1340px;
	height: 260px;
	left: 0;
	top: 0;
	overflow: hidden
}

.slide-list .slide-item {
	width: 670px;
	height: 260px;
	float: left
}

.slide-list .slide-item .slide-big {
	position: relative;
	width: 520px;
	height: 260px;
	float: left
}

.slide-list .slide-item .slide-big img {
	width: 100%;
	height: 100%
}

.slide-list .slide-item .slide-big p.title {
	height: 44px;
	line-height: 44px;
	padding-left: 20px;
	font-size: 18px;
	bottom: 0
}

.slide-list .slide-item .slide-small {
	position: relative;
	width: 146px;
	height: 84px;
	float: right;
	margin-bottom: 4px;
	overflow: hidden
}

.slide-list .slide-item .slide-small img {
	width: 100%;
	height: 100%
}

.slide-list .slide-item .slide-small p.title {
	height: 40px;
	line-height: 20px;
	padding: 0 4px;
	font-size: 12px;
	bottom: -20px;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s
}

.slide-list .slide-item .slide-small:hover p.title {
	bottom: 0
}

.slide-list .slide-item .title {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	color: #fff;
	background-image: -webkit-gradient(linear,left top, left bottom,color-stop(0, transparent),to(rgba(0,0,0,.8)));
	background-image: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.8) 100%);
	background-image: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.8) 100%);
	background-image: linear-gradient(-180deg,transparent 0,rgba(0,0,0,.8) 100%);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.slide-tab {
	width: 47px;
	padding: 0 309px;
	height: 6px;
	margin: 15px 0 20px;
	position: absolute;
	bottom: 0
}

.slide-tab .slide-tab-item {
	width: 6px;
	height: 6px;
	background-color: #ddd;
	border-radius: 3px;
	float: left;
	cursor: pointer;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	transition: all ease .5s;
	margin-left: 8px
}

.slide-tab .slide-tab-item.action {
	width: 25px;
	background-color: #ee4b4c
}

.link {
	color: #222
}

.link:visited {
	color: #999
}

.link:visited:hover {
	color: #999!important
}

.link:hover {
	color: #406599
}

.title-box {
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 4px;
	font-weight: 700;
	max-height: 52px;
	display: -webkit-box
}

.img-wrap,.img-wrap>img {
	display: inline-block;
	width: 100%;
	height: 100%
}

.title-box .tag {
	margin: 0 0 5px!important
}

.img-wrap {
	position: relative;
	cursor: pointer;
	text-align: center;
	border: 1px solid #e8e8e8;
	background: #e8e8e8;
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.img-wrap>img {
	vertical-align: middle;
	-webkit-transition: all .5s ease-out .1s;
	-o-transition: all .5s ease-out .1s;
	transition: all .5s ease-out .1s
}

.img-wrap .lazy-load-img[lazy=loading] {
	width: 40px;
	height: 100%;
	margin: auto
}

.img-wrap:hover img {
	-webkit-transform: matrix(1.04,0,0,1.04,0,0);
	-ms-transform: matrix(1.04,0,0,1.04,0,0);
	transform: matrix(1.04,0,0,1.04,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.pic-tip {
	position: absolute;
	right: 8px;
	bottom: 8px;
	padding: 0 6px;
	border-radius: 10px;
	background: #000;
	background: rgba(0,0,0,.7);
	font-style: normal;
	font-size: 12px;
	color: #fff;
	height: 22px;
	line-height: 22px
}

.msg-alert,.msgAlert-place {
	height: 32px
}

.pic-tip.video-tip {
	padding-left: 18px
}

.pic-tip.video-tip:before {
	position: absolute;
	top: 7px;
	left: 8px;
	border-top: 4px solid transparent;
	border-left: 6px solid #fff;
	border-right: 6px solid transparent;
	border-bottom: 4px solid transparent
}

.feed-infinite-wrapper,.msg-alert {
	position: relative
}

.feed-infinite-wrapper .J_ad,.feed-infinite-wrapper .J_qihu_ad {
	display: block
}

.msg-alert {
	line-height: 32px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #60a3f5;
	background-color: rgba(96,163,245,.85);
	z-index: 20;
	-webkit-transition-property: height;
	-o-transition-property: height;
	transition-property: height;
	-webkit-transition-delay: 0;
	-o-transition-delay: 0;
	transition-delay: 0;
	-webkit-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	transition-duration: 1.2s
}

.msg-alert-fixed {
	width: 660px;
	position: fixed;
	-webkit-transform: translateZ(0);
	top: 0;
	margin-top: 0
}

.msg-alert-hidden {
	height: 0
}



.msg-alert span {
	cursor: pointer;
	min-width: 500px;
	display: inline-block
}

.msg-alert i {
	position: absolute;
	top: 9px;
	right: 4px;
	font-size: 15px;
	cursor: pointer;
	z-index: 10
}

.company {
	padding: 15px 20px;
	background-color: #f4f5f6;
	font-size: 12px;
	text-align: left;
	line-height: 30px
}

.company p {
	color: #777
}

.company span {
	display: block;
	color: #777
}

.company a {
	cursor: pointer;
	color: #777;
	font-size: 12px
}

.company img {
	vertical-align: middle;
	margin-right: 1px;
	margin-bottom: 3px
}

.friend-links-content {
	overflow: hidden;
	margin-right: -20px;
	margin-bottom: -20px
}

.friend-links-content .item {
	float: left;
	margin: 0 20px 20px 0
}

.friend-links-content .item a {
	color: #777;
	line-height: 1.4;
	font-size: 14px
}

.article-list .article-item {
	padding: 8px 0;
	border-bottom: 1px solid #e8e8e8
}

.article-list .article-item:first-child {
	padding-top: 0
}

.article-list .article-item:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.article-list .news-link {
	display: block;
	overflow: hidden
}

.article-list .news-pic {
	width: 107px;
	height: 60px;
	margin-right: 12px;
	float: left;
	text-align: center
}

.article-list .news-inner {
	height: 60px;
	display: table-cell;
	vertical-align: middle
}

.article-list .news-inner p {
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px;
	max-height: 40px;
	display: -webkit-box
}

.more-items-content {
	overflow: hidden;
	margin-right: -20px;
	margin-bottom: -20px
}

.more-items-content .item {
	float: left;
	margin: 0 20px 20px 0
}

.more-items-content .item a {
	color: #777;
	line-height: 1.4;
	font-size: 14px
}

.report {
	display: block;
	padding: 12px 22px;
	background-color: #F4F5F6;
	margin: 16px 0
}

.report .img-holder {
	width: 57px;
	height: 50px
}

.report .img-holder>img {
	width: 100%;
	height: 100%
}

.report .info {
	margin-top: 4px;
	margin-left: 15px;
	line-height: 1
}

.report .info .title {
	font-size: 18px;
	color: #222;
	margin-bottom: 8px
}

.report .info .tel {
	font-size: 14px;
	color: #777
}

.action-dislike {
	position: relative;
	color: transparent;
	cursor: pointer;
	width: 0;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding-right: 20px;
	padding-left: 8px;
	-webkit-transition: width .3s ease;
	-o-transition: width .3s ease;
	transition: width .3s ease;
	white-space: nowrap;
	z-index: 2;
	text-indent: 999em
}

.action-dislike>i {
	position: absolute;
	top: 2px;
	right: 0
}

.action-dislike:hover {
	background-color: #f85959;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	width: 44px;
	text-indent: 0
}

.action-dislike:hover i {
	color: #fff!important
}

.tag-style-default {
	border-color: #87a5b5!important;
	color: #87a5b5!important
}

.tag-style-shehui {
	border-color: #41baad!important;
	color: #41baad!important
}

.tag-style-yule {
	border-color: #b46aff!important;
	color: #b46aff!important
}

.tag-style-tiyu {
	border-color: #55c167!important;
	color: #55c167!important
}

.tag-style-qiche {
	border-color: #539db8!important;
	color: #539db8!important
}

.tag-style-hot {
	border-color: #ED4040!important;
	color: #ED4040!important
}

.tag-style-soutop {
	display: inline-block!important;
	line-height: 17px!important;
	border-radius: 2px;
	text-align: center;
	width: 33px;
	height: 17px;
	border-color: #ED4040!important;
	color: #fff!important;
	background-color: #ED4040
}

.tag-style-video {
	border-color: #FF7920!important;
	color: #FF7920!important
}

.tag-style-image {
	border-color: #FFAE02!important;
	color: #FFAE02!important
}

.tag-style-society {
	border-color: #41BAAD!important;
	color: #41BAAD!important
}

.tag-style-car {
	border-color: #539DB8!important;
	color: #539DB8!important
}

.tag-style-sport {
	border-color: #55C167!important;
	color: #55C167!important
}

.tag-style-finance {
	border-color: #B5743A!important;
	color: #B5743A!important
}

.tag-style-technology {
	border-color: #60A3F5!important;
	color: #60A3F5!important
}

.tag-style-entertainment {
	border-color: #B46AFF!important;
	color: #B46AFF!important
}

.tag-style-other {
	border-color: #87A5B5!important;
	color: #87A5B5!important
}

.avatar-style-0 {
	background-color: #ff9090!important
}

.avatar-style-1 {
	background-color: #90ccff!important
}

.avatar-style-2 {
	background-color: #bfa1d0!important
}

.avatar-style-3 {
	background-color: #80c184!important
}

.avatar-style-4 {
	background-color: #e7ad90!important
}

.avatar-style-5 {
	background-color: #ccc!important
}

.footer-bar {
	font-size: 12px;
	color: #999;
	margin-top: 10px
}

.footer-bar-left {
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	line-height: 20px
}

.footer-bar-action {
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	vertical-align: middle
}

.footer-bar-action.source {
	color: #777;
	font-size: 14px;
	cursor: default
}

.footer-bar-action.media-avatar {
	color: #fff;
	margin-right: 2px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	border-radius: 50%;
	background-color: #eee;
	overflow: hidden;
	cursor: default
}

.footer-bar-action.media-avatar>img {
	width: 100%;
	height: 100%
}

.footer-bar-action.media-avatar>img[lazy=loading] {
	width: 10px;
	height: 100%;
	margin: auto
}

.footer-bar-action.tag {
	font-size: 12px;
	color: #eee;
	margin-right: 10px;
	padding: 1px 2px;
	border: 1px solid #eee;
	cursor: default
}

.footer-bar-action.hot {
	font-size: 14px;
	color: #ed4040;
	margin-left: 8px
}

.footer-bar-action.recommend {
	font-size: 12px;
	color: #2a90d7;
	border: 1px solid #2a90d7;
	padding: 1px 2px;
	margin-left: 8px
}

.more-mode,.no-mode,.single-mode,.ugc-mode {
	padding: 10px 0;
	border-bottom: 1px solid #e8e8e8;
	position: relative
}

.footer-bar-action.ad {
	font-size: 14px;
	color: #2a90d7;
	margin-left: 8px
}

.more-mode .img-list {
	position: relative;
	margin: 10px 0 10px -9px
}

.more-mode .img-item {
	float: left;
	width: 156px;
	height: 87px;
	margin-left: 9px
}

.more-mode .img-more {
	line-height: 87px;
	text-align: center;
	color: #999;
	font-size: 14px
}

.more-mode .img-item.first-child {
	margin-left: 0
}

.more-mode .more-info {
	display: inline-block;
	width: 88px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
	font-size: 14px;
	color: #406599;
	margin-top: 36px
}

.single-mode-rbox:before,.ugc-mode-rbox:before {
	font-size: 0;
	visibility: hidden;
	content: ''
}

.refresh-mode {
	-webkit-transition: background-color .3s linear 0s;
	-o-transition: background-color .3s linear 0s;
	transition: background-color .3s linear 0s
}

.single-mode {
	height: 90px
}

.single-mode-lbox {
	width: 156px;
	height: 87px;
	margin-right: 16px
}

.single-mode-lbox a {
	width: 156px;
	height: 87px;
	display: block
}

.single-mode-rbox-inner,.single-mode-rbox:before,.ugc-mode-rbox-inner,.ugc-mode-rbox:before {
	display: inline-block;
	vertical-align: middle
}

.single-mode-rbox {
	height: 100%;
	overflow: hidden
}

.single-mode-rbox:before {
	width: 0;
	height: 100%
}

.single-mode-rbox-inner {
	width: 99%
}

.ugc-mode-lbox {
	position: relative;
	width: 158px;
	height: 158px;
	margin-right: 16px
}

.ugc-mode-rbox {
	height: 100%;
	overflow: hidden
}

.ugc-mode-rbox:before {
	width: 0;
	height: 100%
}

.ugc-mode-rbox-inner {
	width: 100%
}

.ugc-mode-user {
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 6px
}

.ugc-mode-user .ugc-avatar {
	float: left;
	width: 46px;
	height: 46px;
	margin-right: 8px;
	border-radius: 50%;
	overflow: hidden;
	background: #e8e8e8;
	text-align: center
}

.ugc-mode-user .ugc-avatar>img {
	width: 100%;
	height: 100%
}

.ugc-mode-user .ugc-avatar>img[lazy=loading] {
	width: 20px;
	height: 100%;
	margin: auto
}

.ugc-mode-user .ugc-desc {
	overflow: hidden
}

.ugc-mode-user .ugc-desc .ugc-name {
	display: block;
	font-size: 18px;
	line-height: 1;
	color: #222;
	margin: 3px 0 6px
}

.feedback .email,.feedback .label {
	margin-bottom: 5px
}

.ugc-mode-user .ugc-desc .ugc-name span {
	display: inline-block;
	vertical-align: middle
}

.ugc-mode-user .ugc-desc .ugc-name span:hover {
	color: #406599
}

.ugc-mode-user .ugc-desc .ugc-meta {
	line-height: 1;
	font-size: 0;
	color: #777
}

.ugc-mode-user .ugc-desc .ugc-meta span {
	font-size: 14px
}

.ugc-mode-content {
	font-size: 14px;
	color: #222;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: 57px;
	overflow: hidden
}

.picture-list .picture-item p,.video-list .video-item dl dd h4 {
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}

.ugc-mode-content a {
	color: #222
}

.ugc-mode-content a:hover {
	color: #406599
}

.ugc-mode-footer {
	margin-top: 10px
}

.ugc-mode-footer-left {
	display: inline-block;
	font-size: 0;
	line-height: 20px
}

.ugc-mode-action {
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	vertical-align: middle
}

.ugc-mode-action.source {
	color: #777;
	font-size: 14px
}

.ugc-mode-action.source:hover {
	color: #406599
}

.feedback .label {
	color: #333
}

.feedback .email,.feedback .text {
	border-radius: 4px;
	border: 1px solid #d7d7d7;
	color: #5e5e5e;
	width: 100%;
	outline: 0;
	padding: 5px 10px;
	resize: none
}

.feedback .text {
	height: 100px
}

.picture-list {
	width: 300px;
	margin-right: -12px;
	margin-bottom: -16px
}

.picture-list .picture-item {
	margin-right: 12px;
	margin-bottom: 16px;
	width: 135px
}

.picture-list .picture-item-a {
	margin: 0;
	display: block!important
}

.picture-list .picture-item p {
	margin-top: 6px;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 18px;
	height: 36px;
	display: -webkit-box
}

.picture-list .picture-img {
	position: relative;
	width: 135px;
	height: 79px
}

.video-list .video-item {
	width: 130px;
	height: 123px;
	padding-bottom: 18px
}

.video-list .video-item dl {
	overflow: hidden
}

.video-list .video-item dl dt {
	position: relative;
	float: right;
	width: 100%;
	height: 80px;
	overflow: hidden;
	margin-bottom: 7px
}

.video-list .video-item dl dt img {
	width: 100%;
	height: 100%
}

.video-list .video-item dl dt .video-tag {
	padding-left: 16px
}

.video-list .video-item dl dt .video-tag:before {
	content: '';
	position: absolute;
	right: 16px;
	border-top: 4px solid transparent;
	border-left: 6px solid #fff;
	border-right: 6px solid transparent;
	border-bottom: 4px solid transparent;
	top: 6px;
	left: 8px
}

.pane-module,.special-news {
	border-top: 2px solid #ed4040
}

.video-list .video-item dl dd {
	display: table;
	overflow: hidden;
	height: 100%
}

.video-list .video-item dl dd .cell {
	display: table-cell;
	vertical-align: middle
}

.video-list .video-item dl dd h4 {
	font-size: 14px;
	line-height: 18px;
	max-height: 36px;
	width: 100%;
	display: -webkit-box
}

.video-list .video-item dl dd p {
	padding-top: 10px;
	color: #999
}

.special-news {
	padding: 0 10px;
	background-color: #f4f5f6;
	margin-bottom: 20px
}

.special-news .special-head {
	background: url('/moban5/assets/img/ttzl.png')left center no-repeat;
	height: 30px;
	padding: 15px 0
}

.special-news .special-hot {
	width: 280px;
	height: 120px;
	border-bottom: 1px dashed #ddd
}

.special-news .special-hot .special-hot-item {
	width: 130px;
	height: 115px;
	overflow: hidden
}

.special-news .special-hot .special-hot-item img {
	width: 100%;
	height: 100%;
	-webkit-transition: all ease 1s;
	-o-transition: all ease 1s;
	transition: all ease 1s
}

.special-news .special-hot .special-hot-item:hover img {
	-webkit-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05)
}

.special-news .special-hot .special-hot-item .special-box {
	display: block;
	width: 100%;
	height: 74px;
	overflow: hidden
}

.special-news .special-hot .special-hot-item p {
	width: 100%;
	margin-top: 4px;
	line-height: 18px
}

.special-news .special-hot .special-hot-item p b {
	color: #dbdbdb;
	padding: 0 5px
}

.special-news .special-hot .special-hot-item p a {
	color: #333;
	font-size: 14px
}

.special-news .special-hot .special-hot-item p a:hover {
	color: #406599
}

.special-news .special-list {
	padding: 15px 0 25px
}

.special-news .special-list li {
	height: 24px;
	line-height: 24px;
	width: 100%;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.special-news .special-list li b {
	font-size: 12px;
	color: #dbdbdb;
	padding: 0 3px
}

.special-news .special-list li a {
	font-size: 14px;
	color: #333
}

.special-news .special-list li a:hover {
	color: #406599
}

.pane-module {
	width: 280px;
	background-color: #f4f5f6;
	margin-bottom: 16px;
	padding: 15px 10px 20px;
	overflow: hidden
}

.pane-module .module-head {
	color: #222;
	padding: 0;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 700
}

.pane-module .module-head a:visited {
	color: #222
}

.pane-module .module-head a:hover {
	color: #406599
}

.pane-module .module-title {
	color: #222;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease
}

.pane-module .module-title:hover {
	color: #406599
}

.pane-module .module-pic {
	overflow: hidden;
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	display: inline-block;
	text-align: center;
	background: #e8e8e8
}

.pane-module .module-pic img {
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s ease-out .1s;
	-o-transition: all .5s ease-out .1s;
	transition: all .5s ease-out .1s;
	margin: 0 auto
}

.pane-module .module-pic:hover img {
	-webkit-transform: matrix(1.05,0,0,1.05,0,0);
	-ms-transform: matrix(1.05,0,0,1.05,0,0);
	transform: matrix(1.05,0,0,1.05,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.pane-module .module-tag {
	position: absolute;
	left: 5px;
	bottom: 2px;
	padding: 0 6px;
	border-radius: 10px;
	background: #000;
	background: rgba(0,0,0,.7)
}

.pane-module .module-tag span {
	line-height: 20px;
	font-size: 12px;
	color: #fff
}

.swiper-slide {
	width: 300px;
	margin-bottom: 16px
}

.swiper-slide img {
	width: 300px
}

.search-wrap {
	position: relative;
	z-index: 1;
	height: 44px
}

.search-wrap .tt-input-group__append {
	border: 1px solid #208eda;
	background-color: #208eda;
	color: #fff;
	display: block;
	float: right;
	position: absolute;
	right: 0;
	width: 40px;
	padding: 0 18px;
	top: 0;
	height: 42px;
	-webkit-transition: border-color .3s linear 0s,background-color .3s linear 0s;
	-o-transition: border-color .3s linear 0s,background-color .3s linear 0s;
	transition: border-color .3s linear 0s,background-color .3s linear 0s
}

.search-wrap .tt-input-group__append:hover {
	background-color: #1474b6;
	border-color: #1474b6
}

.tt-input-group__append .tt-button {
	height: 42px;
	border: 0;
	color: #fff;
	line-height: 42px;
	padding: 0 15px;
	margin-top: 0
}

.search-wrap .tt-input__inner {
	height: 22px;
	width: 240px;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-transition: border-color .3s linear 0s;
	-o-transition: border-color .3s linear 0s;
	transition: border-color .3s linear 0s
}

.search-wrap .tt-input__inner:focus,.search-wrap .tt-input__inner:hover {
	border-color: #369be1
}

.toolbar .tool-item {
	width: 40px;
	line-height: 40px;
	text-align: center;
	background: #f97a7a;
	cursor: pointer;
	margin-bottom: 2px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.toolbar .tool-item a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f97a7a;
	color: #fff;
	font-size: 16px;
	-webkit-transition: background-color .3s linear 0s;
	-o-transition: background-color .3s linear 0s;
	transition: background-color .3s linear 0s
}

.toolbar .tool-item a:hover {
	background-color: #ed4040
}

.toolbar .tool-item a.tool_erm {
	position: relative;
	display: block;
	height: 40px;
	background: url(../../image/erm_normal.png) center center no-repeat
}

#loading-pulse,.p-links-o {
	
}

.toolbar .tool-item a.tool_erm .bui-erm {
	opacity: 0;
	width: 0;
	height: 0;
	background: url(../../image/erm_index.png) center center no-repeat;
	position: absolute;
	right: 30px;
	top: 0;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}

.toolbar .tool-item a.tool_erm:hover {
	background-image: url(../../image/erm_hover.png)
}

.toolbar .tool-item a.tool_erm:hover .bui-erm {
	opacity: 1;
	width: 138px;
	height: 158px;
	right: 44px;
	top: -58px
}

.refresh-mode {
	position: relative;
	text-align: center;
	font-size: 14px;
	color: #2A90D7;
	height: 32px;
	line-height: 32px;
	background: rgba(41,144,215,.08);
	border: 1px solid #2a90d7;
	border-radius: 4px;
	cursor: pointer
}

.refresh-mode:before {
	position: absolute;
	top: -2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #fff
}

.refresh-mode:hover {
	background: rgba(41,144,215,.2)
}

.jrtt-ad1,.jrtt-ad11 {
	margin-bottom: 16px;
	background-color: #F4F5F6;
	vertical-align: top
}

.jrtt-ad3 {
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
	position: relative
}

.jrtt-ad3 span {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 20px;
	color: #ddd
}

.news-struct1 .news-struct2.fixed {
	position: fixed;
	-webkit-transform: translateZ(0);
	top: 0
}

.video-tag-l {
	position: absolute;
	right: 8px;
	bottom: 8px;
	padding: 0 6px 0 16px;
	border-radius: 10px;
	background: #000;
	background: rgba(0,0,0,.7)
}

.video-tag-l:before {
	content: '';
	position: absolute;
	right: 16px;
	border-top: 4px solid transparent;
	border-left: 6px solid #fff;
	border-right: 6px solid transparent;
	border-bottom: 4px solid transparent;
	top: 6px;
	left: 8px
}

.video-tag-l span {
	line-height: 20px;
	font-size: 12px;
	color: #fff
}

.p-links-o {
	width: 660px;
	float: left;
	height: 0;
	position: relative;
	top: -38px
}

.p-links {
	font-size: 0;
	background-color: #fff;
	padding-left: 176px
}

.p-links a {
	margin-right: 19px;
	line-height: 38px;
	font-size: 16px
}

.p-links a.active {
	color: #ed4040
}



.p-links .act {
	color: #ed4040
}

#data-list li {
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear
}

#data-list li:hover {
	background-color: #f0f0f0
}

input[type=password]:focus,input[type=text]:focus,textarea:focus {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

#jrtt-ad-right3,#jrtt-ad-right5 {
	overflow: hidden
}

.all-ad {
	font-size: 0
}

@media screen and (min-width:1280px) {
	.main .bg-wall {
		top: -20px
	}

	.main .wall-left {
		left: 0
	}

	.main .wall-right {
		right: 0
	}

	.channel {
		position: fixed;
		top: 0
	}

	.listNewstitle {
		display: none
	}

	.channel>ul,.header-right .app-download,.header-right .dfh-entry {
		display: block
	}

	.container {
		width: 1170px
	}

	.container .index-channel {
		margin-right: 25px;
		height: 600px
	}

	.header-left,.index-app-dfh .app-download,.index-app-dfh .dfh-entry {
		display: none
	}

	.header-right .login-box {
		margin-left: 10px
	}

	.index {
		margin-top: 20px
	}

	.toolbar {
		margin-left: 605px
	}

	.p-links-o {
		top: 0;
		height: 38px
	}

	.p-links {
		padding-left: 0
	}
}

@media screen and (min-width:1366px) {
	.container {
		width: 1220px
	}

	.channel>ul {
		display: block
	}

	.container .index-channel {
		height: 600px;
		margin-right: 30px
	}

	.search-box {
		width: 242px
	}

	.search-box input.txt {
		width: 197px
	}

	.video-list .video-item {
		width: 140px
	}

	.container .index-right-bar,.container .index-right-bar .news-struct #imagindexhover {
		width: 340px
	}

	#rightModule{
		    margin-top: 8px;
	}
	
	.special-news {
		padding: 0 20px
	}

	.special-news .special-hot {
		width: 300px
	}

	.special-news .special-hot .special-hot-item {
		width: 140px
	}

	.pane-module {
		width: 300px;
		padding: 15px 20px 20px
	}

	.jrtt-ad1,.jrtt-ad11 {
		padding: 20px
	}

	.picture-list {
		width: 315px
	}

	.picture-list .picture-item {
		width: 144px
	}

	.picture-list .picture-img {
		width: 144px;
		height: 84px
	}

	.toolbar {
		margin-left: 630px
	}

	.p-links {
		padding-left: 0;
		width: 700px
	}

	#jrtt-ad-right3 iframe,#jrtt-ad-right5 iframe {
		margin-left: 0
	}

	.swiper-slide {
		width: 340px;
		margin-bottom: 16px
	}

	.swiper-slide img {
		width: 340px
	}
}

@media screen and (min-width:1440px) {
	.container {
		width: 1240px
	}

	.channel,.container .index-channel {
		width: 160px
	}

	.container .index-channel {
		margin-right: 35px
	}

	.toolbar {
		margin-left: 640px
	}
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 9999px;
	height: 999999px;
	z-index: 99999;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
	zoom: 1;
	background-color: rgba(0,0,0,.3)
}

.mask .container {
	width: 320px;
	margin: 0 auto
}

.mask form {
	width: 490px;
	height: 478px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -240px;
	margin-top: -220px;
	background: #fff;
	border-radius: 5px
}

.mask form .close_login {
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 9;
	cursor: pointer;
	right: 10px;
	top: 8px;
	background: url(/assets/images/close_sp.png) 0 11px no-repeat
}

#J_comment_mobal_box,#J_detail_modal_box,#J_dfh_modal_box,#J_modal_box,#J_user_modal_box {
	width: auto;
	padding: 10px 35px 10px 95px;
	height: 35px;
	line-height: 35px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -120px;
	margin-top: -25px;
	font-size: 18px;
	font-weight: 700;
	border-radius: 4px;
	display: none;
	color: #666;
	z-index: 99999999;
	background-color: #f5f5f5;
	background-image: url(/assets/images/user_center.png);
	background-repeat: no-repeat;
	border: 1px solid #ccc
}

.modal_box_success {
	background-position: 28px -510px
}

.modal_box_error {
	background-position: 28px -465px
}

.mask .form-title {
	height: 52px;
	border-bottom: 1px solid #e5e5e5;
	-webkit-box-shadow: 0 1px 2px -1px #999;
	box-shadow: 0 1px 2px -1px #999;
	position: relative
}

.mask .form-title a {
	display: block;
	width: 50%;
	float: left;
	height: 52px;
	text-align: center;
	line-height: 52px;
	font-size: 18px;
	color: #888
}

.mask .form-title a.action {
	color: #ee4b4b;
	font-weight: 700
}

.mask .form-title div.bor_bot {
	position: absolute;
	bottom: -1px;
	left: 126px;
	border-bottom: 3px solid #ee4b4b;
	width: 68px
}

.mask .acc-pwd-box {
	width: 320px;
	height: 230px;
	padding-top: 31px;
	margin: 0 auto;
	display: none
}

.mask label {
	position: relative;
	display: block
}

.mask input.account_number,.mask input.pwd {
	width: 278px;
	height: 40px;
	border: 1px solid #bbb;
	padding-left: 40px;
	font-size: 12px;
	color: #bbb;
	border-radius: 2px;
	line-height: 40px
}

.mask input.account_number::-webkit-input-placeholder,.mask input.pwd::-webkit-input-placeholder {
	color: #bbb
}

.mask input.account_number:focus,.mask input.pwd:focus {
	border-color: #339aff
}

.mask .error {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #ff605d;
	width: 100%
}

.mask .acc-pwd-box label span {
	right: 5px;
	top: 2px;
	display: block;
	height: 15px;
	width: 15px;
	line-height: 15px;
	text-align: center
}

.mask .acc-pwd-box .login {
	width: 320px;
	border-radius: 2px;
	background-color: #e94744;
	line-height: 40px;
	height: 40px;
	font-size: 18px;
	-webkit-box-shadow: 0 0 1px #ad3434;
	box-shadow: 0 0 1px #ad3434;
	border: 0;
	color: #fff;
	margin-top: 30px
}

.mask .acc-pwd-box .login:hover {
	background-color: #ff605d
}

.mask .acc-pwd-box button.disable,.mask .phone-code-box button.disable {
	background: url(/assets/images/350.gif) 148px 8px no-repeat #ff605d
}

.mask .acc-pwd-box .forget_pwd {
	display: block;
	text-align: center;
	height: 44px;
	font-size: 14px;
	color: #999;
	line-height: 44px
}

.mask .acc-pwd-box .forget_pwd:hover {
	color: #ee4b4b
}

.mask form .checkbox {
	width: 320px;
	margin: 0 auto;
	height: 20px
}

.mask .checkbox .agreement,.mask .checkbox .keep_30 {
	display: block;
	width: auto;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #777
}

.mask .checkbox i {
	float: left;
	display: inline-block;
	width: 25px;
	height: 20px;
	background: url(/assets/images/login.png) -10px -277px no-repeat
}

.mask .checkbox .agreement a {
	color: #777;
	font-size: 12px
}

.mask .checkbox .agreement a:hover {
	color: #f44b50
}

.mask .checkbox i.action {
	background-position: -8px -307px
}

.mask .other-login-title {
	width: 320px;
	height: 10px;
	margin: 15px auto 10px;
	border-top: 1px solid #e5e5e5
}

.mask .other-login-title span {
	display: block;
	margin: -10px auto 0;
	width: 100px;
	color: #666;
	font-size: 14px;
	padding: 0 15px;
	background: #fff;
	text-align: center
}

.mask .other-login-box {
	width: 285px;
	margin: 0 auto
}

.mask .other-login-box a {
	display: block;
	float: left;
	width: 41px;
	height: 41px;
	margin: 0 27px;
	background: url(/assets/images/login.png) no-repeat
}

#QQ {
	background-position: -10px -10px
}

#wechat {
	background-position: -10px -64px
}

#weibo {
	background-position: -10px -118px
}

.phone-code-box {
	width: 328px;
	height: 270px;
	margin: 0 auto;
	padding-top: 31px
}

.phone-code-box .phone-box {
	display: block;
	width: 326px;
	height: 40px;
	border: 1px solid #bbb
}

.phone-code-box .img_code_icon {
	margin-bottom: 30px;
	position: relative
}

.phone-code-box .img_code_icon .get-image-code {
	position: absolute;
	right: -45px;
	top: 10px;
	color: #53abee;
	cursor: pointer
}

.phone-code-box .phone-box .image-number,.phone-code-box .phone-box .phone-number {
	display: block;
	width: 177px;
	height: 40px;
	padding-left: 40px;
	font-size: 12px;
	line-height: 40px;
	color: #bbb;
	float: left;
	border-radius: 2px;
	border: 0
}

.mask label i {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	left: 1px;
	top: 0;
	background: url(/assets/images/login.png) no-repeat
}

.mask label.acc_icon i {
	background-position: 0 -236px
}

.mask label.pwd_icon i {
	background-position: 0 -201px
}

.mask label.phone_number_icon i {
	background-position: -26px -162px
}

.mask label.text_code_icon i {
	background-position: 0 -201px;
	filter: alpha(opacity=100)
}

.mask label.img_code_icon i {
	background-position: -29px -191px;
	filter: alpha(opacity=100)
}

.mask label.bind_phone_icon i {
	background-position: -26px -162px
}

.mask label.bind_code_icon i {
	background-position: 0 -201px;
	filter: alpha(opacity=100)
}

.mask label.img_code_icon img {
	width: 108px;
	max-height: 40px;
	border: 0
}

.phone-code-box .phone-box strong {
	display: block;
	float: left;
	height: 20px;
	margin-top: 10px;
	width: 0;
	border-left: 1px solid #bbb
}

.phone-code-box .phone-box .send-code {
	display: block;
	float: left;
	width: 108px;
	height: 40px;
	border: 0;
	font-size: 14px;
	color: #999;
	background: #fff
}

.phone-code-box input.phone-code {
	width: 286px;
	height: 40px;
	border: 1px solid #bbb;
	padding-left: 40px;
	font-size: 12px;
	line-height: 40px;
	color: #bbb;
	border-radius: 2px
}

.img_code_icon input.image-number::-webkit-input-placeholder,.phone-box input.phone-number::-webkit-input-placeholder,.phone-code-box input.phone-code::-webkit-input-placeholder {
	color: #bbb
}

.phone-code-box .phone-code:focus {
	border-color: #1e8df4
}

.phone-code-box .prompt {
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #999;
	font-size: 14px
}

.phone-code-box .phone-login {
	display: block;
	width: 328px;
	border-radius: 2px;
	background: #e94744;
	line-height: 40px;
	height: 40px;
	font-size: 18px;
	-webkit-box-shadow: 0 0 1px #ad3434;
	box-shadow: 0 0 1px #ad3434;
	border: 0;
	color: #fff;
	margin: 3px 0 7px
}

.phone-code-box .phone-login:hover {
	background: #ff605d
}

.phone-code-box .switch {
	height: 20px;
	line-height: 20px;
	color: #ff0922;
	font-size: 14px;
	text-align: center;
	margin-bottom: 20px
}

form.bind-form {
	height: 380px;
	margin-top: -150px;
	display: none
}

form.bind-form .bind-title {
	height: 55px;
	line-height: 55px;
	text-align: left;
	padding-left: 30px;
	font-size: 20px;
	color: #666;
	border-bottom: 1px solid #eee;
	-webkit-box-shadow: 0 1px 2px -1px #999;
	box-shadow: 0 1px 2px -1px #999
}

.bind-form button.phone-login {
	margin-top: 25px
}

.oh {
	overflow: hidden;
	overflow-y: hidden
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

.nomore{
	height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
}