.component-switch.ant-switch {
	list-style: none; margin: 0px; padding: 0px; border-radius: 50px; border: 1px solid transparent; transition:0.2s; border-image: none; width: 32px; height: 18px; color: rgba(0, 0, 0, 0.65); line-height: 16px; font-size: 14px; vertical-align: middle; display: inline-block; position: relative; cursor: pointer; box-sizing: border-box; font-feature-settings: "tnum" 1; background-color: rgb(102, 102, 102); user-select: none;
}
.component-switch.ant-switch .ant-switch-inner {
	color: rgb(255, 255, 255); font-size: 12px; margin-right: 6px; margin-left: 24px; display: block;
}
.component-switch.ant-switch .ant-switch-loading-icon {
	border-radius: 50px; transition:0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86); left: 1px; top: 1px; width: 14px; height: 14px; position: absolute; cursor: pointer; content: " "; box-sizing: border-box; background-color: rgb(255, 255, 255);
}
.component-switch.ant-switch::after {
	border-radius: 50px; transition:0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86); left: 1px; top: 1px; width: 14px; height: 14px; position: absolute; cursor: pointer; content: " "; box-sizing: border-box; background-color: rgb(255, 255, 255);
}
.component-switch.ant-switch.ant-switch-checked::after {
	left: 100%; margin-left: -1px; transform: translateX(-100%);
}
.component-switch.ant-switch::after {
	box-shadow: 0px 2px 4px 0px rgba(0,35,11,0.2);
}
.component-switch.ant-switch.ant-switch-checked {
	
}
.component-switch.ant-switch.ant-switch-checked .ant-switch-inner {
	margin-right: 24px; margin-left: 6px;
}
:not(.seeking).xgplayer-is-enter .xgplayer-loadingMask {
	display: block;
}
.xgplayer-loadingMask {
	background: rgb(0, 0, 0); left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: absolute; z-index: 99;
}
.xgplayer-loadingMask .xgplayer-loadingMask-logo {
	background: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/logo_dark.b44a75f6.svg") 0% 0% / cover; left: 50%; top: 50%; width: 295px; height: 100px; margin-top: -40px; position: absolute; transform: translate(-50%, -50%);
}
.xgplayer-loadingMask .xgplayer-loadingMask-tips {
	background: linear-gradient(90deg, rgb(0, 0, 0), red, red, red, rgb(0, 0, 0)); left: 50%; top: 50%; width: 210px; height: 1px; margin-top: 10px; margin-left: 20px; position: absolute; transform: translate(-50%, -50%);
}
.xgplayer-loadingMask .xgplayer-loadingMask-tips::before {
	background: rgb(255, 255, 255); border-radius: 50%; animation:enterTipsLoading 1s linear infinite; left: 0px; top: 0px; width: 5px; height: 1px; display: block; position: absolute; content: " ";
}
.xgplayer-loadingMask .xgplayer-loadingMask-speedTip {
	left: 50%; top: 50%; color: rgba(255, 255, 255, 0.6); line-height: 20px; font-size: 14px; margin-top: 41px; margin-left: 22px; position: absolute; transform: translateX(-50%) translateY(-50%);
}
.xgplayer-loadingMask .loadingWrapper {
	left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);
}
.xgplayer-loadingMask .loadingWrapper .circleLoadingV2 {
	width: 40px; height: 40px;
}
.playerControlsItemContainer {
	display: flex;
}
.xgplayer .xgplayer-control-item {
	height: 100%; display: flex; position: relative;
}
.xgplayer .xgplayer-control-item__entry {
	color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; cursor: pointer; fill: #fff; align-self: center;
}
.xgplayer .xgplayer-control-item__entry:hover {
	
}
.xgplayer .xgplayer-control-item__entry:hover .xgpcPlayer_textEntry {
	opacity: 1;
}
.xgplayer .xgplayer-control-item__entry .xgpcPlayer_iconEntry > svg {
	width: 100%; height: 100%;
}
.xgplayer .xgplayer-control-item__entry .xgpcPlayer_iconEntry:hover > svg {
	opacity: 1;
}
.xgplayer .xgplayer-control-item__entry .xgpcPlayer_LottieEntry {
	
}
.xgplayer .xgplayer-control-item__entry .xgpcPlayer_iconEntry {
	
}
.xgplayer .xgplayer-control-item__entry .xgpcPlayer_svgEntry {
	padding: 0px 3px; width: 30px; height: 100%; display: flex; opacity: 0.85; justify-content: center; align-items: center;
}
.xgplayer .xgplayer-control-item__entry .xgpcPlayer_svgEntry svg {
	width: 100%; height: 100%;
}
.xgplayer .xgplayer-control-item__entry .xgpcPlayer_textEntry {
	padding: 4px; height: 100%; display: flex; opacity: 0.8; align-items: center;
}
.full-screen .xgplayer .xgplayer-control-item__entry .xgpcPlayer_textEntry {
	padding: 4px 8px;
}
.full-screen .xgplayer .xgplayer-control-item__entry {
	
}
.xgplayer .xgplayer-control-item__popover {
	border-radius: 4px; left: 50%; text-align: center; color: rgb(255, 255, 255); font-size: 14px; display: none; position: absolute; transform: translateX(-50%) translateY(-10px); background-color: rgba(0, 0, 0, 0.8);
}
.xgplayer .xgplayer-control-item__popover.isActive {
	display: block;
}
.xgplayer .xgplayer-control-item__popover * {
	white-space: nowrap;
}
.xgplayer .xgplayer-control-item.common-control-item .xgplayer-control-item__popover {
	min-width: 140px;
}
.xgplayer .xgplayer-control-item.common-control-item .xgplayer-control-item__popover ul li {
	padding: 10px 36px; color: rgb(255, 255, 255); font-size: 14px; display: flex; opacity: 0.85; justify-content: center; align-items: center;
}
.xgplayer .xgplayer-control-item.common-control-item .xgplayer-control-item__popover ul li:hover {
	cursor: pointer; opacity: 0.9;
}
.xgplayer .xgplayer-control-item.common-control-item .xgplayer-control-item__popover ul li.isActive {
	cursor: pointer; opacity: 0.9;
}
.xgplayer .xgplayer-control-item.common-control-item .xgplayer-control-item__popover ul li:hover {
	transform-origin: center 50%; transform: scale(1.14286);
}
.xgplayer .xgplayer-control-item.common-control-item .xgplayer-control-item__popover ul li:first-child {
	padding-top: 20px;
}
.xgplayer .xgplayer-control-item.common-control-item .xgplayer-control-item__popover ul li:last-child {
	padding-bottom: 20px;
}
.xgplayer .xgplayer-control-item.tip-control-item .xgplayer-control-item__popover {
	padding: 6px 12px; color: rgb(255, 255, 255); font-size: 14px; opacity: 0.8;
}
.xgplayer-control-item.control_definition .fps {
	padding: 0px 4px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.3); border-image: none; height: 18px; line-height: 16px; font-size: 12px; margin-left: 4px; display: inline-block; opacity: 0.7;
}
.xgplayer-control-item.control_definition .xgplayer-control-item__entry:hover .fps {
	border: 1px solid rgba(249, 82, 98, 0.5); border-image: none;
}
.xgplayer-control-item.control_definition .xgplayer-control-item__popover ul li {
	line-height: 20px;
}
.xgplayer-control-item.control_definition .xgplayer-control-item__popover ul li:hover .fps {
	border: 1px solid rgba(249, 82, 98, 0.5); border-image: none;
}
.xgplayer-control-item.control_definition .xgplayer-control-item__popover ul li.isActive .fps {
	border: 1px solid rgba(249, 82, 98, 0.5); border-image: none;
}
.xgplayer-control-item.control_definition .xgplayer-control-item__popover .autoDetails {
	margin-left: 4px; display: flex; align-items: center;
}
.control_definition .specialDefinition_2k {
	width: 50px; height: 20px; display: inline-block; background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/2k-normal.4f25aa8e.svg"); background-repeat: no-repeat; background-size: contain;
}
.control_definition .specialDefinition_2k.short {
	width: 22px; height: 20px; background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/2k-short-normal.9c1a0374.svg");
}
.control_definition li.isActive .specialDefinition_2k {
	background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/2k-focus.4aca6dc9.svg");
}
.control_definition li:hover .specialDefinition_2k {
	background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/2k-focus.4aca6dc9.svg");
}
.control_definition li.isActive .specialDefinition_2k.short {
	background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/2k-short-focus.d011c3ff.svg");
}
.control_definition li:hover .specialDefinition_2k.short {
	background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/2k-short-focus.d011c3ff.svg");
}
.control_definition .xgplayer-control-item__entry:hover .specialDefinition_2k.short {
	background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/2k-short-focus.d011c3ff.svg");
}
.control_definition .specialDefinition_4k {
	width: 50px; height: 20px; display: inline-block; background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/4k-normal.be6ecfba.svg"); background-repeat: no-repeat; background-size: contain;
}
.control_definition .specialDefinition_4k.short {
	width: 22px; height: 20px; background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/4k-short-normal.90085514.svg");
}
.control_definition li.isActive .specialDefinition_4k {
	background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/4k-focus.5400ddb5.svg");
}
.control_definition li:hover .specialDefinition_4k {
	background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/4k-focus.5400ddb5.svg");
}
.control_definition li.isActive .specialDefinition_4k.short {
	background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/4k-short-focus.2352e693.svg");
}
.control_definition li:hover .specialDefinition_4k.short {
	background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/4k-short-focus.2352e693.svg");
}
.control_definition .xgplayer-control-item__entry:hover .specialDefinition_4k.short {
	background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/4k-short-focus.2352e693.svg");
}
.xgplayer-control-item.control_playbackrate .xgplayer-control-item__entry:hover .fps {
	border: 1px solid rgba(249, 82, 98, 0.5); border-image: none;
}
.xgplayer-control-item.control_playbackrate .xgplayer-control-item__popover ul li:hover .fps {
	border: 1px solid rgba(249, 82, 98, 0.5); border-image: none;
}
.xgplayer-control-item.control_playbackrate .xgplayer-control-item__popover ul li.isActive .fps {
	border: 1px solid rgba(249, 82, 98, 0.5); border-image: none;
}
.control_volume .xgpcPlayer-slider {
	width: 50px; height: 158px; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.control_volume .xgpcPlayer-volume-val {
	color: rgb(255, 255, 255); margin-bottom: 10px;
}
.control_volume .xgpcPlayer-bar {
	position: relative;
}
.control_volume .xgpcPlayer-bar {
	background: rgb(238, 238, 238); border-radius: 2px; width: 4px; height: 100px; display: block; cursor: pointer;
}
.control_volume .xgpcPlayer-drag {
	background: rgb(238, 238, 238); border-radius: 2px; width: 4px; height: 100px; display: block; cursor: pointer;
}
.control_volume .xgpcPlayer-drag {
	left: 0px; bottom: 0px; position: absolute; background-image: linear-gradient(rgb(255, 37, 131), rgb(254, 16, 76));
}
.control_volume .xgpcPlayer-drag::after {
	background: rgb(255, 255, 255); border-radius: 50%; left: -2px; top: -4px; width: 8px; height: 8px; display: inline-block; position: absolute; content: " ";
}
.xgplayer-playing.xgplayer-inactive xg-text-track.isMoveWithCtrls {
	margin-bottom: 2%;
}
:not(.xgplayer-pip-active).xgplayer xg-text-track.isMoveWithCtrls {
	transition:margin-bottom 0.2s; margin-bottom: 68px;
}
.xgplayer .xgpc-theater-control-item .xgplayer-theaterMode-directTips-wrapper {
	padding: 2px 6px; border-radius: 4px; top: -34px; text-align: center; right: -50px; color: rgb(255, 255, 255); line-height: normal; font-size: 14px; vertical-align: middle; white-space: nowrap; position: absolute; opacity: 0.85; pointer-events: none; background-color: rgba(0, 0, 0, 0.8);
}
.xgplayer .xgpc-theater-control-item .triangle {
	border-width: 7px 8px 8px; border-style: solid; border-color: rgba(0, 0, 0, 0.8) transparent transparent; border-image: none; left: 232px; width: 0px; height: 0px; bottom: -15px; position: absolute; opacity: 0.85;
}
.xgplayer .xgpc-theater-control-item b {
	
}
#iframe-player .xgpc-theater-control-item {
	display: none;
}
.xgplayer-time {
	color: rgb(255, 255, 255); font-size: 16px;
}
.full-screen .xgplayer-time {
	margin-left: 20px;
}
.xgplayer-time .time-separator {
	margin: 0px 6px; opacity: 0.75;
}
.xgplayer-time .time-current {
	opacity: 0.9;
}
.xgplayer-time .time-duration {
	opacity: 0.75;
}
.xgplayer .xgplayer-progress {
	flex:1 1 0px; left: 0px; top: 0px; right: 0px; display: flex; position: relative; cursor: pointer; min-width: 100px; transform: translateY(6px); align-items: center;
}
.xgplayer .xgplayer-progress-outer {
	margin: 8.5px 0px; border-radius: 0px; transition:height 0.15s; width: 100%; height: 3px; position: relative; cursor: pointer; background-color: rgba(255, 255, 255, 0.25);
}
.xgplayer .xgplayer-progress-btn {
	background: rgb(255, 255, 255); border-radius: 50%; transition:transform 0.15s; left: 0px; top: 50%; width: 13px; height: 13px; display: block; position: absolute; z-index: 1; box-sizing: border-box; pointer-events: none; box-shadow: 0px 0px 2px rgba(0,0,0,0.5); transform: translate(-50%, -50%) scale(0);
}
.xgplayer .xgplayer-progress-cache {
	background: rgba(255, 255, 255, 0.5); border-radius: inherit; left: 0px; top: 0px; width: 0px; height: 100%; display: block; position: absolute;
}
.xgplayer .xgplayer-progress-played {
	background: rgba(255, 255, 255, 0.5); border-radius: inherit; left: 0px; top: 0px; width: 0px; height: 100%; display: block; position: absolute;
}
.xgplayer .xgplayer-progress-point {
	padding: 0px; top: 0px; width: 2px; height: 100%; position: absolute; background-color: rgb(255, 255, 255);
}
.xgplayer .xgplayer-progress.xgplayer-progress-mouseEnter .xgplayer-progress-outer {
	height: 5px;
}
.xgplayer .xgplayer-progress.xgplayer-progress-mouseEnter .xgplayer-progress-btn {
	transform: translate(-50%, -50%) scale(1);
}
.xgplayer-thumbnail {
	left: 0px; top: -100px; display: flex; position: absolute; pointer-events: none; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.54);
}
.xgplayer-thumbnail-content {
	position: relative;
}
.xgplayer-thumbnail-time {
	right: 6px; bottom: 4px; color: rgb(255, 255, 255); line-height: 1; font-size: 12px; font-weight: 400; position: absolute;
}
.xgpc_pip_setting {
	position: relative;
}
.xgpc_pip_setting .xgpcPlayer_LottieEntry svg {
	opacity: 0.8;
}
.xgpc_pip_setting .xgpcPlayer_LottieEntry svg:hover {
	opacity: 1;
}
.xgpc_pip_setting .pip-tips {
	background: rgb(255, 255, 255); padding: 10px 12px; border-radius: 4px; border: 1px solid rgba(12, 13, 15, 0.06); border-image: none; right: calc(50% - 75px - 6px); bottom: 66px; line-height: 18px; font-size: 14px; font-weight: 500; white-space: nowrap; position: absolute; box-shadow: 0px 2px 4px rgba(0,0,0,0.05), 0px 12px 28px rgba(0,0,0,0.1), inset 0px 0px 0px rgba(255,255,255,0.12);
}
.xgpc_pip_setting .pip-tips__triangle {
	background: rgb(255, 255, 255); border-radius: 2px; left: calc(50% - 8px); width: 16px; height: 16px; bottom: -6px; position: absolute; transform: rotate(45deg);
}
.xgpc-player-time {
	color: rgb(255, 255, 255); line-height: 18px; font-size: 14px; font-weight: 500; z-index: 11;
}
.xgpc-player-time .time-current {
	color: rgba(255, 255, 255, 0.9);
}
.xgpc-player-time .time-separator {
	color: rgba(255, 255, 255, 0.7);
}
.xgpc-player-time .time-duration {
	color: rgba(255, 255, 255, 0.7);
}
.xgplayer .ToPlayPlayerAction {
	background: rgba(0, 0, 0, 0.5); transition:opacity 0.3s; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; visibility: hidden; position: absolute; z-index: 11; cursor: pointer; opacity: 0; flex-direction: column; justify-content: space-between;
}
.xgplayer .ToPlayPlayerAction__top {
	padding: 12px 12px 0px; display: flex; justify-content: space-between;
}
.xgplayer .ToPlayPlayerAction__top .goToDetails {
	position: relative;
}
.xgplayer .ToPlayPlayerAction__top .goToDetails:hover .tips {
	display: block;
}
.xgplayer .ToPlayPlayerAction__top .goToDetails .tips {
	background: rgba(0, 0, 0, 0.7); padding: 6px 8px; border-radius: 2px; text-align: center; color: rgba(255, 255, 255, 0.9); line-height: 18px; font-size: 14px; display: none; white-space: nowrap; position: absolute;
}
.xgplayer .ToPlayPlayerAction__top svg {
	cursor: pointer;
}
.xgplayer .ToPlayPlayerAction__top svg path {
	fill: #fff;
}
.xgplayer .ToPlayPlayerAction__middle {
	top: 50%; width: 100%; display: flex; position: absolute; transform: translateY(-50%); justify-content: center;
}
.xgplayer .ToPlayPlayerAction__middle > svg {
	margin: 0px 20px; width: 44px; height: 44px; cursor: pointer; opacity: 0.9;
}
.xgplayer .ToPlayPlayerAction__middle > svg.hide {
	visibility: hidden;
}
.xgplayer .ToPlayPlayerAction__middle > svg:hover {
	opacity: 1;
}
.xgplayer .ToPlayPlayerAction .xgpc-player-time {
	left: 16px; bottom: 16px; position: absolute; z-index: 0;
}
.xgplayer .ToPlayPlayerAction .xgplayer-progress {
	transform: translateY(8.5px);
}
.xgplayer:hover .ToPlayPlayerAction {
	display: flex; visibility: visible; opacity: 1;
}
:not(.xgplayer-playing).xgplayer .ToPlayPlayerAction {
	display: flex; visibility: visible; opacity: 1;
}
.xgplayerContainer .xgplayer {
	font-family: inherit;
}
.new-style .xgplayerContainer .xgplayer {
	min-width: 640px; max-width: 1280px;
}
.new-style .xgplayerContainer .xgplayer.xgpc-mini {
	min-width: inherit; max-width: inherit;
}
.new-style .xgplayerContainer .xgplayer.xgplayer-is-fullscreen {
	min-width: inherit; max-width: inherit;
}
.xgplayerContainer .xgplayer .common-xgplayer__goHome {
	height: 24px; margin-right: 8px; margin-left: 4px; order: 20; align-self: center;
}
.xgplayerContainer .xgplayer .common-xgplayer__goHome img {
	height: 24px;
}
.xgplayerContainer .xgplayer.xgplayer-inactive.xgplayer-playing {
	cursor: none;
}
.xgplayerContainer .xgplayer.xgplayer-inactive.xgplayer-playing .xgplayer-danmu {
	pointer-events: none;
}
.xgplayerContainer .xgplayer .xg-menu {
	z-index: 1101;
}
.xgplayerContainer .xgplayer .xg-panel-info {
	padding: 16px 20px; z-index: 10;
}
.xgplayerContainer .xgplayer .xg-panel-info li {
	line-height: 17px;
}
.xgplayerContainer .xgplayer .xg-panel-info li + li {
	margin-bottom: 3px;
}
.xgplayerContainer .xgplayer .xgplayer-controls {
	transition:transform 0.2s; z-index: 23; transform: translateZ(0px); background-image: none;
}
.xgplayerContainer .xgplayer .xgplayer-controls .xg-right-grid {
	flex-direction: row;
}
.xgplayerContainer .xgplayer .xg-inner-controls {
	transition:opacity 0.2s;
}
.xgplayerContainer .xgplayer .xg-inner-controls::before {
	background: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/playercontrol-bg.ab03fba5.png") repeat-x 0% 0% / 100% 100%; width: 100%; height: 160px; bottom: 0px; display: block; position: absolute; z-index: -1; content: ""; pointer-events: none;
}
.full-screen .xgplayerContainer .xgplayer .xg-inner-controls::before {
	background: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/playercontrol-fullscreen-bg.0a007ae4.png") repeat-x; height: 320px;
}
.xgplayerContainer .xgplayer .xg-inner-controls .xg-left-grid {
	margin-left: 16px;
}
.xgplayerContainer .xgplayer .xg-inner-controls .xg-right-grid {
	margin-right: 16px;
}
.xgplayerContainer .xgplayer .xg-inner-controls {
	height: 100%;
}
.xgplayerContainer .xgplayer xg-icon {
	height: 100%;
}
.xgplayerContainer .xgplayer.xgplayer-inactive .controls-autohide {
	visibility: visible; opacity: 1;
}
.xgplayerContainer .xgplayer.not-allow-autoplay .controls-autohide {
	visibility: visible; opacity: 1;
}
.xgplayerContainer .xgplayer.xgplayer-inactive .controls-autohide .xg-inner-controls {
	opacity: 1;
}
.xgplayerContainer .xgplayer.not-allow-autoplay .controls-autohide .xg-inner-controls {
	opacity: 1;
}
.xgplayerContainer .xgplayer.xgplayer-playing.xgplayer-inactive xg-text-track.isMoveWithCtrls {
	margin-bottom: 2%;
}
.xgplayerContainer :not(.xgpc-showControls).xgplayer.xgplayer-playing.xgplayer-inactive :not(:hover).xgplayer-controls {
	transform: translate3d(0px, 120%, 0px);
}
.xgplayerContainer :not(.xgpc-showControls).xgplayer.xgplayer-playing.xgplayer-inactive :not(:hover).xgplayer-controls .xg-inner-controls {
	opacity: 0;
}
.xgplayerContainer .xgplayer .xgplayer-progress-played {
	background-color: rgb(255, 61, 94);
}
.xgplayerContainer .xgplayer .xg-top-bar {
	pointer-events: none;
}
.xgplayerContainer .xgplayer .xg-left-bar {
	pointer-events: none;
}
.xgplayerContainer .xgplayer .xg-right-bar {
	pointer-events: none;
}
.xgplayerContainer .xgplayer .xg-pos {
	left: 0px; right: 0px;
}
.xgplayerContainer .xgplayer .xg-center-grid {
	padding: 0px; bottom: 100%;
}
.xgplayerContainer .xgplayer .xgplayer-start {
	z-index: 11;
}
.playerControlsItemContainer + .playerControlsItemContainer > div {
	margin-left: 12px;
}
.full-screen .playerControlsItemContainer + .playerControlsItemContainer > div {
	margin-left: 16px;
}
.common-xgplayer__LBTips {
	border-radius: 4px; transition:0.2s, width 1.2s; left: 8px; height: 32px; bottom: 62px; color: rgba(255, 255, 255, 0.8); overflow: hidden; font-size: 12px; display: flex; white-space: nowrap; position: absolute; z-index: -1; opacity: 0; transform: translate3d(0px, 50%, 0px); align-items: center; background-color: rgba(0, 0, 0, 0.8);
}
.xgplayer-fullscreen-active .common-xgplayer__LBTips {
	z-index: 1303;
}
.xgplayer-cssfullscreen-active .common-xgplayer__LBTips {
	z-index: 1303;
}
.xgplayer-is-fullscreen .common-xgplayer__LBTips {
	bottom: 80px;
}
.xgplayer-pip-active .common-xgplayer__LBTips {
	display: none;
}
.common-xgplayer__LBTips.common-xgplayer__slideUp {
	z-index: 1; opacity: 1; transform: translateZ(0px);
}
.common-xgplayer__LBTips span {
	font-family: Roboto-Regular; margin-right: 5px; margin-left: 5px; position: relative; cursor: pointer;
}
.common-xgplayer__LBTips span:hover {
	color: rgb(255, 62, 84);
}
.common-xgplayer__LBTips span.withLeftLine {
	margin-left: 17px;
}
.common-xgplayer__LBTips span.withLeftLine::before {
	left: -9px; top: 50%; width: 1px; height: 14px; display: inline-block; position: absolute; content: ""; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.25);
}
.common-xgplayer__LBTips a {
	cursor: pointer;
}
.common-xgplayer__LBTips .LBTips__gold {
	color: rgb(255, 203, 166);
}
.common-xgplayer__LBTips .LBTips__gold:hover {
	color: rgb(255, 191, 145);
}
.common-xgplayer__LBTips span:last-child {
	margin-right: 0px;
}
.common-xgplayer__LBTipsWrapper {
	transition:0.5s 0.4s;
}
.common-xgplayer__LBTipsWrapper.showNext {
	transform: translate3d(0px, -50%, 0px);
}
.common-xgplayer__LBTips p {
	padding: 0px 12px; height: 32px; line-height: 32px;
}
.common-xgplayer__LBTips i {
	margin-right: 12px; margin-left: -4px; vertical-align: middle; cursor: pointer;
}
.common-xgplayer__LBTips::before {
	color: rgba(255, 255, 255, 0.3);
}
.common-xgplayer__LBTips:hover::before {
	color: rgba(255, 255, 255, 0.7);
}
.common-xgplayer__abrCancel {
	padding: 1px 8px; border-radius: 10px; margin-right: 3px; margin-left: 16px; display: inline-block; cursor: pointer; background-color: rgba(255, 255, 255, 0.9);
}
.common-xgplayer__Logo {
	display: flex; position: absolute; z-index: 2; align-items: center;
}
.common-xgplayer__Logo img {
	height: 100%;
}
.common-xgplayer__Logo .authorName {
	color: rgb(255, 255, 255); font-weight: 500; opacity: 0.8;
}
.xgplayer-mobile.xgplayer .common-xgplayer__LBTips {
	left: 10px; bottom: 54px;
}
.xgplayer-fullscreen-active .xgplayerPlaceholder {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 1302;
}
.xgplayer-fullscreen-active .xgplayerContainer {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 1302;
}
.xgplayer-cssfullscreen-active .xgplayerPlaceholder {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 1302;
}
.xgplayer-cssfullscreen-active .xgplayerContainer {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 1302;
}
.xgplayer-cssfullscreen-active .xgplayerContainer .xgplayer {
	left: 0px !important; top: 0px !important; width: 100% !important; height: 100% !important; padding-top: 0px !important; position: fixed !important; z-index: 1302 !important;
}
.xgplayer-cssfullscreen-active body {
	overflow: hidden;
}
.xgplayer-fullscreen-active body {
	overflow: hidden;
}
.xgplayerContainer .xgplayer.xgplayer-is-fullscreen {
	z-index: 1302;
}
.xgplayerContainer .xgplayer {
	position: relative; z-index: 1;
}
.xgplayer-controls.xgplayer-pip-control-layout .xgplayer-subtitle {
	display: none;
}
#xgpc-players {
	display: none;
}
#toPlayPlayer {
	overflow: visible;
}
#toPlayPlayer .xg-inner-controls {
	visibility: hidden;
}
.with-top-bar .xg-top-bar {
	left: 20px; right: 20px; z-index: 23;
}
.with-top-bar .xg-top-bar {
	pointer-events: all !important; justify-content: space-between;
}
.with-top-bar .top-bar-autohide {
	pointer-events: all !important; justify-content: space-between;
}
.with-top-bar .xg-top-bar::before {
	background: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/playercontrol-fullscreen-top-bg.533f1da3.png") repeat-x; top: 0px; width: 100%; height: 160px; display: block; position: absolute; z-index: -1; content: ""; pointer-events: none;
}
.with-top-bar .top-bar-autohide::before {
	background: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/playercontrol-fullscreen-top-bg.533f1da3.png") repeat-x; top: 0px; width: 100%; height: 160px; display: block; position: absolute; z-index: -1; content: ""; pointer-events: none;
}
.xgplayerPlaceholder {
	position: relative; min-width: 640px;
}
.xgplayerPlaceholder__poster {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.payQRCode {
	vertical-align: top; display: inline-block; position: relative;
}
.payQRCode-image {
	width: 100%;
}
.payQRCode-loading {
	margin: 0px; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);
}
.payQRCode-error {
	border-radius: 4px; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: rgba(247, 247, 247, 0.94);
}
.payQRCode-error > p {
	color: rgb(102, 102, 102); line-height: 20px; font-size: 14px; margin-top: 46px; margin-bottom: 10px;
}
.payQRCode-error button {
	padding: 0px 10px; border-radius: 4px; border: 0.5px solid rgba(0, 0, 0, 0.11); border-image: none; height: 34px; color: rgb(255, 20, 43); line-height: 34px; font-size: 14px; font-weight: 500;
}
.payQRCode-error .refresh-icon {
	width: 16px; height: 16px; margin-right: 2px; vertical-align: sub;
}
.episodePay-dialog .Dialog__wrap {
	border-radius: 4px; left: 50%; top: 50%; width: 662px; position: absolute; box-shadow: 0px 0px 30px rgba(0,0,0,0.1); transform: translate(-50%, -50%); background-color: rgb(255, 255, 255);
}
.episodePay-dialog-head {
	padding: 0px 24px; height: 64px; color: rgb(0, 0, 0); font-size: 20px; font-weight: 500; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid; display: flex; justify-content: space-between; align-items: center;
}
.episodePay-dialog-close {
	background: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/close.9028e84a.svg") 0px 0px / contain; width: 20px; height: 20px; cursor: pointer;
}
.episodePay-dialog-content {
	padding: 40px 58px; display: flex;
}
.episodePay-dialog-left {
	text-align: center;
}
.episodePay-dialog-left .payQRCode {
	padding: 4px; border-radius: 4px; border: 1px solid rgba(151, 151, 151, 0.1); border-image: none; width: 152px; height: 152px; background-color: rgb(247, 247, 247);
}
.episodePay-dialog-left .payQRCode-image {
	height: 100%;
}
.episodePay-dialog-left .payways {
	color: rgb(102, 102, 102); font-size: 14px; margin-top: 14px;
}
.episodePay-dialog-right {
	padding-left: 28px; margin-left: 28px; position: relative;
}
.episodePay-dialog-right::before {
	left: 0px; top: 0px; height: 182px; border-left-color: rgb(234, 234, 234); border-left-width: 1px; border-left-style: solid; position: absolute; content: "";
}
.episodePay-dialog-right .reason {
	line-height: 34px; font-size: 24px; font-weight: 500;
}
.episodePay-dialog-right .reason + .reason {
	margin-top: 4px;
}
.episodePay-dialog-right .icon-rmb {
	font-size: 12px; margin-right: 4px;
}
.episodePay-dialog-right .cost {
	height: 60px; color: rgb(224, 152, 101); line-height: 70px; font-family: "ByteNumber-Bold"; font-size: 42px; font-weight: 600; display: inline-block; position: relative;
}
.episodePay-dialog-cost {
	margin-top: 16px;
}
.episodePay-dialog-discount {
	color: rgb(224, 152, 101); font-size: 12px; margin-left: 4px;
}
.episodePay-dialog-discount del {
	margin-left: 4px;
}
.episodePay-dialog-tips {
	color: rgb(102, 102, 102); font-size: 14px; margin-top: 18px;
}
.vipPayDialog .Dialog__wrap {
	border-radius: 4px; left: 50%; top: 50%; width: 662px; position: absolute; box-shadow: 0px 0px 30px rgba(0,0,0,0.1); transform: translate(-50%, -50%); background-color: rgb(255, 255, 255);
}
.vipPayDialog-close {
	background: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/close.9028e84a.svg") 0px 0px / contain; border: currentColor; border-image: none; top: 24px; width: 20px; height: 20px; right: 24px; position: absolute; cursor: pointer;
}
.vipPayDialog-head {
	padding: 20px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid; display: flex; align-items: center;
}
.vipPayDialog-avatar {
	border-radius: 50%; width: 44px; height: 44px; margin-right: 12px;
}
.vipPayDialog-avatar + div {
	display: flex; flex-direction: column; justify-content: center;
}
.vipPayDialog-username {
	color: rgb(0, 0, 0); line-height: 20px; font-size: 14px; font-weight: 500;
}
.vipPayDialog-userStatus {
	line-height: 17px; font-size: 12px; margin-top: 4px;
}
.vipPayDialog-content {
	padding-top: 30px; padding-bottom: 60px; display: flex;
}
.vipPayDialog-left {
	flex:1 1 0px; padding-right: 28px; padding-left: 42px; position: relative;
}
.vipPayDialog-left .agreement {
	color: rgb(102, 102, 102); font-size: 12px; margin-top: 12px;
}
.vipPayDialog-left .agreement a {
	color: rgb(224, 152, 101); font-weight: 500; margin-left: 3px;
}
.vipPayDialog-left .agreement a:hover {
	color: rgb(204, 152, 101);
}
.vipPayDialog-title {
	height: 22px; color: rgb(0, 0, 0); line-height: 22px; font-size: 16px; font-weight: 500;
}
.vipPayDialog-swiper {
	width: 370px; height: 168px; overflow: hidden;
}
.vipPayDialog-swiperWrapper {
	display: flex;
}
.vipPayDialog-payItems {
	padding-top: 16px; display: flex;
}
.vipPayDialog-payItems .icon-rmb {
	font-size: 16px; margin-right: 3px;
}
.vipPayDialog-payItems .cost {
	height: 46px; color: rgb(224, 152, 101); line-height: 49px; font-family: "ByteNumber-Bold"; font-size: 42px; margin-top: 15px; position: relative; -ms-overflow-y: hidden;
}
.vipPayDialog-payItem {
	padding: 24px 0px; border-radius: 4px; border: 1px solid rgb(234, 234, 234); border-image: none; width: 114px; height: 152px; margin-right: 12px; display: flex; position: relative; cursor: pointer; flex-direction: column; align-items: center;
}
:last-child.vipPayDialog-payItem {
	margin-right: 0px;
}
.vipPayDialog-payItem .vipPayDialog-tip {
	padding-top: 6px; font-size: 12px;
}
.vipPayDialog-payItem delete {
	display: inline;
}
.vipPayDialog-payItem.active {
	background: rgba(245, 184, 122, 0.12); border: 1px solid rgba(204, 153, 102, 0.54); border-image: none; color: rgb(224, 152, 101);
}
.vipPayDialog-payItem.active delete {
	color: rgb(224, 152, 101); text-decoration-color: #e09865;
}
.vipPayDialog-payItem label {
	background: linear-gradient(107.879997deg, rgb(104, 104, 104) 8%, rgb(63, 61, 66) 84%); padding: 0px 6px; border-radius: 6px 1px; left: -1px; top: -12px; height: 24px; text-align: center; color: rgb(255, 203, 166); line-height: 24px; overflow: hidden; font-size: 12px; font-weight: 500; position: absolute;
}
.vipPayDialog-swiperBtn {
	padding: 22px 10px; top: 85px; position: absolute; cursor: pointer;
}
.vipPayDialog-swiperBtn.swiper-button-disabled {
	cursor: not-allowed;
}
.vipPayDialog-swiperBtn.swiper-button-disabled svg path {
	fill: #eaeaea;
}
.vipPayDialog-swiperBtnPrev {
	left: 14px; transform: rotate(180deg);
}
.vipPayDialog-swiperBtnNext {
	right: 0px;
}
.vipPayDialog-swiperBtn svg {
	display: block;
}
.vipPayDialog-deadline {
	color: rgb(0, 0, 0); font-size: 14px; font-weight: 600;
}
.vipPayDialog-right {
	width: 152px; text-align: center; padding-right: 42px; padding-left: 28px; position: relative; box-sizing: content-box;
}
.vipPayDialog-right::before {
	left: 0px; top: 0px; height: 222px; border-left-color: rgb(234, 234, 234); border-left-width: 1px; border-left-style: solid; position: absolute; content: "";
}
.vipPayDialog-right .cost {
	color: rgb(224, 152, 101); line-height: 22px; font-family: "ByteNumber-Bold"; font-size: 20px; margin-left: 4px;
}
.vipPayDialog-right .cost .icon-rmb {
	font-size: 12px;
}
.vipPayDialog-right .cost > span {
	padding-top: 4px; padding-left: 2px;
}
.vipPayDialog-right .payQRCode {
	background: rgb(247, 247, 247); padding: 4px; border-radius: 4px; border: 1px solid rgba(151, 151, 151, 0.1); border-image: none; width: 100%; height: 100%;
}
.vipPayDialog-right .payQRCode-blur::after {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; background-color: rgba(247, 247, 247, 0.94);
}
.vipPayDialog-right .payQRCode-image {
	height: 100%;
}
.vipPayDialog-right .payways {
	color: rgb(102, 102, 102); font-size: 12px; margin-top: 12px;
}
.vipPayDialog-qrcodeContainer {
	width: 152px; height: 152px; margin-top: 16px; position: relative;
}
.vipPayDialog-qrcodeSuccess {
	border-radius: 4px; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.vipPayDialog-qrcodeSuccess img {
	left: 50%; top: 50%; width: 50%; position: absolute; transform: translate(-50%, -50%);
}
.vipPayDialog-vip .vipPayDialog-vip .vipPayDialog-avatar {
	border: 2px solid rgb(204, 153, 102); border-image: none;
}
.vipPayDialog-vip .vipPayDialog-username {
	color: rgb(224, 152, 101);
}
.vipPayDialog-vip .vipPayDialog-userStatus {
	color: rgb(224, 152, 101);
}
.xgplayer .xgplayer-video-mask {
	display: none;
}
.xgplayer.xgpc-mini .playEndingContainer {
	display: none;
}
.xgplayer.xgplayer-ended > video {
	
}
.xgplayer.xgplayer-ended .playEndingContainer {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 22;
}
.xgplayer.xgplayer-ended .xgplayer-video-mask {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 22;
}
.xgplayer.xgplayer-ended .playEndingContainer {
	height: calc(100% - 62px); z-index: 22;
}
.xgplayer.xgplayer-ended .xgplayer-video-mask {
	background: rgba(0, 0, 0, 0.8); height: 100%; display: block; z-index: 9;
}
.xgplayer-control-item.control_collection .xgplayer-control-item__entry {
	padding: 4px 8px;
}
.xgplayer-control-item.control_collection .xgplayer-control-item__entry:hover {
	
}
.xgplayer-extraConfig-popover .xgplayer-extraConfig-wrap {
	padding: 16px 20px; width: 164px;
}
.xgplayer-extraConfig-popover .row {
	height: 20px; display: flex; justify-content: space-between; align-items: center;
}
.xgplayer-extraConfig-popover .row + .row {
	margin-top: 12px;
}
.full-screen-author {
	padding: 0px 6px; border-radius: 36px; transition:0.1s ease-in; height: 36px; color: rgba(255, 255, 255, 0.9); font-size: 14px; display: flex; position: relative; cursor: pointer; align-items: center;
}
.full-screen-author:hover {
	
}
.full-screen-author .followButton {
	margin-right: 6px; margin-left: 8px;
}
.full-screen-author .followButton.follow {
	
}
.full-screen-author:hover .full-screen-author__popup {
	display: block;
}
.full-screen-author__popup {
	left: 0px; width: 100%; text-align: center; bottom: -56px; display: none; position: absolute; direction: rtl;
}
.full-screen-author__popup > span {
	background: rgba(38, 39, 40, 0.9); padding: 6px 8px; border-radius: 2px; font-size: 14px; font-weight: 400; display: inline-block; white-space: nowrap;
}
.fullscreen-co-create-modal {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 30;
}
.fullscreen-co-create-modal__wrapper {
	animation:fullscreen-co-create-modal__slide-in 300ms cubic-bezier(0.4, 0, 0.2, 1); top: 0px; width: 320px; height: 100%; right: 0px; display: flex; position: absolute; flex-direction: column; background-color: rgba(0, 0, 0, 0.8);
}
.fullscreen-co-create-modal__wrapper.out {
	animation:fullscreen-co-create-modal__slide-out 200ms cubic-bezier(0.4, 0, 1, 1);
}
.fullscreen-co-create-modal__header {
	padding: 0px 16px; height: 59px; color: rgba(255, 255, 255, 0.9); font-size: 16px; font-weight: 500; display: flex; justify-content: space-between; align-items: center;
}
.fullscreen-co-create-modal__header > svg {
	cursor: pointer;
}
.fullscreen-co-create-modal__content {
	padding: 12px 0px; flex:1 1 0px; -ms-overflow-y: auto;
}
.fullscreen-co-create-modal__item {
	padding: 0px 16px; display: flex; align-items: center;
}
:not(:last-child).fullscreen-co-create-modal__item {
	margin-bottom: 24px;
}
.fullscreen-co-create-modal__item-avatar {
	margin-right: 12px;
}
.fullscreen-co-create-modal__item-name {
	color: rgb(255, 255, 255); line-height: 18px; overflow: hidden; font-size: 14px; font-weight: 500; margin-bottom: 4px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.fullscreen-co-create-modal__item-name:hover {
	color: rgb(255, 255, 255);
}
.fullscreen-co-create-modal__item-role {
	color: rgba(255, 255, 255, 0.5); line-height: 20px; font-size: 13px;
}
.fullscreen-co-create-modal__item-info {
	flex:1 1 0px; margin-right: 12px; min-width: 0px;
}
.fullscreen-co-create-modal__item-follow.xg-button-ghost-weak .xg-button-loading-icon {
	background-image: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/loading.de0acf6d.png");
}
.fullscreen-co-create {
	padding: 0px 15px; border-radius: 36px; border: 1px solid rgba(255, 255, 255, 0.25); transition:background-color 200ms, outline 200ms, box-shadow 200ms; border-image: none; height: 36px; color: rgba(255, 255, 255, 0.9); font-size: 14px; font-weight: 500; display: flex; position: relative; cursor: pointer; align-items: center;
}
.fullscreen-co-create:hover {
	
}
.fullscreen-co-create__icon {
	margin-right: 4px;
}
.fullscreen-co-create__arrow {
	margin-left: 2px;
}
.fullscreen-co-create__avatars {
	margin-right: 8px; display: flex; flex-direction: row-reverse;
}
.fullscreen-co-create__avatar {
	border-radius: 50%; width: 24px; height: 24px; background-size: 100% 100%;
}
:not(:first-child).fullscreen-co-create__avatar {
	margin-right: -5px; -webkit-mask-image: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/avatar_mask.1fcac70e.svg); mask-image: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/avatar_mask.1fcac70e.svg);
}
.fullscreen-co-create__follow {
	margin-left: 8px;
}
.fullscreen-co-create__follow.follow {
	
}
.fullscreen-co-create:hover .fullscreen-co-create__popup {
	display: block;
}
.fullscreen-co-create__popup {
	left: 0px; width: 100%; text-align: center; bottom: -56px; display: none; position: absolute; direction: rtl;
}
.fullscreen-co-create__popup > span {
	background: rgba(38, 39, 40, 0.9); padding: 6px 8px; border-radius: 2px; font-size: 14px; font-weight: 400; display: inline-block; white-space: nowrap;
}
.full-screen-header-author {
	margin-left: 64px !important; display: flex; align-items: center;
}
.full-screen-header-author > *:not(:last-child) {
	margin-right: 8px;
}
.full-screen-header-title .xgplayer-control-item__entry {
	
}
.full-screen-header-title .xgplayer-control-item__entry:hover {
	
}
.full-screen-header-title .xgpcPlayer_iconEntry {
	font-size: 18px; font-weight: 500;
}
.xgplayer .xgpc-mini-layer {
	background: linear-gradient(to top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8)) !important; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 11;
}
.xgplayer .xgpc-mini-layer .xgpc-player-time {
	left: 10px; bottom: 10px; position: absolute;
}
.xgplayer .xgpc-mini-header {
	padding: 10px 43px 0px 8px; color: rgb(255, 255, 255); font-size: 14px; display: flex; z-index: 22; justify-content: space-between;
}
.xgplayer .xgpc-mini-drag-layer {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; cursor: move;
}
.xgplayer .xgpc-mini-disable-tips {
	padding: 6px 12px; border-radius: 4px; right: -30px; bottom: -44px; color: rgb(255, 255, 255); display: none; white-space: nowrap; position: absolute; background-color: rgba(0, 0, 0, 0.8);
}
.xgplayer .xgpc-mini-disable-btn {
	position: relative;
}
.xgplayer .xgpc-mini-disable-btn input {
	display: none;
}
.xgplayer .xgpc-mini-disable-btn input + label {
	display: flex; position: relative; cursor: pointer; align-items: center;
}
.xgplayer .xgpc-mini-disable-btn input + label::before {
	border-radius: 2px; border: 1px solid rgb(205, 205, 205); border-image: none; width: 12px; height: 12px; text-align: center; line-height: 12px; margin-right: 4px; vertical-align: middle; display: inline-block; content: ""; background-color: transparent;
}
.xgplayer .xgpc-mini-disable-btn input:checked + ::after {
	border-width: 0px 2px 2px 0px; border-style: solid; border-color: rgb(245, 22, 66); left: 4px; top: 6px; width: 4px; height: 8px; position: absolute; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.xgplayer .xgpc-mini-disable-btn:hover {
	color: rgb(245, 22, 66);
}
.xgplayer .xgpc-mini-disable-btn:hover input + label::before {
	border-color: rgb(245, 22, 66);
}
.xgplayer .xgpc-mini-disable-btn:hover .xgpc-mini-disable-tips {
	display: block;
}
.xgplayer .xgpc-mini-cancel-btn {
	top: 10px; right: 10px; position: absolute; cursor: pointer;
}
.xgplayer .xgpc-mini-play-icon {
	background: rgba(0, 0, 0, 0.5); border-radius: 50%; left: 50%; top: 50%; width: 48px; height: 48px; display: flex; position: absolute; cursor: pointer; transform: translate(-50%, -50%); justify-content: center; align-items: center;
}
.xgpc-mini:hover .xgpc-mini-layer {
	display: block;
}
.xgplayer.xgpc-mini .xgplayer-controls {
	display: none;
}
.xgplayer.xgpc-mini .xgplayer-start {
	display: none;
}
.xgplayer.xgpc-mini .xgplayer-start.interact {
	display: none;
}
.xgplayer.with-fullscreen-co-create .xgplayer-controls {
	display: none;
}
.xgplayer.with-fullscreen-co-create .xg-top-bar {
	display: none;
}
.xgplayer-control-item.control_play_loop .fps {
	padding: 0px 4px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.3); border-image: none; height: 18px; line-height: 16px; font-size: 12px; margin-left: 4px; display: inline-block; opacity: 0.7;
}
.xgplayer-control-item.control_play_loop .xgplayer-control-item__entry:hover .fps {
	border: 1px solid rgba(249, 82, 98, 0.5); border-image: none;
}
.xgplayer-control-item.control_play_loop .xgplayer-control-item__popover ul li {
	line-height: 20px;
}
.xgplayer-control-item.control_play_loop .xgplayer-control-item__popover ul li:hover .fps {
	border: 1px solid rgba(249, 82, 98, 0.5); border-image: none;
}
.xgplayer-control-item.control_play_loop .xgplayer-control-item__popover ul li.isActive .fps {
	border: 1px solid rgba(249, 82, 98, 0.5); border-image: none;
}
.xgplayer-control-item.control_play_loop .xgplayer-control-item__popover .autoDetails {
	margin-left: 4px; display: flex; align-items: center;
}
.xgplayer-control-item.control_playnext .xgplayer-next-preview {
	border-radius: 4px; width: 398px; height: 94px; overflow: hidden; display: flex; position: absolute; pointer-events: none; transform: translate(2px, -100%); background-color: rgba(0, 0, 0, 0.8);
}
.xgplayer-control-item.control_playnext .xgplayer-next-preview.longVideo {
	width: 328px;
}
.xgplayer-control-item.control_playnext .xgplayer-next-preview-left {
	width: 168px; height: 100%; position: relative;
}
.xgplayer-control-item.control_playnext .xgplayer-next-preview-cover {
	width: 100%; height: 100%; object-fit: cover;
}
.xgplayer-control-item.control_playnext .xgplayer-next-preview-duration {
	padding: 0px 8px; border-radius: 4px; height: 21px; right: 4px; bottom: 4px; color: rgb(255, 255, 255); line-height: 21px; letter-spacing: normal; font-size: 12px; font-style: normal; font-weight: 500; position: absolute; font-stretch: normal; background-color: rgba(0, 0, 0, 0.6);
}
.xgplayer-control-item.control_playnext .xgplayer-next-preview-right {
	padding: 0px 8px; flex:1 1 0px; display: flex; flex-direction: column; justify-content: center;
}
.xgplayer-control-item.control_playnext .xgplayer-next-preview-tips {
	color: rgb(255, 255, 255); line-height: 1; letter-spacing: normal; font-size: 12px; font-style: normal; font-weight: 500; margin-bottom: 6px; font-stretch: normal; opacity: 0.5;
}
.xgplayer-control-item.control_playnext .xgplayer-next-preview-title {
	color: rgb(255, 255, 255); line-height: 24px; overflow: hidden; font-size: 14px; white-space: normal; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.iframe-player {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; position: fixed; align-items: center;
}
.iframe-player .poster {
	background-position: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: contain; background-color: rgb(0, 0, 0);
}
.iframe-player .poster .icon-icon_playing {
	border-radius: 50%; width: 50px; height: 50px; display: flex; z-index: 1; cursor: pointer; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.6);
}
.iframe-player .poster .icon-icon_playing::before {
	left: 2px; color: rgb(255, 255, 255); font-size: 20px; position: relative;
}
.iframe-player .xgplayerContainer {
	width: 100%; height: 100%; position: absolute; z-index: 1;
}
.iframe-player .xgplayerContainer .xgplayer {
	overflow: hidden; z-index: auto;
}
.iframe-player .xgplayerContainer .xgplayer .xgplayer-video-mask {
	z-index: 1;
}
.iframe-player .xgplayerContainer .xgplayer-theaterMode {
	display: none;
}
.iframe-player .xgplayerContainer .common-xgplayer__Logo {
	z-index: 0;
}
.iframe-player .xgplayerContainer .xgplayer-poster {
	z-index: 10;
}
.iframe-player .xgplayerContainer .xgplayer-nostart .xgplayer-controls {
	display: flex;
}
.iframe-player.show-share-cover .xgplayer .xgplayer-controls {
	display: none !important;
}
.iframe-player.is-fullscreen .recommend-cover.show-recommend {
	bottom: 80px;
}
.iframe-player.play-ended .share-cover {
	background-color: transparent;
}
.iframe-player.iframe-in-mobile .xgplayerContainer .xgplayer-poster {
	background-position: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: contain; background-color: rgb(0, 0, 0);
}
.iframe-player.iframe-in-mobile .xgplayerContainer .common-xgplayer__LBTips {
	left: 0px; bottom: 36px;
}
@media screen and (min-width:960px)
{
.iframe-player.iframe .cover-header .info .title {
	font-size: 20px;
}
.iframe-player.is-fullscreen .cover-header .info .title {
	font-size: 20px;
}
.iframe-player.iframe .cover-header .info .author .author-avatar {
	width: 30px !important; height: 30px !important;
}
.iframe-player.is-fullscreen .cover-header .info .author .author-avatar {
	width: 30px !important; height: 30px !important;
}
.iframe-player.iframe .cover-header .info .author .author-name {
	font-size: 20px;
}
.iframe-player.is-fullscreen .cover-header .info .author .author-name {
	font-size: 20px;
}
.iframe-player.iframe .cover-header .share .icon-share2::before {
	font-size: 25px;
}
.iframe-player.is-fullscreen .cover-header .share .icon-share2::before {
	font-size: 25px;
}
.iframe-player.iframe .cover-header .share .share-text {
	font-size: 20px;
}
.iframe-player.is-fullscreen .cover-header .share .share-text {
	font-size: 20px;
}
.iframe-player.iframe .recommend .header .title {
	font-size: 20px;
}
.iframe-player.is-fullscreen .recommend .header .title {
	font-size: 20px;
}
.iframe-player.iframe .recommend .header .icon-close::before {
	font-size: 20px;
}
.iframe-player.is-fullscreen .recommend .header .icon-close::before {
	font-size: 20px;
}
.iframe-player.iframe .recommend .HorizontalFeedCard .HorizontalFeedCard__title > span {
	font-size: 16px;
}
.iframe-player.is-fullscreen .recommend .HorizontalFeedCard .HorizontalFeedCard__title > span {
	font-size: 16px;
}
.iframe-player.iframe .recommend .prev {
	top: 47.5px; width: 32px; height: 32px; bottom: 64.8px; font-size: 16px;
}
.iframe-player.iframe .recommend .next {
	top: 47.5px; width: 32px; height: 32px; bottom: 64.8px; font-size: 16px;
}
.iframe-player.is-fullscreen .recommend .prev {
	top: 47.5px; width: 32px; height: 32px; bottom: 64.8px; font-size: 16px;
}
.iframe-player.is-fullscreen .recommend .next {
	top: 47.5px; width: 32px; height: 32px; bottom: 64.8px; font-size: 16px;
}
.iframe-player.iframe .recommend-cover.play-ended .prev {
	top: 30px;
}
.iframe-player.iframe .recommend-cover.play-ended .next {
	top: 30px;
}
.iframe-player.is-fullscreen .recommend-cover.play-ended .prev {
	top: 30px;
}
.iframe-player.is-fullscreen .recommend-cover.play-ended .next {
	top: 30px;
}
.iframe-player.iframe .share-cover .icon-close::before {
	font-size: 20px;
}
.iframe-player.iframe .share-cover .share-title {
	font-size: 20px;
}
.iframe-player.is-fullscreen .share-cover .icon-close::before {
	font-size: 20px;
}
.iframe-player.is-fullscreen .share-cover .share-title {
	font-size: 20px;
}
.iframe-player.iframe .share-cover .share-content {
	font-size: 16px;
}
.iframe-player.is-fullscreen .share-cover .share-content {
	font-size: 16px;
}
.iframe-player.iframe .share-cover .share-content .share-url {
	width: 333.33px;
}
.iframe-player.is-fullscreen .share-cover .share-content .share-url {
	width: 333.33px;
}
}
@media screen and (min-width:1280px)
{
.iframe-player.iframe .cover-header .info .title {
	font-size: 22px;
}
.iframe-player.is-fullscreen .cover-header .info .title {
	font-size: 22px;
}
.iframe-player.iframe .cover-header .info .author .author-avatar {
	width: 33px !important; height: 33px !important;
}
.iframe-player.is-fullscreen .cover-header .info .author .author-avatar {
	width: 33px !important; height: 33px !important;
}
.iframe-player.iframe .cover-header .info .author .author-name {
	font-size: 22px;
}
.iframe-player.is-fullscreen .cover-header .info .author .author-name {
	font-size: 22px;
}
.iframe-player.iframe .cover-header .share .icon-share2::before {
	font-size: 27.5px;
}
.iframe-player.is-fullscreen .cover-header .share .icon-share2::before {
	font-size: 27.5px;
}
.iframe-player.iframe .cover-header .share .share-text {
	font-size: 22px;
}
.iframe-player.is-fullscreen .cover-header .share .share-text {
	font-size: 22px;
}
.iframe-player.iframe .recommend .header .title {
	font-size: 22px;
}
.iframe-player.is-fullscreen .recommend .header .title {
	font-size: 22px;
}
.iframe-player.iframe .recommend .header .icon-close::before {
	font-size: 22px;
}
.iframe-player.is-fullscreen .recommend .header .icon-close::before {
	font-size: 22px;
}
.iframe-player.iframe .recommend .HorizontalFeedCard .HorizontalFeedCard__title > span {
	font-size: 18px;
}
.iframe-player.is-fullscreen .recommend .HorizontalFeedCard .HorizontalFeedCard__title > span {
	font-size: 18px;
}
.iframe-player.iframe .recommend .prev {
	top: 50.25px; width: 36px; height: 36px; bottom: 70.4px; font-size: 18px;
}
.iframe-player.iframe .recommend .next {
	top: 50.25px; width: 36px; height: 36px; bottom: 70.4px; font-size: 18px;
}
.iframe-player.is-fullscreen .recommend .prev {
	top: 50.25px; width: 36px; height: 36px; bottom: 70.4px; font-size: 18px;
}
.iframe-player.is-fullscreen .recommend .next {
	top: 50.25px; width: 36px; height: 36px; bottom: 70.4px; font-size: 18px;
}
.iframe-player.iframe .recommend-cover.play-ended .prev {
	top: 30px;
}
.iframe-player.iframe .recommend-cover.play-ended .next {
	top: 30px;
}
.iframe-player.is-fullscreen .recommend-cover.play-ended .prev {
	top: 30px;
}
.iframe-player.is-fullscreen .recommend-cover.play-ended .next {
	top: 30px;
}
.iframe-player.iframe .share-cover .icon-close::before {
	font-size: 22px;
}
.iframe-player.iframe .share-cover .share-title {
	font-size: 22px;
}
.iframe-player.is-fullscreen .share-cover .icon-close::before {
	font-size: 22px;
}
.iframe-player.is-fullscreen .share-cover .share-title {
	font-size: 22px;
}
.iframe-player.iframe .share-cover .share-content {
	font-size: 18px;
}
.iframe-player.is-fullscreen .share-cover .share-content {
	font-size: 18px;
}
.iframe-player.iframe .share-cover .share-content .share-url {
	width: 375px;
}
.iframe-player.is-fullscreen .share-cover .share-content .share-url {
	width: 375px;
}
}
@media screen and (min-width:1680px)
{
.iframe-player.iframe .cover-header .info .title {
	font-size: 24px;
}
.iframe-player.is-fullscreen .cover-header .info .title {
	font-size: 24px;
}
.iframe-player.iframe .cover-header .info .author .author-avatar {
	width: 36px !important; height: 36px !important;
}
.iframe-player.is-fullscreen .cover-header .info .author .author-avatar {
	width: 36px !important; height: 36px !important;
}
.iframe-player.iframe .cover-header .info .author .author-name {
	font-size: 24px;
}
.iframe-player.is-fullscreen .cover-header .info .author .author-name {
	font-size: 24px;
}
.iframe-player.iframe .cover-header .share .icon-share2::before {
	font-size: 30px;
}
.iframe-player.is-fullscreen .cover-header .share .icon-share2::before {
	font-size: 30px;
}
.iframe-player.iframe .cover-header .share .share-text {
	font-size: 24px;
}
.iframe-player.is-fullscreen .cover-header .share .share-text {
	font-size: 24px;
}
.iframe-player.iframe .recommend .header .title {
	font-size: 24px;
}
.iframe-player.is-fullscreen .recommend .header .title {
	font-size: 24px;
}
.iframe-player.iframe .recommend .header .icon-close::before {
	font-size: 24px;
}
.iframe-player.is-fullscreen .recommend .header .icon-close::before {
	font-size: 24px;
}
.iframe-player.iframe .recommend .HorizontalFeedCard .HorizontalFeedCard__title > span {
	font-size: 20px;
}
.iframe-player.is-fullscreen .recommend .HorizontalFeedCard .HorizontalFeedCard__title > span {
	font-size: 20px;
}
.iframe-player.iframe .recommend .prev {
	top: 53px; width: 40px; height: 40px; bottom: 76px; font-size: 20px;
}
.iframe-player.iframe .recommend .next {
	top: 53px; width: 40px; height: 40px; bottom: 76px; font-size: 20px;
}
.iframe-player.is-fullscreen .recommend .prev {
	top: 53px; width: 40px; height: 40px; bottom: 76px; font-size: 20px;
}
.iframe-player.is-fullscreen .recommend .next {
	top: 53px; width: 40px; height: 40px; bottom: 76px; font-size: 20px;
}
.iframe-player.iframe .recommend-cover.play-ended .prev {
	top: 30px;
}
.iframe-player.iframe .recommend-cover.play-ended .next {
	top: 30px;
}
.iframe-player.is-fullscreen .recommend-cover.play-ended .prev {
	top: 30px;
}
.iframe-player.is-fullscreen .recommend-cover.play-ended .next {
	top: 30px;
}
.iframe-player.iframe .share-cover .icon-close::before {
	font-size: 24px;
}
.iframe-player.iframe .share-cover .share-title {
	font-size: 24px;
}
.iframe-player.is-fullscreen .share-cover .icon-close::before {
	font-size: 24px;
}
.iframe-player.is-fullscreen .share-cover .share-title {
	font-size: 24px;
}
.iframe-player.iframe .share-cover .share-content {
	font-size: 20px;
}
.iframe-player.is-fullscreen .share-cover .share-content {
	font-size: 20px;
}
.iframe-player.iframe .share-cover .share-content .share-url {
	width: 416.66px;
}
.iframe-player.is-fullscreen .share-cover .share-content .share-url {
	width: 416.66px;
}
}
@media screen and (min-width:2048px)
{
.iframe-player.iframe .cover-header .info .title {
	font-size: 28px;
}
.iframe-player.is-fullscreen .cover-header .info .title {
	font-size: 28px;
}
.iframe-player.iframe .cover-header .info .author .author-avatar {
	width: 42px !important; height: 42px !important;
}
.iframe-player.is-fullscreen .cover-header .info .author .author-avatar {
	width: 42px !important; height: 42px !important;
}
.iframe-player.iframe .cover-header .info .author .author-name {
	font-size: 28px;
}
.iframe-player.is-fullscreen .cover-header .info .author .author-name {
	font-size: 28px;
}
.iframe-player.iframe .cover-header .share .icon-share2::before {
	font-size: 35px;
}
.iframe-player.is-fullscreen .cover-header .share .icon-share2::before {
	font-size: 35px;
}
.iframe-player.iframe .cover-header .share .share-text {
	font-size: 28px;
}
.iframe-player.is-fullscreen .cover-header .share .share-text {
	font-size: 28px;
}
.iframe-player.iframe .recommend .header .title {
	font-size: 28px;
}
.iframe-player.is-fullscreen .recommend .header .title {
	font-size: 28px;
}
.iframe-player.iframe .recommend .header .icon-close::before {
	font-size: 28px;
}
.iframe-player.is-fullscreen .recommend .header .icon-close::before {
	font-size: 28px;
}
.iframe-player.iframe .recommend .HorizontalFeedCard .HorizontalFeedCard__title > span {
	font-size: 24px;
}
.iframe-player.is-fullscreen .recommend .HorizontalFeedCard .HorizontalFeedCard__title > span {
	font-size: 24px;
}
.iframe-player.iframe .recommend .prev {
	top: 58.5px; width: 48px; height: 48px; bottom: 87.2px; font-size: 24px;
}
.iframe-player.iframe .recommend .next {
	top: 58.5px; width: 48px; height: 48px; bottom: 87.2px; font-size: 24px;
}
.iframe-player.is-fullscreen .recommend .prev {
	top: 58.5px; width: 48px; height: 48px; bottom: 87.2px; font-size: 24px;
}
.iframe-player.is-fullscreen .recommend .next {
	top: 58.5px; width: 48px; height: 48px; bottom: 87.2px; font-size: 24px;
}
.iframe-player.iframe .recommend-cover.play-ended .prev {
	top: 30px;
}
.iframe-player.iframe .recommend-cover.play-ended .next {
	top: 30px;
}
.iframe-player.is-fullscreen .recommend-cover.play-ended .prev {
	top: 30px;
}
.iframe-player.is-fullscreen .recommend-cover.play-ended .next {
	top: 30px;
}
.iframe-player.iframe .share-cover .icon-close::before {
	font-size: 28px;
}
.iframe-player.iframe .share-cover .share-title {
	font-size: 28px;
}
.iframe-player.is-fullscreen .share-cover .icon-close::before {
	font-size: 28px;
}
.iframe-player.is-fullscreen .share-cover .share-title {
	font-size: 28px;
}
.iframe-player.iframe .share-cover .share-content {
	font-size: 24px;
}
.iframe-player.is-fullscreen .share-cover .share-content {
	font-size: 24px;
}
.iframe-player.iframe .share-cover .share-content .share-url {
	width: 500px;
}
.iframe-player.is-fullscreen .share-cover .share-content .share-url {
	width: 500px;
}
}
@media screen and (min-width:1920px)
{
.iframe-player.iframe-preview .cover-header .info .title {
	font-size: 20px;
}
.iframe-player.iframe-preview .cover-header .info .author .author-avatar {
	width: 30px !important; height: 30px !important;
}
.iframe-player.iframe-preview .cover-header .info .author .author-name {
	font-size: 20px;
}
.iframe-player.iframe-preview .cover-header .share .icon-share2::before {
	font-size: 25px;
}
.iframe-player.iframe-preview .cover-header .share .share-text {
	font-size: 20px;
}
.iframe-player.iframe-preview .recommend .header .title {
	font-size: 20px;
}
.iframe-player.iframe-preview .recommend .header .icon-close::before {
	font-size: 20px;
}
.iframe-player.iframe-preview .recommend .HorizontalFeedCard .HorizontalFeedCard__title > span {
	font-size: 16px;
}
.iframe-player.iframe-preview .recommend .prev {
	top: 47.5px; width: 32px; height: 32px; bottom: 64.8px; font-size: 16px;
}
.iframe-player.iframe-preview .recommend .next {
	top: 47.5px; width: 32px; height: 32px; bottom: 64.8px; font-size: 16px;
}
.iframe-player.iframe-preview .recommend-cover.play-ended .prev {
	top: 30px;
}
.iframe-player.iframe-preview .recommend-cover.play-ended .next {
	top: 30px;
}
.iframe-player.iframe-preview .share-cover .icon-close::before {
	font-size: 20px;
}
.iframe-player.iframe-preview .share-cover .share-title {
	font-size: 20px;
}
.iframe-player.iframe-preview .share-cover .share-content {
	font-size: 16px;
}
.iframe-player.iframe-preview .share-cover .share-content .share-url {
	width: 333.33px;
}
}
.share-cover {
	left: 0px; top: 0px; right: 0px; bottom: 0px; color: rgb(255, 255, 255); font-weight: 500; display: flex; position: absolute; z-index: 9999; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.8);
}
.share-cover .icon-close {
	top: 26px; right: 28px; position: absolute; cursor: pointer;
}
.share-cover .icon-close::before {
	color: rgb(189, 189, 189); font-size: 16px; font-weight: bold;
}
.share-cover .share-title {
	left: 50%; top: -12px; line-height: 1.375; font-size: 16px; position: absolute; transform: translate(-50%, -100%);
}
.share-cover .share-content {
	line-height: 1.42; font-size: 12px; display: flex; position: relative;
}
.share-cover .share-url {
	padding: 8px 12px; border-radius: 2px 0px 0px 2px; width: 250px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; background-color: rgba(102, 102, 102, 0.7); user-select: none;
}
.share-cover .share-button {
	padding: 0px 12px; border-radius: 0px 2px 2px 0px; border: 0px currentColor; border-image: none; color: inherit; line-height: inherit; font-size: inherit; font-weight: inherit;
}
.recommend-cover {
	padding: 24px 20px 12px; left: 0px; top: 0px; right: 0px; color: rgb(255, 255, 255); display: flex; position: absolute; z-index: 9; pointer-events: none; flex-direction: column; justify-content: space-between;
}
.recommend-cover.show-recommend {
	bottom: 50px;
}
.recommend-cover.play-ended {
	padding: 0px 16px; justify-content: center;
}
.recommend-cover.play-ended .cover-header {
	z-index: 1;
}
.recommend-cover.play-ended .recommend {
	z-index: 1;
}
.recommend-cover.play-ended .mask {
	z-index: 1;
}
.recommend-cover.play-ended .cover-header {
	padding: 0px 16px;
}
.recommend-cover.play-ended .recommend {
	padding-top: 30px; background-color: rgba(0, 0, 0, 0);
}
.recommend-cover.play-ended .recommend .header {
	display: none;
}
.recommend-cover.play-ended .recommend .prev {
	top: 30px;
}
.recommend-cover.play-ended .recommend .next {
	top: 30px;
}
.recommend-cover.play-ended .recommend::after {
	display: none;
}
.recommend-cover.inactive .mask {
	transform: translate3d(0px, -150%, 0px);
}
.recommend-cover.inactive .cover-header {
	transform: translate3d(0px, -150%, 0px);
}
.recommend-cover .mask {
	transition:transform 0.2s; transform: translate3d(0px, 0px, 0px);
}
.recommend-cover .cover-header {
	transition:transform 0.2s; transform: translate3d(0px, 0px, 0px);
}
.recommend-cover.mobile .cover-header .info {
	width: 100%; pointer-events: none;
}
.recommend-cover.mobile .share {
	display: none;
}
.recommend-cover .cover-header {
	pointer-events: visible;
}
.recommend-cover .recommend {
	pointer-events: visible;
}
.recommend-cover .cover-header {
	display: flex; z-index: 0; justify-content: space-between;
}
.recommend-cover .cover-header .info {
	width: 70%;
}
.recommend-cover .cover-header .info .title {
	width: 100%; line-height: 1.375; overflow: hidden; font-size: 16px; font-weight: 500; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.recommend-cover .cover-header .info .author {
	margin-top: 8px;
}
.recommend-cover .cover-header .info .author .author-avatar {
	vertical-align: middle;
}
.recommend-cover .cover-header .info .author .author-name {
	vertical-align: middle;
}
.recommend-cover .cover-header .info .author .author-avatar {
	margin: 0px 6px 0px 2px; border: 0px currentColor; border-image: none;
}
.recommend-cover .cover-header .info .author .author-name {
	line-height: 1.375; font-size: 16px; font-weight: 500;
}
.recommend-cover .cover-header .share {
	padding-top: 2px; cursor: pointer;
}
.recommend-cover .cover-header .share .icon-share2::before {
	font-size: 20px; vertical-align: middle;
}
.recommend-cover .cover-header .share .share-text {
	color: rgb(255, 255, 255); line-height: 1.4; font-size: 16px; font-weight: 500; margin-left: 4px; vertical-align: middle; display: inline-block;
}
.recommend-cover .cover-header .info .title {
	transition:opacity 0.2s; opacity: 0.8;
}
.recommend-cover .cover-header .info .author-name {
	transition:opacity 0.2s; opacity: 0.8;
}
.recommend-cover .cover-header .share {
	transition:opacity 0.2s; opacity: 0.8;
}
.recommend-cover .cover-header .info .title:hover {
	opacity: 1;
}
.recommend-cover .cover-header .info .author-name:hover {
	opacity: 1;
}
.recommend-cover .cover-header .share:hover {
	opacity: 1;
}
.recommend-cover .mask {
	background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.182373) 65.62%, rgba(0, 0, 0, 0.0001) 100%); left: 0px; top: 0px; height: 120px; right: 0px; position: absolute; pointer-events: none; transform: matrix(1, 0, 0, -1, 0, 0);
}
.recommend-cover.isHide {
	display: none;
}
.recommend {
	padding: 12px 20px 0px; border-radius: 4px; width: 100%; position: relative; z-index: 0; background-color: rgba(0, 0, 0, 0.8);
}
.recommend .header {
	margin-bottom: 8px; position: relative; z-index: 1;
}
.recommend .header .title {
	color: rgb(255, 255, 255); line-height: 1.375; font-size: 16px; font-weight: 500;
}
.recommend .header .icon-close {
	top: 0px; right: 0px; position: absolute;
}
.recommend .header .icon-close::before {
	transition:opacity 0.2s; color: rgb(189, 189, 189); font-size: 16px; font-weight: 800; cursor: pointer; opacity: 0.8;
}
.recommend .header .icon-close:hover::before {
	opacity: 1;
}
.recommend .list-container {
	margin: 0px -4px; overflow: hidden; position: relative; z-index: -1;
}
.recommend.row-3 .list .HorizontalFeedCard {
	min-width: 33.33%;
}
.recommend.row-4 .list .HorizontalFeedCard {
	min-width: 25%;
}
.recommend.row-5 .list .HorizontalFeedCard {
	min-width: 20%;
}
.recommend .list {
	transition:transform 0.6s; overflow: visible; padding-bottom: 12px; display: flex;
}
.recommend .list .HorizontalFeedCard {
	padding: 0px 4px; width: 100px; min-width: 25%; box-sizing: border-box; flex-grow: 1; flex-shrink: 0;
}
.recommend .list .HorizontalFeedCard .HorizontalFeedCard__title {
	transition:color 0.2s; color: rgb(255, 255, 255);
}
.recommend .list .HorizontalFeedCard .HorizontalFeedCard__title:hover {
	
}
.recommend .list .HorizontalFeedCard .HorizontalFeedCard__title > span {
	overflow: hidden; font-size: 12px; white-space: normal; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.recommend .list .HorizontalFeedCard .HorizontalFeedCard__contentWrapper {
	margin-top: 8px; margin-right: 4px;
}
.recommend .list .HorizontalFeedCard .HorizontalFeedCard__bottomInfo {
	display: none;
}
.recommend::after {
	border-radius: 4px; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; pointer-events: none;
}
.recommend.show-prev-arrow::after {
	background: linear-gradient(90deg, rgb(34, 34, 34) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
}
.recommend.show-next-arrow::after {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 85%, rgb(34, 34, 34) 100%);
}
.recommend.show-prev-arrow.show-next-arrow::after {
	background: linear-gradient(90deg, rgb(34, 34, 34) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 85%, rgb(34, 34, 34) 100%);
}
.recommend.show-prev-arrow .prev {
	opacity: 1; pointer-events: auto;
}
.recommend.show-next-arrow .next {
	opacity: 1; pointer-events: auto;
}
.recommend .prev {
	margin: auto 0px; border-radius: 50%; transition:opacity 0.2s; top: 42px; width: 28px; height: 28px; bottom: 52px; font-size: 14px; display: flex; position: absolute; z-index: 9; cursor: pointer; opacity: 0; pointer-events: none; box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.08); justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.7);
}
.recommend .next {
	margin: auto 0px; border-radius: 50%; transition:opacity 0.2s; top: 42px; width: 28px; height: 28px; bottom: 52px; font-size: 14px; display: flex; position: absolute; z-index: 9; cursor: pointer; opacity: 0; pointer-events: none; box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.08); justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.7);
}
.recommend .prev i::before {
	transition:opacity 0.2s; color: rgb(189, 189, 189); opacity: 0.8;
}
.recommend .next i::before {
	transition:opacity 0.2s; color: rgb(189, 189, 189); opacity: 0.8;
}
.recommend .prev:hover i::before {
	opacity: 1;
}
.recommend .next:hover i::before {
	opacity: 1;
}
.recommend .prev {
	left: 4px; transform: rotate(180deg);
}
.recommend .next {
	right: 4px;
}
.recommend .next .icon-enter {
	left: 1px; position: relative;
}
.recommend .HorizontalFeedCard:hover .HorizontalFeedCard__coverWrapper {
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
}
.recommend .HorizontalFeedCard:hover .HorizontalFeedCard__coverWrapper img {
	transform: scale3d(1.07, 1.07, 1.07);
}
.recommend .HorizontalFeedCard:hover .HorizontalFeedCard__title {
	
}
.DisallowedPlayer_container {
	background: url("https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/bg.12561c73.svg") no-repeat top / contain, rgb(0, 0, 0); width: 100%; height: 100%; color: rgb(255, 255, 255); display: flex; position: fixed; flex-direction: column; justify-content: center; align-items: center;
}
.DisallowedPlayer_container .DisallowedPlayer_logo {
	top: 3.85vw; width: 12.18vw; right: 3.85vw; position: absolute; opacity: 0.3;
}
.DisallowedPlayer_container .DisallowedPlayer_button {
	padding: 0.57vw 1.56vw; border-radius: 2px; border: currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 16px; font-weight: 500;
}
.DisallowedPlayer_container .DisallowedPlayer_button:hover {
	cursor: pointer; background-image: none; background-color: red;
}
.DisallowedPlayer_container .DisallowedPlayer_text {
	color: rgb(255, 255, 255); margin-bottom: 3.33vw;
}
.DisallowedPlayer_container .DisallowedPlayer_text a {
	
}
@media screen and (max-width:480px)
{
.DisallowedPlayer_container {
	font-size: 13px;
}
.DisallowedPlayer_container .DisallowedPlayer_button {
	font-size: 13px;
}
}
@media screen and (max-width:960px) and (min-width:481px)
{
.DisallowedPlayer_container {
	font-size: 18px;
}
.DisallowedPlayer_container .DisallowedPlayer_button {
	font-size: 14px;
}
}
@media screen and (max-width:1280px) and (min-width:961px)
{
.DisallowedPlayer_container {
	font-size: 20px;
}
.DisallowedPlayer_container .DisallowedPlayer_button {
	font-size: 16px;
}
}
@media screen and (max-width:1680px) and (min-width:1281px)
{
.DisallowedPlayer_container {
	font-size: 22px;
}
.DisallowedPlayer_container .DisallowedPlayer_button {
	font-size: 18px;
}
}
@media screen and (max-width:2048px) and (min-width:1681px)
{
.DisallowedPlayer_container {
	font-size: 24px;
}
.DisallowedPlayer_container .DisallowedPlayer_button {
	font-size: 20px;
}
}
@media screen and (min-width:2049px)
{
.DisallowedPlayer_container {
	font-size: 28px;
}
.DisallowedPlayer_container .DisallowedPlayer_button {
	font-size: 24px;
}
}