@charset "utf-8";
html{
background: #16161A;
}
body,
dd,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea {
	font-size: 12px;
	font-weight: 400
}

li {
	list-style: none
}

img {
	border: 0;
	vertical-align: top
}

em {
	font-style: normal
}

textarea {
	resize: none
}

a {
	outline: 0;
	text-decoration: none;
	color: #fff
}

a:hover {
	color: #ED831B
}

i {
	font-style: normal
}

img:not([src]),
img[src=""] {
	visibility: hidden
}

/* @font-face {
	font-family: DIN-BlackItalic;
	src: url('../fonts/din-blackitalic.woff') format('woff'), url('../fonts/din-blackitalic.ttf') format('truetype'), url('../fonts/din-blackitalic.svg') format('svg');
	font-weight: 400;
	font-style: normal
} */

@font-face {
	font-family: "syht";
	src: url("../fonts/sourcehansans.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

* {
	font-family: "syht";
}

body {
	/* background: #1f1f29; */
	background: #16161A;

	color: #fff;
	font: 12px/1.5
		/* PingFangSC-Regular, microsoft yahei, arail, simsun */
}

.content * {
	box-sizing: border-box
}

.content a:hover {
	color: #f53851
}

.g-row_content:after,
.g-row_header:after,
.g-wrap:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both
}

.g-row_content,
.g-wrap {
	zoom: 1
}

.g-wrap {
	width: 1856px;
	margin: 0 auto 30px;
	white-space: nowrap;
	font-size: 0;
}

.g-row_header {
	height: 72px;
	font-size: 16px;
	overflow: hidden
}

.g-row_content {
	display: flex
}

[class^=g-column] {
	display: inline-block;
	vertical-align: top;
	overflow-x: hidden
}

.g-column_side {
	width: 521px
}

.g-column_main {
	width: 1322px
}

.g-wrap [class^=g-column]:first-child {
	margin-right: 13px
}

.g-flex_double {
	display: flex;
	margin-bottom: -16px;
	justify-content: space-between;
	flex-wrap: wrap
}

.g-flex_double .g-item {
	margin-bottom: 23px;
	margin-right: 0
}

.g-flex_single {
	display: flex;
	display: -ms-flexbox;
	justify-content: flex-start
}

.g-flex_single+.g-flex_single {
	margin: 13px 0 0
}

.g-column_visible {
	overflow: visible
}

.g-item {
	flex-shrink: 0
}






[class^=g-item] {
	font-size: 14px;
	position: relative;
	margin-right: 13px;
	margin-bottom: 10px;
	display: inline-block;

}

.g-item {
	width: 254px
}

.g-item_double {
	width: 521px
}

.g-adv {
	margin: 0 auto;
	border-radius: 10px;
	overflow: hidden
}

.g-adv .crossPage:not(.bottom-ad) {
	margin: 17px 0 45px
}

.g-adv .crossPage:not(.bottom-ad) img,
.g-item .crossPage img {
	border-radius: 10px
}

[class^=cover-size],
[class^=item-photo] {
	background: #eee;
	width: 100%;
	border-radius: 10px
}

.cover-size_1 {
	height: 143px
}

.cover-size_2 {
	height: 349px
}

.cover-size_4 {
	height: 366px
}

.cover-size_5 {
	height: 349px
}

.cover-size_6 {
	height: 254px
}

.cover-link {
	display: block;
	position: relative
}

[class^=tips-] {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 28px;
	background: url(../fonts/tips.svg) no-repeat;
	text-indent: -200px;
	overflow: hidden
}

.tips-huifang {
	background-position: 0 -200px
}

.tips-dujia {
	background-position: 0 0
}

.tips-self {
	background-position: 0 -150px
}

.tips-vip {
	background-position: 0 -250px
}

.tips-yongquan {
	background-position: 0 -100px
}

.tips-shoubo {
	background-position: 0 -50px
}

.tips-live {
	background-position: 0 -300px;
	width: 80px
}

.tips-live::before {
	background: url(../images/voice.gif) no-repeat left top/cover;
	width: 14px;
	height: 14px;
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 8px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%)
}

.tips-xianma {
	background-position: 0 -350px
}

.tips-xianmf {
	width: 68px;
	height: 28px;
	background-position: 0 -400px
}

.tips-fufei {
	background-position: 0 -450px
}

.tips-dubo {
	background-position: 0 -500px
}

.tips-adv {
	background-position: 0 -550px
}

.tips-tuwen {
	background-position: 0 -600px
}

[class^=tv-btn] {
	/* font-family: PingFangSC-Semibold; */
	display: flex;
	margin-left: 12px;
	justify-content: center;
	align-items: center;
	border-radius: 38px;
	font-size: 14px;
	width: 110px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	-ms-border-radius: 38px;
	-o-border-radius: 38px
}

[class^=tv-btn]:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/button-icon.svg) no-repeat;
	margin-right: 5px
}

.tv-btn_vip {
	width: 196px;
	height: 48px;
	border-radius: 27px;
	color: #562117
}

.tv-btn_fav {
	background: #2b2a38
}

.tv-btn_fav:before {
	background-position: 0 -50px
}

.tv-btn_fav,
.tv-btn_faved {
	background: rgba(18, 18, 24, .22)
}

.tv-btn_faved:before {
	background-position: 0 -100px
}

.tv-btn_vip:before {
	background-position: 0 -149px;
	width: 18px;
	height: 18px
}

.tv-btn_watch {
	margin-left: 0
}

.tv-btn_watch::before {
	width: 14px
}

.tv-btn_watch:hover {
	background: linear-gradient(-60deg, rgba(214, 60, 134, .8) 0, rgba(245, 56, 81, .8) 50%, rgba(229, 81, 77, .8) 99%)
}

.tv-btn_fav:hover,
.tv-btn_faved:hover {
	background: #4c475e
}

.tv-btn_vip:hover {
	background-image: linear-gradient(90deg, rgba(255, 212, 188, .75) 0, rgba(223, 159, 142, .75) 100%)
}

.g-gt {
	text-indent: -1000px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	background: url(../fonts/arrow.svg) no-repeat;
	width: 12px;
	height: 13px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%)
}

