/* 在线工具对齐主站：微软雅黑、#1794ff / #3ca5ef */
:root {
	--accent-teal: #1794ff;
	--accent-blue: #3ca5ef;
	--accent-green: #1794ff;
	--accent-lime: #3ca5ef;
	--bs-primary: #1794ff;
	--bs-primary-rgb: 23, 148, 255;
	--bs-link-color: #1794ff;
	--bs-link-hover-color: #0e7ad6;
}
body,
button,
input,
select,
textarea,
.btn,
.form-control,
.form-select {
	font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
	color: #333;
}
.online-video-converter-page .ovc-intro-title,
.online-video-compressor-page .ovp-intro-title,
.online-audio-page .oa-intro-title,
.online-image-page .oimg-intro-title,
.online-screen-recorder-page .ovsr-intro-title,
.online-video-converter-page .section-title,
.online-video-compressor-page .section-title,
.online-audio-page .section-title,
.online-image-page .section-title {
	font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
	font-weight: 700;
	letter-spacing: 0;
	color: #1d1d1d;
}
.hero-download-btn,
.ovc-browse-btn,
.ovp-browse-btn,
.ovp-compress-btn,
.oa-browse-btn,
.oimg-browse-btn,
.btn.hero-download-btn,
.ovc-convert-btn {
	background: linear-gradient(90deg, #3ca5ef, #1794ff) !important;
	border-color: #1794ff !important;
	color: #fff !important;
	border-radius: 17px !important;
	font-family: "微软雅黑", "Microsoft YaHei", sans-serif !important;
}
.hero-download-btn:hover,
.ovc-browse-btn:hover,
.ovp-compress-btn:hover,
.btn.hero-download-btn:hover,
.ovc-convert-btn:hover {
	filter: brightness(1.05);
	color: #fff !important;
}
.ovc-intro-title span,
.ve-icon,
.section-title span {
	color: #1794ff !important;
}
.ve-step-badge {
	background: #1794ff !important;
	color: #fff !important;
}
.qve-tool-foot {
	background: #14324f;
	color: rgba(255, 255, 255, 0.86);
	padding: 28px 16px 36px;
	text-align: center;
}
.qve-tool-foot a {
	color: #fff;
	margin: 0 10px;
	text-decoration: none;
}
.qve-tool-foot p {
	margin: 0 0 8px;
}

/* QVE 站点页脚与右侧客服，只作用于在线工具页 */
#foot ul,
.side ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/*底部开始*/
#foot{
	width: 100%;
	height: 517px;
	overflow: hidden;
	font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
	line-height: 1.2;
}
/* 压过工具页 Bootstrap，避免链接行高和段落外边距把页脚撑出产品页的高度 */
#foot p {
	margin: 0 !important;
}
#foot a {
	text-decoration: none;
}
#foot .center-products a,
#foot .center-product a {
	line-height: 20px;
}
#foot .yum {
	display: inline;
	height: auto;
	line-height: 55px;
	margin: 0 !important;
}
/*第一部分*/
.foot_top{
	width: 100%;
	height: 377px;
	background:rgba(20,20,20,1);
}
.top_main{
	width: 1200px;
	height: 377px;
	margin: 0 auto;
}
/*左*/
.foot-top-left{
	width: 460px;
	height: 377px;
	float: left;
}
.left-title{
	font-size:18px;
	font-weight:400;
	color:#E5E5E5;
	margin: 46px 0 20px 69px;
}
.left-info{
	width: 445px;
	height: 58px;
	margin-bottom: 18px;
}
.info-text-left{
	float: left;
	margin: 0px 0 0 60px;
}
.info-text-right-one{
	float: left;
	font-size:14px;
	font-weight:300;
	line-height:25px;
	color:#E5E5E5;
	margin:-6px 0 0 14px;
	letter-spacing: 1px;
}
.info-text-right-two{
	float: left;
	color:#E5E5E5;
	letter-spacing: 1px;
	margin: 7px 0 0 14px;
	font-size:14px;
}
.info-text-right-three{
	float: left;
	font-size:14px;
	font-weight:300;
	line-height:25px;
	color:#E5E5E5;
	margin: 7px 0 0 14px;
	letter-spacing: 1px;
}
/*中*/
.foot-top-center{
	width: 210px;
	height: 377px;
	float: left;
}
.center-title{
	font-size:18px;
	font-weight:400;
	color:#E5E5E5;
	margin: 46px 0 8px 25px;
}
.center-products{
	margin-top: 12px;
	margin-left: 5px;
}
.center-products a{
	width:102px;
	font-size:14px;
	font-weight:300;
	color:#E5E5E5;
	margin-left: 20px;
}
.center-products a:hover{
	text-decoration: none;
	color: #FFFFFF;
}
.center-products a:visited{
	text-decoration: none;
	color: #FFFFFF;
}
.center-products a:link{
	text-decoration: none;
	color: #FFFFFF;
}

