/* 焦点图css */



.fullSlide {

	width: 100%;

	position: relative;

	height: 250px;

	margin-bottom: 60px;

}



.fullSlide .bd {

	margin: 0 auto;

	position: relative;

	z-index: 0;

	overflow: hidden;

	background:#f6f7fb;

}



.fullSlide .bd ul {

	width: 100% !important;

}



.fullSlide .bd li {

	width: 100% !important;

	height: 250px;

	overflow: hidden;

	text-align: center;

	background-position: center;

}



.fullSlide .bd li a {

	display: block;

	height: 250px;

}



.fullSlide .hd {

	width: 100%;

	position: absolute;

	z-index: 1;

	bottom: -40px;

	left: 0;

	height: 30px;

	line-height: 30px;

}



.fullSlide .hd ul {

	text-align: center;

}



.fullSlide .hd ul li {

	cursor: pointer;

	display: inline-block;

	*display: inline;

	zoom: 1;

	width: 30px;

	height: 8px;

	margin: 0px 5px;

	overflow: hidden;

	background: #e9e9e9;

}



.fullSlide .hd ul .on {

	background: #fc3600;

	height: 10px;

}



.fullSlide .prev,

.fullSlide .next {

	display: block;

	position: absolute;

	z-index: 1;

	top: 50%;

	margin-top: -30px;

	left: 15%;

	z-index: 1;

	width: 60px;

	height: 60px;

	background: url("../images/home.png") no-repeat;

	cursor: pointer;

	display: none;

}



.fullSlide .prev {

	background-position: 0 -1183px;

}



.fullSlide .next {

	left: auto;

	right: 15%;

	background-position: 0 -1807px;

}







.feed-list .list {

	margin: -10px -8px 10px -7px;

	font-size: 0

}