.g-more,
.g-top100 {
	position: relative;
	padding-right: 15px
}

.g-gt:hover,
.g-more:hover .g-gt,
.g-top100:hover,
.g-top100:hover .g-gt {
	background-position: 0 -60px
}

.g-top100 {
	color: rgba(255, 255, 255, .6);
	font-size: 18px;
	float: right;
	margin: 20px 0 0
}

.g-point {
	margin: 0 10px
}

.g-more {
	color: rgba(255, 255, 255, .7)
}

.g-more:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 14px;
	margin: 0 12px;
	opacity: .4;
	background-image: linear-gradient(203deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .57) 50%, rgba(255, 255, 255, 0) 96%)
}

.photo-size_1,
.photo-size_2,
.photo-size_3 {
	background: #eee;
	width: 44px;
	height: 44px;
	display: inline-block;
	border-radius: 50%
}

.photo-size_2 {
	width: 70px;
	height: 70px
}

.photo-size_3 {
	width: 28px;
	height: 28px
}

@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {

	.g-item .item-cover .cover-voice,
	.g-item .item-cover .update {
		-webkit-backdrop-filter: blur(52px);
		backdrop-filter: blur(52px);
		background: rgba(18, 18, 24, .22)
	}
}

@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
	.tv-btn_watch {
		-webkit-backdrop-filter: blur(2px);
		backdrop-filter: blur(2px);
		background: linear-gradient(-60deg, rgba(214, 60, 134, .9) 0, rgba(245, 56, 81, .9) 50%, rgba(229, 81, 77, .9) 99%)
	}
}

@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
	.tv-btn_vip {
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
		background: linear-gradient(90deg, #ffd4bc 0, #df9f8e 100%)
	}
}

.g-item .item-title {
	color: rgba(255, 255, 255, .85);
	font-size: 16px;
	/* font-family: PingFangSC-Semibold, "microsoft yahei"; */
	margin: 12px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.g-item .item-title a {
	color: rgba(255, 255, 255, .85)
}

.g-item .item-title:hover,
.g-item .item-title:hover a {
	color: #ED831B
}

.g-item .item-info {
	color: rgba(255, 255, 255, .4);
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400
}

.g-item .item-detail {
	position: relative;
	padding-left: 60px
}

.g-item .item-detail .photo-size_1 {
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0
}

.g-item .item-cover {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.g-item .item-cover img {
	transition: 1.2s all ease;
}

.g-item .item-cover img:hover {
	transform: scale(1.1);
	transition: 1.2s all ease;
}

.sohu-comic .g-item_double .item-cover_4 img:hover {
	transform: scale(1.1);
	transition: 1.2s all ease;
}

.sohu-comic .g-item_double .item-cover_4 img {
	transition: 1.2s all ease;
}

.g-item .item-cover .update {
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	min-width: 44px;
	padding: 0 10px;
	height: 28px;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	border-radius: 10px 0 10px
}

.g-item:hover .update {
	color: #fff
}

.g-item .item-cover .cover-button {
	position: absolute;
	bottom: 16px;
	right: 16px;
	display: flex
}

.g-item .item-cover .cover-voice {
	height: 28px;
	width: 70px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px 0 10px 0;
	display: none
}

.g-item .item-cover .cover-voice:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: linear-gradient(203deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .57) 50%, rgba(255, 255, 255, 0) 96%)
}

.g-item .item-cover .voice-icon {
	width: 20px;
	height: 19px;
	background: url(../fonts/focus-voice.svg);
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 8px
}

.g-item .item-cover .voice-count {
	font-size: 12px;
	position: absolute;
	top: 3px;
	right: 8px;
	font-style: normal;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center
}

.g-item .item-cover:hover .cover-voice {
	display: block
}

.g-item .item-cover:hover .voice-count {
	color: #fff
}

.g-item .item-cover .voice_mini {
	background-position: 0 -30px
}

.g-item .item-cover .voice_mute {
	background-position: 0 -60px
}

.g-item .item-cover_4 {
	overflow: hidden;
	border-radius: 10px
}

.g-wrap .row-title {
	display: inline-block;
	/* font-family: PingFangSC-Semibold; */
	font-size: 30px;
	line-height: 60px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top
}

.g-wrap .row-tab,
.g-wrap .row-tips {
	white-space: normal;
	line-height: 60px;
	overflow: hidden;
	height: 60px
}

.g-wrap .row-tips {
	opacity: .85
}

.g-wrap .row-tips:before {
	content: '';
	display: inline-block;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	margin: -2px 5px 0 0;
	background: #fff;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%
}

.g-wrap .row-tab {
	font-size: 0
}

.g-wrap .row-tab .tab-link {
	color: rgba(255, 255, 255, .7);
	font-size: 16px;
	display: inline-block
}

.g-wrap .row-tab .tab-link:hover {
	color: #f53851
}

.g-wrap .row-tab .tab-link::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 14px;
	margin: 0 12px;
	opacity: .4;
	background-image: linear-gradient(203deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .57) 50%, rgba(255, 255, 255, 0) 96%)
}

.g-wrap .row-tab_images {
	margin-left: 10px
}

.g-wrap .row-tab .tab-link:first-child::before {
	display: none
}

.g-wrap .row-tab .photo-size_3 {
	vertical-align: middle;
	margin-right: 10px
}

.g-item_hover {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 460px;
	z-index: 20;
	display: block
}

.g-item_hover .cover-photo {
	width: 460px;
	height: 259px;
	border-radius: 10px 10px 0 0
}

.g-item_hover .item-detail {
	padding: 15px 20px 20px;
	color: rgba(255, 255, 255, .4);
	border-radius: 0 0 10px 10px;
	background: #302e3e;
	background: rgba(48, 46, 62, .95);
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px)
}

.g-item_hover .detail-title {
	font-size: 18px;
	color: rgba(255, 255, 255, .85);
	margin: 0 0 10px
}

