@charset "utf-8";

body{color:#333; min-width:1200px;}
a{color:inherit; text-decoration:none;}
img{max-width:100%;}
ol, ul{list-style:none;}
.details {width:1200px;margin: 0 auto;}

.main01 {padding: 46px 0 0;margin-bottom: 10px;background: #fbfcf7 url(../images/feature-quick-video-editing-new/bg1.jpg) no-repeat center top/100% auto;text-align: center;}
h1 {font-size: 35px;color: #000;line-height: 1.1em;font-weight: 600;}
h1>b {color: #ffb053;}
.main01-p {font-size: 17px;color: #504f4f;line-height: 1.5em;padding: 25px 0 30px;}
.new-down-buy{display:flex;justify-content:center;align-items:flex-start;flex-wrap: wrap;gap:30px;text-align: center;}
.new-down-buy .down-button a.new-down{display:inline-block;background:#16b4fd;border-radius:10px;color:#ffffff;font-size:21px;margin-bottom:6px;box-sizing: border-box;padding: 0 20px;min-width:270px;height:60px;line-height:60px;}
.new-down-buy .down-button a.new-down:hover{background:#57c9fd;}
.new-down-buy .buy-button a.new-buy:hover{background:#ffc21b;}
.new-down-buy .buy-button a.new-buy{display:inline-block;background:#fca033;border-radius:10px;color:#ffffff;font-size:21px;margin-bottom:6px;box-sizing: border-box;padding: 0 20px;min-width:270px;height:60px;line-height:60px;}
.new-down-buy a img{margin-left:10px;vertical-align:text-bottom;}
.download-button {text-align: center;}
.download-button .button-wrap{margin-bottom:10px;}
.download-button .button-wrap a{display:inline-block;padding:20px 25px;background:#16b4fd;border-radius:10px;color:#ffffff;font-size:19px;}
.download-button .button-wrap a:hover{background:#57c9fd;}
.download-button .win-plat .button-wrap a img{vertical-align:text-bottom;margin-left:20px;}
.download-button .mac-plat .button-wrap a img{vertical-align:text-top;margin-left:20px;}
.more-wrap a{font-size:15px;line-height:1.5;}
.more-wrap a:hover{text-decoration:underline;}
.mark-wrap{color:#666;line-height:19px;}
.mark-content {display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url(../../images/buy-new/mark-icon.png) no-repeat;position: relative;}
.mark-info {display: none;width: 250px;padding: 5px 10px;background-color: #fff;border: 1px solid #dedfe3;border-radius: 10px;font-size: 12px;line-height: 16px;color: #595959;position: absolute;bottom: 150%;left: -20px;text-align: justify;}
.mark-info::after {content: "";width: 12px;height: 12px;border-right: 1px solid #dedfe3;border-bottom: 1px solid #dedfe3;background-color: #fff;transform: rotate(45deg);position: absolute;bottom: -7px;left: 22px;}
.mark-content:hover .mark-info {display: block;}
.ytbpopup-container {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 100;}
.ytbpopup-content {width: 800px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ytbpopup-content::before {content: "";display: block;padding-bottom: 56.25%;}
.ytbpopup-content>iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.cancel-ytbpopup {font-size: 30px;color: #fff;position: absolute;top: -30px;right: -30px;cursor: pointer;}
.mian01-feature .icons-feature {display: flex;justify-content: center;align-items: baseline;color: #1d1d1f;font-size: 15px;margin: 30px 0;}
.mian01-feature .icons-feature a { margin: 0 25px; display: block;}
.mian01-feature .icons-feature .specialz { color: #fb9e2e; font-size: 17px; position: relative; z-index: 0; margin: 0 25px;} 
.mian01-feature .icons-feature .specialz .specialz-wrap {background-color: #fcfbf7;padding: 13px 16px 6px;border: 2px solid #fb9c29;border-radius: 10px;}
.mian01-feature .icons-feature .specialz img {position: relative;left: -3px;padding-top: 0;} 
.mian01-feature .icons-feature img {margin-bottom: 5px;padding-top: 5px;}
.mian01-feature .icons-feature a img {transition: all 0.2s;}
.mian01-feature .icons-feature a:hover img {transform: scale(1.2);}
.main01-img {position: relative;}
.main01-img>img {display: block;width: 100%;}
.img-words {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.img-words>li {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.words1 {margin: -14% 0 0 -22.3%;}
.words2 {margin: -14% 0 0 29.6%;}
.words3 {margin: -3.8% 0 0 -27.4%;}
.words4 {margin: -4.1% 0 0 25%;}
.words5 {margin: 6.2% 0 0 14%;}
.words6 {margin: 14.6% 0 0 7.2%;}
.img-words li span {display: block;height: 33px;line-height: 0.8em;padding: 5px 15px 0px;background-color: rgba(0,0,0,0.5);border-radius: 5px;font-size: 25px;color: #fff;text-decoration: underline;text-underline-offset: 6px;}
li.words1>span {background-color: transparent;}
.words5>span {font-size: 17px;}
.words5>span sup {font-size: 11px;color: #fca033;line-height: 11px;}
li.words6>span {background-color: transparent;text-decoration: none;font-size: 17px;}
.words6>span i {display: inline-block;vertical-align: middle;width: 30px;}
.img-words-popup {display: none;width: 426px;box-sizing: border-box;padding: 13px 18px;text-align: left;font-size: 17px;color: #303030;line-height: 1.5em;background-color: #ffe094;border-radius: 10px;position: absolute;bottom: 150%;left: -15px;}
.img-words li span:hover+.img-words-popup {display: block;}
.img-words-popup::after {content: "";border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 8px solid #ffe094;position: absolute;bottom: -14px;left: 38px;}
.ytb-popup {width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0;display: none;}
.ytb-wrap {width: 800px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #000;}
.ytb-wrap::before {content: "";display: block;padding-top: 56.25%;}
.cancel-popup {width: 30px;height: 30px;font-size: 30px;line-height: 20px;cursor: pointer;color: #fff;position: absolute;top: -40px;right: 10px;}
.ytb-wrap iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.main-h2 {font-size: 35px;text-align: center;line-height: 1.1em;font-weight: 600;}
.main-h2>span {color: #fb9c29;}
.main02 {background: linear-gradient(#f4efe9, #f5f1eb);padding: 72px 0 0;}
.main02 .details {width: 1370px;}
.main02-con {margin-top: 55px;display: flex;justify-content: space-between;}
.main02-con>li {width: 120px;height: 579px;box-sizing: border-box;padding: 50px 16px 20px;border-radius: 12px;background-size: cover;background-position: right center;cursor: pointer;transition: all 0.6s;}
.main02-con>li.active {width: 984px;padding: 50px 530px 20px 70px;}
.main02-con>li:nth-child(1) {background-image: url(../images/feature-quick-video-editing-new/main02-bg1.jpg);}
.main02-con>li:nth-child(2) {background-image: url(../images/feature-quick-video-editing-new/main02-bg2.jpg);}
.main02-con>li:nth-child(3) {background-image: url(../images/feature-quick-video-editing-new/main02-bg3.jpg);}
.main02-con>li:nth-child(4) {background-image: url(../images/feature-quick-video-editing-new/main02-bg4.jpg);}
.main02-con h3 {font-size: 50px;color: #212120;line-height: 1em;}
.main02-con h3 span {visibility: hidden;opacity: 0;transition: inherit;transition-delay: 0.2s;}
.main02-con>li.active h3 span {visibility: visible;opacity: 1;}
.main02-con .title-icon {margin-right: 20px;width: 84px;height: 84px;border-radius: 50%;background-color: rgba(86,72,56,0.6);display: inline-flex;justify-content: center;align-items: center;}
.main02-con p {display: none;max-height: 250px;overflow: hidden;font-size: 29px;color: #6b5036;line-height: 1.6em;margin: 24px 0 44px;}
.main02-con>li.active p {display: block;}
.main02-con .icons-wrap {visibility: hidden;padding-left: 13px;}
.main02-con>li.active .icons-wrap {visibility: visible;}

.DivMain03{padding: 110px 0 100px;background: url(../images/feature-quick-video-editing-new/bg3.jpg) no-repeat center bottom, linear-gradient(#f5f1eb, #F3F3F3);}
.DivMain03 .Details {width: 1600px;position: relative;}
.main03-p {width: 430px;font-size: 19px;color: #333;line-height: 25px;position: absolute;top: 80px;right: 200px;}
.main03-effect-container {position: relative;z-index: 0;margin-top: 50px;}
.main03-img-container {position: absolute;top: 80px;left: 685px;z-index: 5;transition: all 0.3s;user-select: none;transform: translateY(0px) translateZ(1px);}
.main03-img-container2 {top: 110px;left: 765px;}
.main03-img-container3 {top: 160px;left: 845px;}
.main03-img-container4 {top: 193px;left: 940px;}
.main03-img-container5 {top: 238px;left: 1030px;}
.main03-img-container6 {top: 288px;left: 1130px;}
.emit-effect {font-size: 17px;line-height: 19px;padding-bottom: 2px;border-bottom: 1px dashed #000;color: #5e5e5e;position: absolute;left: 830px;top: 75px;z-index: 5;user-select: none;transform: translateZ(1px);}
.emit-effect::after {content: "";width: 30px;height: 15px;background: url(../images/index/effect-arrow.svg) no-repeat center/100% 100%;position: absolute;bottom: -25px;left: 0;}
.emit-effect2 {top: 108px;left: 930px;}
.emit-effect3 {top: 154px;left: 1020px;}
.emit-effect4 {top: 205px;left: 1135px;}
.emit-effect5 {top: 257px;left: 1260px;}
.main03-ba-lists{display:inline-block; position:relative;}
.before-after-line {height: 100%;width: 300px;position: absolute;top: 0;left: 50%;margin-left: -161px;display: flex;justify-content: center;align-items: flex-start;}
.before-after-line .the-line {display: block;width: 10px;height: 100%;margin: 0 12px;}
.before-after-line .the-line::before {content: "";display: block;width: 1px;height: 100%;background: #fff;margin-left: 4.5px;}
.before-after-line b {width: 145px;font-size: 19px;color: #fff;line-height: 19px;cursor: default;margin-top: 15px;text-align: right;}
.before-after-line b:last-child {text-align: left;}
.color-box {width: 360px;position: absolute;top: 405px;left: 575px;border-radius: 10px;overflow: hidden;}
.color-box-title {font-size: 17px;color: #fff;line-height: 30px;padding-left: 35px;background-color: rgba(67,57,46,0.9);}
.color-lists {padding: 10px 0 15px 35px;background-color: rgba(78,66,53,0.9);color: #fff;}
.color-item {padding-bottom: 6px;display: flex;align-items: center;font-size: 15px;line-height: 15px;}
.color-text {width: 80px;}
.color-line {width: 156px;height: 2px;background-color: #777466;margin-right: 12px;}
.color-progress-line {display: block;width: 96px;height: 100%;background: linear-gradient(90deg,#b25b0e,#cbb263);position: relative;}
.color-progress-line::before {content: "";width: 8px;height: 8px;background-color: #fff;border-radius: 50%;position: absolute;top: 50%;right: -4px;margin-top: -4px;}
.color-item2 .color-progress-line {width: 100%;}
.color-item3 .color-progress-line {width: 110px;}
.color-item4 .color-progress-line {width: 50px;}
.color-item5 .color-progress-line {width: 110px;}

.main04 {padding: 95px 0 50px;margin-bottom: 10px;background-color: #faf9f6;}
.main04-icons {padding-top: 36px;display: flex;justify-content: center;flex-wrap: wrap;}
.main04-icons>li {width: 33.33%;box-sizing: border-box;padding: 50px 60px 46px;color: #272727;border-radius: 20px;text-align: center;cursor: pointer;}
.main04-icons li:hover {background-color: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.05);}
.main04-icons .icon-wrap {width: 78px;height: 78px;background-color: #fff;border-radius: 12px;margin: 0 auto;position:relative;}
.main04-icons li:hover .icon-wrap {background-color: #ffc96b;}
.main04-icons .icon-wrap>img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.main04-icons .icon-wrap>img:last-child {z-index: -1;opacity: 0;}
.main04-icons li:hover .icon-wrap>img:first-child {z-index: -1;opacity: 0;}
.main04-icons li:hover .icon-wrap>img:last-child {z-index: 1;opacity: 1;}
.main04-icons h3 {font-size: 23px;font-weight: 600;line-height: 1em;margin: 25px 0 20px;}
.main04-icons p {font-size: 17px;line-height: 1.8em;}

.main05 {padding: 80px 0 70px;background-color: #fafafa;}
.main05-toggle {padding: 44px 25px 0;display: flex;justify-content: space-between;border-bottom: 1px solid #d2d2d2;}
.main05-toggle>li {width: 335px;box-sizing: border-box;padding: 0 0 18px 17px;position: relative;cursor: pointer;}
.main05-toggle>li::after {display: none;content: "";width: 100%;height: 4px;background-color: #ffab1b;position: absolute;bottom: -1px;left: 0;}
.main05-toggle>li.active::after {display: block;}
.main05-toggle h3 {font-size: 21px;color: #2b2b2b;line-height: 1.1em;padding-bottom: 10px;}
.main05-toggle p {font-size: 17px;color: #202020;line-height: 1.5em;}
.main05-imgs {padding: 40px 0 20px;}
.main05-imgs>li {display: none;text-align: center;}
.main05-imgs>li.active {display: block;}
.main05-button-top {font-size: 17px;color: #4e4f57;line-height: 1.1em;text-align: center;margin-bottom: 15px;}
.main05-button-top a:hover {text-decoration: underline;}


.main10{background:url("../images/feature-ai-image-upscaler/main10-bg.jpg") no-repeat center #b1e1e2;background-size:cover;padding:40px 0;}
.main10-flex{display:flex;justify-content:space-between;align-items:center;}
.main10-flex .flex-content{flex:1;padding-left:50px;}
.main10-flex h3{font-size:37px;font-weight:700;line-height:1.5;color:#1f1f1f;}
.main10-flex h3 span{color:#ff9e2c;}
.main10-flex .suhead{color:#179bfd;font-size:23px;line-height:1.5;margin-bottom:15px;white-space:nowrap;}
.main10-down{display:flex;justify-content:flex-start;align-items:flex-start;gap:25px;padding-top:10px;}
.main10-down .down-wrap a{display:block;background:#179bfd;color:#ffffff;font-size:21px;line-height:1.4;padding:10px 30px;border-radius:5px;}
.main10-down .down-wrap a:hover{background:#12bcff;}
.main10-down .down-wrap img{margin-right:10px;vertical-align:text-top;}
.main10-down .more-wrap a{display:inline-block;color:#ffffff;border:1px solid #ffffff;font-size:21px;line-height:1.3;padding:10px 30px;border-radius:5px;}
.main10-down .more-wrap a:hover{color:#179BFD;border:1px solid #179BFD;background:#ffffff;text-decoration:none;}
.mark-wrap {color:#666;line-height:19px;margin-top: 5px;}
.mark-content {display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url(../../images/buy-new/mark-icon.png) no-repeat;position: relative;}
.mark-info {display: none;width: 250px;padding: 5px 10px;background-color: #fff;border: 1px solid #dedfe3;border-radius: 10px;font-size: 12px;line-height: 16px;color: #595959;position: absolute;bottom: calc(100% + 10px);left: -5px;text-align: justify;}
.mark-info::after {content: "";width: 12px;height: 12px;border-right: 1px solid #dedfe3;border-bottom: 1px solid #dedfe3;background-color: #fff;transform: rotate(45deg);position: absolute;bottom: -7px;left: 8px;}
.mark-content:hover .mark-info {display: block;}

/* ````````````````````````````main09````````````````````````````````````````` */
.main09{text-align:center;background:#ffffff;padding:50px 0;}
.main09 p{font-size:17px;color:#504f4f;line-height:1.4;margin-bottom:15px;}
.title-h2{font-size:35px;font-weight:700;color:#000000;line-height:1.5;margin-bottom:10px;}
.title-h2 span{position:relative;display:inline-block;z-index:0;}
.title-h2 span::after{content:'';background:#ffb053;position:absolute;bottom:10px;left:-6px;right:-6px;height:10px;z-index:-1;}
.suhead{font-size:25px;color:#262626;line-height:1.5;margin-bottom:10px;}
.appraise{padding-top:16px;}
.table-wrap{position:relative;display:flex;align-items:center;justify-content:space-around;padding:30px 0;}
.vs-table-box{width:1000px;height:70px;margin:0 auto;position:relative;overflow:hidden;}
.list-appraise{width:100%;height:100%;display:flex;position:relative;z-index:0;}
.list-appraise .item-appraise p{flex:1;padding-left:30px;text-align:left;margin-bottom:0;}
.item-appraise{height:100%;flex:0 0 100%;width:100%;z-index:-1;display:flex;justify-content:center;align-items:center;}
.appraise-arrow{position:absolute;width:40px;height:40px;border-radius:50%;text-align:center;line-height:50px;transform:translateY(-50%);cursor:pointer;border:1px solid #e5e5e5;background-color:#ffffff;}
.table-btn-left{left:0;top:50%;}
.table-btn-right{right:0;top:50%;}
.table-btn-right::before{content:'';display:inline-block;width:10px;height:10px;transform:translate(-50%,-50%) rotate(45deg);position:absolute;right:20%;top:50%;border:2px solid transparent;border-right-color:#b4b4b4;border-top-color:#b4b4b4;}
.table-btn-left::before{content:'';display:inline-block;width:10px;height:10px;transform:translate(-50%,-50%) rotate(45deg);position:absolute;left:60%;top:50%;border:2px solid transparent;border-left-color:#b4b4b4;border-bottom-color:#b4b4b4;}


@media (max-width: 1900px) {
	.img-words li span {background-color: transparent;font-size: 17px;}
}
@media (max-width: 1200px) {

	img{height:auto;}
	body{min-width:100%;}
	/* CSS Document */
	.img-words {position: static;height: auto;display: flex;justify-content: center;flex-wrap: wrap;box-sizing: border-box;padding: 20px 10px;}
	.img-words>li {position: static;width: 24%;box-sizing: border-box;margin: 0 0.5% 5px;padding: 5px;transform: none;border: 1px solid #000;border-radius: 10px;}
	.words6 {display: none;}
	li.words5 {width: 50%;}
	.img-words>li>span{color: #000;text-decoration: none;padding-bottom: 0;height: 25px;}
	li.words5>span {text-decoration: underline;}
	.img-words-popup {display: block;position: static;background-color: transparent;width: 100%;padding: 0;}
	.img-words-popup::after {display: none;}
}

@media (max-width: 979px) {

	.details,.main02 .details,.DivMain03 .Details{width:96%;}
	/* CSS Document */
	.mian01-feature .icons-feature {flex-wrap: wrap;}
	.mian01-feature .icons-feature li {margin: 0 10px;}
	.ytb-wrap {width: 90%;}

	.main02-con {justify-content: center;flex-wrap: wrap;}
	.main02-con>li,.main02-con>li.active {width: 48%;box-sizing: border-box;margin: 0 1% 20px;padding: 20px;height: auto;background: #DAC6AD !important;}
	.main02-con h3 span {visibility: visible;opacity: 1;}
	.main02-con p {display: block;max-height: initial;margin: 25px 0;}
	.main02-con .icons-wrap {visibility: visible;}

    .main03-p {width: 100%;position: static;margin-bottom: 40px;}
    .emit-effect {display: inline-block;position: static;width: 150px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #666;margin: 0 5px 20px;border-radius: 4px;}
    .emit-effect::after {display: none;}
    .main03-img-container {display: none;}
    .color-box,.toggle-ba-img {top: auto;left: auto;bottom: 0;right: 0;}
    .color-box {width: 300px;}
    .color-box-title,.color-lists {padding-left: 10px;}
	/* CSS Document */

	.main04-icons>li {width: 50%;padding: 20px;}

	.main05-toggle {padding: 44px 0 0;}

	.main09 p{font-size:.9375rem;}
	.title-h2{font-size:1.4375rem;}
	.suhead{font-size:1.1875rem;}
	.main10-flex{flex-wrap:wrap;justify-content:space-around;}
	.main10-flex h3{font-size:1.6875rem;}
	.main10-flex .suhead{font-size:1.1875rem;white-space:wrap;}
	.main10-flex .flex-content{padding:30px 0 0;text-align:center;}
	.main10-down{justify-content:center;}
	.main09-flex{flex-wrap:wrap;}
	.main09-flex .flex-content{flex-basis:auto;margin-bottom:20px;}
	.vs-table-box{width:calc(100% - 100px);}
	.vs-table-box{height:auto;}
}

@media (max-width: 767px) {
	.img-words>li {width: 49%;}
	
	.main-h2 {font-size: 27px;}
	.main02-con {text-align: center;}
	.main02-con>li, .main02-con>li.active {padding: 20px 10px;width: 98%;}
	.main02-con h3 {font-size: 27px;}
	.main02-con .title-icon {display: flex;margin: 0 auto 10px;}
	.main02-con p {font-size: 19px;margin: 10px 20px;}

	.main04-icons>li {width: 100%;}

	.main05-toggle h3 {font-size: 17px;}
	.main05-toggle p {font-size: 15px;}

	.main09-media{height:auto;width:100%;max-width:600px;}
	.list-appraise .item-appraise{flex-wrap:wrap;}
	.list-appraise .item-appraise p{padding:10px;}
}

@media (max-width: 479px) {
	h1 {font-size: 29px;}


	.DivMain03{padding-top:40px;}
	.main03-h2{font-size:29px; line-height:1; padding-bottom:30px;}
	/* CSS Document */

	.main09 p{font-size:.875rem}
	.down-button .down-wrap a{font-size:17px;padding:15px 20px;}
	.crumbs{font-size:13px;}
	.title-h1{font-size:1.3125rem;}
	.title-h2{font-size:1.1875rem;}
	.suhead{font-size:1.0625rem;}
	.title-h2 span::after{bottom:5px;}
	.main10-down{flex-wrap:wrap;}
	.main10-flex .suhead{font-size:.9375rem;}
	.main10-flex h3{font-size:1.1875rem;}
	.main10{padding:20px 0;}
	.mian01-feature .icons-feature{zoom:0.45;}
	.mian01-feature .icons-feature div{line-height:1;}
	.mian01-feature .list-wrap .item-list .href-name{font-size:.9375rem;}
	.table-btn-left,.table-btn-right{margin:0 10px;}
}