@charset "utf-8";

.hd-focus-tuijian {
	width: 100%;
	height: 730px;
	z-index: 0
}

.hd-focus {
	height: 730px;
	position: relative;
	min-width: 1120px
}

.hd-focus .hd-layout {
	width: 1856px;
	height: 100%
}

.hd-focus-a,
.hd-focus-inner {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 19;
	overflow: hidden
}

.hd-focus-a a {
	width: 100%;
	height: 100%;
	display: block
}

.hd-layout {
	position: relative;
	height: 100%;
	margin: 0 auto
}

.hd-focus [class^=tips-] {
	display: none;
	position: relative;
	right: 5px;
	width: 38px;
	height: 20px;
	background: url(../fonts/tips.svg) no-repeat 0 -225px;
	text-indent: -200px;
	overflow: hidden;
	margin-right: 8px
}

.hd-focus .tips-dujia {
	background-position: 0 -25px
}

.hd-focus .tips-fufei {
	background-position: 0 -50px
}

.hd-focus .tips-adv {
	background-position: 0 -75px
}

.hd-focus .tips-vip {
	background-position: 0 -100px
}

.hd-focus .tips-huodong {
	background-position: 0 -125px
}

.hd-focus .tips-quanjing {
	background-position: 0 -150px
}

.hd-focus .tips-shoubo {
	background-position: 0 -175px
}

.hd-focus .tips-yongquan {
	background-position: 0 -200px
}

.hd-focus .tips-dang,
.hd-focus .tips-diezhan,
.hd-focus .tips-dubo,
.hd-focus .tips-jingdian,
.hd-focus .tips-living,
.hd-focus .tips-love,
.hd-focus .tips-self,
.hd-focus .tips-zongyi {
	width: 48px;
	height: 28px;
	background: url(../fonts/focus-tips.svg) no-repeat
}

.hd-focus .tips-xianmf {
	width: 68px;
	height: 28px;
	background: url(../fonts/tips.svg) no-repeat
}

.hd-focus .tips-dang {
	width: 32px;
	height: 32px;
	background-position: 0 0
}

.hd-focus .tips-self {
	background-position: 0 -81px
}

.hd-focus .tips-living {
	background-position: 0 -43px
}

.hd-focus .tips-diezhan {
	background-position: 0 -120px
}

.hd-focus .tips-love {
	background-position: 0 -160px
}

.hd-focus .tips-zongyi {
	background-position: 0 -200px
}

.hd-focus .tips-jingdian {
	background-position: 0 -240px
}

.hd-focus .tips-dubo {
	background-position: 0 -280px
}

.hd-focus .tips-xianmf {
	background-position: 0 -400px
}

.hd-focus .tips-diezhan,
.hd-focus .tips-jingdian,
.hd-focus .tips-love,
.hd-focus .tips-zongyi {
	width: 68px;
	height: 28px
}

.hd-focus .hd-layout:after,
.hd-focus .hd-layout:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0
}