.g-item_hover .detail-info {
	white-space: normal;
	max-height: 44px;
	line-height: 22px;
	margin: 16px 0 20px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.g-item_hover .detail-star .item {
	margin: 0 10px 0 0
}

.g-item_hover .detail-sort {
	margin-left: -5px
}

.g-item_hover .detail-sort .item {
	margin: 0 5px
}

.g-item_hover .detail-button {
	display: flex
}

.g-item_comic .g-item {
	text-align: center
}

.g-item_comic .g-item .cover-pic {
	width: 120px;
	height: 120px;
	border-radius: 50%
}

.g-item_comic .g-item .cover-tips {
	color: #fff;
	position: absolute;
	font-size: 18px;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100px;
	height: 36px;
	line-height: 36px;
	background: #f66;
	border-radius: 18px
}

.g-item_comic .g-item .cover-link {
	padding: 5px
}

.g-item_child .item-detail {
	height: 65px
}

.g-item_child .item-detail .item-info {
	line-height: 44px;
	font-size: 24px
}

.g-item_child .item-detail .photo-size_1 {
	width: 48px;
	height: 48px
}

.g-rank .rank-pack {
	background: #2b2a38;
	display: block;
	width: 100%;
	height: 106px;
	padding-left: 56%;
	margin: 0 0 15px;
	position: relative;
	border-radius: 10px
}

.g-rank .rank-pack:hover .pack-cover .cover {
	opacity: 1
}

.g-rank .rank-pack:hover .pack-title,
.g-rank .rank-pack:hover .title-link {
	color: #f53851
}

.g-rank .rank-pack:last-child {
	margin-bottom: 0
}

.g-rank .pack-cover {
	width: 34.5%;
	position: absolute;
	top: 0;
	left: 96px
}

.g-rank .pack-title {
	font-size: 16px;
	font-weight: 700;
	padding: 30px 0 5px
}

.g-rank .pack-info,
.g-rank .pack-title {
	white-space: norwrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 11em;
	display: block;
	flex: 1
}

.g-rank .pack-cover .cover {
	width: 100%;
	height: 106px;
	opacity: .8
}

.g-rank .pack-cover:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	transform: scaleY(-1);
	background-image: linear-gradient(270deg, #302e3e 0, rgba(22, 40, 78, 0) 100%)
}

.g-rank .cover-mask_left {
	width: 50px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: scaleY(-1)
}

.g-rank .pack-info {
	font-size: 14px;
	color: rgba(255, 255, 255, .4);
	margin-right: 50px;
	max-width: 15em
}

.g-rank .pack-arrow_down,
.g-rank .pack-arrow_up {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(../fonts/rank-arrow.svg);
	position: absolute;
	top: 50%;
	right: 4.3%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.g-rank .pack-arrow_down {
	background-position: 0 -30px
}

.g-rank .pack-number {
	width: 102px;
	width: 96px;
	height: 100%;
	border-radius: 10px 0 0 10px;
	line-height: 106px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 56px;
	text-align: center;
	overflow: hidden
}

.g-rank .pack-number i {
	position: relative;
	z-index: 15;
	color: rgba(255, 255, 255, .4);
	/* font-family: DIN-BlackItalic */
}

.g-rank .pack-number::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: -webkit-linear-gradient(left, rgba(31, 31, 41, .3), rgba(31, 31, 41, .3))
}

.g-rank .cover-mask_left::before {
	content: '';
	display: block;
	width: 50px;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(31, 31, 41, .3), rgba(31, 31, 41, 0))
}

.g-rank_text {
	font-size: 14px;
	color: #fff;
	padding: 30px 20px 0;
	background: #2b2a38;
	border-radius: 10px;
	height: 910px
}