.left001
 {
	width: 948px;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.right001
 {
	width: 250px;
	float: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/*2222*/
.feed-list .feed1 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 280px;
	height: 355px;
	font-size: 12px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
 
	background-color: #FFFFFF;
	border-radius: 0px;
 
}



.feed-list .feed1 .hj-emoji {

	vertical-align: text-bottom;

	width: 14px

}



.feed-list .feed1 .link {

	display: block;

	text-decoration: none;

	height: 100%

}



.feed-list .feed1 .link:hover {

border-radius: 0px;
 }



.feed-list .feed1 .link:hover:before {

	content: '';

	position: absolute;

	display: block;

	width:100%;
	height: 355px;
	border-radius: 0px;

 

	top: 0;

	left: 0;

	z-index: 1;
 
	background: url(../images/play.png) center 55% no-repeat;

	background-color: rgba(0,0,0,0.2);
 

}



.feed-list .feed1 .screenshot {
	width: 100%;
	height: 355px;
	display: block;
	border-radius: 1px;

}



.feed-list .feed1 .user {
	position: relative;
	height: 40px;
	width: 100%;
	z-index: 2;
	margin-top: -80px;
	line-height: 40px;
	padding-top: 40px;
	white-space: nowrap;
	overflow: hidden;
	color: #FFFFFF;
	background-image: url(../images/user_bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}



.feed-list .feed1 .user .avatar {

	width: 38px;

	height: 38px;

	margin: -5px 3px 0 5px;

	border-radius: 100%;

	border: 1px solid #eee;

	display: inline-block;

	vertical-align: top

}



.feed-list .feed1 .user .username {

	color: #fff;

	margin: 0 3px;

	display: inline-block;

	vertical-align: top;

	overflow: hidden;

	text-overflow: ellipsis

}



.feed-list .feed1 .title {

	margin: 7px 5px auto 5px;

	line-height: 20px;

	text-align: center;

	font-size: 13px

}



.feed-list .feed1 .comment {

	height: 36px;

	position: relative;

	border: 1px solid #e5e5e5;

	background: #eee;

	color: #313131;

	line-height: 18px;

	padding: 7px 5px;

	margin-top: 13px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center

}



.feed-list .feed1 .comment .comment-inner {

	max-height: 100%;

	overflow: hidden;

	text-overflow: ellipsis

}



.feed-list .feed1 .comment em {

	font-style: normal;

	color: #ff9624

}



.feed-list .feed1 .comment:after {

	content: '';

	position: absolute;

	top: -10px;

	left: 16px;

	width: 17px;

	height: 11px;

	background: url(../images/comment.png)

}



.feed-list .feed1:before {

	position: absolute;

	display: block;

	width: 50px;

	height: 20px;

	color: #fff;

	text-align: center;

	line-height: 20px;

	right: 0;

	top: 0;

	z-index: 3

}



.feed-list .feed1.live0:before {
	background: url("../images/live.png") no-repeat center;

	content: '直播';

	width: 45px
}

.feed-list .feed1.live1:before {

	background: url("../images/live.png") no-repeat center;

	content: '';
    margin-top: 10px;

}
.feed-list .feed1.live2:before {

	background: url("../images/live.png") no-repeat center;

	content: '回放';

	width: 45px

}
.feed-list .feed1.live3:before {

	background: url("../images/live.png") no-repeat center;

	content: '回放';

	width: 45px

}
.feed-list .feed1.live4:before {

	background: url("../images/live.png") no-repeat center;

	content: '回放';

	width: 45px

}


.feed-list .feed1.live .user .username {

	max-width: 70px

}



.feed-list .feed1.live .user:after {

	content: '\7684\76f4\64ad'

}



/* .feed-list .feed1.review:before {

	background: url("../images/review.png") no-repeat center;

	content: '\91cd\64ad';

	width: 45px

} */



.feed-list .feed1.review .user .username {

	max-width: 110px

}
 /*2222*/
 .newdiv {
	margin-top: 15px;
	background-color: #FFFFFF;
	border-radius: 1px;
	border: 1px solid #ccc;
	height: 250px;
	margin-bottom: 15px;
}
.feed-list .feed {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 380px;
	height: 300px;
	font-size: 12px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 11px;
 
	background-color: #FFFFFF;
	border-radius: 0px;
 
}



.feed-list .feed .hj-emoji {

	vertical-align: text-bottom;

	width: 14px

}



.feed-list .feed .link {

	display: block;

	text-decoration: none;

	height: 100%

}



.feed-list .feed .link:hover {
 
border-radius: 1px;
 }



.feed-list .feed .link:hover:before {

	content: '';

	position: absolute;

	display: block;

	width: 100%;
	height: 300px;
	border-radius: 1px;
	 

	top: 0;

	left: 0;

	z-index: 1;
 
	background: url(../images/play.png) center 55% no-repeat;

	background-color: rgba(0,0,0,0.2);
 

}



.feed-list .feed .screenshot {
	width: 100%;
	height: 300px;
	display: block;
	border-radius:1px;

 
}



.feed-list .feed .user {

	position: relative;

	height: 40px;

	width: 100%;

	z-index: 2;
	margin-top: -80px;
	line-height: 40px;
	padding-top: 40px;
	white-space: nowrap;
	overflow: hidden;
	color: #FFFFFF;
	background-image: url(../images/user_bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;

}



.feed-list .feed .user .avatar {

	width: 38px;

	height: 38px;

	margin: -5px 3px 0 5px;

	border-radius: 100%;

	border: 1px solid #eee;

	display: inline-block;

	vertical-align: top

}



.feed-list .feed .user .username {

	color: #fff;

	margin: 0 3px;

	display: inline-block;

	vertical-align: top;

	overflow: hidden;

	text-overflow: ellipsis

}



.feed-list .feed .title {

	margin: 7px 5px auto 5px;

	line-height: 20px;

	text-align: center;

	font-size: 13px

}



.feed-list .feed .comment {

	height: 36px;

	position: relative;

	border: 1px solid #e5e5e5;

	background: #eee;

	color: #313131;

	line-height: 18px;

	padding: 7px 5px;

	margin-top: 13px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center

}



.feed-list .feed .comment .comment-inner {

	max-height: 100%;

	overflow: hidden;

	text-overflow: ellipsis

}



.feed-list .feed .comment em {

	font-style: normal;

	color: #ff9624

}



.feed-list .feed .comment:after {

	content: '';

	position: absolute;

	top: -10px;

	left: 16px;

	width: 17px;

	height: 11px;

	background: url(../images/comment.png)

}



.feed-list .feed:before {

	position: absolute;

	display: block;

	width: 50px;

	height: 20px;

	color: #fff;

	text-align: center;

	line-height: 20px;

	right: 0;

	top: 0;

	z-index: 3

}



.feed-list .feed.live0:before {

	background: url("../images/live.png") no-repeat center;

	content: '直播';

	width: 45px

}

.feed-list .feed.live1:before {

	background: url("../images/live.png") no-repeat center;

	content: '回放';

	width: 45px

}
.feed-list .feed.live2:before {

	background: url("../images/live.png") no-repeat center;

	content: '回放';

	width: 45px

}
.feed-list .feed.live3:before {

	background: url("../images/live.png") no-repeat center;

	content: '回放';

	width: 45px

}
.feed-list .feed.live4:before {

	background: url("../images/live.png") no-repeat center;

	content: '回放';

	width: 45px

}


.feed-list .feed.live .user .username {

	max-width: 70px

}



.feed-list .feed.live .user:after {

	content: '\7684\76f4\64ad'

}



/* .feed-list .feed.review:before {

	background: url("../images/review.png") no-repeat center;

	content: '\91cd\64ad';

	width: 45px

} */



.feed-list .feed.review .user .username {

	max-width: 110px

}



.oldie .feed-list .feed {

	display: inline

}



.oldie .feed-list .feed .comment {

	margin-top: 10px

}



.ie .comment .comment-inner {

	display: inline-block

}



.ie .comment:before {

	content: '';

	width: 0;

	height: 48px;

	margin-left: -4px;

	display: inline-block;

	vertical-align: middle

}





.rank-list {

	padding-top: 10px;

	border: 1px solid #e5e5e5;

	border-width: 1px 0

}



.rank-list .item {
	position: relative;
	height: 45px;
	margin-bottom: 0px;
	float: left;
	width: 210px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
}



.rank-list .link {

	text-decoration: none

}



.rank-list .avatar {

	float: left;

	margin-right: 10px

}



.rank-list .avatar img {

	width: 45px;

	height: 45px;

	border-radius: 50%;

	border: 2px solid transparent;

	-webkit-transition: .2s linear;

	transition: .2s linear

}



.rank-list .avatar img:hover {

	border-color: #f9ca2f

}



.rank-list .avatar .icon {

	position: absolute;

	top: -12px;

	left: -10px

}



.rank-list .rank-1 {

	background-position: 0 -73px;

	background-repeat: no-repeat;

	overflow: hidden;

	display: block;

	width: 31px;

	height: 30px

}



.rank-list .rank-2 {

	background-position: 0 -43px;

	background-repeat: no-repeat;

	overflow: hidden;

	display: block;

	width: 31px;

	height: 30px

}



.rank-list .rank-3 {

	background-position: 0 -13px;

	background-repeat: no-repeat;

	overflow: hidden;

	display: block;

	width: 31px;

	height: 30px

}



.rank-list .nickname {

	margin-top: 2px;

	font-size: 14px

}



.rank-list .fans {

	color: #bfbfbf

}



.rank-list .fans .icon {

	background-position: 0 0;

	background-repeat: no-repeat;

	overflow: hidden;

	display: inline-block;

	width: 16px;

	height: 13px;

	vertical-align: bottom;

	margin-bottom: 2px

}



.rank-list .btn-follow {

	position: absolute;

	right: 0;

	top: 12px;

	width: 48px;

	height: 20px;

	line-height: 20px;

	border: 1px solid #fc4e53;

	color: #fc4e53;

	text-align: center;

	background-color: #fff

}



.rank-list .btn-follow:hover {

	text-decoration: none;

	color: #fff;

	background-color: #fc4e53

}



.rank-list .followed {

	color: #bfbfbf;

	border-color: #bfbfbf

}



.rank-list .followed:hover {

	background-color: #bfbfbf;

	color: #fff;

	border-color: #bfbfbf

}



.red {

	color: #fc4e53!important

}



.orange {

	color: #f39800!important

}



.yellow {

	color: #fc0!important

}



.white {

	color: #fff!important

}



.black {

	color: #313131!important

}



#doc-bd {
	position: relative;
	 
}



#doc-bd .container {

    margin-top:0px;

	position: relative;

	z-index: 1

}



#doc-bg {

	position: absolute;

	top: -8px;

	left: 0;

	width: 100%;

	height: 608px

}