.hd-focus .hd-layout:before {
	left: -100%;
	background-image: linear-gradient(to left, #0f0f14 0, rgba(31, 31, 41, 0) 100%)
}

.hd-focus .hd-layout:after {
	right: -100%;
	background-image: linear-gradient(to right, #0f0f14 0, rgba(31, 31, 41, 0) 100%)
}

.hd-focus-video {
	width: 100%;
	height: 100%;
	position: relative;
	opacity: 0;
	overflow: hidden
}

.hd-focus-video.show {
	width: 100%;
	height: 100%;
	position: relative;
	opacity: 1;
	transition: opacity 1.5s ease-in-out;
	-webkit-transition: opacity 1.5s ease-in-out
}

.hd-focus-video .video-item {
	width: 100%;
	height: 100%;
	position: relative
}

.hd-focus [class^=video-mask-] {
	display: block;
	position: absolute;
	z-index: 10
}

.hd-focus .video-mask-bottom,
.hd-focus .video-mask-top {
	width: 100%;
	left: 0;
	opacity: 1
}

.hd-focus .video-mask-top {
	top: 0;
	height: 16.5%;
	background-image: linear-gradient(to bottom, rgba(15, 15, 20, .85), rgba(31, 31, 41, 0))
}

.hd-focus .video-mask-bottom {
	bottom: 0;
	height: 24.6%;
	background-image: linear-gradient(to bottom, rgba(31, 31, 41, 0), #0f0f14)
}

.hd-focus .video-mask-left,
.hd-focus .video-mask-right {
	width: 25%;
	height: 100%;
	top: 0
}

.hd-focus .video-mask-left {
	left: 0;
	background-image: linear-gradient(to left, rgba(31, 31, 41, 0), #0f0f14)
}

.hd-focus .video-mask-right {
	right: 0;
	background-image: linear-gradient(to right, rgba(31, 31, 41, 0), #0f0f14)
}

.hd-focus-menu {
	position: absolute;
	top: 50%;
	margin-top: 15px;
	transform: translateY(-50%);
	right: 0;
	text-align: right;
	z-index: 20;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

.hd-focus-menu .menu-item {
	cursor: pointer
}

.hd-focus-menu .menu-item .item-title {
	padding: 14px 0;
	line-height: 30px;
	font-size: 16px;
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.hd-focus-menu .menu-item .item-title .title-text {
	transition: color .4s;
	display: block;
	text-align: right;
	max-width: 10em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: rgba(255, 255, 255, .45);
	-webkit-transition: color .4s
}

.hd-focus-menu .menu-item .item-dec {
	transition: opacity .4s;
	opacity: 0;
	display: none;
	text-align: right;
	color: #fff;
	max-width: 13em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	font-size: 14px;
	-webkit-transition: opacity .4s
}

.hd-focus-menu .menu-item.on {
	margin: 5px -76px 5px 0;
	padding: 0 76px 0 86px;
	background-image: linear-gradient(270deg, rgba(245, 56, 81, 0) 0, rgba(245, 56, 81, .2) 29%, rgba(245, 56, 81, 0) 100%)
}

.hd-focus-menu .menu-item.on [class^=tips-] {
	display: inline-block
}

.hd-focus-menu .menu-item.on .item-dec {
	display: block;
	opacity: 1;
	padding-bottom: 8px;
	width: 100%;
	margin-left: auto
}

.hd-focus-menu .menu-item.on .item-title {
	font-size: 28px;
	padding: 12px 0 8px
}

.hd-focus-menu .menu-item.on .item-title .title-text {
	color: #fff
}

.hd-focus-title .title-item {
	transition: transform .6s ease-out;
	width: 416px;
	height: 300px;
	text-indent: -30000px;
	overflow: hidden;
	z-index: 19;
	display: block;
	bottom: 7%;
	left: 0;
	position: absolute;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: transform .6s ease-out;
	-moz-transition: transform .6s ease-out;
	-ms-transition: transform .6s ease-out;
	-o-transition: transform .6s ease-out
}

.hd-focus-title .title-item.on {
	transform: scale(.7);
	transform-origin: left bottom;
	transition-delay: 2s
}

.hd-focus-title .title-btns {
	bottom: 13.6%;
	left: 0;
	position: absolute;
	z-index: 100;
	display: flex;
	cursor: pointer
}

.hd-focus-title .title-btns a {
	color: #fff
}

.hd-focus-title .title-btns .btn-icon {
	width: 26px;
	height: 26px;
	margin-right: 8px
}

.hd-focus-title .title-btns .btn-icon svg {
	width: 100%;
	height: 100%
}

.hd-focus-title .title-btns .btn-focus {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 154px;
	height: 54px;
	margin-right: 16px;
	/* font-family: PingFangSC-Semibold; */
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	border-radius: 31px
}

.hd-focus-title .title-btns .btn-living,
.hd-focus-title .title-btns .btn-see {
	background-image: linear-gradient(-60deg, #d63c86 0, #f53851 50%, #e5514d 99%)
}

.hd-focus-title .title-btns .btn-living .btn-icon {
	background: url(../fonts/voice.svg) 0 -100px;
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 15
}

.hd-voice-mute:hover {
	background-position: 0 -150px
}

.hd-voice-mute.muted {
	background-position: 0 0
}

.hd-voice-mute.muted:hover {
	background-position: 0 -50px
}

@media screen and (max-width:1998px) {

	.hd-focus,
	.hd-focus-tuijian {
		height: 625px
	}

	.hd-focus .hd-focus-picture,
	.hd-focus .hd-layout {
		width: 1589px
	}
}

@media screen and (max-width:1710px) {

	.hd-focus,
	.hd-focus-tuijian {
		height: 495px
	}

	.hd-focus .hd-focus-picture,
	.hd-focus .hd-layout {
		width: 1260px
	}

	.hd-focus-title .title-item {
		width: 364px;
		height: 266px
	}

	.hd-focus-title .title-btns .btn-focus {
		width: 137px;
		height: 48px;
		font-size: 16px
	}

	.hd-focus-title .title-btns .btn-icon {
		width: 23px;
		height: 23px
	}

	.hd-focus-menu .menu-item .item-title {
		font-size: 14px;
		padding: 4px 0
	}

	.hd-focus-menu .menu-item.on .item-title {
		font-size: 20px;
		padding: 7px 0 3px
	}

	.hd-focus [class^=tips-] {
		zoom: .8
	}

	.hd-focus-menu .menu-item.on [class^=tips-] {
		zoom: 1
	}
}

@media screen and (max-width:1420px) {

	.hd-focus,
	.hd-focus-tuijian {
		height: 412px
	}

	.hd-focus .hd-focus-picture,
	.hd-focus .hd-layout {
		width: 1048px
	}

	.hd-focus-title .title-item {
		width: 280px;
		height: 204px
	}

	.hd-focus-title .title-btns .btn-focus {
		width: 105px;
		height: 37px;
		font-size: 12px
	}

	.hd-focus-title .title-btns .btn-icon {
		width: 18px;
		height: 18px
	}

	.hd-focus-menu .menu-item .item-title {
		font-size: 14px;
		padding: 1px 0
	}

	.hd-focus-menu .menu-item.on .item-title {
		font-size: 20px;
		padding: 5px 0 0
	}
}

.hd-focus-menu .item-img {
	display: none
}

.focus-b .hd-focus-inner {
	padding-bottom: 100px
}

.focus-b .nav-sub {
	margin-top: 85px
}

.focus-b .hd-focus-menu {
	bottom: -85px;
	top: auto;
	margin: 0;
	transform: none;
	width: 100%;
	display: flex;
	justify-content: space-around;
	text-align: center;
	height: 120px
}

.focus-b .hd-focus [class^=tips-] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0
}

.focus-b .hd-focus-menu::after,
.focus-b .hd-focus-menu::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: rgba(66, 68, 82, .4);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	z-index: -1
}

.focus-b .hd-focus-menu::before {
	left: -50%
}

.focus-b .hd-focus-menu::after {
	right: -50%
}

.focus-b .hd-focus-menu .menu-item {
	position: relative;
	flex-shrink: 0;
	flex-grow: 1;
	margin: 0
}

.focus-b .hd-focus-menu .item-dec,
.focus-b .hd-focus-menu .item-title {
	display: none !important
}

.focus-b .hd-focus-menu .item-img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.focus-b .hd-focus-menu .item-img::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 1px;
	height: 62%;
	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%)
}

.focus-b .hd-focus-menu .menu-item:first-child .item-img::before {
	display: none
}

.focus-b .hd-focus-menu .item-img .hover,
.focus-b .hd-focus-menu .item-img .normal {
	display: block;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center
}

.focus-b .hd-focus-menu .item-img .hover {
	display: none
}

.focus-b .hd-focus-menu .menu-item.on .hover {
	display: block
}

.focus-b .hd-focus-menu .menu-item.on .normal {
	display: none
}

.focus-b .hd-focus-menu .menu-item.on {
	padding: 0;
	border-right: none
}

.focus-b .hd-focus-menu .menu-item.on .item-img {
	position: absolute;
	border-radius: 10px;
	background-image: linear-gradient(130deg, rgba(119, 119, 153, .3) 0, rgba(255, 119, 133, .2) 100%);
	box-shadow: 0 1px 16px #0c0c0f;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	height: 115%;
	bottom: 0;
	overflow: hidden
}

.focus-b .hd-focus-menu .menu-item.on .item-img::before {
	display: none
}

.focus-b .hd-focus-menu .menu-item.on .item-img::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px)
}

.focus-b .hd-focus .video-mask-bottom {
	display: block
}

.focus-b .nav-sub::before {
	display: none
}

.focus-b .hd-header-scroll .hd-focus .video-mask-bottom {
	display: none
}

.focus-b .hd-header-scroll .nav-sub::before {
	display: block
}

@media screen and (max-width:1998px) {
	.focus-b .hd-focus-menu .menu-item:nth-child(9) {
		display: none
	}
}

@media screen and (max-width:1710px) {
	.focus-b .hd-focus-menu {
		height: 102px
	}

	.focus-b .hd-focus-menu .menu-item:nth-child(9) {
		display: none
	}
}

@media screen and (max-width:1420px) {
	.focus-b .hd-focus-menu {
		height: 102px
	}

	.focus-b .hd-focus-menu .menu-item:nth-child(8) {
		display: none
	}
}

.nav-sub {
	position: relative;
	z-index: 30;
	background-image: linear-gradient(to bottom, #0f0f14 0, rgba(31, 31, 41, 0) 100%);
	min-width: 1120px
}

.sohu-self,
.sohu-self .self-name,
.sohu-self .self-title {
	position: relative
}

.sohu-self .tv-btn_watch:hover {
	color: #fff
}

.sohu-self .tv-btn_vip {
	padding: 0 20px;
	width: auto
}

.sohu-self .self-view {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0
}

.sohu-self .self-view .self-poster {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 1
}

.sohu-self .self-view .self-poster.playing {
	opacity: 0;
	transition: opacity 1.5s ease-in-out
}

.sohu-self .self-view .self-video {
	width: 1508px;
	height: 644px;
	position: absolute;
	right: 0;
	opacity: 0
}

.sohu-self .self-view .self-video.playing {
	opacity: 1;
	transition: opacity 1.5s ease-in-out
}

.sohu-self .self-view .self-video video {
	object-fit: cover;
	width: 100%;
	height: 100%
}

.sohu-self .self-view [class^=video-mask-] {
	display: block;
	position: absolute;
	z-index: 10
}

.sohu-self .self-view .video-mask-bottom,
.sohu-self .self-view .video-mask-top {
	width: 100%;
	left: 0;
	opacity: 0;
	opacity: 1
}

.sohu-self .self-view .video-mask-top {
	height: 17.2%;
	top: 0;
	background-image: linear-gradient(to bottom, #1f1f29, rgba(31, 31, 41, 0))
}

.sohu-self .self-view .video-mask-bottom {
	height: 54.2%;
	bottom: 0;
	background-image: linear-gradient(to bottom, rgba(31, 31, 41, 0), #1f1f29 31%, rgba(31, 31, 41, .8))
}

.sohu-self .self-view .video-mask-left,
.sohu-self .self-view .video-mask-right {
	height: 100%;
	top: 0
}

.sohu-self .self-view .video-mask-left {
	width: 52%;
	left: 0;
	background-image: linear-gradient(to left, rgba(31, 31, 41, 0) 0, #1f1f29 60%, #1f1f29)
}

.sohu-self .self-view .video-mask-right {
	width: 21%;
	right: -1px;
	background-image: linear-gradient(to right, rgba(31, 31, 41, 0), #1f1f29)
}

@media screen and (max-width:1998px) {
	.sohu-self .self-view .self-video {
		width: 1280px;
		height: 515px
	}
}

@media screen and (max-width:1710px) {
	.sohu-self .self-view .self-video {
		width: 1208px;
		height: 515px
	}
}

@media screen and (max-width:1420px) {
	.sohu-self .self-view .self-video {
		width: 998px;
		height: 426px
	}
}

.g-rank .rank-pack {
	display: block
}

.sohu-movie_rank,
.sohu-movie_rank .g-row_content {
	overflow: visible
}

.sohu-movie_rank .g-item {
	transition: .2s;
	display: block !important
}

.sohu-movie_rank .g-item:hover {
	transform: translate(-.5rem, -1rem) rotate(3deg)
}

.sohu-movie_rank .g-item.moveLeft {
	transform: translateX(-50px)
}

.sohu-movie_rank .item-title:hover {
	color: #f53851
}

@media screen and (max-width:1998px) {
	.sohu-movie_rank .g-item {
		margin-right: -62px
	}

	.sohu-movie_rank .g-item.moveLeft {
		transform: translateX(-90px)
	}
}

@media screen and (max-width:1710px) {
	.sohu-movie_rank .g-item {
		margin-right: -52px
	}

	.sohu-movie_rank .g-item.moveLeft {
		transform: translateX(-80px)
	}
}

@media screen and (max-width:1420px) {
	.sohu-movie_rank .g-item {
		margin-right: -86px
	}

	.sohu-movie_rank .g-item.moveLeft {
		transform: translateX(-110px)
	}
}

.sohu-movie .item-cover_movie {
	position: relative;
	border-radius: 10px;
	overflow: hidden
}

.sohu-movie .item-cover_movie::before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 140px;
	background-image: linear-gradient(180deg, rgba(31, 31, 41, .85) 0, rgba(31, 31, 41, 0) 100%)
}

.sohu-movie .item-cover_movie img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.sohu-movie .item-cover_movie .cover-normal {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(152, 152, 152, .26)
}

.sohu-movie .item-cover_movie .cover-normal::before {
	content: "";
	width: 41px;
	background-image: url(../fonts/hdr.svg);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: -20px;
	height: 100%;
	cursor: pointer;
	z-index: 1
}

.sohu-movie .item-cover_movie .cover-text {
	height: 22px;
	/* font-family: PingFangSC-Semibold; */
	font-size: 22px;
	color: #fff;
	line-height: 22px;
	font-weight: 600;
	position: absolute;
	top: 28px;
	z-index: 2
}

.sohu-movie .item-cover_movie .cover-text.hdr {
	left: -180px;
	color: #f53851
}

.sohu-movie .item-cover_movie .cover-text.normal {
	left: 90px
}

img.cover-size_2 {
	object-fit: cover
}

.sohu-drama_jd {
	display: none
}

.sohu-comic .g-column_main .g-item,
.sohu-drama .g-item,
.sohu-drama_jd .g-item,
.sohu-movie .g-column_main .g-item {
	overflow: hidden;
	flex-shrink: 0;
	-webkit-transition: width .5s;
	transition: width .5s
}

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

.g-item .figure_info_wrap {
	opacity: 0
}

.g-item .figure_info_wrap.show {
	opacity: 1;
	will-change: opacity;
	-webkit-transition: opacity .1s ease;
	transition: opacity .1s ease
}

.g-flex_single .g-item:last-child {
	margin-right: 0
}

.g-item_double .update {
	display: none !important
}

.hoverPlayer {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
	z-index: 2;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover
}

.hoverPlayer .tv-btn_watch:hover {
	color: #fff
}

.hoverPlayer .cover-video {
	display: block;
	width: 100%;
	height: 100%
}

.hoverPlayer .cover-video::before {
	content: '';
	width: 100%;
	height: 47%;
	display: block;
	position: absolute;
	bottom: 0;
	background-image: linear-gradient(180deg, rgba(44, 44, 58, 0) 0, rgba(33, 33, 43, .54) 26%, #13131a 65%, #13131a 100%)
}

.hoverPlayer .cover-video-inner {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	z-index: -1
}

.hoverPlayer .cover-video-inner video {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	object-fit: cover
}

.hoverPlayer .cover-cate {
	position: absolute;
	left: 12px;
	bottom: 24px;
	/* font-family: PingFangSC-Medium; */
	font-size: 14px;
	color: rgba(255, 255, 255, .85);
	line-height: 14px;
	font-weight: 500
}

.content .x_poster_pugcvideo {
	border-radius: 10px;
	z-index: 2
}

.content .x_poster_pugcvideo video {
	transform: scale(1.1)
}

.content .x_poster_pugcvideo .figure_info_wrap {
	font-size: 12px;
	position: absolute;
	top: 3px;
	right: 8px;
	font-style: normal;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: 0 0
}

.content .x_poster_pugcvideo .figure_mute {
	width: 20px;
	height: 19px;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 8px
}

.content .x_poster_pugcvideo .figure_mute .btn_mute {
	width: 20px;
	height: 19px;
	background: url(../fonts/focus-voice.svg)
}

.content .x_poster_pugcvideo .figure_mute.muted .btn_mute {
	background-position: 0 40px
}

.content .x_poster_pugcvideo .figure_info_wrap span:last-child {
	display: none
}

.g-wrap .row-scroll {
	display: inline-block;
	white-space: normal;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	margin-top: 15px
}

.g-wrap .row-scroll .row-tips {
	display: block;
	height: 100%;
	line-height: 30px
}

.repimg {
	display: block;
	height: 26px
}

.g-adv .crossPage:not(.bottom-ad) img,
.g-adv .rectangle img,
.g-item .crossPage img,
.g-item .rectangle img {
	width: 100% !important;
	height: auto !important
}

.g-adv .crossPage:not(.bottom-ad),
.g-item .crossPage,
.g-item .rectangle,
.g-item .rectangle iframe {
	width: 100% !important;
	height: auto !important;
	overflow: hidden
}

.g-item>div[id][class*=pictxt]~div,
.g-item>div[id][style*=width]~div {
	display: none
}

.g-item>div[id] img {
	width: 100%;
	height: auto;
	border-radius: 10px
}

.g-item>div[id].pictxt a {
	display: flex;
	flex-direction: column;
	font-size: 16px
}

.g-item>div[id].pictxt p {
	margin-top: 12px;
	white-space: normal
}

.multi-group {
	margin: 45px auto
}

.multi-group:after {
	display: none
}

.multi-group .pictxt a p {
	white-space: normal;
	line-height: 16px
}

@media (max-width:1420px) {
	.multi-group .pictxt a p {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}
}

.side-set {
	height: auto
}

.set-item .sbox-erwm,
.side-set .item-bg,
.side-set .item-ifox-tips {
	display: none
}

.side-set .item-ifox:hover .item-ifox-tips,
.side-set>:hover .item-bg {
	display: block
}

.side-set .item-app:hover:after,
.side-set .item-ifox:hover:after {
	content: "";
	display: block;
	width: 40px;
	height: 170px;
	position: absolute;
	right: 24px
}

.side-set .item-app:hover:after {
	top: -36px
}

.side-set .item-ifox:hover:after {
	top: 0
}

.item-cover:hover {
	filter: contrast(1.2) saturate(1.1)
}

.item-cover_movie:hover {
	filter: none
}

.content {
	position: relative;
	background: linear-gradient(to bottom, rgba(31, 31, 41, 0), #0f0f14 180px);
	pointer-events: none;
	padding-top: 180px;
	margin-top: -180px
}

.content .content-inner {
	pointer-events: auto;
	background-color: #1f1f29
}

@media screen and (max-width:1998px) {
	.content {
		padding-top: 153px;
		margin-top: -153px;
		background: linear-gradient(to bottom, rgba(31, 31, 41, 0), #0f0f14 150px)
	}
}

@media screen and (max-width:1710px) {
	.content {
		padding-top: 130px;
		margin-top: -130px;
		background: linear-gradient(to bottom, rgba(31, 31, 41, 0), #0f0f14 130px)
	}
}

@media screen and (max-width:1420px) {
	.content {
		padding-top: 98px;
		margin-top: -98px;
		background: linear-gradient(to bottom, rgba(31, 31, 41, 0), #0f0f14 98px)
	}
}

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

	50% {
		-webkit-transform: scale3d(1.02, 1.02, 1.02);
		transform: scale3d(1.02, 1.02, 1.02)
	}

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

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

	50% {
		-webkit-transform: scale3d(1.02, 1.02, 1.02);
		transform: scale3d(1.02, 1.02, 1.02)
	}

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

.animate__pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

/* sohutv 2024-05-14 16:31:36 */