.g-rank_text .rank-pack {
	position: relative;
	padding: 19px 0;
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.g-rank_text .pack-cover {
	display: none;
	margin-right: 15px
}

.g-rank_text .pack-cover .cover {
	width: 192px;
	height: 108px;
	border-radius: 10px
}

.g-rank_text .pack-number {
	width: 50px;
	font-size: 40px;
	font-weight: 400;
	color: rgba(255, 255, 255, .4);
	line-height: 30px;
	display: inline-block;
	/* font-family: DIN-BlackItalic */
}

.g-rank_text .rank-pack:first-child .pack-number,
.g-rank_text .rank-pack:nth-child(2) .pack-number,
.g-rank_text .rank-pack:nth-child(3) .pack-number {
	color: #f53851
}

.g-rank_text .pack-info .p2 {
	color: rgba(255, 255, 255, .4)
}

.g-rank_text .pack-arrow_down,
.g-rank_text .pack-arrow_up {
	zoom: 0.7;
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(../fonts/rank-arrow.svg)
}

.g-rank_text .pack-arrow_down {
	background-position: 0 -30px
}

.g-rank_text .pack-info {
	width: calc(100% - 70px);
	margin-right: 5px
}

.g-rank_text .pack-info .p1,
.g-rank_text .pack-info .p2 {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: norwrap
}

.g-rank_text .pack-info .p1 {
	margin: 0 0 2px
}

.g-rank_text .rank-pack.on .pack-cover {
	display: block
}

.g-rank_text .rank-pack.on {
	border-top: 1px solid rgba(255, 255, 255, .1);
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.g-rank_text .rank-pack.on .pack-info {
	width: calc(100% - 282px)
}

.g-rank_text .rank-pack.first.on {
	border-top: none
}

.g-rank_text .rank-pack:first-child {
	padding-top: 0
}

.g-rank_text .rank-pack:first-child.on {
	border-top: none;
	padding-top: 0
}

.g-rank_text .rank-pack:last-child.on {
	border-bottom: none
}

.g-rank_text .rank-pack:nth-child(10) .pack-number {
	font-size: 32px
}

.sohu-drama .g-row_content,
.sohu-self_rank {
	flex-direction: column
}

.sohu-drama .g-item_double .item-cover .cover-voice {
	display: block
}

.sohu-anthor {
	margin-bottom: 35px
}

.sohu-anthor .g-row_content {
	margin-top: -10px
}

.sohu-anthor .g-row_content {
	padding-top: 45px
}

.sohu-anthor .g-item {
	background: #2f2e3d;
	padding: 10px 16px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px
}

.sohu-anthor .g-item .item-title {
	margin-bottom: 15px
}

.sohu-anthor .cover-size_1 {
	height: 125px
}

.sohu-anthor .anthor-attent {
	display: none;
	color: #f53851;
	cursor: pointer
}

.sohu-anthor .item-anthor {
	text-align: center;
	height: 80px;
	padding: 40px 0 0;
	position: relative
}

.sohu-anthor .item-anthor:hover .anthor-attent {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	margin-left: 5px
}

.sohu-anthor .anthor-photo {
	position: absolute;
	top: -35px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%)
}

.sohu-anthor .anthor-photo_inner {
	vertical-align: top
}

.sohu-anthor .anthor-item {
	padding: 0;
	width: auto
}

.sohu-anthor .anthor-name {
	max-width: 9em;
	font-size: 16px
}

.sohu-self {
	max-width: 1856px;
	margin-top: -10px;
	padding: 28px 0 0;
	position: relative;
	overflow: visible
}

.sohu-self .g-row_content {
	position: relative;
	font-size: 0
}

.sohu-self .g-wrap {
	position: relative
}

.sohu-self .self-name {
	margin: 40px 0
}

.sohu-self .self-name .name-pic {
	height: 160px;
	width: 360px
}

.sohu-self .self-title {
	text-indent: -10000px;
	overflow: hidden;
	background: url(../fonts/self-title.svg) no-repeat;
	background-size: cover;
	width: 135px;
	height: 30px
}

.sohu-self .self-detail {
	font-size: 14px;
	width: 36%;
	white-space: normal;
	position: relative;
	color: rgba(255, 255, 255, .85)
}

.sohu-self .cover-link {
	padding: 2px;
	border-radius: 12px
}

.sohu-self .cover-link:hover,
.sohu-self .g-item.on .cover-link {
	padding: 0;
	border: 2px solid #f6c8b2;
	box-shadow: 0 8px 40px #985234
}

.sohu-self .item-cover .update {
	right: 2px;
	bottom: 2px
}

.sohu-self .g-item.on .update,
.sohu-self .item-cover:hover .update {
	right: 0;
	bottom: 0
}

.sohu-self .item-cover [class^=tips-] {
	right: 2px;
	top: 2px
}

.sohu-self .g-item.on [class^=tips-],
.sohu-self .item-cover:hover [class^=tips-] {
	right: 0;
	top: 0
}

.sohu-self .detail-series {
	color: #ffc6ae
}

.sohu-self .detail-star {
	margin: 12px 0 11px -5px
}

.sohu-self .detail-sort {
	margin: 0 0 8px -5px
}

.sohu-self .detail-sort,
.sohu-self .detail-star {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 360px
}

.sohu-self .detail-button {
	margin: 29px 0;
	font-size: 0;
	display: flex
}

.sohu-self .detail-intro {
	margin-bottom: 30px;
	color: rgba(255, 255, 255, .6);
	line-height: 26px;
	height: 78px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.sohu-self .item {
	margin: 0 10px 0 0
}

.sohu-self .tips-vip {
	font-size: 0;
	position: static;
	vertical-align: middle;
	margin-right: 10px;
	zoom: .8;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px
}

.sohu-self .tv-btn_watch {
	width: 142px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	border-radius: 27px
}

.sohu-self .tv-btn_vip {
	line-height: 48px;
	font-size: 16px
}

.sohu-self .self-adv {
	display: block;
	width: 256px;
	height: 207px;
	position: absolute;
	top: -207px;
	right: 0;
	cursor: pointer
}

.sohu-self+.g-adv .crossPage {
	margin: 17px 0 45px
}

.sohu-self_rank {
	background: #2f2e3d;
	border-radius: 10px;
	padding: 25px 10px 0
}

.sohu-self_rank .rank-tab {
	margin: 0 10px
}

.sohu-self_rank .tab-item {
	width: 89px;
	height: 38px;
	margin: 0 18px 0 0;
	width: 22.2%;
	margin-right: 3.75%;
	text-align: center;
	border-radius: 6px;
	line-height: 38px;
	font-size: 16px;
	display: inline-block;
	background: #3b3a4d;
	color: #fff
}

.sohu-self_rank .tab-item-on a {
	color: #f53851
}

.sohu-self_rank .tab-item:last-child {
	margin-right: 0
}

.sohu-self_rank .rank-con {
	padding: 20px 10px 0
}

.sohu-self_rank .self-item a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block
}

.sohu-self_rank .self-item {
	font-size: 16px;
	display: block;
	margin: 0 0 16px;
	line-height: 32px;
	color: #fff
}

.sohu-self_rank .self-item .rank-num {
	font-size: 32px;
	font-weight: 400;
	color: rgba(255, 255, 255, .4);
	width: 40px;
	line-height: 30px;
	display: inline-block;
	vertical-align: top;
	/* font-family: DIN-BlackItalic */
}

.sohu-self_rank .self-item:first-child .rank-num,
.sohu-self_rank .self-item:nth-child(2) .rank-num,
.sohu-self_rank .self-item:nth-child(3) .rank-num {
	color: #f53851
}

.sohu-dance {
	margin-bottom: 30px
}

.sohu-law+.g-adv .crossPage {
	margin-bottom: 15px
}

.sohu-sport .g-item .item-title {
	white-space: normal;
	max-height: 52px
}

.sohu-sport .g-flex_double {
	margin-right: -13px
}

.sohu-sport .g-item {
	margin-right: 13px
}

.sohu-hotlive .item-detail {
	padding: 0;
	height: 58px
}

.sohu-hotlive .item-info {
	margin: 7px 0 0 36px
}

.sohu-hotlive .item-detail .photo-size_1 {
	top: 28px;
	left: 0;
	width: 28px;
	height: 28px
}

.sohu-dynamic .dynamic-list {
	width: 100%;
	font-size: 16px;
	color: rgba(255, 255, 255, .85);
	padding: 22px 30px 0;
	border-radius: 10px;
	background: #2f2e3d;
	height: 175px
}

.sohu-dynamic .dynamic-item {
	margin: 0 0 12px
}

.sohu-dynamic .dynamic-item::before {
	content: '';
	display: inline-block;
	border-radius: 50%;
	width: 5px;
	height: 5px;
	background: #fff;
	margin: 0 10px 0 0;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%
}

.sohu-movie .item-cover_movie {
	height: 777px;
	overflow: hidden
}

.sohu-movie .join-vip {
	float: right;
	margin-top: 23px;
	position: relative;
	padding: 0 15px 0 0;
	background-image: -webkit-linear-gradient(right, #a135f3, #ff8fe9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.sohu-movie .join-vip:hover .g-gt {
	background-position: 0 -120px
}

.sohu-movie .g-point {
	margin: 0 5px
}

.sohu-movie_rank {
	margin-bottom: 12px
}

.sohu-movie_rank .g-item {
	margin-right: -26px;
	box-shadow: 20px 12px 24px #0c0c0f;
	border-radius: 10px
}

.sohu-movie_rank .g-row_content {
	padding-bottom: 20px
}

.sohu-movie_rank .item-title {
	padding: 18px 0 0;
	margin: 0
}

.sohu-movie_rank .item-detail {
	padding: 0 50px 0 18px;
	height: 80px;
	background: #48170d;
	border-radius: 0 0 10px 10px
}

.sohu-movie_rank .item-detail-mask {
	display: block;
	height: 100px;
	width: 100%;
	transform: scaleY(-1);
	position: absolute;
	top: -100px;
	left: 0;
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-o-transform: scaleY(-1)
}

.sohu-movie_rank .item-detail .item-number {
	position: absolute;
	top: 0;
	right: 15px;
	z-index: 15;
	font-size: 56px;
	font-weight: 400;
	line-height: 80px;
	color: rgba(255, 255, 255, .5);
	/* font-family: DIN-BlackItalic */
}

.sohu-movie_rank .cover-size_2 {
	border-radius: 10px 10px 0 0
}

.sohu-movie_rank .item-detail-mask::before,
.sohu-movie_rank .item-detail::before {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	left: 0
}

.sohu-movie_rank .item-detail::before {
	height: 80px;
	top: 0;
	background: -webkit-linear-gradient(bottom, rgba(31, 31, 41, .3), rgba(31, 31, 41, .3));
	border-radius: 0 0 10px 10px
}

.sohu-movie_rank .item-detail-mask::before {
	height: 100px;
	top: 0;
	background: -webkit-linear-gradient(bottom, rgba(31, 31, 41, 0), rgba(31, 31, 41, .3))
}

.sohu-movie_rank .item-detail .item-info,
.sohu-movie_rank .item-detail .item-title {
	position: relative;
	z-index: 15
}

.footer,
.footer a {
	color: rgba(255, 255, 255, .4)
}

.footer {
	background: #272633;
	padding: 50px 0;
	font-size: 14px;
	min-width: 1120px;
	margin: 47px 0 0
}

.footer-menu {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	width: 80%;
	min-width: 900px;
	max-width: 1500px;
	margin: 0 auto;
	height: 150px;
	line-height: 30px
}

.footer-menu dl {
	display: inline-block;
	flex-shrink: 0
}

.footer-menu dt {
	font-size: 18px;
	color: rgba(255, 255, 255, .8);
	margin-bottom: 10px
}

.footer-menu dt a {
	color: rgba(255, 255, 255, .8)
}

.footer-menu dt a:hover {
	color: #f53851
}

.footer-menu_self dd {
	width: 45px;
	float: left
}

.footer-bottom {
	text-align: center;
	line-height: 28px
}

.footer #rep_scroll {
	height: 26px;
	overflow: hidden;
	margin-top: 5px
}

.footer-menu_app dd a {
	background: url(../fonts/download.svg) no-repeat 0 2px;
	padding-left: 30px
}

.footer-menu_app .ifox {
	background-position: 0 -49px
}

.footer-menu_app .tv {
	background-position: 0 -96px
}

/* 1920 */
@media screen and (max-width:1998px) {
	.g-wrap {
		width: 1589px
	}

	/* header */
	.link-a {
		font-size: 18px;
		text-align: center;
		display: flex;
	}

	.right-div {
		text-align: center;
		font-size: 18px;
	}

	.right-div a {
		margin-right: 15px;
	}

	.search {
		display: flex;
		width: 300px;
		height: 45px;
		align-items: center;
		/* justify-content: center; */
		border-radius: 22.5px;
		background: rgba(0, 0, 0, 0.5);
		box-sizing: border-box;
		border: 1px solid rgba(255, 255, 255, 0.5);
	}

	.left-ul li a {
		display: block;
		color: #FFFFFF;
		text-align: center;
		/* padding: 14px 16px; */
		text-decoration: none;
		/* padding-right: 18px; */
		margin-right: 35px;
		font-size: 20px;
	}


	/* header相关 */
	.header-icon-img {
		width: 18px;
		height: 18px;
		margin-top: 4px;
		margin-right: 9px;
	}

	.highlight-image {
		width: 18px;
		height: 18px;
		margin-top: 4px;
		margin-right: 9px;
	}

	.right-div:nth-last-child(1) {
		margin-left: 35px;
	}

	.img-1 {
		width: 15px;
		height: 15px;
		padding-left: 35px;
		padding-right: 5px;
		margin-top: 6px;
	}

	.img-2 {
		width: 19px;
		height: 17px;
		padding-left: 15px;
		padding-right: 5px;
		margin-top: 6px;
	}

	.img-3 {
		width: 17px;
		height: 15px;
		padding-left: 15px;
		padding-right: 5px;
		margin-top: 6px;
	}

	.img-4 {
		width: 18px;
		height: 16px;
		padding-left: 15px;
		padding-right: 5px;
		margin-top: 6px;
	}

	/* 首页banner下方菜单内容 */
	.right-icon {
		width: 15.5px;
		height: 15.5px;
	}

	.left-content {
		margin-right: 100px;
		font-size: 24px;
	}

	.right_title div {
		display: flex;
		font-size: 16px;
		color: #FFFFFF;
		align-items: center;
		margin-left: 31px;
	}


	/* 系列影片右侧滑动内容 */
	.xlyp_text {
		width: 190px;
		/* height: 50px; */
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		text-overflow: ellipsis;
		white-space: normal;
		/* 重设white-space为normal */
		height: auto;
		text-align: left;
		margin-top: -8px;
		margin-left: 15px;
	}


	.g-column_main {
		width: 1055px
	}


	.grid-container {
		display: grid;
		/* gap: 3px; */
		/* 默认间距 */
		/*grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));   根据内容自动调整列数 */
		/* padding: 10px; */
		grid-template-columns: repeat(6, 1fr);
		overflow: hidden;
	}

	.g-item1 {
		width: 254px
	}



	/* .g-flex_single .g-item:nth-last-child(2) {
		display: none
	}

	.g-flex_double .g-item:nth-last-child(2),
	.g-flex_double .g-item:nth-last-child(3) {
		display: none
	} */

	.sohu-self .self-name {
		margin: 21px 0
	}

	.sohu-self .detail-button {
		margin: 14px 0
	}

	.sohu-self .detail-intro {
		-webkit-line-clamp: 2;
		height: 52px;
		margin-bottom: 16px
	}

	.sohu-self .self-adv {
		zoom: 0.9
	}

	.sohu-self .self-title {
		width: 120px;
		height: 26px
	}

	.sohu-self .self-name .name-pic {
		width: 306px;
		height: 136px
	}

	.sohu-self .tv-btn_vip {
		height: 42px;
		width: 182px;
		line-height: 42px
	}

	.sohu-self .tv-btn_watch {
		height: 42px;
		width: 126px;
		line-height: 42px
	}

	.sohu-self .detail-sort,
	.sohu-self .detail-star {
		width: 320px
	}

	.sohu-self .detail-star {
		margin: 10px 0 8px
	}



}

/* 1600 */
@media screen and (max-width:1710px) {
	.g-wrap {
		width: 1260px
	}

	.search {
		display: flex;
		width: 200px;
		height: 45px;
		align-items: center;
		/* justify-content: center; */
		border-radius: 22.5px;
		background: rgba(0, 0, 0, 0.5);
		box-sizing: border-box;
		border: 1px solid rgba(255, 255, 255, 0.5);
	}

	.link-a {
		font-size: 16px;
		text-align: center;
		display: flex;
	}

	.right-div {
		text-align: center;
		font-size: 16px;
		padding-top: 5px;
	}

	.link-a b {
		margin-top: 3px;
	}


	.right-div a {
		margin-right: 10px;
	}

	.left-ul li a {
		display: block;
		color: #FFFFFF;
		text-align: center;
		/* padding: 14px 16px; */
		text-decoration: none;
		/* padding-right: 18px; */
		margin-right: 20px;
		font-size: 20px;
	}

	/* header相关 */
	.header-icon-img {
		width: 16px;
		height: 16px;
		margin-top: 4px;
		margin-right: 9px;
	}

	.right-div:nth-last-child(1) {
		margin-left: 25px;
	}


	.left-content {
		margin-right: 80px;
		font-size: 24px;
	}

	.right_title div {
		display: flex;
		font-size: 16px;
		color: #FFFFFF;
		align-items: center;
		margin-left: 28px;
	}

	.img-1 {
		width: 14px;
		height: 16px;
		padding-left: 25px;
		padding-right: 5px;
		margin-top: 4px;
	}

	.img-2 {
		width: 19px;
		height: 17px;
		padding-left: 15px;
		padding-right: 5px;
		margin-top: 3px;
	}

	.img-3 {
		width: 17px;
		height: 15px;
		padding-left: 15px;
		padding-right: 5px;
		margin-top: 4px;
	}

	.img-4 {
		width: 18px;
		height: 16px;
		padding-left: 15px;
		padding-right: 5px;
		margin-top: 3px;
	}

	/* 系列影片右侧滑动内容 */
	.xlyp_text {
		width: 120px;
		/* height: 50px; */
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		text-overflow: ellipsis;
		white-space: normal;
		/* 重设white-space为normal */
		height: auto;
		text-align: left;
		margin-top: -8px;
		font-size: 14px;
		margin-left: 15px;
	}


	.grid-container {
		display: grid;
		/* gap: 9px; */
		/* 默认间距 */
		/* grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));  根据内容自动调整列数 */
		/* padding: 10px; */
		grid-template-columns: repeat(6, 1fr);
	}


	.g-wrap [class^=g-column]:first-child,
	[class^=g-item] {
		margin-right: 10px
	}

	.g-item {
		width: 202px
	}

	.g-item1 {
		width: 202px
	}

	.g-item_double {
		width: 414px
	}

	.g-column_side {
		width: 414px
	}

	.g-column_main {
		width: 838px
	}

	.cover-size_1 {
		height: 114px
	}

	.cover-size_2 {
		height: 278px
	}

	.cover-size_4 {
		height: 312px;
		width: auto
	}

	.cover-size_5 {
		height: 278px
	}

	.cover-size_6 {
		height: 202px
	}

	.g-item .item-cover_4 .cover-size_4 {
		margin-left: -8px
	}

	.g-rank [class^=pack-number] {
		line-height: 88px
	}

	.g-rank .pack-cover .cover,
	.g-rank .rank-pack {
		height: 88px
	}

	.g-rank .pack-title {
		max-width: 9em;
		padding-top: 20px
	}

	.g-rank .rank-pack {
		margin-bottom: 13px
	}

	.g-rank .pack-number {
		width: 84px
	}

	.g-rank .pack-cover {
		left: 84px
	}

	.g-rank_text {
		height: 766px;
		padding-top: 25px
	}

	.g-rank_text .pack-cover .cover {
		zoom: 0.8
	}

	.g-rank_text .rank-pack {
		padding: 13px 0
	}

	.g-rank_text .rank-pack.on .pack-info {
		width: calc(100% - 244px)
	}

	.sohu-dynamic .dynamic-list {
		height: 150px;
		padding-top: 15px
	}

	.sohu-dynamic .dynamic-item {
		margin-bottom: 10px
	}

	.sohu-movie .item-cover_movie {
		height: 636px
	}

	.sohu-anthor .cover-size_1 {
		height: 96px
	}

	.sohu-self_rank .self-item:nth-child(8) {
		display: none
	}

	.sohu-self {
		font-size: 12px;
		padding: 18px 0 0;
		margin-top: -3px
	}

	.sohu-self .detail-intro {
		margin-bottom: 16px;
		line-height: 22px;
		height: 44px
	}

	.sohu-self .detail-star {
		margin-top: 8px
	}

	.sohu-self .detail-sort {
		display: none;
		width: 290px;
		margin-bottom: 6px
	}

	.sohu-self .detail-button {
		margin: 12px 0
	}

	.sohu-self .self-name {
		margin: 25px 0
	}

	.sohu-self .self-title {
		width: 109px;
		height: 24px
	}

	.sohu-self .self-name .name-pic {
		width: 169px;
		height: 75px
	}

	.sohu-self .tv-btn_vip,
	.sohu-self .tv-btn_watch {
		height: 39px;
		line-height: 39px;
		font-size: 14px
	}

	.sohu-self .tv-btn_vip {
		width: 159px
	}

	.sohu-self .tv-btn_watch {
		width: 111px
	}

	.sohu-self .self-adv {
		zoom: 0.8
	}

	.sohu-self_rank .self-item {
		margin-bottom: 15px
	}

	.sohu-self_rank .rank-con {
		padding-top: 16px
	}

	.sohu-sport .g-flex_double {
		margin-right: -11px
	}

	.sohu-sport .g-item {
		margin-right: 9px
	}
}

/* 1280 */
@media screen and (max-width:1420px) {
	.g-wrap {
		width: 1048px
	}

	.link-a {
		font-size: 13px;
		text-align: center;
		display: flex;
	}

	.search {
		display: flex;
		width: 180px;
		height: 45px;
		align-items: center;
		/* justify-content: center; */
		border-radius: 22.5px;
		background: rgba(0, 0, 0, 0.5);
		box-sizing: border-box;
		border: 1px solid rgba(255, 255, 255, 0.5);
	}

	.left-ul li a {
		display: block;
		color: #FFFFFF;
		text-align: center;
		/* padding: 14px 16px; */
		text-decoration: none;
		/* padding-right: 18px; */
		margin-left: 8px;
		margin-right: 5px;
		font-size: 19px;
	}

	.right-div {
		text-align: center;
		font-size: 16px;
		padding-top: 3px;
	}

	.right-div a {
		margin-right: 6px;
	}

	/* 首页banner下方内容 */
	.left-content {
		margin-right: 50px;
		font-size: 24px;
	}

	.right_title div {
		display: flex;
		font-size: 16px;
		color: #FFFFFF;
		align-items: center;
		margin-left: 16px;
	}


	/* header相关 */
	.header-icon-img {
		width: 17px;
		height: 17px;
		margin-top: 4px;
		margin-right: 2px;
	}

	.link-a b {
		margin-top: 5px;
	}

	.right-div:nth-last-child(1) {
		margin-left: 8px;
	}
	
	/* logo */
	.logo-img{
		width: 135px;
	}


	/* .img-1 {
		width: 13px;
		height: 13px;
		padding-left: 10px;
		padding-right: 5px;
		margin-top: 3px;
	}

	.img-2 {
		width: 15px;
		height: 13px;
		padding-left: 8px;
		padding-right: 5px;
		margin-top: 3px;
	}

	.img-3 {
		width: 16px;
		height: 14px;
		padding-left: 8px;
		padding-right: 5px;
		margin-top: 3px;
	}

	.img-4 {
		width: 16px;
		height: 13px;
		padding-left: 8px;
		padding-right: 5px;
		margin-top: 3px;
	} */

	/* 系列影片右侧滑动内容 */
	.xlyp_text {
		width: 80px;
		/* height: 50px; */
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		text-overflow: ellipsis;
		white-space: normal;
		/* 重设white-space为normal */
		height: auto;
		text-align: left;
		margin-top: -8px;
		font-size: 14px;
		margin-left: 9px;
	}

	.grid-container {
		display: grid;
		/* gap: 9px; */
		/* 默认间距 */
		/* grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));  根据内容自动调整列数 */
		/* padding: 10px; */
		grid-template-columns: repeat(5, 1fr);
		/* grid-template-columns: repeat(auto-fill, minmax(max-content, 1fr)); */
		/* overflow: hidden; */
	}
	
	.swiper-container .swiper-wrapper .swiper-slide  {
		margin-right: 0.5px;
	}

	.g-column_main {
		width: 626px
	}

	.g-flex_single .g-item:nth-last-child(3) {
		display: none
	}

	.g-flex_double .g-item:nth-last-child(4),
	.g-flex_double .g-item:nth-last-child(5) {
		display: none
	}

	.sohu-self {
		padding: 8px 0 0;
		margin-top: 37px
	}

	.sohu-self .detail-intro {
		display: none
	}

	.sohu-self .detail-star {
		margin-top: 5px;
		width: 255px
	}

	.sohu-self .detail-button {
		margin: 12px 0 14px
	}

	.sohu-self .self-adv {
		zoom: 0.7
	}

	.sohu-self .self-title {
		width: 98px;
		height: 22px
	}

	.sohu-self .self-name {
		margin: 6px 0
	}

	.sohu-self .self-name .name-pic {
		width: 203px;
		height: 90px
	}

	.sohu-self .tv-btn_vip,
	.sohu-self .tv-btn_watch {
		height: 35px;
		line-height: 35px;
		font-size: 12px
	}

	.sohu-self .tv-btn_vip {
		width: 143px
	}

	.sohu-self .tv-btn_watch {
		width: 100px
	}
}

/* >1920 */
@media screen and (min-device-width: 1998px) {

	
	.g-wrap {
		width: 1589px
	}
	
	/* header */
	.link-a {
		font-size: 18px;
		text-align: center;
		display: flex;
	}
	
	.right-div {
		text-align: center;
		font-size: 18px;
	}
	
	.right-div a {
		margin-right: 15px;
	}
	
	.search {
		display: flex;
		width: 300px;
		height: 45px;
		align-items: center;
		/* justify-content: center; */
		border-radius: 22.5px;
		background: rgba(0, 0, 0, 0.5);
		box-sizing: border-box;
		border: 1px solid rgba(255, 255, 255, 0.5);
	}
	
	.left-ul li a {
		display: block;
		color: #FFFFFF;
		text-align: center;
		/* padding: 14px 16px; */
		text-decoration: none;
		/* padding-right: 18px; */
		margin-right: 35px;
		font-size: 20px;
	}
	
	
	/* header相关 */
	.header-icon-img {
		width: 18px;
		height: 18px;
		margin-top: 4px;
		margin-right: 9px;
	}
	
	.highlight-image {
		width: 18px;
		height: 18px;
		margin-top: 4px;
		margin-right: 9px;
	}
	
	.right-div:nth-last-child(1) {
		margin-left: 35px;
	}
	
	.img-1 {
		width: 15px;
		height: 15px;
		padding-left: 35px;
		padding-right: 5px;
		margin-top: 6px;
	}
	
	.img-2 {
		width: 19px;
		height: 17px;
		padding-left: 15px;
		padding-right: 5px;
		margin-top: 6px;
	}
	
	.img-3 {
		width: 17px;
		height: 15px;
		padding-left: 15px;
		padding-right: 5px;
		margin-top: 6px;
	}
	
	.img-4 {
		width: 18px;
		height: 16px;
		padding-left: 15px;
		padding-right: 5px;
		margin-top: 6px;
	}
	
	/* 首页banner下方菜单内容 */
	.right-icon {
		width: 15.5px;
		height: 15.5px;
	}
	
	.left-content {
		margin-right: 100px;
		font-size: 24px;
	}
	
	.right_title div {
		display: flex;
		font-size: 16px;
		color: #FFFFFF;
		align-items: center;
		margin-left: 31px;
	}
	
	
	/* 系列影片右侧滑动内容 */
	.xlyp_text {
		width: 190px;
		/* height: 50px; */
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		text-overflow: ellipsis;
		white-space: normal;
		/* 重设white-space为normal */
		height: auto;
		text-align: left;
		margin-top: -8px;
		margin-left: 15px;
	}
	
	
	.g-column_main {
		width: 1055px
	}
	
	
	.grid-container {
		display: grid;
		/* gap: 3px; */
		/* 默认间距 */
		/* grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));  根据内容自动调整列数 */
		/* padding: 10px; */
		grid-template-columns: repeat(6, 1fr);
	}
	
	.g-item1 {
		width: 254px
	}
	
	
	
	/* .g-flex_single .g-item:nth-last-child(2) {
		display: none
	}
	
	.g-flex_double .g-item:nth-last-child(2),
	.g-flex_double .g-item:nth-last-child(3) {
		display: none
	} */
	
	.sohu-self .self-name {
		margin: 21px 0
	}
	
	.sohu-self .detail-button {
		margin: 14px 0
	}
	
	.sohu-self .detail-intro {
		-webkit-line-clamp: 2;
		height: 52px;
		margin-bottom: 16px
	}
	
	.sohu-self .self-adv {
		zoom: 0.9
	}
	
	.sohu-self .self-title {
		width: 120px;
		height: 26px
	}
	
	.sohu-self .self-name .name-pic {
		width: 306px;
		height: 136px
	}
	
	.sohu-self .tv-btn_vip {
		height: 42px;
		width: 182px;
		line-height: 42px
	}
	
	.sohu-self .tv-btn_watch {
		height: 42px;
		width: 126px;
		line-height: 42px
	}
	
	.sohu-self .detail-sort,
	.sohu-self .detail-star {
		width: 320px
	}
	
	.sohu-self .detail-star {
		margin: 10px 0 8px
	}

}



.el-pager li {
	/* margin: 0 5px; */
	/* width: 32px;
			  height: 32px; */
	/* border: 1px solid #ddd; */
	color: #fff !important;
	background-color: #25252B !important;
	height: 32px !important;
	width: 32px !important;
	/* padding: 0px !important; */
	line-height: 32px !important;
	text-align: center;
	
}

.el-pager li.active {
	background-color: #ED831B !important;
	color: #fff;
}

.el-pager li:hover {
	/* background-color: #ED831B !important; */
	color: #FFF !important;
}

.el-pagination__jump {
	margin: 0 10px;
	color: #fff !important;
}

.el-pagination {
  color: #fff !important; /* 修改文字颜色 */
}

.el-pagination__editor.el-input .el-input__inner {
	height: 32px !important;
	line-height: 32px;
	background-color: #25252B;
	color: #fff !important;
	border: 1px solid rgba(222, 225, 227, 0.2);
}

.el-pagination__sizes .el-input .el-input__inner:hover {
	border-color: #ED831B !important;
	color: #ED831B !important;
}


.el-pagination .btn-prev,
.el-pagination .btn-next {
 color: #fff !important;  /* 修改翻页按钮颜色 */
 background-color: #25252B !important;
 height: 32px !important;
 width: 32px !important;
}

.el-pagination .el-select .el-input .el-input__inner{
	margin-left: 16.5px;
    padding-right: 8px;
    border-radius: 3px;
	background-color: #25252B;
	height: 32px !important;
	border: 1px solid rgba(222, 225, 227, 0.2);
	color: #fff;
}

/* 修改el-pagination的页数选择器下拉箭头颜色 */
.el-pagination .el-select .el-input__suffix .el-input__suffix-inner {
  /*color: #333;  你想要的颜色 */
}
 
/* 修改el-pagination的页数选择器下拉菜单背景颜色 */
.el-pagination .el-select .el-input__suffix .el-popper {
  /*background-color: #25252B !important;  你想要的颜色 */
}
 
/* 修改el-pagination的页数选择器下拉菜单选项颜色 */
.el-pagination .el-select .el-input__suffix .el-popper .el-scrollbar__view {
  /*color: #fff;  你想要的颜色 */
}



.el-select-dropdown__item.selected {
    color: #ED831B !important;
    font-weight: 700;
	width: 100%;
	background-color: #FFF !important;;
}
.el-select-dropdown__item {
    font-size: 14px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #25252B !important;
    height: 34px;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
	/* background-color: #25252B !important; */
	}
	
	.el-select-dropdown__list {
	    list-style: none;
	    padding: 6px 0;
	    margin: 0;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
		/* background-color: #25252B !important; */
		text-align: center;
	}
	
	.preformatted {
	  /* white-space: pre-wrap; 保留空格和换行，且文本会换行以适应容器 */ 
	  white-space: normal;
	}