#doc-bg .focus-bg {

	height: 100%;

	width: 100%;

	overflow: hidden

}



#doc-bg a {

	display: block;

	height: 100%;

	width: 100%;

	text-indent: -200px;

	background-position: top center;

	background-repeat: no-repeat

}



#doc-bg a[href="#"] {

	cursor: default

}



#author-info {

	display: none;

	position: absolute;

	top: 10px;

	left: 0;

	z-index: 5;

	padding: 8px 8px 12px 8px;

	border-radius: 0 6px 6px 0;

	width: 188px

}



#author-info strong {

	font-weight: normal

}



#author-info .link {

	text-decoration: none

}



#author-info .link:hover .avatar {

	border-color: #f9ca2f

}



#author-info .avatar {

	float: left;

	width: 34px;

	height: 34px;

	border: 2px solid #727272;

	-webkit-transition: .2s linear;

	transition: .2s linear;

	border-radius: 50%;

	overflow: hidden

}



#author-info .avatar img {

	width: 100%;

	height: 100%

}



#author-info .base-info {

	float: left;

	margin-left: 7px;

	width: 85px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



#author-info .base-info h3 {

	font-size: 14px;

	color: #FFF;

	line-height: 20px;

	text-overflow: ellipsis;

	overflow: hidden

}