/*中1*/
.center-product{
	margin-left: 5px;
}
.center-product a{
	font-size:14px;
	font-weight:300;
	line-height:34px;
	color:#E5E5E5;
	margin-left: 20px;
}
.center-product a:hover{
	text-decoration: none;
	color: #FFFFFF;
}
.center-product a:visited{
	text-decoration: none;
	color: #FFFFFF;
}
.center-product a:link{
	text-decoration: none;
	color: #FFFFFF;
}

.center_much a{
	font-size: 12px;
	color:#E5E5E5;
	margin-left: 145px;
	line-height: 15px;

}
.center_much a:hover{
	text-decoration: none;
	color: #FFFFFF;
}
.foot-top-right1{
	float: left;
	margin-left: 28px;
}
/*右*/
.foot-top-right{
	height: 337px;
	float: left;
	margin-left: 130px;
}
.right-left{
	margin-left: 25px;
	margin-top: 18px;
}
.right-left-text{

	height:16px;
	font-size:12px;
	font-weight:400;
	line-height:32px;
	color:#e5e5e3;
	margin-left: -25px;
}
.right-left-text-t{
	width:141px;
	height:16px;
	font-size:12px;
	font-weight:400;
	line-height:32px;
	color:#e5e5e3;
	margin-left: -33px;
}

/*第二部分*/
.foot_center{
	width: 100%;
	height: 80px;
	background:rgba(20,20,20,1);
	border-top: 1px solid #505050;

}
.center_main{
	width: 1200px;
	margin: 0 auto;
	height: 80px;
	font-size:14px;
	font-weight:300;
	line-height:74px;
	color:rgba(232,232,232,1);
	text-align: center;
	opacity: 0.9;
}
.center_main span{
	border:1px solid #E5E5E5;
	opacity: 0.9;
}
.center_main a{
	width:58px;
	height:20px;
	font-size:14px;
	line-height:74px;
	color:rgba(232,232,232,1);
	margin-top: -2px;
}
.center_main a:hover{
	color:aliceblue;
	text-decoration: none;
}

.center_main a:visited{
	color:#E5E5E5;
	text-decoration: none;
}
.center_main a:link{
	color:#E5E5E5;
	text-decoration: none;
}
/*第三部分*/
.foot_bottom_user{
	width: 100%;
	height: 10px;
	background:rgba(13,13,13,1);
	text-align: center;
	padding-top: 13px;
	font-size: 12px;
	color:#AFAFAF;
}
.foot_bottom{
	width: 100%;
	height: 55px;
	background:rgba(13,13,13,1);
	padding-top: 2px;

}
.bottom_main{
	width: 1200px;
	height: 55px;
	margin: 0 auto;
}
.bottom_left{
	float: left;
	color:#E5E5E5;
	height:55px;
	line-height:55px;
	margin-left: 280px;
	font-size: 12px;
	opacity: 0.75;
}
.bottom_right{
	float: left;
}
.bottom_right img{
	width: 14px;
	height: 14px;
	float:left;
	margin-left: 25px;
	margin-top:19px;
	line-height:55px;
}
.yum{
	float:left;
	height:55px;
	line-height:55px;
	margin-left: 5px;
	color:#E5E5E5;
	font-size: 12px;
	opacity: 0.75;
}
/*底部结束*/


/*悬浮窗*/
/* side */
.side {
	position: fixed;
	width: 54px;
	height: 275px;
	right: 0;
	bottom: 60px;
	z-index: 999999;
}
.side ul li {
	width: 54px;
	height: 54px;
	float: left;
	position: relative;
	margin-top: 6px;
}
.side ul li .sidebox {
	position: absolute;
	width: 127px;
	height: 54px;
	border-radius: 5px 0px 0px 5px;
	top: 0;
	right: 0;
	background: #3CA5EF;
	color: #fff;
	font: 14px/54px "微软雅黑";
	overflow: hidden;
	font-size: 16px;
}
.side ul li .sidebox img{
	width: 16px;
	margin-left: 20px;
	margin-top: 18px;
}
.side ul li .sidetop {
	width: 127px;
	height: 54px;
	line-height: 54px;
	border-radius: 5px 0px 0px 5px;
	display: inline-block;
}
.side ul li .sidetop:hover {
	background: #FF3939;
}
.side ul li img {
	float: left;
}
/*第二个列表*/
.e_one{
	margin-left: 320px;
}
.qq_xfc{
	position: absolute;
	background: url(/static/index/img/x-bg.png);
	width: 248px;
	height: 122px;
}
.qq-xfc-top{
	margin-left: 30px;
	margin-top: 30px;
	font-size: 15px;
	font-family:"微软雅黑";
	letter-spacing: 1px;
}
.qq-xfc-bottom{
	margin-left: 30px;
	margin-top: 15px;
	font-size: 15px;
	font-family:"微软雅黑";
	letter-spacing: 1px;
}
.ewm-xfc-top{
	width: 163px;
	text-align: center;
	margin-left: 30px;
	margin-top: 28px;
	font-size:16px;
	font-family:"微软雅黑";
	letter-spacing: 1px;
	line-height: 30px;
}
/*扫一扫添加好友弹窗固定*/
.e_xfc{
	position: absolute;
	width: 248px;
}




