:root{--text-color1:#333333;--text-color2:#606060;--background1:#4285F4}body{display:none}p{margin:0;padding:0}.font-size18{font-size:18px;line-height:30px}.font-size24{font-size:24px}.font-size36{font-size:36px}.page1{background:#3f3e7a;overflow:hidden;color:#fff}.page1>.container{display:flex;flex-direction:row}.page1 .container>div{flex:1}.page1-right{margin:219px 0 171px 40px;text-align:center;position:relative}.page1-right .page1-circle{position:absolute;width:100%;height:100%;z-index:1}.page1-right .page1-circle span{border-radius:50%;display:inline-block;position:absolute}.page1-right .page1-circle span:nth-child(1){width:298px;height:298px;background:#867cc5;left:-33px;bottom:-98px}.page1-right .page1-circle span:nth-child(2){width:330px;height:330px;background:#8acfcb;left:113px;top:-130px}.page1-right .page1-circle span:nth-child(3){width:526px;height:526px;background:#628aaf;left:261px;bottom:-166px}.page1-right>img{width:100%;height:100%;position:relative;z-index:2}.font-fsw{font-family:Roboto;font-style:normal;font-weight:400}.main-title{font-size:40px;color:#fff;margin:121px 0 30px 0}.star-color i{color:#fbb03b}.reviews{font-size:20px;color:#4285f4;margin-left:10px;text-decoration:none}.introduce-text{color:#fff;margin:50px 0}.nav-bar{height:70px;background:#ecf3fe;text-align:center;margin-top:60px}.nav-bar ul{list-style:none;display:flex;flex-direction:row;justify-content:center;align-items:center}.nav-bar ul li{height:70px;padding:27px 20px;position:relative}.nav-bar ul li a{color:var(--text-color2);text-decoration:none}.nav-bar ul li::after{height:5px;width:50%;position:absolute;background:var(--background1);left:50%;transform:translateX(-50%);bottom:-5px}.nav-bar ul .target-step a,.nav-bar ul li:hover a{color:#4285f4}.nav-bar ul .target-step::after,.nav-bar ul li:hover::after{content:""}.page-flex{margin-top:140px;display:flex;flex-direction:row}section>.page-flex{margin-top:0}.page-flex>div{flex:1}.page-text{display:flex;justify-content:center;align-items:center;flex-direction:column}.page-text .sub_title{color:#fff;margin-top:50px;margin-bottom:30px}.page-text p{color:#fff}section.page-flex>.page-text .sub_title{color:var(--text-color1);margin-top:63px;margin-bottom:40px}section.page-flex>.page-text p{color:var(--text-color2)}.page-picture{margin-left:70px;display:flex;justify-content:flex-end;align-items:center}.page-picture.picture-before{margin-left:0;margin-right:100px;justify-content:flex-start}.page-picture>img{width:100%}.page3{margin-top:100px;display:flex;flex-direction:row;justify-content:center}.page3>div:first-of-type{height:100%;margin-top:17px}.page3 h2{max-width:260px;text-align:center;margin:0 0 20px 0}.step-diagram{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px;flex-shrink:1}.step-diagram>.diagram{position:relative;overflow:hidden}.step-diagram>.diagram>img{position:absolute;width:100%;height:100%;opacity:0}.step-diagram>.diagram>img.target-step{opacity:1;position:static;animation:target-step .6s ease-out forwards}.diagram-spot{text-align:center;margin:0 0 15px 0}.step-description{list-style:none;display:flex;flex-direction:column;justify-content:start;padding:0;margin:0 25px 0 0}.step-description>li{width:260px;height:100px;padding:20px;text-align:start;border-radius:10px;background:#f3f3f3;margin:10px 0 0 0}.step-description>li:first-of-type{margin-top:0;margin-left:0}.step-description .target-step,.step-description>li:hover{background:#4285f4}.step-description .target-step h3,.step-description .target-step p,.step-description>li:hover h3,.step-description>li:hover p{color:#fff}.step-description h3{margin:0 0 10px 0;color:var(--text-color1);font-size:20px}.step-description p{font-size:16px;color:var(--text-color2)}@keyframes target-step{0%{transform:scale(.8) translateX(var(--left-w))}100%{transform:scale(1) translateX(0)}}.spot-t{text-align:center;margin:0 0 20px 0;display:none}.spot{width:50px;height:10px;display:inline-block;background:#f2f2f2;border-radius:5px;margin-right:5px}.spot:last-of-type{margin-right:0}.spot.target-step{background:var(--background1)}.page2{margin-top:120px;text-align:center}.page2 h2{margin-bottom:20px}.page2>p{max-width:700px;display:inline-block}.function-list1{list-style:none;margin:80px 0 0 0;padding:0;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;align-content:start}.function-list1 li{width:270px;display:inline-block;text-align:center;margin:0 0 80px 0;margin-bottom:80px}.function-list1 li:hover img{transition:all .3s;transform:scale(1.2)}.function-list1 li>h3{margin:20px 0 10px 0;word-break:break-all;color:var(--text-color1)}.function-list1 li>p{color:var(--text-color2)}.page-flex1{margin-top:20px;background:#6b62d3;padding:110px 0}.page-flex2{margin-top:140px;background:#0b9bae;padding:140px 0 117px 0}.page-flex2 ul{color:#fff}.page-flex2 ul li:last-of-type{margin-top:20px}.page-flex3{background:#304aa5;margin-top:125px;padding:136px 0 120px 0}.page4{background:#3f57ab;margin-top:120px;position:relative;text-align:center;padding:140px 0 114px 0;overflow:hidden}.page4 h2{color:#fff;margin:0 0 60px 0;position:relative;z-index:2}.page4-circle{width:100%;height:100%;position:absolute;left:0;top:0}.page4-circle span{position:absolute;border-radius:50%}.page4-circle span:nth-child(1){width:316px;height:316px;background:#867cc5;left:20vw;bottom:0}.page4-circle span:nth-child(2){width:526px;height:526px;background:#6c8cdc;left:50vw;top:50px}.arrow-left{width:46px;height:46px;display:inline-block;border-radius:50%;background:#fff;position:relative;opacity:.7}.arrow-left::after{content:'';width:100%;height:100%;display:inline-block;background:url(/imgs/product/video-converter/left-arrow.svg) no-repeat center}.arrow-right{width:46px;height:46px;display:inline-block;border-radius:50%;background:#fff;position:relative;opacity:.7}.arrow-right::after{content:'';width:100%;height:100%;display:inline-block;background:url(/imgs/product/video-converter/left-arrow.svg) no-repeat center;transform:rotate(180deg)}.arrow-left:hover,.arrow-right:hover{opacity:1}.evaluate-container{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;z-index:2}.evaluate-container>div{width:100%;flex-shrink:1;text-align:center}.evaluate-container .evaluate{list-style:none;padding:0;margin:0;flex-shrink:1;display:block;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;overflow:-moz-scrollbars-none;scroll-snap-type:x mandatory;border-radius:22px}.evaluate-container .evaluate::-webkit-scrollbar{width:0!important}.evaluate-container .evaluate li{width:100%;padding:60px 53px;background:#fff;text-align:center;border-radius:22px;position:relative;display:inline-block;white-space:normal;margin-bottom:84px;scroll-snap-align:start}.evaluate li>div:first-of-type{position:relative;z-index:2}.evaluate-fillet{width:140px;height:200px;position:absolute;left:50%;bottom:-84px;transform:translateX(-50%);background:#fff;border-radius:70px/100px;z-index:1}.evaluate-fillet>img{position:absolute;left:50%;bottom:20px;transform:translateX(-50%)}.evaluate-fillet::after{content:"";width:50px;height:40px;position:absolute;bottom:45px;left:-39px;color:transparent;background-image:radial-gradient(150px at 1px 50px,transparent 50px,#fff 50px)}.evaluate-fillet::before{content:"";width:50px;height:40px;position:absolute;bottom:45px;right:-38px;color:transparent;background-image:radial-gradient(150px at 49px 50px,transparent 50px,#fff 50px)}.evaluate-spot{text-align:center;display:none}.evaluate-spot span{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.3;margin-left:5px;display:inline-block}.evaluate-spot span.target-step{opacity:1}.evaluate li h3{font-size:16px;margin-top:30px}.productOSColumn{margin:50px 0 30px 0}.productOSColumn p{color:#fff;font-size:20px}@media (max-width:768px){.font-size18{font-size:14px}.font-size24{font-size:18px}.font-size36{font-size:24px}.page1-left{text-align:center}.main-title{font-size:36px;margin-top:73px;margin-bottom:20px}.introduce-text{margin:30px 0}.page3{display:block}.page3 h2{max-width:none;width:100%;margin-bottom:35px}.diagram-spot{margin:30px 0}.page2{margin-top:80px;text-align:start}.page2 h2{margin:0 0 30px 0}.function-list1{margin-top:50px;justify-content:center}.function-list1 li{width:100%;display:flex;align-items:center;margin:0 0 40px 0}.function-list1 li>div{margin-left:20px}.page-flex{margin-top:80px;flex-direction:column-reverse;text-align:center}section.page-flex>.page-text .sub_title{margin-top:0;margin-bottom:30px}section.page-flex>.page-text{margin-bottom:40px}.page-text{text-align:start}.page-text .sub_title{width:100%}.page-picture,.page-picture.picture-before{margin:0;align-items:center;justify-content:center}.page-flex1{margin-top:40px;padding:80px 0 70px 0}.page-flex2{margin-top:80px;padding:80px 0 70px 0}.page-flex3{margin-top:80px;padding:80px 0 70px 0}.step-diagram{margin:0}.step-description::-webkit-scrollbar{display:none}.step-description{padding:0;margin:0;display:block;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;width:100%;scroll-snap-type:x mandatory;-ms-overflow-style:none;overflow:-moz-scrollbars-none}.step-description>li{width:260px;height:100px;display:inline-block;margin:0 0 0 10px;scroll-snap-align:center}.page4{margin-top:80px;padding:80px 0 70px 0}.page4 h2{margin:0 0 40px 0}.evaluate-container{flex-direction:column;justify-content:center}.evaluate-container>div,.page4-circle{display:none}.evaluate-container .evaluate{width:100%}.evaluate-container .evaluate li{padding:45px 19px 37px 19px}.evaluate-container>.evaluate-spot{display:block}}@media (max-width:992px){.page1>.container{flex-direction:column}.page1 .container>div{flex:none}.page1-right{text-align:center;margin:70px 0 60px 0}.step-diagram>.diagram{height:100%;width:100%}}@media (max-width:1200px){.page1-right .page1-circle span:nth-child(1){transform:scale(.8)}.page1-right .page1-circle span:nth-child(2){transform:scale(.8)}.page1-right .page1-circle span:nth-child(3){transform:scale(.7)}}@media (max-width:992px){.page1-right .page1-circle span:nth-child(1){transform:scale(.4);left:-100px;bottom:-110px}.page1-right .page1-circle span:nth-child(2){transform:scale(.4);left:10px;top:-150px}.page1-right .page1-circle span:nth-child(3){transform:scale(.4);left:-50px;bottom:-230px}}@media (max-width:768px){.page1-right .page1-circle span:nth-child(1){transform:scale(1);width:25vw;height:25vw;left:-10vw;bottom:3vw}.page1-right .page1-circle span:nth-child(2){transform:scale(1);width:30vw;height:30vw;left:20vw;top:-6vw}.page1-right .page1-circle span:nth-child(3){transform:scale(1);width:40vw;height:40vw;left:unset;right:-5vw;bottom:0}}