#author-info .base-info h3 img {

	width: 1em;

	height: 1em

}



#author-info .base-info p {

	font-size: 12px;

	line-height: 16px;

	color: #FFF;

	opacity: .4

}



#author-info .base-info p.watches {

	display: none

}



#author-info .follow {

	float: right;

	margin: 4px 2px

}



#author-info .follow .btn-follow {

	display: block;

	width: 50px;

	height: 26px;

	line-height: 26px;

	border: 1px solid #fc4e53;

	color: #fff;

	text-align: center;

	font-size: 13px;

	background-color: #fc4e53;

	border-radius: 3px

}



#author-info .follow .btn-follow:hover {

	text-decoration: none;

	background-color: #fc676b

}



#author-info .follow .btn-follow.followed {

	border-color: #494949;

	background-color: #494949

}



#author-info .counts {

	margin-top: 46px;

	border-color: #5e5e5e;

	padding: 12px 0;

	border-top: 1px solid rgba(255,255,255,0.1);

	clear: both;

	text-align: center

}



#author-info .counts div {

	float: left;

	width: 32.6%;

	border-color: #595959;

	border-left: 1px solid rgba(255,255,255,0.07)

}



#author-info .counts div:first-child {

	border-left: none

}



#author-info .counts h4 {

	color: #FFF

}



#author-info .counts p {

	color: #FFF;

	opacity: .4

}



#author-info .currency,#author-info div.watches {

	clear: both;

	height: 30px;

	line-height: 30px;

	border-radius: 15px;

	background: url(../images/currency.png) 6px 6px no-repeat;

	background-color: #505050;

	background-color: rgba(82,82,82,0.6);

	padding-left: 30px

}



#author-info .currency span,#author-info .currency strong,#author-info div.watches span,#author-info div.watches strong {

	color: #FFF

}



#author-info .currency span,#author-info div.watches span {

	opacity: .5;

	margin-right: 5px

}



#author-info .currency {

	margin-bottom: 10px

}



#author-info .currency.hide {

	display: none

}



#author-info div.watches {

	background-position: 6px -26px

}



#author-info .switch {

	display: none;

	width: 32px;

	height: 16px;

	position: absolute;

	overflow: hidden;

	bottom: -16px;

	left: 50%;

	margin-left: -16px;

	cursor: pointer;

	text-indent: -200px

}