@media screen and (max-width: 1199px) {
	#foot,
	.foot_top,
	.top_main,
	.foot_center,
	.center_main,
	.foot_bottom,
	.bottom_main,
	.foot-top-left,
	.foot-top-center,
	.foot-top-right,
	.left-info {
		width: 100%;
		height: auto;
		float: none;
		overflow: visible;
	}
	.foot-top-left,
	.foot-top-center,
	.foot-top-right1,
	.foot-top-right {
		float: none;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0 16px 12px;
	}
	.left-title,
	.center-title {
		margin: 22px 0 10px;
	}
	.info-text-left {
		margin-left: 0;
	}
	.info-text-right-one,
	.info-text-right-two,
	.info-text-right-three {
		float: none;
		margin-left: 28px;
		word-break: break-all;
	}
	.center_main {
		line-height: 1.8;
		padding: 12px 16px;
		box-sizing: border-box;
	}
	.center_main a {
		line-height: 1.8;
	}
	.bottom_left,
	.bottom_right,
	.yum {
		float: none;
		height: auto;
		line-height: 1.6;
		margin: 0;
		text-align: center;
		padding: 6px 12px;
	}
	.bottom_right img {
		float: none;
		display: inline-block;
		vertical-align: middle;
		margin: 0 4px 0 0;
	}
	.right-left-img img {
		max-width: 140px;
	}

	.side {
		transform: scale(0.82);
		transform-origin: right bottom;
	}
	.e_one {
		display: none !important;
	}
}

.online-video-for-wechat-page .ovp-preset-grid {
	grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 575px) {
	.online-video-for-wechat-page .ovp-preset-grid {
		grid-template-columns: 1fr;
	}
	.ovc-intro-title,
	.ovp-intro-title,
	.oa-intro-title,
	.oimg-intro-title {
		font-size: 26px;
		line-height: 1.35;
	}
}

.qve-tool-seo {
	max-width: 920px;
	margin: 14px auto 0;
	padding: 0 16px;
	color: #5c6b7a;
	font-size: 14px;
	line-height: 1.7;
	text-align: center;
}

@media screen and (max-width: 1199px) {
	#foot,
	.foot_top,
	.top_main,
	.foot_center,
	.center_main,
	.foot_bottom,
	.bottom_main,
	.foot_bottom_user,
	.foot-top-left,
	.foot-top-center,
	.foot-top-right1,
	.foot-top-right,
	.left-info {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		float: none !important;
		overflow: visible !important;
		box-sizing: border-box;
	}
	.left-info {
		display: flex;
		align-items: flex-start;
		gap: 10px;
	}
	.info-text-left,
	.info-text-right-one,
	.info-text-right-two,
	.info-text-right-three {
		float: none !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
	}
	.info-text-right-one,
	.info-text-right-two,
	.info-text-right-three {
		flex: 1 1 auto;
		min-width: 0;
		line-height: 1.6 !important;
		word-break: break-word;
	}
	.center-products,
	.center-product,
	.right-left {
		margin: 8px 0 0 !important;
	}
	.center-products a,
	.center-product a,
	.center_main a,
	.center_much a {
		display: inline !important;
		width: auto !important;
		height: auto !important;
		margin: 0 10px 0 0 !important;
		line-height: 1.8 !important;
		white-space: normal !important;
	}
	.right-left-text,
	.right-left-text-t {
		width: auto !important;
		height: auto !important;
		margin: 6px 0 0 !important;
		line-height: 1.5 !important;
		white-space: normal !important;
	}
	.right-left-img img {
		display: block;
		max-width: 140px;
		height: auto;
	}
	.foot_bottom_user {
		padding: 12px 16px !important;
		line-height: 1.6 !important;
	}
	.center_main {
		padding: 12px 16px !important;
		line-height: 1.8 !important;
		white-space: normal !important;
	}
	.bottom_left,
	.bottom_right,
	.yum {
		float: none !important;
		width: auto !important;
		height: auto !important;
		line-height: 1.6 !important;
		margin: 0 !important;
		text-align: center !important;
	}
	.bottom_right {
		padding: 0 12px 12px;
	}
	.bottom_right a {
		display: inline-block !important;
		height: auto !important;
		line-height: 1.6 !important;
		white-space: normal !important;
	}
	.bottom_right img,
	.yum {
		float: none !important;
		display: inline-block !important;
		vertical-align: middle !important;
		margin: 0 4px 0 0 !important;
	}
	.xuanfu {
		display: none !important;
	}
}