.vipvideoanalysis .top-advertisement {
	background-image: -webkit-linear-gradient(left,#8a42ff,#ff705d 25%,#8a42ff 50%,#ff705d 75%,#8a42ff);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: vipvideoanalysis_maskedAnimation 4s infinite linear;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px
}
@keyframes
	vipvideoanalysis_maskedAnimation {
	0% {
		background-position: 0 0;
	}100% {
		background-position: -100% 0;
	}
}

.vipvideoanalysis .videomain {
	width: 100%;
	height: 50vw;
	max-height: 600px;
	background-color: #000;
	position: relative;
	overflow: hidden;
    background-image: url(./img/vipvideoanalysis_back.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.vipvideoanalysis .actionbar,
.vipvideoanalysis .friendshiplists{
    width: 100%;
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
    outline: solid 1px oklch(87.2% .01 258.338) !important;
	outline-offset: calc(1px * -1) !important;
	padding: 10px;
	border-radius: .375rem;
	background-color: #00000009;
	margin: 10px 0;
}

.vipvideoanalysis .actionbar .input-url,
.vipvideoanalysis .actionbar .select-route,
.vipvideoanalysis .actionbar button {
	outline: none;
	border: none;
	border-radius: .375rem;
	font-size: .875rem;
	line-height: 1.5rem;
	padding-block: .375rem;
	padding-inline: .75rem;
}
.vipvideoanalysis .actionbar .input-url,
.vipvideoanalysis .actionbar .select-route{
	color: oklch(21% .034 264.665);
	outline: solid 1px oklch(87.2% .01 258.338) !important;
	outline-offset: calc(1px * -1) !important;
	transition: all .1s;
}
.vipvideoanalysis .actionbar .input-url:focus,
.vipvideoanalysis .actionbar .select-route:focus {
	/* outline-width: 2px;
	outline-offset: calc(2px * -1); */
	outline-color: oklch(51.1% .262 276.966) !important;
	/* box-shadow: 0 0 0 3px rgba(78, 22, 183, 0.08); */
}

.vipvideoanalysis .actionbar .input-url {
	width: 100%;
	min-width: 100px;
}

.vipvideoanalysis .actionbar .select-route-Box {
	position: relative;
	margin: 0 10px;
}
.vipvideoanalysis .actionbar .select-route {
	height: 100%;
	cursor: pointer;
	appearance: none;
	padding-right: 2rem;
}
.vipvideoanalysis .actionbar .select-route-Box svg {
	position: absolute;
	width: 1rem;
	height: 1rem;
	justify-self: flex-end;
	align-self: center;
	margin-right: .5rem;
	pointer-events: none;
}

.vipvideoanalysis .actionbar button {
	color: #fff;
	background-image: linear-gradient(to right,#4776E6 0,#8E54E9 51%,#4776E6 100%) !important;
	text-transform: uppercase;
	transition: .24s;
	background-size: 200% auto;
	cursor: pointer;
	animation: vipvideoanalysis_actionbar_button 4s infinite reverse;
    white-space: nowrap;
}
@keyframes vipvideoanalysis_actionbar_button {
	50% {
		background-position: right center;
		text-decoration: none;
	}
}
.vipvideoanalysis .actionbar button:hover {
	background-position: right center;
	text-decoration: none;
}

.vipvideoanalysis .top-f {
	text-align: center;
	font-size: 12px;
	padding: 10px;
	color: #5e5e5e;
}

@media (max-width: 873px){
	.actionbar{
		flex-wrap: wrap;
	}
	.vipvideoanalysis .actionbar .input-url{
		width: 100%;
		margin-bottom: 5px;
	}
	.vipvideoanalysis .actionbar .select-route{
		width: 100%;
	}
	.vipvideoanalysis .actionbar .select-route-Box,
	.vipvideoanalysis .actionbar button{
		width: calc(50% - 10px);
	}
	.vipvideoanalysis .actionbar .select-route-Box{
		margin: 0 5px 0 0;
	}
	.vipvideoanalysis .actionbar button{
		margin: 0 0 0 5px;
	}
}


                /* 修复以zibi样式引起的冲突 */
				.vipvideoanalysis .actionbar{
					border-radius: 6px;
				}
				.vipvideoanalysis .actionbar .input-url,
				.vipvideoanalysis .actionbar .select-route,
				.vipvideoanalysis .actionbar button{
					border-radius: 6px;
					font-size: 14px;
					line-height: 24px;
					padding-block: 6px;
					padding-inline: 12px;
				}
				.vipvideoanalysis .actionbar .select-route{
					padding-right: 32px;
				}
				.vipvideoanalysis .actionbar .select-route-Box svg{
					width: 16px;
					height: 16px;
					margin-right: 8px;
				}




    /* 配合zibi主题配色 */
	.vipvideoanalysis .actionbar{
	    outline-color: var(--main-border-color) !important;
		background: none;
	}
	.vipvideoanalysis .actionbar .input-url,
	.vipvideoanalysis .actionbar .select-route{
		background-color: var(--body-bg-color);
		color: var(--main-color);
		outline-color: #00000000 !important;
		transition: none;
	}
	.vipvideoanalysis .actionbar .input-url:focus,
	.vipvideoanalysis .actionbar .select-route:focus {
		outline-color: var(--focus-color) !important;
	}