#author-info .switch:after {

	content: '';

	position: absolute;

	top: -16px;

	left: 0;

	width: 32px;

	height: 32px;

	border-radius: 50%;

	background: url(data:image/png;

	base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAeCAYAAAD6t+QOAAAA7ElEQVQ4je2UvUoDURCFv9gIshbZmCWFiUXEwtL38DmsfBmFoJHEXkPQ19BAIG9gb2th9VnsrF7WJWpnkYFbzJxz56c4B/VIvVAzlYaXBT5sqWPgBFgB58AbX5EBI+AYeEbtqDN1oU7UnaTjNOp3arsa1VXnAdyoeXxcqPeR01KrkQVwDfSBd2AbeAHOgFeA+jGF+hgd55F/4k3X99RRnVhf48fY+jVzQ96Q/w25R6no4hvSIKuHRFbdFE87V4LdpxTsALgCOvU19gLoA0vglNJ0DqKeV2vka0zmNjWZv9jXE2GMl2uMcTeM8fAD+ZE8x6Es1M4AAAAASUVORK5CYII=) 9px -5px no-repeat;background-color: #333;

	background-color: rgba(0,0,0,0.7)

}



#author-info.landscape {

	top: 16px;

	background-color: #333;

	background-color: rgba(0,0,0,0.7)

}



#author-info.landscape .switch {

	display: block

}



#author-info.landscape.mini .counts,#author-info.landscape.mini .currency,#author-info.landscape.mini .watches,#author-info.landscape.mini .base-info .author-id {

	display: none

}



#author-info.landscape.mini .base-info p.watches {

	display: block

}



#author-info.mini .switch:after {

	background-position: 9px 19px

}



#player-praises {

	width: 72px;

	height: 337px;

	position: absolute;

	bottom: 45px;

	right: 5px

}



#player-praises .bubble {

	width: 100%;

	height: 280px;

	position: relative

}



#player-praises svg {

	position: absolute

}



#player-praises .praises {

	position: relative;

	top: -15px;

	display: block;

	overflow: hidden;

	padding: 15px

}



#player-praises .praises span {

	width: 42px;

	height: 42px;

	border-radius: 50%;

	display: block;

	background: #d81e60 url(../images/praises.png) no-repeat

}



#player-praises .praises:hover span {

	background-color: #fa4179

}



#living-slider {

	margin-top: 8px;

	height: 576px;

	margin-bottom: 31px

}



#living-slider .obs-player {

	float: left;

	width: 1000px;

	height: 576px;

	background: #000;

	position: relative

}



#living-slider .obs-player .enter-link {

	opacity: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 100;

	width: 150px;

	height: 40px;

	line-height: 40px;

	margin-left: -75px;

	margin-top: -20px;

	border-radius: 4px;

	border: solid 1px #f5cb05;

	text-align: center;

	color: #f5cb05;

	font-size: 18px;

	-webkit-transition: .3s opacity;

	transition: .3s opacity;

	background-color: rgba(0,0,0,0.3)

}



#living-slider .obs-player .enter-link:hover {

	background: #f5cb05;

	text-decoration: none;

	color: white

}



#living-slider .obs-player:hover .link {

	opacity: 1

}



#living-slider .living-switch {

	float: right;

	position: relative;

	width: 188px;

	height: 576px

}



#living-slider .living-switch .opacity-bg {

	background: #000;

	opacity: .45;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 0;

	border-radius: 2px

}



#living-slider .living-switch ul {

	position: relative;

	z-index: 1;

	margin: 13px 14px

}



#living-slider .living-switch li {

	position: relative;

	width: 160px;

	height: 130px;

	margin-bottom: 10px;

	cursor: pointer

}



#living-slider .living-switch li img {

	display: block;

	width: 100%;

	height: 100%

}



#living-slider .living-switch li p {

	position: absolute;

	overflow: hidden;

	height: 25px;

	line-height: 25px;

	color: #FFF;

	background-color: #333;

	background-color: rgba(0,0,0,0.6);

	bottom: 0;

	width: 146px;

	padding-left: 9px;

	padding-right: 5px;

	text-overflow: ellipsis;

	white-space: nowrap

}



#living-slider .living-switch li p.author {

	background: rgba(0,0,0,0.6) url(../images/username.png) no-repeat 8px 5px;

	padding-left: 28px;

	width: 127px

}



#living-slider .living-switch li p.author img {

	display: inline-block;

	height: 1em;

	width: 1em

}



