@charset "utf-8";
/* CSS Document */

/*-------*/
.editor-ai-banner{background: url(../images/vp-img/ai-banner-bg1.jpg) no-repeat center/cover;overflow: hidden;}
.editor-ai-banner-wrap{width: 1200px;margin: 0 auto;/* display: flex; */position: relative;/* padding: 0 0 1px; */padding-bottom: 30px;}
.editor-ai-banner-text{padding:0 0 0 25px;width: 620px;}
.editor-ai-banner-title{font-size: 37px;color: #ffdb75;line-height: 1;}
.editor-ai-banner-subtitle{font-size: 25px;color: #fff;font-weight: normal;padding: 50px 0 10px;display: flex;align-items: center;gap: 5px;}
.editor-ai-banner-list{color: #f3f7ff;padding: 20px 0 0;}
.editor-ai-banner-list b{font-weight: normal;color: #ffcb53;}
.editor-ai-banner-list li{padding: 4px 0;}
.editor-ai-banner-winx{color: #8cafff;}
.editor-slide-wrap {position: absolute;top: 0;bottom: 0;left: 650px;}
.slide-img {height: 100%;border: 0;display: block;max-width: initial;}
.slide-img1{position:absolute; height:100%;width: calc(var(--pos, .2) * 100%);display: flex;overflow: hidden;}
.slide-img2-banner{width: calc(var(--pos, .3) * 100%);}
.slide-img1>img {height: 100%;flex-shrink: 0;flex-grow: 0;max-width: initial;}
[type=range]{position:absolute;z-index: 2;width:100%;height:100%;background-color:initial;-webkit-appearance:none;appearance:none;cursor:ew-resize;margin: 0;}
::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:0;}
::-moz-range-track{height:100%;}
::-moz-range-thumb{width:0; opacity:0;}
.slide-line{position:absolute; top:0; right:0; bottom:0; left:0; pointer-events:none;}
.slide-line::before{content:'';position:absolute;top:0;bottom:0;left:calc(var(--pos, .2) * 100%);width: 2px;background-color: #fff;}
.slide-line2::before{left:calc(var(--pos, .3) * 100%);}
.slide-line>span{width:51px;height:51px;position:absolute;top:50%;left:calc(var(--pos, .2) * 100%);margin:-25px 0 0 -25px;color: #4678e1;display: flex;justify-content: center;align-items: center;background-color: #fff;border-radius: 50%;}
.slide-line2 >span{left:calc(var(--pos, .3) * 100%);}
.slide-line>span::before,.slide-line>span::after {content: "";display: inline-block;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 9px solid currentColor;}
.slide-line>span::after {border-right: none;border-left: 9px solid currentColor;margin-left: 5px;}
.slide-circle {width: 538px;height: 270px;background: url(../images/vp-img/banner-small-img.png) no-repeat left center;position: absolute;bottom: -20px;right: -100px;z-index: 2;overflow: hidden;}
.slide-circle.active {background-position-x: right;}
.slide-circle-content {width: 235px;margin: 112px 0 0 50px;}
.slide-circle-buttons {display: flex;justify-content: center;width: 100%;height: 35px;background-color: rgba(0,0,0,0.8);border-radius: 18px;overflow: hidden;margin-bottom: 16px;}
.slide-circle-buttons li {width: 50%;border-radius: 18px;font-size: 14px;color: #fff;line-height: 1em;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.slide-circle-buttons li.active {background-color: #fff;color: #4678e1;font-size: 15px;}
.slide-circle-lists {display: flex;}
.slide-circle-lists li {flex-shrink: 0;}
.slide-circle-lists li span,.slide-circle-lists li i,.slide-circle-lists li b {display: block;margin-bottom: 10px;}
.slide-circle-lists li i {height: 10px;border-bottom: 1px dotted #a3a9b8;margin-bottom: 16px;}
.slide-circle-lists li b {width: 14px;height: 14px;border: 1px solid #fff;border-radius: 50%;margin: 1px 0 11px;}
.slide-circle-lists.active li b {background-color: #5ae986;border-color: #5ae986;}
.slide-circle-lists.active li b::after {content: "";display: block;width: 4px;height: 8px;border-right: 1px solid #2955b9;border-bottom: 1px solid #2955b9;transform: rotate(45deg);margin: 2px 0 0 5px;}
.slide-circle-lists li:nth-child(1) {font-size: 15px;color: #fff;line-height: 1em;white-space: nowrap;}
.slide-circle-lists li:nth-child(2) {width: 200px;margin: 0 8px;flex-shrink: 1;}
.editor-ai-banner-btn-x{display:flex;padding-top:20px;align-items: flex-start; text-align: center;}
.editor-ai-banner-btn-x p{font-size: 15px; padding-top: 3px; color: #f3f7ff;}
.editor-ai-banner-btn-x > div:nth-child(1){ margin-right: 20px;}
.editor-ai-banner-down, .editor-ai-banner-more{display:inline-block;padding:13px;font-size: 21px;text-decoration: none; border-radius:8px; border:1px solid #F3FAFF; min-width:240px; box-sizing:border-box; text-align:center;text-decoration: none;}
.editor-ai-banner-down{background-color:#16B3FC;color:#fff;/* font-weight:700; */border-color:#16B3FC;}
.editor-ai-banner-more{background-color:#F3FAFF;color:#717171;}
.editor-ai-banner-down:after, .editor-ai-banner-more:after{content:''; display:inline-block; margin-left:11px; height:17px;}
.editor-ai-banner-down:after{background:url(../images/vp-seo/down-win-mac.png) no-repeat center; width:42px;}
.editor-ai-banner-more:after{background:url(../images/vp-img/more-icon.png) no-repeat center; width:18px; height: 14px;}
.editor-ai-banner-down:hover, .editor-ai-banner-more:hover{text-decoration:none;}
.editor-ai-banner-down.win-btn::after{vertical-align:top; width: 18px;height: 20px; margin-top: 3px; background-image: url("../images/vp-img/win-nineteen.png"); background-size: 18px 20px;}
.editor-ai-banner-down.mac-btn::after{vertical-align:top; width: 20px;height: 21px;background-image: url("../images/vp-img/mac-nineteen.png"); background-size: 20px 21px;}
.editor-ai-banner-down-tip-box{position: relative;}
.editor-ai-banner-down-tip-box .down-tip-mess{display: none;position: absolute;left: 0;bottom: 100%;background: #a3a9b8;margin-bottom: 10px; background-color: #fff; border: 1px solid #dedfe3; border-radius: 5px; color: #595959; line-height: 1.2; padding: 5px 0;font-size: 15px;}
.editor-ai-banner-down-tip-box .down-tip-mess::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; width: 10px; height: 10px; margin: 0 auto; border-right: 1px solid #dedfe3; border-bottom: 1px solid #dedfe3; background-color: #fff; transform: translateY(-45%) rotate(45deg);}
.editor-ai-banner-down-tip-box a:hover + .down-tip-mess{display: block;}
/*-------*/
.editor-ai-banner2{background: url(../images/vp-img/ai-banner-bg2.jpg)no-repeat center/cover;overflow: hidden;color: #000;}
.editor-ai-banner2 .editor-ai-banner-wrap{padding-bottom: 50px;}
.editor-ai-banner2-text{width: 670px;}
.editor-ai-banner2-subtitle{font-size: 47px;padding: 70px 0 20px;}
.editor-ai-banner2-subtitle .ai-icon{position: relative;bottom: -10px;}
.editor-ai-banner2-title{font-size: 29px;line-height: 1;}
.editor-ai-banner2-list{display: flex;justify-content: space-around;padding: 40px 0 30px;}
.editor-ai-banner2-list li a{color:#000;text-decoration: none;display: inline-block;width: 105px;text-align: center;}
.editor-ai-banner2-list li a::before{content: "";width: 85px; margin: 0 auto; height: 61px; margin-bottom: 7px; display: block; background: url(../images/vp-img/more-ai-icons.png) no-repeat -170px top; transition: all 0.2s;}
.editor-ai-banner2-list li:nth-child(2) a::before { background-position-x: -355px; }
.editor-ai-banner2-list li:nth-child(3) a::before { background-position-x: -537px; }
.editor-ai-banner2-list li:nth-child(4) a::before { background-position-x: -715px; }
.editor-ai-banner2-list li a:hover{color: #0f9bff;}
.editor-ai-banner2-list li a:hover::before{transform: scale(1.1);}
.editor-ai-banner2-list li a span{color: #ff4444;padding-right: 5px;}
.editor-ai-banner2-btn-x{display:flex;padding-top:20px;align-items: flex-start;text-align: center;justify-content: center;gap: 40px;}
.editor-ai-banner-btn-x p{font-size: 15px; padding-top: 3px; color: #f3f7ff;}
.editor-ai-banner2-down, .editor-ai-banner2-more{display:inline-block;padding:13px;font-size: 23px;border-radius:8px;border: 1px solid #706459;min-width:240px;box-sizing: border-box;text-align:center;text-decoration: none;}
.editor-ai-banner2-down{background-color: #6fce52;color:#fff;/* font-weight:700; */border-color: #6fce52;}
.editor-ai-banner2-more{background-color: transparent;color: #706459;}
.editor-ai-banner2-down:after, .editor-ai-banner2-more:after{content:''; display:inline-block; margin-left:11px; height:17px;}
.editor-ai-banner2-down:after{background:url(../images/vp-seo/down-win-mac.png) no-repeat center; width:42px;}
.editor-ai-banner2-more:after{background:url(../images/vp-img/more-icon.png) no-repeat center; width:18px; height: 14px;}
.editor-ai-banner2-down:hover, .editor-ai-banner2-more:hover{text-decoration:none;}
.editor-ai-banner2-down::after{vertical-align:top;width: 12px;height: 24px;margin-top: 3px;background-image: url("../images/vp-img/downlod-write.png");/* background-size: 18px 20px; */}
.editor-slide-wrap2{left: 690px;}
.slide-line2 span{color: #ffae21;}
.slide-circle2{background:url(../images/vp-img/banner2-small-img.png);width: 508px;height: 314px;}
.slide-circle-content2{width: 280px;padding:0 5px 0 20px;box-sizing: border-box;line-height:48px;background:rgba(0,0,0,0.4);border-radius: 25px;margin: 135px 0 0 30px;display: flex;align-items: center;justify-content: space-between;}
.slide-circle-content2 span{font-size: 30px;color: #ff4444;} 
.slide-circle-content2 span var{font-size: 26px;font-style: normal;color: #fff;}
.slide-circle-buttons2{display: inline-flex;justify-content: center;width: 72px;box-sizing: border-box;padding:0 5px 0 7px; height: 39px;background-color: #60c348;border-radius: 20px;overflow: hidden;align-items: center;color: #fff;gap: 8px;position: relative;cursor: pointer;font-size: 15px;}
.slide-circle-buttons2::after{content: "";display: inline-block;position: absolute;left: 5px;top: 5px;background:#fff;border-radius: 14px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.24);width: 28px;height: 28px;transition: left 0.2s;}
.slide-circle-buttons2.active::after{left: 38px;}
/*-------*/
.editor-ai-banner3-text{width: 690px;}
.editor-ai-banner3-title{font-size: 37px;line-height: 1.1;}
.editor-ai-banner3-subtitle{padding: 50px 0 10px;font-size: 25px;font-weight: normal;}
.editor-slide-wrap3{left: 700px;}
.editor-ai-banner3-list {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 10px auto 0;text-align: center;align-items: center;}
.banner3-list {/* margin: 16px 7px 0; */font-size: 16px;color: #333;position: relative;/* z-index: 1; */}
.banner3-list::before {content: "";display: block;width: 43px;margin: 0 auto;height: 38px;margin-bottom: 4px;background: url(../images/vp-img/main-tool-icons.png) no-repeat -183px -10px/auto 63px;transition: all 0.2s;}
.editor-ai-banner3-list a{text-decoration: none;}
.editor-ai-banner3-list a:hover span::before{transform: scale(1.1);}
.editor-ai-banner3-list a:nth-child(1) span::before{margin-top: 3px;}
.editor-ai-banner3-list a:nth-child(2) span::before {background-position-x: -66px;width: 37px; height: 33px;margin-top: 4px;margin-bottom:8px;}
.editor-ai-banner3-list a:nth-child(3) span::before {background-position-x: -10px;width: 36px; height: 37px;margin-top: 2px;margin-bottom:6px;}
.editor-ai-banner3-list a:nth-child(5) span::before {background-position-x: -309px; width: 49px; height: 31px;margin-top: 5px;margin-bottom:9px;}
.editor-ai-banner3-list a:nth-child(6) span::before {background-position-x: -246px;width: 43px;height: 32px;margin-top: 5px;margin-bottom: 7px;}
.editor-ai-banner3-list a:nth-child(7) span::before {width: 44px;height: 42px; background: url(../video-converting-software/images/feature-ai-super-resolution/main01-icon8.png) no-repeat;}
/* .banner3-list:hover::before {transform: scale(1.2);} */
.editor-ai-banner3-list .ai-tool>img{margin: 0 -120px 0;max-width: initial;}
/* ------------------ */



@media (max-width: 1550px) {

	
}
@media (max-width: 1000px) {
	
	.editor-ai-banner-wrap{width: 98%;}
	/* -------------- */
	.editor-slide-wrap{display:none;}
	.editor-ai-banner-text{width: auto;}
	/* -------------- */
}
@media (max-width: 979px) {
	
	
}

@media (max-width: 767px) {
	/*-------*/
	.editor-ai-banner-text{width: auto;padding-left: 5px;}
	.editor-ai-banner-btn-x > div:nth-child(1){margin-right: 5px;}
	.editor-ai-banner-btn-x{flex-wrap: wrap;justify-content: center;}
	.editor-ai-banner-winx{padding-top: 10px}
	/*-------*/
	.editor-ai-banner2-subtitle{font-size: 41px;}
	.editor-ai-banner2-title{font-size: 23px;}
	.editor-ai-banner2-text{width: auto;padding-left: 5px;}
	.editor-ai-banner2-list{padding-left: 0;}
	.editor-ai-banner2-btn-x{flex-wrap: wrap;justify-content: center;gap: 10px;}
	/*-------*/
	.editor-ai-banner3-text{width: auto;}
	.editor-ai-banner3-list{justify-content: center;}
	.editor-ai-banner3-subtitle{}
	.editor-ai-banner3-title{font-size: 29px;}
	/*-------*/


}

@media (max-width: 479px) {

	/*-------*/
	.editor-ai-banner2-subtitle{font-size: 27px;}
	.editor-ai-banner2-subtitle img{width: 45px; height: auto;}
	.editor-ai-banner2-title{font-size: 21px;}
	.editor-ai-banner2-list{flex-wrap: wrap;}
	/*-------*/
	.editor-ai-banner3-list .ai-tool>img{width: 160%; margin: 0 -90px 0;}
	/* ----- */
	

}