#living-slider .living-switch li .mask {

	position: absolute;

	top: 0;

	left: 0;

	width: 152px;

	height: 122px;

	border: 4px solid #ffee58;

	opacity: 0;

	-webkit-transition: opacity .3s;

	transition: opacity .3s;

	cursor: pointer;

	z-index: 2

}



#living-slider .living-switch li .mask .arrow {

	position: absolute;

	left: -12px;

	top: 51px;

	border-style: solid;

	border-width: 6px 8px 6px 0;

	border-color: transparent #ffee58 transparent transparent

}



#living-slider .living-switch li:hover .mask,#living-slider .living-switch li.current .mask {

	opacity: 1

}



.main {

	 
	width: 100%;

}



.side {

	width: 280px;

	float: right

}



#focuspic {

	position: relative;

	width: 920px;

	height: 410px;

	margin-bottom: 20px

}



#focuspic .list {

	margin-top: -5px

}



#focuspic .list .feed {

	margin-right: 10px

}



#focuspic .list .feed:before {

	width: 45px

}



#focuspic .list .feed .link:hover:before {

	height: 100%

}



#focuspic .list .feed .link .user {

	background: url("../images/user_bg.png") repeat-x 0 30px;

	padding-top: 0;

	margin-top: -84px;

	height: 84px;

	font-size: 14px;

	white-space: nowrap;

	overflow: hidden

}



#focuspic .list .feed .link .user:after {

	content: ''

}



#focuspic .list .feed .link .user .username {

	color: #fff;

	padding-left: 20px;

	background: url("../images/username.png") no-repeat 0 12px;

	margin-left: 10px;

	margin-top: 45px;

	max-width: 80px

}



#focuspic .list .feed .link .user .watches {

	color: #fff;

	float: right;

	margin: 45px 10px 0 3px;

	padding-left: 15px;

	display: inline-block;

	background: url(../images/watches.png) no-repeat 0 12px

}



#focuspic .list .feed .link .user .watches .sub {

	max-width: 45px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: inline-block;

	vertical-align: top

}



#focuspic .list .feed .link .screenshot {

	height: 100%;

	width: 100%

}



#focuspic .list .feed .link .tip-wrap {

	position: absolute;

	text-align: center;

	opacity: .9;

	filter: alpha(opacity=90)

}



#focuspic .list .feed .link .tip-wrap .tip {

	background: url(../images/tip.png) repeat center

}



#focuspic .list .live:before {

	background: url("../images/live.png") no-repeat center;

	content: '\76f4\64ad'

}



#focuspic .list .live .watches:after {

	content: '\4eba\5728\770b'

}



#focuspic .list .review:before {

	background: url("../images/review.png") no-repeat center;

	content: '\91cd\64ad'

}



#focuspic .list .review .watches:after {

	content: '\4eba\770b\8fc7'

}



#focuspic .list .special {

	height: 400px;

	width: 400px;

	float: left

}



#focuspic .list .special .link .user .watches .sub {

	max-width: 80px

}



#focuspic .list .special .tip-wrap {

	bottom: 50px;

	width: 100%

}



#focuspic .list .special .tip-wrap .border-line {

	display: block;

	position: absolute;

	height: 25px;

	width: 25px;

	border: solid #252124

}



#focuspic .list .special .tip-wrap .lt-border-line {

	border-width: 2px 0 0 2px;

	top: -7px;

	left: 23px

}



#focuspic .list .special .tip-wrap .rb-border-line {

	border-width: 0 2px 2px 0;

	bottom: -7px;

	right: 23px

}



#focuspic .list .special .tip-wrap .tip {

	margin: 0 30px;

	padding-top: 20px;

	padding-bottom: 20px;

	border-radius: 2px

}



#focuspic .list .special .tip-wrap .tip .first-line {

	color: #fc0;

	font-size: 24px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

}



#focuspic .list .special .tip-wrap .tip .second-line {

	color: #fff;

	font-size: 16px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	opacity: .6;

	filter: alpha(opacity=60)

}



#focuspic .list .special .username {

	max-width: 180px!important

}



#focuspic .list .special:before {

	background: url("../images/special.png") no-repeat center;

	width: 100px;

	height: 40px;

	content: ''

}



#focuspic .list .normal {

	height: 190px;

	width: 230px

}



#focuspic .list .normal .tip-wrap {

	bottom: 40px;

	height: 35px;

	width: 100%;

	line-height: 35px

}



#focuspic .list .normal .tip-wrap .border-line {

	display: none

}



#focuspic .list .normal .tip-wrap .tip {

	margin: 0 10px;

	border-radius: 8px

}



#focuspic .list .normal .tip-wrap .tip .first-line {

	color: #fc0;

	font-size: 16px;

	text-overflow: ellipsis

}



.recommend {

	float: left;

	width: 920px;

	height: 301px;

	margin-bottom: 15px

}



.recommend .figures {

	float: left;

	width: 410px;

	margin-right: 10px

}



.recommend .figures .item {

	position: relative;

	width: 202px;

	float: left

}



.recommend .figures .item-1 {

	width: 200px;

	height: 300px;

	margin-right: 8px

}



.recommend .figures .item-2 {

	height: 149px;

	margin-bottom: 6px

}



.recommend .figures .item-3 {

	height: 145px

}



.recommend .figures .title,.recommend .figures .title-bg {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 24px;

	line-height: 24px;

	font-size: 14px;

	color: #fff;

	text-align: center

}



.recommend .figures .title-bg {

	background-color: #000;

	filter: alpha(opacity=60);

	opacity: .6

}



.recommend .figures .mask {

	position: absolute;

	z-index: 3;

	background-color: #000;

	opacity: 0;

	filter: Alpha(opacity=0);

	height: 0;

	width: 100%

}



.recommend .figures a:hover .mask {

	top: 0;

	height: 100%;

	opacity: .1;

	filter: Alpha(opacity=10)

}



.recommend .news {

	float: right;

	width: 470px;

	height: 300px;

	padding: 0 15px;

	background-color: #f5f5f5

}



.recommend .headnews {

	text-align: center;

	font-size: 18px;

	line-height: 60px

}



.recommend .figures-2 {

	margin-left: -10px;

	margin-bottom: 10px

}



.recommend .figures-2 .item {

	position: relative;

	float: left;

	width: 230px;

	height: 130px;

	margin-left: 10px

}



.recommend .figures-2 .title,.recommend .figures-2 .title-bg {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 24px;

	line-height: 24px;

	font-size: 14px;

	color: #fff;

	text-align: center

}



.recommend .figures-2 .title-bg {

	background-color: #000;

	filter: alpha(opacity=60);

	opacity: .6

}



.recommend .figures-2 .mask {

	position: absolute;

	z-index: 3;

	background-color: #000;

	opacity: 0;

	filter: Alpha(opacity=0);

	height: 0;

	width: 100%

}



.recommend .figures-2 a:hover .mask {

	top: 0;

	height: 100%;

	opacity: .1;

	filter: Alpha(opacity=10)

}



.recommend .text-list {

	margin-left: -10px;

	line-height: 1.8;

	font-size: 13px

}



.recommend .text-list .item {

	float: left;

	width: 230px;

	margin-left: 10px

}



.recommend .text-list .item a {

	color: #535353

}



.recommend .text-list .item a:hover {

	color: #fc4e53

}



#living .box-title .icon {

	background-position: 0 -40px;

	background-repeat: no-repeat;

	overflow: hidden;

	display: inline-block;

	width: 30px;

	height:27px
	display:none;
}



#hot .box-title .icon {

	background-position: 0 -66px;

	background-repeat: no-repeat;

	overflow: hidden;

	display: inline-block;

	width: 30px;

	height: 27px;
	display:none;

}

#xinwen .box-title .icon {

	background-position: 0 -92px;

	background-repeat: no-repeat;

	overflow: hidden;

	display: inline-block;

	width: 30px;

	height: 27px;
		display:none;

}



.sidebar {

	float: right;

	width: 256px;

	width: 100%;
	display:none;

}



#topic-plan .box-title .icon {

	background-position: 0 -31px;

	background-repeat: no-repeat;

	overflow: hidden;

	display: block;

	width: 17px;

	height: 17px;
		display:none;

}



#author-top .box-title .icon {

	background-position: 0 -122px;

	background-repeat: no-repeat;

	overflow: hidden;

	display: inline-block;

	width: 30px;

	height: 27px;
		display:none;

}



#author-top .rank-list {

	border: 0

}



.g-box .box-hd {
	margin-bottom: 5px;
	margin-top: 15px;
}



.g-box .box-hd .tag {

	float: left;

	margin-top: 5px;

	margin-right: 5px

}



.g-box .box-bd {
	padding-bottom: 10px;

}

.g-box .box-bd1 {
	padding-bottom: 10px;
 
	height: 200px;
	margin-top: 18px;
}



.feed-list .list {

	margin: 0 -8px 0 -7px

}



 



.download {

	margin-bottom: 30px

}



/*搜索页面*/

.feed-list .box-hdd

{

	padding-bottom: 5px;

	padding-top:40px;

}

.feed-list .translate_form

{

	border-bottom:1px solid #CCCCCC

}

.feed-list .box-hdd .box-title

{

	LINE-HEIGHT:50PX;

}

.feed-list .box-hdd .box-title .icon

{

	VERTICAL-ALIGN: middle;

	line-height: 50px;

	margin-top: 16px;

}

.feed-list .box-hdd .translate_input

{

	width: 420px;

  height: 40px;

  line-height: 40px;

  border: 1px solid #e6e7e8;

  border-radius: 3px;

  float: left;

  text-align: left;

  padding-left: 10px;

}

.feed-list .box-hdd .translate_primary

{

	width: 80px;

  height: 40px;

  font-size: 18px;

  background: #ffd350;

  color: #ffffff;

  border-radius: 3px;

  margin-left: 5px;

  cursor: pointer;

	text-align:center;

}

.feed-list .search_count

{

	height: 30px;

  font-size: 14px;

  margin-top: 30px;

}

.feed-list .search_count span

{

	padding-top:20px;

}

.search_line{

	height: 1px;

  border: none;

  border-top: 1px solid #CCCCCC;

  margin-bottom: 15px;

}

.feed-list .search_count .search_hotkey

{

	color: #ed1c24;

  font-weight: bold;

}

.feed-list .search_tuijian_container

{

	font-size: 20px;

	margin-top:70px;

}

.feed-list .search_tuijian_container span

{

	font-size: 20px;

}

.translate_bd

{

	padding-top:20px;

}





.top_line{

	height: 3px;

	background: linear-gradient(45deg, #fe0167 20%, #0682fb 60%, #7ffe02 100%);

}



.index_live{
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #f5f5f5;
}


.index_live_area{

	width: 1200px;

	height: 590px;

	margin:0 auto;

}

.index_live_area_left{

	width: 960px;

	float: left;

	height: 590px;

	position: relative;

}



.index_live_area_left .video_mask{

	position: absolute;

	width: 960px;

	height: 590px;

	top: 0;

	left: 0;

	display: none;

	text-decoration: none;

}

.index_live_area_left .video_mask a:hover{

	text-decoration: none;

}

.video_mask_center{

	width: 85px;

	height: 110px;

	margin:0 auto;

	margin-top: 250px;

	text-align: center;

	color: #FFF;

	font-size: 16px;

}



.index_live_area_right{

	width: 200px;

	padding:10px 12px 10px 12px;

	height: 570px;

	float: right;

	background: #291c53;

}

.index_live_area_right li{

	text-align: right;

	margin-bottom:10px;

	height: 134px;

	border-radius: 4px;

	position: relative;

	overflow: hidden;

}

.index_live_area_right li img{

	width: 100%;

	min-width: 100%;

	min-height: 100%;

	border-radius: 3px;

}

.index_live_area_right li.on{

	/*background: url(../images/index/li_bg.png) no-repeat;*/

	border: 2px solid #ffd350;

}
.hf{
 
	background-color: #000;
	margin-top: 20px;
	margin-bottom: 20px;
 
}

.index_live_area_right .on:before{

	content:" ";

	display: inline-block;

	width: 0;

	height: 0;

	border:10px solid transparent;

	border-right: 10px solid #ffd350;

	position: absolute;

	top: 40%;

	left: -22px;

}