@charset "UTF-8";

body{font-size:17px; text-align:justify; min-width:1200px;}
a{color:inherit;}
img{max-width:100%; height:auto;vertical-align: middle;display: inline-block;}
.details{width:1200px;box-sizing: border-box;}
/* common */

.db-btn-wrap{display:flex; justify-content:center; text-align:center; flex-flow:wrap;}
.db-btn-con{margin:0 28px;}
.db-btn{display:inline-block; min-width:250px; padding:13px 10px; box-sizing:border-box; font-size:24px; border-radius:4px; transition:box-shadow .3s; color:#fff;}
.db-btn:hover{color:#fff; text-decoration:none; box-shadow:inset 0 999px rgba(0 0 0 / .1);}
.down-btn{background-color:#92CF3F;}
.buy-btn{background-color:#FFAB1B;}
.db-btn-text{font-size:15px; color:#666; margin-top:8px;}
.db-btn::after, .db-btn-txt-tip::before, .m01-st-ai::before, .m01-px-enhance::before{content:''; display:inline-block; background-image:url(../images/ai-index/m01-icons.svg); background-repeat:no-repeat; background-size:63px 152px;}
.db-btn::after{height:22px; vertical-align:-2px; margin-left:18px;}
.down-btn::after{width:19px; background-position:0 -33px;}
.down-btn.mac-plat::after{background-position:0 -130px;}
.down-btn.mobile-plat::after{content:none;}
.buy-btn::after{width:29px; background-position:-34px -33px;}
.db-btn-txt-tip::before{height:11px; width:9px; background-position:0 -60px; margin-right:5px;}
.db-btn-txt-tip-2::before{width:16px; background-position:-40px -60px;}
/* common btn */

[type=range]{position:absolute; width:100%; height:100%; background-color:initial; -webkit-appearance:none; appearance:none; cursor:ew-resize;}
::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:0;}
::-moz-range-track{height:100%;}
::-moz-range-thumb{width:0; opacity:0;}
.compare-line{position:absolute; top:0; bottom:0; left:calc(var(--pos, .5) * 100%); border-width:0 2px; border-style:solid; border-image:linear-gradient(#fff calc(50% - 25px), transparent 0, transparent calc(50% + 25px), #fff 0) 1; pointer-events:none; margin-left:-2px;}
.compare-line::after{content:url(../images/ai-index/drag-icon.png); position:absolute; top:50%; left:50%; margin:-39px 0 0 -39px; line-height:0;}
.m01-pic-compare1.m01-pic-compare1{position:absolute; height:100%; width:calc(var(--pos, .5) * 100%); object-fit:cover; object-position:left;}
/* common img-compare */

.main01{text-align:center;color:#fff;background:url(../images/ai-index/bg1-top.png) no-repeat top / 100%, #0c0d12;position:relative;z-index:0;}
.main01 .details{position:relative; padding-top:60px;}
.m01-flag-wrap{position:absolute; top:20px; right:0;}
.m01-flag-btn{border:1px solid; background-color:initial; border-radius:5px; padding:5px 10px; font-size:15px; color:#888; cursor:pointer;}
.m01-flag-btn img{margin-right:5px;}
.m01-flag-country{border:1px dashed #979798;border-radius: 5px;position:absolute;top:0;left: 0; right:0;background: #515153;display: none;}
.m01-flag-country ul li{list-style: none;line-height: 30px;}
.m01-flag-country ul li a{color: #fff;text-decoration: none;transition: all .3s;display: block; padding: 0 15px;border-radius: 5px;}
.m01-flag-country ul li a:hover{background: #fff;color:#979798;}
/* vcd index style start */
.hint-wrap{background:url(../../hd-video-converter-deluxe/img/hint-bg.jpg) no-repeat 0 / cover, #0E131E; padding:5px 0;}
.hint-text{font-size:17px;}
.hint-text::before{content:''; display:inline-block; width:26px; height:25px; background:url(../../hd-video-converter-deluxe/img/trumpet-icon.png) no-repeat; vertical-align:middle; margin-right:12px;}
.hint-text b{color:#ff9500;}
.hint-text a{text-decoration:underline;}
.hint-wrap + .details{padding-top:55px;}
.m01-rename-x{display:flex; align-items:flex-end; justify-content:center;}
.m01-rename-con{text-align:right;}
.m01-rename-title{font-size:17px; font-weight:700; background-color:#4C4CE7; border-radius:10px; padding:6px 11px 5px; display:inline-block;}
.m01-rename-title::before{content:''; background:url(../../hd-video-converter-deluxe/img/vcd-icon.png) no-repeat; display:inline-block; margin:-25px 10px 0 0; vertical-align:middle; width:53px; height:53px;}
.m01-rename-title::after{content:''; background:url(../../hd-video-converter-deluxe/img/arrow-icon.png) no-repeat; position:absolute; margin:2px 0 0 23px; width:46px; height:30px;}
.m01-rename{font-size:60px; line-height:1; display:block; padding-top:8px;}
.m01-rename-x > img{margin:0 2% 3px;}
.m01-rename-x .m01-title{width:465px; margin-bottom:-4px;}
.m01-rename-x + .m01-subtitle{font-size:35px; margin-top:25px;}
/* vcd index style end */
.m01-title-wrap{display:flex; justify-content:center; align-items:flex-end;}
.m01-title-wrap > img{margin:0 30px 10px 0;}
.m01-title{content:url(../images/ai-index/logo.svg);width:630px;}
.m01-subtitle{font-size:36px; margin:18px 0; line-height:1;}
.m01-st-ai{font-size:50%; color:#4c88ff; background-color:#1F2026; text-decoration:underline; display:inline-block; border-radius:100vw; padding:8px 20px; text-underline-position:under; vertical-align:middle;}
.m01-st-ai::before{width:28px; height:28px; vertical-align:text-top; margin-right:10px;}
.m01-st-image-ai::before{background-position-x:-34px;}
.m01-desc{font-size:18px; color:#b2b2b2; margin-bottom:40px;}
.m01-nt-wrap{display:flex;margin-top: 45px;gap: 20px;}
.m01-nt-wrap >div{flex: 1;}
/*.m01-nav-wrap, .m01-toggle-wrap{position:relative; z-index:0;}*/
.links-content{display: flex;align-items: center;justify-content: space-evenly;padding-bottom: 20px;}

.m01-toggle-wrap{flex:1;display:flex;margin:20px 10px 0;}
/*.m01-nav-a, */.m01-toggle-btn{position:relative;border-radius:20px;padding:10px;background:linear-gradient(rgba(0 2 18 / .5) 20%, rgba(92 97 153 / .4)) no-repeat;}
.m01-nav-a{display:flex;align-items:center;flex-flow:column;justify-content:center;font-size: 17px;/* width:173px; *//* min-height:153px; */box-sizing:border-box;color: #8f8fb2;}
.m01-nav-a:hover{color:inherit; text-decoration:none;}
/*.m01-nav-a-1, */.m01-nav-a-3{/* margin-bottom:20px; */}
/*.m01-nav-a-2, */.m01-nav-a-4{/* min-height:163px; */}
.m01-toggle-btn{flex:1;border:0 none;color:inherit;font-size: 21px;margin: 0 10px;/* min-height: 310px; */padding-bottom:25px;transition:box-shadow .5s;width: 100%;box-sizing: border-box;position: relative;/* z-index: 0; */padding: 90px 0 100px;box-sizing: border-box;}
.m01-toggle-btn-1,.m01-toggle-btn-4{padding-top: 40px;}
.m01-toggle-btn-2{/* padding-bottom:45px; */margin-top: 17px;}
.m01-toggle-btn-3{margin-top: 17px;}
.m01-toggle-btn-noise{margin-top: 17px;}
.m01-toggle-btn:disabled{box-shadow: 0 0 20px 15px rgba(50, 119, 255, .5);}
.m01-toggle-btn:not(:disabled){cursor:pointer;}
.m01-toggle-btn:not(:disabled):hover{box-shadow:0 0 30px 5px hsla(224.9, 100%, 59.4%, .65);}
.m01-nav-a::before, .m01-toggle-btn::before{content:'';background-image:url(../images/ai-index/m01-btn-icons-2.svg);background-repeat:no-repeat;background-size: 600px 118px;}
.m01-nav-a::before{height:44px; margin-bottom:13px;}
.m01-nav-a:hover::before, .m01-toggle-btn:disabled::before{background-image:url(../images/ai-index/m01-btn-icons-2-hover.svg);}
.m01-nav-a-1::before{width: 39px;}
.m01-nav-a-2::before{width:34px; background-position-y:-49px;}
.m01-nav-a-3::before{width:51px;background-position-x:-42px;}
.m01-nav-a-4::before{width:44px; background-position:-42px -49px;}
.m01-toggle-btn::before{height: 72px;display:block;margin: 0 auto 25px;}
.m01-toggle-btn-1::before{width: 130px;background-position:-470px -46px;/* margin-bottom: 25px; */}
.m01-toggle-btn-2::before{width: 142px;height: 110px;background: url(../images/ai-index/image-enhancer.svg);background-repeat: no-repeat;}
.m01-toggle-btn-noise::before{width: 109px;height: 109px;background: url(../images/ai-index/noise-remover.svg);background-repeat: no-repeat;}
.m01-toggle-btn-3::before{width: 140px;height: 108px;background: url(../images/ai-index/video-enhancer.svg);background-repeat: no-repeat;}
.m01-toggle-btn-4::before{width: 104px;background-position: -354px -46px;/* margin-bottom: 25px; */}
.m01-toggle-btn-2:disabled::before{background-image: url(../images/ai-index/image-enhancer-hover.svg);}
.m01-toggle-btn-3:disabled::before{background-image: url(../images/ai-index/video-enhancer-hover.svg);}
.m01-toggle-btn-noise:disabled::before{background-image: url(../images/ai-index/noise-remover-hover.svg);}
/*.m01-nav-a::after, */.m01-toggle-btn::after{content:'';position:absolute;top: -1px;right: -1px;bottom: -1px;left: -1px;border: 1px solid #474b66;/* z-index:-1; */border-radius:inherit;}
/*.m01-nav-a::after, */.m01-toggle-btn:not(:disabled)::after{mask:linear-gradient(#000, transparent) no-repeat;-webkit-mask:linear-gradient(#000, transparent) no-repeat;}
.m01-toggle-btn::after{transition:border-color .8s;}
.m01-toggle-btn:disabled::after{border-color: #99e5ff;}
.m01-toggle-btn span{font-size: 14px;color: #ffa700;font-weight: bold;vertical-align: super;}
.m01-pic-wrap{margin-top: -7.1%;position:relative;}
.m01-pic-wrap::before{content:'';position:absolute;left:0;right:0;bottom:91%;padding-top:40%;background:radial-gradient(90% 50%, transparent 80%, rgba(50 119 255 / .2)) no-repeat bottom / auto 130%, url(../images/ai-index/bg1-grid.jpg) no-repeat bottom / 100%;z-index:-1;}
.m01-pic-wrap::after{content:'';position:absolute;left:0;right:0;bottom:0;top:0;background-color:#0c0d12;mask:radial-gradient(88.8% 49% at top -40% left 50%, transparent calc(100% - 1px), #000 100%) no-repeat;-webkit-mask:radial-gradient(88.8% 49% at top -40% left 50%, transparent calc(100% - 1px), #000 100%) no-repeat;}
.m01-pic-box{position:absolute; z-index:1; opacity:0; top:0; left:0; right:0; transition:opacity .5s; overflow:hidden; mask:radial-gradient(88.8% 49% at top -40% left 50%, transparent calc(100% - 1px), #000 100%) no-repeat; -webkit-mask:radial-gradient(88.8% 49% at top -40% left 50%, transparent calc(100% - 1px), #000 100%) no-repeat;}
@keyframes picPos{from{top:30px;}}
.m01-pic-box.show{position:relative; z-index:2; opacity:1;}
.m01-pic{width:100%;}
.m01-original-wrap, .m01-ef-wrap, .m01-upscale-x{position:absolute; font-size:24px;}
.m01-original-wrap{left:0; bottom:0; pointer-events:none;}
/*.m01-original-wrap::after{content:''; position:absolute; width:33px; height:33px; border:1px solid rgba(255 255 255 / .5); border-radius:50%; background:linear-gradient(#FFFAD7, #FFFAD7) no-repeat center / 5px 5px, rgba(0 0 0 / .5); left:61%; top:27%;}*/
.m01-original-wrap > img{pointer-events:initial;}
.m01-original{vertical-align:middle; margin:95px 0 0 -134px; display:inline-block; pointer-events:initial;}
.m01-original-resolution{font-size:125%; margin-left:20px; vertical-align:middle;}
.m01-ef-wrap{left: calc(50% + 240px);/* right:0; */bottom: 352px;/*top:27%;*/pointer-events:none;display: flex;align-items: center;color: #fff;}
.m01-ef-wrap > img{/* margin: 0 0 20px 0; */pointer-events:initial;}
.m01-px-enhance{font-size:67px;}
.m01-px-enhance::before{width:45px;height:49px;background-position:0 -76px;margin: 0 2px 0 12px;}
.ef-wrap-content{text-align: left;padding-left: 40px;}
.m01-ef-wrap .text-px{width:fit-content; width:-moz-fit-content; width:-webkit-fit-content; margin:0 auto; pointer-events:initial;}
.m01-ai-ft-lists{display:inline-block; padding-top:28px; pointer-events:initial;}
.m01-ai-ft-list{text-align:left;line-height:1.5;}
.m01-upscale-x{bottom:2.2%; right:16%; display:flex; align-items:center; justify-content:flex-end; border-width:1px 0; border-style:solid; border-image:linear-gradient(to right, transparent, rgba(255 255 255 / .35)) 1; background:linear-gradient(to right, transparent, 70%, rgba(0 0 0 / .2)) no-repeat;}
.m01-upscale-scroll{height:153px; overflow:auto; scrollbar-width:none; padding:10px 30px; line-height:1.7; font-size:30px; mask:linear-gradient(transparent 15%, #000 40%, #000 60.5%, transparent 85.5%) no-repeat; -webkit-mask:linear-gradient(transparent 15%, #000 40%, #000 60.5%, transparent 85.5%) no-repeat; scroll-behavior:smooth;}
.m01-upscale-scroll::-webkit-scrollbar{display:none;}
.m01-upscale-btns{position:absolute; margin-right:-50px; display:flex; flex-flow:column; height:100%; justify-content:space-evenly; padding-left:26px;}
.m01-upscale-btn{border-width:0 12px 14px; border-style:solid; border-color:transparent transparent #53504E; padding:0; background-color:initial; cursor:pointer; margin:15px 0;}
.m01-upscale-btn:last-of-type{transform:rotate(180deg);}
.m02-video-wrap{position: absolute;pointer-events: none;left: 25%;top: 27%;}
.m02-video-wrap img{pointer-events: initial;}
.m02-video-text{top: 18%;}
.noise-surface{position: absolute;left: 70%;top: 230px;}
.m-audio-mobile{display: none;}
.m-audio-content{width: 1300px;position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);}
.m-audio-box{display: flex;justify-content: space-between;position: relative;align-items: center;}
.m-audio-box .line{border-left: 2px solid #fff;width: 0;height: 137px;}
.m-audio-box>div{width: 620px;}
.audio-wave-content {
    position: absolute;
    background: rgba(255, 255, 255, .7);
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 10px 10px 30px 30px;
    backdrop-filter: blur(30px);
}
.audio-controller {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 820px;
    margin: 0 auto;
}
.aplayer-info {
    display: flex;
    align-items: center;
    padding:0 0 20px 40px;
}
svg:not(:root) {
    overflow: hidden;
}
.aplayer-info .aplayer-mess{font-size: 23px;color: #fff;;}
.aplayer-icon {
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    display: none;
}
.aplayer-play .aplayer-icon-play {
    height: 40px;
    width: 40px;
    display: inline;
}
.aplayer-pause .aplayer-icon-pause {
    display: inline;
}

.aplayer-button {
    position: relative;
    cursor: pointer;  
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
   
}
.audio-wave-pmgressbar {
    position: relative;
    background: rgba(61,53,48,0.95);
    height: 90px;
    border-radius: 45px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.audio-wave-pmgressbar .aplayer {height: 100%;background-repeat: no-repeat;position: absolute;left: 0;top: 0;background-position: left center;}
.audio-wave-pmgressbar .aplayer-loaded{width: 100%;}
.audio-wave-pmgressbar.original .aplayer-loaded { background-image: url(../images/ai-index/o1.png); }
.audio-wave-pmgressbar.original .aplayer-played { background-image: url(../images/ai-index/o2.png); }
.audio-wave-pmgressbar.cleaned .aplayer-loaded { background-image: url(../images/ai-index/c1.png); }
.audio-wave-pmgressbar.cleaned .aplayer-played { background-image: url(../images/ai-index/c2.png); }

.main02{text-align:center; background:url(../images/ai-index/bg2.jpg) no-repeat top, #F7F7FA; padding:60px 0 20px;position: relative;}
.m02-subtitle{font-size:30px; color:#4c4c4c; line-height:1;}
.m02-title{font-size:45px; font-weight:700; line-height:1; padding:25px 0 20px; color:#000;}
.m02-desc{font-size:23px;}
.m02-items{display:flex; text-align:left; margin-top:50px;}
.m02-item{flex:1; margin:0 25px;}
.m02-item:not(.m02-item-aigi){margin-top:24px;}
.m02-item-title{font-size:19px; color:#2932b0; border-bottom:1px solid #DEE1E5; padding-bottom:12px; margin-bottom:5px;}
.m02-item-aigi .m02-item-title{color:#000;}
.m02-aigi-title{font-size:24px; font-weight:700; color:#2932b0; display:block; line-height:1;}
.m02-list{color:#4c4c4c;}
.m02-list::before, .m02-aigi-list::before{content:''; display:inline-block; width:10px; height:5px; border:2px solid #1DA924; border-top:0 none; border-right:0 none; transform:translateY(-3px) rotate(-45deg); vertical-align:middle; margin-right:12px;}
.m02-line{height:2px; background:linear-gradient(to right, currentColor calc(50% - 10px), transparent 0, transparent calc(50% + 10px), currentColor 0) no-repeat; color:#000; position:relative; margin:17px 0 13px;}
.m02-line::after{content:''; width:14px; height:14px; position:absolute; left:0; right:0; margin:-7px auto 0; border:2px solid; border-left:0 none; border-bottom:0 none; transform:rotate(-45deg);}
.m02-facilitys{display:flex; justify-content:space-between; font-size:15px; text-align:center;}
.m02-facility::before, .m02-lq-list::before{content:''; display:block; background:url(../images/ai-index/m02-icons.svg) no-repeat; margin:0 auto 6px; background-size:156px 98px;}
.m02-facility::before{height:30px;}
.m02-facility-1::before{width:30px;}
.m02-facility-2::before{width:34px; background-position:-35px 0;}
.m02-facility-3::before{width:41px; background-position:-74px 0;}
.m02-facility-4::before{width:36px; background-position:-120px 0;}
.m02-more-facilitys{color:#0970cd; font-size:15px; display:block; text-align:center; margin-top:15px;}
.m02-item-tip{color:#4c4c4c; margin-bottom:14px;}
.m02-lq-lists{display:flex; flex-flow:wrap; text-align:center;}
.m02-lq-list{width:50%; font-size:15px; line-height:1.2; margin:12px 0;}
.m02-lq-list::before{height:29px; width:48px;}
.m02-lq-list-1::before{background-position:0 -35px;}
.m02-lq-list-2::before{background-position:-53px -35px;}
.m02-lq-list-3::before{background-position:-106px -35px;}
.m02-lq-list-4::before{background-position:0 -69px;}
.m02-lq-list-5::before{width:45px; background-position:-55px -69px;}
.m02-aigi-list{font-size:19px; line-height:1.7;}
.m02-pics{margin-top:-6%; pointer-events:none;}
.m02-pics img{width:100%; opacity:0; position:absolute; top:0; left:0;}
.m02-pics .show{opacity:1; position:static;}
.m02-btns{display:inline-flex; background-color:#fff; border-radius:100vw; padding:8px; box-shadow:0 5px 20px rgba(0 0 0 / .01); transform:translateY(-50%);}
.m02-btn{background-color:initial; color:#000; border-radius:inherit; font-size:17px; padding:14px 23px; border:0 none;}
.m02-btn:disabled{border:2px solid #0F9BFF;}
.m02-btn:not(:disabled){cursor:pointer;}

.main03{text-align:center;  background:linear-gradient(#F7F7FA, #F2F2F2) no-repeat; position:relative; z-index:0; padding:60px 0;}
.m03-title{font-size:39px; line-height:1; color:#000;}
.m03-desc{color:#4c4c4c; margin-top:20px;}
.m03-formats{display:flex; margin:100px -8px 0;}
.m03-format{flex:1; border:1px solid #D0D0D0; border-radius:30px; padding:30px 15px 15px; margin:0 8px; background:linear-gradient(#fff, #F6F6F6) no-repeat; position:relative;}
.m03-format::before{content:''; background:url(../images/ai-index/m03-icons.svg) no-repeat; height:81px; display:block; margin:0 auto 25px; width:60px; background-size:550px 81px;}
.m03-format:nth-of-type(2)::before{width:86px; background-position-x:-65px;}
.m03-format:nth-of-type(3)::before{width:143px; background-position-x:-156px;}
.m03-format:nth-of-type(4)::before{width:81px; background-position-x:-304px;}
.m03-format:nth-of-type(5)::before{width:84px; background-position-x:-390px;}
.m03-format:nth-of-type(6)::before{width:71px; background-position-x:-479px;}
.m03-format a{font-size:19px; border-bottom:1px dashed; color:#333;}
.m03-format a:hover{text-decoration:none;}
.m03-format-text{position:absolute; top:10px; right:10px; bottom:10px; left:10px; background:linear-gradient(#fff, #F6F6F6) no-repeat; border:1px solid #D0D0D0; border-radius:inherit; z-index:-1; padding:10px;}
.m03-format:first-of-type .m03-format-text{transform:translate(31px, -75px);}
.m03-format:nth-of-type(2) .m03-format-text{transform:translate(21px, -75px);}
.m03-format:nth-of-type(3) .m03-format-text{transform:translate(11px, -75px);}
.m03-format:nth-of-type(4) .m03-format-text{transform:translate(-11px, -75px);}
.m03-format:nth-of-type(5) .m03-format-text{transform:translate(-21px, -75px);}
.m03-format:nth-of-type(6) .m03-format-text{transform:translate(-31px, -75px);}
.m03-btn-x{width:300px; position:relative; margin:75px auto 0;}
.m03-btn{font-size:45px; background-color:rgba(255 255 255 / .8); border:2px solid rgba(0 0 0 / .1); border-radius:8px; display:flex; justify-content:center; align-items:center; position:relative; cursor:pointer; padding:0; width:100%;}
.m03-btn::after{content:''; border-width:14px 12px 0; border-style:solid; border-color:currentColor transparent transparent; position:absolute; right:10px;}
.format-list {display: none;width:100%;position: absolute;top: 100%;z-index: 1;border: 1px solid #afafaf;border-radius: 0 0 6px 6px;background-color: rgba(255, 255, 255, .75);}
.m03-btn-x:hover > .format-list {display: block;}
.format-list li {font-size: 19px;color: #000;line-height: 1.3em;border-top: 1px solid #afafaf;padding: 8px 30px 8px 10px;position: relative;}
.format-list li:first-child {border-top: none;}
.format-list li:hover {background-color: #0f9bff;color: #fff;}
.format-child-list {position: absolute;top: -1px;left: 100%;border-radius: 0 6px 6px 6px;}
.format-child-list li {font-size: 17px;}
.format-list li:hover>.format-child-list {display: block;}

.m03-pic-con{margin:-177px 0 10px; z-index:-1; position:relative; display:inline-block;}
.m03-pic-cb, .m03-pic-ca{position:absolute; bottom:0; text-align:left;}
.m03-pic-cb{left:14.8%; background:url(../images/ai-index/m03-pic-bg.svg) no-repeat top / cover; padding:20px 45px; background-size:243px 499px;}
.m03-pic-ca{right:8%;}
.m03-pic-ba{font-size:24px; color:#fff; display:block;}
.m03-pic-after .m03-pic-ba{padding-bottom:12px;}
.m03-pic-rf{margin:105px 0;}
.m03-pic-ca .m03-pic-rf{margin:30px 0 60px;}
.m03-pic-rf span{font-size:12px; display:block;}
.m03-pic-rf span ~ span{margin-top:8px;}
.m03-pic-rf b{font-size:30px; font-weight:400;}
.m03-pic-ca .m03-pic-rf b ~ b{color:#006AFF;}
.m03-pic-size{font-size:45px; color:#fff; font-weight:400;}
.m03-pic-ca .m03-pic-size{background:url(../images/ai-index/m03-pic-bg.svg) no-repeat top / cover; padding:25px 80px 20px 20px; display:inline-block; line-height:1;}
.m03-pic-cv{font-size:30px;  margin-bottom:40px; display:block;font-weight: 700;}
.m03-pic-after{margin-left:30px;}
.m03-c-info{display:flex; justify-content:space-evenly;}
.m03-c-info p{font-size:19px;}
.m03-c-info p span{color:#808080;}
.m03-c-info p span + span{margin-left:15px;}

.main04{background:url(../images/ai-index/bg4.jpg) no-repeat bottom / cover, #000; color:#fff; padding:60px 0;}
.m04-title{font-size:39px; line-height:1; text-align:center;}
.m04-con{display:flex; margin-top:100px; justify-content:space-between; align-items:flex-end;}
.m04-left-con{flex-basis:546px; word-break:break-word;}
.m04-list{height:0; overflow:hidden;}
.m04-list.show{height:auto; overflow:initial;}
.m04-right-con{flex-basis:575px; word-break:break-word;}
.m04-subtitle{font-size:24px; margin-bottom:10px;}
.m04-right-con .m04-subtitle{padding:15px 23px 0 23px;}
.m04-desc{color:#999; line-height:1.3;}
.m04-right-con .m04-desc{padding:0 23px;}
.m04-pic{margin:30px 0 40px;}
.m04-btns{font-size:0; text-align:center;}
.m04-btn{font-size:17px; color:#737373; background-color:initial; padding:0 3%; border:0 none;}
.m04-btn:disabled{color:#0078ff;}
.m04-btn:not(:disabled){cursor:pointer;}
.m04-btn::before{content:''; display:block; background:url(../images/ai-index/m04-icons.svg) no-repeat; height:38px; margin:0 auto 6px; background-size:228px 38px;}
.m04-btn:first-of-type::before{width:33px;}
.m04-btn:nth-of-type(2)::before{width:35px; background-position-x:-38px;}
.m04-btn:nth-of-type(3)::before{width:35px; background-position-x:-78px;}
.m04-btn:nth-of-type(4)::before{width:28px; background-position-x:-118px;}
.m04-btn:nth-of-type(5)::before{width:32px; background-position-x:-151px;}
.m04-btn:nth-of-type(6)::before{width:40px; background-position-x:-188px;}

.main05{text-align:center; background-color:#FAFAFC; padding:60px 0;}
.m05-title{font-size:39px; line-height:1; margin-bottom:20px; color:#000;}
.m05-subtitle{font-size:25px; margin:10px 0;}
.m05-lists{display:flex; flex-flow:wrap; justify-content:space-between;}
.m05-list{flex-basis:calc(33.33% - 10px); word-break:break-word; background-color:#fff; margin-top:15px; padding:30px; box-sizing:border-box;}
.m05-list::before{content:''; display:block; background:url(../images/ai-index/m05-icons.svg) no-repeat; width:96px; height:83px; margin:0 auto; background-size:298px 171px;}
.m05-list:nth-of-type(2)::before{background-position-x:-101px;}
.m05-list:nth-of-type(3)::before{background-position-x:-202px;}
.m05-list:nth-of-type(4)::before{background-position:0 -88px;}
.m05-list:nth-of-type(5)::before{background-position:-101px -88px;}
.m05-list:nth-of-type(6)::before{background-position:-202px -88px;}

.main06 {padding: 10px 0 60px;background: linear-gradient(#fbfbfd, #f7f7f5);margin-bottom: 10px;overflow: hidden; text-align:center;}
.m06-subtitle{font-size:39px; font-weight:700; line-height:1; color:#000;}
.m06-title{font-size:27px; line-height:1; padding-top:15px; color:#000;}
.main06-toggles {width: fit-content;background-color: #fff;display: flex;justify-content: center;flex-wrap: wrap;border-radius: 28px;margin: 40px auto;}
.main06-toggle {padding: 0 50px;line-height: 52px;font-size: 17px;color: #1d1d1f;border: 2px solid transparent;border-radius: 28px;cursor: pointer;transition: all 0.1s;}
.main06-toggle.active {border-color: #0f9bff;}
.main06-toggle:not(.active):hover {background-color: #ecf8ff;border-color: #ecf8ff;}
.main06-imgs-wrap {width: 898px;position: relative;margin: 0 auto;}
.main06-imgs-wrap::before {content: "";display: block;padding-bottom: 47.884%;}
.main06-imgs {display: flex;align-items: center;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.main06-img {flex-shrink: 0;width: 402px;margin-right: 16px;transition: all 0.5s;overflow: hidden;border-radius: 15px;}
.main06-img:first-child{margin-left:-418px;}
.main06-img.active {width: 100%;}
.main06-p {display: none;font-size: 17px;color: #333;line-height: 1.6em;text-align: center;margin-top: 32px;}
.main06-p>b {font-size: 21px;padding-bottom: 20px;display: block;}
.main06-p.active {display: block;}

.main07 { background: #f7f7f7; padding: 30px 0; }
.main07 .details { text-align: center; }
.main07 h3 { font-size: 37px; text-align: center; padding: 20px 0 0; color:#000;}
.main07 p { color: #666;  padding: 20px 30px; text-align: center; }
.main07 ul {  width: 990px; margin: 0 auto; padding: 15px 0 5px; }
.main07 ul li { width: 110px; float: left; text-align: center; }
.main07 ul li img { padding: 0 0 5px 0; }
/*
.main07 .row { width: 1080px; text-align: center; padding: 25px 0 0; margin:0 auto;}
.main07 .slider {width:1080px; height:620px; position:relative; }
.main07 .slider .wrapper {width:880px; height:620px; position:relative; left:100px; overflow:hidden; text-align: center; }
.main07 .slider .wrapper .content {width:8000px;height:530px;display: flex;}
.main07 .slider .wrapper .content .slider-item { width:880px; height:620px; text-align:center;}
.main07 .slider .prev {position:absolute; left:0px; top:308px; width:22px; height:44px; cursor:pointer; z-index: 100;}
.main07 .slider .next {position:absolute; right:0px; top:308px; width:22px; height:44px; cursor:pointer; z-index: 100;}
*/
/*
.slider-mvai-v1m {background: #f7f7f7;padding: 30px 0 50px;text-align: center;}
.slider-mvai-container-v1m{width: 1320px;}
.slider-mvai-container-v1m h2 {padding: 20px 0;}
*/
.slider-mvai-content-v1m{padding: 25px 0 0;overflow: hidden;display: grid;grid-template-columns:50px 1fr 50px; align-items: center;}
.slider-mvai-box-v1m{grid-column:2/3;overflow: hidden;grid-row: 1/2;}
.slider-mvai-wrapper-v1m{display:flex;transition: all 0.2s ease-in; width:800%; }
.slider-mvai-wrapper-item-v1m{width: 1090px;}
.slider-mvai-wrapper-prev-v1m{grid-column: 1/2;cursor: pointer;}
.slider-mvai-wrapper-next-v1m{grid-column: 3/4;cursor: pointer;}
@media (max-width: 1320px) {
	.slider-mvai-container-v1m{width: auto;padding: 0 3%;}
}
@media (max-width: 479px) {
	.slider-mvai-content-v1m{grid-template-columns: 1fr 1fr;}
	.slider-mvai-box-v1m{grid-column: 1/-1;grid-row: 1/2;}
	.slider-mvai-wrapper-prev-v1m{grid-column: 1/2;}
	.slider-mvai-wrapper-next-v1m{grid-column: 2/3;}
	.slider-mvai-wrapper-prev-v1m img,.slider-mvai-wrapper-next-v1m img{width: 20px; }
}


.main08{background:url(../images/ai-index/bg8.png) no-repeat calc(50% + 52px) 0, #F8F8F8; text-align:center; padding:45px 0 0; position:relative; z-index:0;display: none;}
.m08-title{font-size:40px; font-weight:700; color:#fff; line-height:1;}
.m08-title::before{content:url(../images/ai-index/m08-logo.png); vertical-align:-13px; padding-right:17px;}
.m08-desc{color:#fff; margin:25px 0 45px;}
.m08-title span, .m08-desc span{color:#2088FF;}
.m08-num-wrap{display:flex; justify-content:center;}
.m08-num-wrap li{border:1px solid; color:#2189FF; background-color:#fff; border-radius:5px; padding:5px 20px 8px; margin:0 1.5%; box-shadow:0 4px 9px rgba(0 84 255 / .3);}
.m08-num-title{color:#666; display:block; font-weight:700; padding-bottom:3px;}
.m08-num{font-size:35px; color:#2c80f3; line-height:1; vertical-align:middle;}
.m08-steps{display:flex; text-align:left; align-items:center; margin-top:-25px;}
.m08-step-1, .m08-step-2{flex-basis:440px; word-break:break-word;}
.m08-step-2{display:none;}
.m08-share-title{font-size:23px; color:#2c80f3; font-weight:700;}
.m08-share-desc{margin:13px 0;}
.m08-share-links, .m08-user-info{background-color:#fff; border-left:solid #A5CBFF; padding:12px 50px 12px 35px;}
.m08-share-link{border-bottom:1px dashed #D8D8D8;}
.m08-share-link:last-of-type{margin-bottom:10px;}
.m08-share-link a{color:#666; display:flex; align-items:center; padding:10px 0; text-decoration:none;}
.m08-share-link img{margin-right:11px;}
.m08-share-link span{flex:1;}
.m08-share-ui{width:20px; height:20px; border-radius:3px; box-shadow:inset 0 0 0 2px; color:#D8D8D8; margin-left:22px;}
.m08-share-link.active .m08-share-ui{background-color:currentColor; color:#2C80F3; position:relative;}
.m08-share-link.active .m08-share-ui::after{content:''; position:absolute; width:11px; height:5px; border:2px solid #fff; border-top:0 none; border-right:0 none; margin:auto; top:0; right:0; bottom:0; left:0; transform:translateY(-2px) rotate(-45deg);}
.m08-pic-x{margin-left:-145px; z-index:-1;}
.m08-user-info{display:flex; flex-flow:column; padding:40px 50px;}
.m08-user-info > input{border:1px solid #D8D8D8; border-radius:5px; height:54px; line-height:54px; padding-left:10px; font-size:17px; color:#c2c2c2;}
.m08-user-info > input + input{margin-top:15px;}
.m08-user-info label{color:#b4b4b4; margin:10px 0 20px;}
.m08-user-info label input{transform:scale(1.4); margin-right:5px;}
.m08-submit{min-width:240px; background-color:#2C80F3; font-size:19px; color:#fff; border-radius:5px; border:0 none; padding:0; padding:12px 10px; align-self:center; cursor:pointer;}
.m08-step-3{display:none; margin-top:30px;}
.m08-step3-title{font-size:25px; font-weight:700;}
.m08-step3-title::before{content:url(../images/ai-index/right.png); vertical-align:middle; margin-right:8px;}
.m08-step3-desc{display:inline-block; border-bottom:1px solid #BFBFBF; padding:8px 4% 15px; margin-bottom:15px;}
.m08-step3-con{display:flex; justify-content:space-around; align-items:center;}
.m08-step3-info{flex-basis:565px; word-break:break-word; text-align:left;}
.m08-step3-subtitle{font-size:19px; font-weight:700;}
.m08-step3-subtitle::before{content:url(../images/ai-index/gift-icon.png); vertical-align:-12px; margin-right:10px;}
.m08-step3-subdesc{font-size:19px; color:#6c6c6c; line-height:1.7; margin:10px 0 25px;}
.m08-step3-enter{color:#fff; background-color:#1F80F7; border-radius:5px; display:inline-block; line-height:48px; min-width:200px; padding:0 10px; box-sizing:border-box; text-align:center;}
.m08-step3-enter::after{content:url(../images/ai-index/enter-arrow.svg); width:17px; display:inline-block; vertical-align:middle; margin-left:13px;}
.m08-step3-enter:hover{color:#fff; text-decoration:none;}

.main09{ text-align: center; padding:60px 0; background-color:#F8F8F8;}
.m09-title { font-size: 39px; line-height:1; color:#000;}
.m09-desc {color:#4c4c4c; padding:15px 0;}
.main09 ul {margin-bottom:40px;}
.main09 ul li {  width: 185px; display: block;  text-align: center; padding: 20px 0 15px; float: left; margin:10px 6px; background-color:#fff;
transition: background, box-shadow 0.3s; }
.main09 ul li:hover {background: linear-gradient(180deg, #fffcf5, #fcf9f2); box-shadow: 0px 0px 8px #fceecc; }
.main09 ul li em { display: block; font-style: normal; padding: 12px 0 0; }
.main09 ul a { color: #333; text-orientation: none; }
.main09 p { color: #808080; }
.main09 p a { color: #000; text-decoration: underline; }
.main09 .Left { width: 600px; height: 420px; float: left; }
.main09 .Right { width: 580px; float: right; text-align:left;}
.main09 .Right h3 { font-size: 19px; color: #000; display: block; position: relative; border-bottom: 1px solid #ebebeb; padding: 0 0 15px 0;
	margin: 0 0 15px 0; }
.main09 .Right h3 a { color: #333; text-decoration: none; }
.main09 .Right h3 a:hover { color: #0970c7; }
.main09 .Right h3:last-child { border-bottom: none; }
.main09 .Right h3 i { display: block; font-size: 15px; color: #4c4c4c; padding: 10px 0 0;  font-style: normal; }
.main09 .Right h3 i a { color: #ff9c0e;  }
.main09 .Right h3 .plus { width: 18px; height: 18px; position: absolute; top: 2px; right: 0; cursor: pointer; transition: transform 0.5s;
-o-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; }
.main09 .Right h3 .norl { transform: rotate(135deg); }

@media (max-width: 1510px) {
	.m01-ef-wrap{left: auto;right: 0;bottom: 230px;}
	.m01-ef-wrap > img{max-width: 30%;height: auto;}
}
@media (max-width: 1300px) {
	.m-audio-content{display: none;}
	.noise-surface{top: 100px;}
	.m-audio-mobile{display: flex;justify-content:center;gap: 40px;position: absolute;bottom: 50px;width: 100%;;}
	.m-audio-mobile >div{width: 45%;}
	.m-audio-mobile .audio-pic-bg{background: rgba(61,53,48,0.95);height:auto;border-radius: 35px;}
	.m-audio-mobile .aplayer-mess{text-align: left;padding:0 0 10px 30px;}
}

@media (max-width: 1200px) {
	.m01-px-enhance{font-size: 37px;}
	.m01-ef-wrap > img{max-width: 25%;}
}
@media (max-width: 979px) {

	body{min-width:100%;}
	.details{width: 96%;}

	.m01-toggle-btn::before, .m01-nav-a::before, .m03-format::before{content:none;}
	.m01-toggle-btn{padding-top: 10px;}
	.m01-toggle-btn, .m01-nav-a{min-height:auto;}
	.m01-toggle-btn, .m01-nav-a{padding-bottom:10px; font-size:17px;}
	.m01-pic-wrap{margin-top:-2%;}
	.m01-upscale-x{display:none;}
	.m01-px-enhance{font-size:37px;}
	.m01-original-wrap::after{content:none;}
	.m01-original-wrap > img{display:none;}
	.m01-original{margin:0 0 20px 10px;}
	.m01-ef-wrap{bottom: 50px;justify-content:flex-end;}
	.m01-ef-wrap > img{max-width:30%;}
	.m02-video-wrap{left: 10%;}
	/* vcd index style */
	.m01-rename-x{flex-flow:column; align-items:center;}
	.m01-rename-x .m01-title{margin:5px 0 0 0;}
	.m01-rename-title{position:relative;}
	.m01-rename-title::after{top:100%;}
	/* vcd index style */

	.m03-pic-con{margin-top:0;}
	.m03-pic-rf{margin:20px 0;}
	.m03-pic-cb{left:0;}
	.m03-pic-ca{right:0;}
	.m03-btn-x{margin-top:10px;}
	.m03-pic-after > img{width:150px;}
	.m03-pic-ca .m03-pic-rf{margin:20px 0;}
	.m03-pic-size{font-size:35px;}
	.m03-pic-cv{font-size:20px;}

	.m04-con > div{margin:0 2%;}

    .main06-toggles {background: none;margin-bottom: 10px;}
    .main06-toggle {border-color: #f5f5f5;margin: 0 5px 10px;font-size: 15px;padding: 0 15px;line-height: 40px;}
    .main06-imgs-wrap {width: 100%;}
    .main06-img {width: 300px;}
    .main06-img:first-child{margin-left:-316px;}

/*    .main07 .row{display:none;}*/
	.main07 .slider .wrapper{width: 100%;}

	.m08-steps{margin-top:20px;}
    .m08-steps{flex-flow:column;}
	
	.m09-faq .Left, .m09-faq .Right{float:none; margin:0 auto;}
	.main09 .Left iframe{height:100%;}
	.m09-faq .Left{margin-bottom:20px;}

	.m-audio-mobile{bottom: 30px;}

}

@media (max-width: 767px) {

	.main01{background-image:none;}
	.m01-original-wrap{font-size:17px;}
	.m01-original-wrap, .m01-ef-wrap, .m01-upscale-x{font-size:15px;}
	.m01-px-enhance{font-size:27px;}
	.m01-px-enhance::before{margin:0;transform: scale(0.6) translateY(20px);}
	.m01-ef-wrap{padding-left:0;}
	.ef-wrap-content{padding-left: 10px;}
	.m01-ef-wrap > img{max-width: 25%;}
	.m01-ai-ft-lists{margin-top:0; padding-top: 10px;}
	.m01-title{width:100%; height:auto;}
	.m01-subtitle{font-size:30px;}
	.m01-nt-wrap{flex-flow:column;}
	.m01-nt-wrap >div:last-child{display: flex;flex-flow: column-reverse;}
	.m01-nt-wrap >div:last-child .links-content{padding-top: 20px;}
	.m01-nav-a{display:inline-flex;}
	.m01-toggle-btn-2{margin-top:0;}
	.m01-nav-a-1, .m01-nav-a-3{margin-bottom:0;}
	.m01-toggle-wrap{margin:10px 0;}
	.m01-title-wrap{align-items:center;flex-wrap: wrap;}
	.m02-video-wrap{text-align: left;}
	.m02-video-wrap img{max-width: 60%;}
	/* vcd index style */
	.m01-rename-x .m01-title{width:470px;}
	.m01-rename-con{text-align:center;}
	.m01-rename{font-size:50px;}
	.m01-rename-title::after{margin:18px 0 0 0;}
	/* vcd index style */
	
	.m02-items{flex-flow:column;}
	.m02-btns{transform:translateY(0);}

	.m03-formats{flex-flow:wrap;}
	.m03-format{flex-basis:30%; margin-bottom:60px; padding-top:10px;}
	.m03-format-text{top:auto; bottom:auto;}
	.m03-pic-con{display:none;}
	.m03-c-info{flex-flow:column;}

	.main04{background-image:none;}
	.m04-con{flex-flow:column;}

	.m05-list{flex-basis:calc(50% - 10px);}
	
	.m08-desc{margin-bottom:10px;}

	.main09 .Left, .main09 .Right{width:100%;}
	.main09 .Left iframe{width:100%;}

	.noise-surface{top: 50px;}
	
}

@media (max-width: 479px) {

	.m01-subtitle{font-size:20px;}
	.m01-nav-a{width:45%;}
	.m01-toggle-wrap{flex-flow:column;}
	.m01-ef-wrap{top:37%;}
	.m01-ef-wrap > img{max-width: 15%;}
	.m01-px-enhance{font-size:17px;}
	.m01-st-ai{font-size:15px;}
	.m02-video-wrap{left: 10px;}
	/* vcd index style */
	.m01-rename-x .m01-title{width:100%;}
	.m01-rename{font-size:40px;}
	.m01-rename-title::after{right:0; margin-top:10px;}
	.m01-rename-x + .m01-subtitle{font-size:27px;}
	/* vcd index style */
	
	.main02{padding-top:40px;}
	.m02-title{font-size:27px;}
	.m02-items{margin-top:0;}
	.m02-desc{font-size:19px;}
	.m02-btn{font-size:15px; padding:5px;}

	.main03{padding:40px 0;}
	.m03-title{font-size:27px;}
	.m03-formats{margin-top:50px;}
	.m03-format{font-size:15px;}

	.main04{padding:40px 0;}
	.m04-title{font-size:27px;}
	.m04-con{margin-top:50px;}
	.m04-right-con{flex-basis:auto;}

	.main05{padding:40px 0;}
	.m05-title{font-size:27px;}
	.m05-list{flex-basis:100%;}

	.main06{padding-bottom:40px;}
	.m06-subtitle, .m06-title{font-size:27px;}

	.main07 h3{font-size:27px;}

	.main08{background-color:#001035;}
	.m08-title{font-size:27px;}

	.main09{padding:40px 0;}
	.m09-title{font-size:27px;}
	.main09 .Right{width:100%;}

	.m-audio-mobile{gap: 10px;bottom: 10px;}

}


.floating-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100% !important;
	background-color: #fff;
	z-index: 9999;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2);
	display: none;
	-moz-user-select: none; /*火狐*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10*/
	-khtml-user-select: none; /*早期浏览器*/
	user-select: none;
}
.floating-nav-contaniner {
	display: flex;
	height: 70px;
	justify-content: space-between;
	align-items: center;
}
.floating-nav-list  {
	display: flex;
	align-items: center;
	gap: 50px;
}
.floating-nav-list li {
	position: relative;
	font-size: 17px;
}
.floating-nav-list li>a:hover {
	text-decoration: none;
	color: #ff9500;
}
.floating-nav-list .ai-features {
	display: flex;
	justify-content: center;
	align-items: center;gap: 10px;
	cursor: pointer;
}
.floating-nav-list .ai-features::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url(../../nav-style/nav-img01-nineteen.png) no-repeat center;
}
.floating-nav-list .ai-features.current {
	color: #ff9500;
}
.floating-nav-list .ai-features.current::after {
	transform: rotate(180deg);
}
.floating-nav-list .ai-features.current + .list-ai-href {
	opacity: 1;
	visibility: visible;
	height: auto;
}
.list-ai-href {
	position: absolute;
	background-color: #fff;
	top: 60px;
	padding: 15px 0;
	border-radius: 10px;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	opacity: 0;
	visibility: hidden;
	height: 0px;
}
.list-ai-href::before {
	content: '';
	display: inline-block;
	border: 10px solid transparent;
	border-bottom-color: #ffffff;
	position: absolute;
	left: 50%;
	top: -20px;
	transform: translateX(-50%);
}
.list-ai-href a {
	padding: 0 20px;
	background-color: #ffffff;
	height: 68px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	white-space: nowrap;
	gap: 10px;
}
.list-ai-href a:hover {
	text-decoration: none;
	background-color: #edf0f5;
}
.list-ai-href a::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url(../../nav-style/nav-img01-nineteen.png) no-repeat center;
	transform: rotate(270deg);
}
.list-ai-href a span {
	color: #ff9500;
	margin-left: 5px;
	font-size: 17px;
}
.list-ai-href a:nth-of-type(1) .float-nav-icon {
	width: 42px;
	height: 42px;
	background: url("../images/ai-index/float-nav1.svg") no-repeat center;
}
.list-ai-href a:nth-of-type(2) .float-nav-icon {
	width: 42px;
	height: 42px;
	background: url("../images/ai-index/float-nav2.svg") no-repeat center;
}
.list-ai-href a:nth-of-type(3) .float-nav-icon {
	width: 42px;
	height: 42px;
	background: url("../images/ai-index/float-nav3.svg") no-repeat center;
}
.list-ai-href a:nth-of-type(4) .float-nav-icon {
	width: 42px;
	height: 42px;
	background: url("../images/ai-index/float-nav4.svg") no-repeat center;
}


.list-ai-href .float-nav-icon {
	width: 42px;
}
.list-ai-href .word {
	flex: 1;
	font-size: 15px;
	line-height: 1;
}
.list-ai-href .word .t {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
}
.list-ai-href .word .d {
	font-size: 14px;
	line-height: 1;
}
.float-nav-down {
	display: flex;
	background-color: #80cb1b;
	color: #ffffff;
	height: 40px;
	justify-content: center;
	align-items: center;
	font-size: 19px;
	padding: 0 10px;
	border-radius: 5px;
	gap: 10px;
}
.float-nav-down:hover {
	color: #ffffff !important;
}
.float-nav-down::after {
	content: '';
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../../landing/image-style/dvd-ripper/win-mac.png) no-repeat left top;
}
.floating-nav-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 23px;
}
.floating-nav-logo::before {
	content: '';
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(../images/ai-index/logo-img.png) no-repeat;
	background-size: contain;
}
.floating-nav-logo span {
	color: #ff9500;
	font-size: 27px;
}
.Tops { width: 70px; height: 70px; position: fixed; bottom: 10%; right: 5%; cursor: pointer;z-index: 9; }

@media (max-width: 1200px) {
	.floating-nav {display: none !important;}
}


.SEO-exhibit {text-align: center;background-color: #f5f5f5;padding-top: 20px;}
.SEO-exhibit .details {width: 1240px;}
.SEO-exhibit h3 {font-size: 43px;line-height: 1.4;text-align: center; padding: 30px; }
.SEO-exhibit p { color: #525c66; padding: 0 0 20px 100px; text-align: center; color: #808080;}
.SEO-exhibit-container {display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;row-gap: 30px;column-gap: 40px;}
.SEO-exhibit-item {background-color: #ffffff;box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;width: 378px;border-radius: 5px;overflow: hidden;}
.SEO-item-data {display: flex;align-items: center;gap: 25px;padding: 5px 10px 0;color: #999;font-size: 15px;line-height: 1.4;}
.SEO-item-title {font-size: 21px;line-height: 1.4;color: #000;margin-bottom: 10px;}
.SEO-item-title a {color: #575757;text-decoration: none;}
.SEO-item-title a:hover {color: #006cff;}
.SEO-item-desc {font-size: 17px;line-height: 1.4;color: #808080;}
.SEO-item-content {padding: 15px 30px;}
.SEO-item-author::before {content: '';display: inline-block;width: 13px;height: 13px;margin-right: 5px;background: url("https://www.winxdvd.com/img/homepage/icon-author.jpg") no-repeat center;}
.SEO-item-update::before {content: '';display: inline-block;width: 13px;height: 13px;margin-right: 5px;background: url("https://www.winxdvd.com/img/homepage/icon-update.jpg") no-repeat center;}
@media  (max-width: 1200px) {.SEO-exhibit .details {width: 100%;padding: 0 10px;box-sizing: border-box;}.SEO-item-cover img {max-width: 100%;width: 100%;}.SEO-exhibit h3 {font-size: calc(1.67rem + .3vw);}}
@media  (max-width: 479px) {.SEO-item-desc {font-size: 13px;}.SEO-item-title  {font-size: 17px;}.SEO-item-content {padding: 10px 15px;}.SEO-item-data {font-size: 13px;}}
.m09-faq {padding-top: 30px;}




/* ```````````````````` add modify 20250428 ````````````````````````` */
.animation-container {
    height: 300vh;
    position: relative;
}

.vp-hero-wrap {
    z-index: 0;
    perspective: 200vw;
    width: 100%;
	height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vp-hero-camera {
    perspective: 200vw;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: visible;
}

.vp-hero-vid-animation-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}


.vp-hero-vid-wrap {
    z-index: 1000;
    perspective: 200vw;
    max-height: 110vh;
    position: relative;
    min-width: 35em;
    position: relative;
    will-change: width, height, transform; 
    width: 31.25%; 
    height: 50.74vh;
    transform-style: preserve-3d;
}

.vp-hero-vid-main {
    z-index: 40;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    overflow: hidden;
    transition: none;
    transition-property: top , left; 
    transition-duration: 0.3s , 0.3s;
    transition-timing-function: ease-in-out;
    will-change: opacity, transform;
    opacity: 1; 
    transform-style: preserve-3d;
}

.vp-hero-vid {
    object-fit: cover;
    width: 100%;
    max-width: none;
    height: 100%;
    position: absolute;
}


.tnb-video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.vp-hero-vid-main.left-1 {
    top: 0vh;
    right: calc(100% + 350px);
	width: 280px;
}

.vp-hero-vid-main.left-2 {
    top: -140px;
    right: calc(100% + 20px);
	width: 310px;
	z-index: 41;
}

.vp-hero-vid-main.left-3 {
    top: 90px;
    right: calc(100% + 20px);
	width: 310px;
}

.vp-hero-vid-main.right-1 {
    top: 0vh;
    left: calc(100% + 350px);
	width: 280px;
}

.vp-hero-vid-main.right-2 {
    top: 140px;
    left: calc(100% + 20px);
	width: 310px;
}

.vp-hero-vid-main.right-3 {
    top: -90px;
    left: calc(100% + 20px);
	width: 310px;
}
.vid-feature-box {
	position: relative;
}
.vid-feature-name {
	position: absolute;
	z-index: 2;
	bottom: 5%;
	left: 0;
	width: 100%;
	font-size: 23px;
	text-align: left;
	padding: 0 10px;
	color: #fff;
	box-sizing: border-box;
}
.vid-feature-name a:hover {color: inherit;text-decoration: underline;}
.vid-feature-name span {
	color: #ff9500;
}
.vid-feature-name.big {
	font-size: 31px;
	padding: 0 20px;
}
.vid-tips-cai {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 21px;
	z-index: 2;
	padding: 8px 22px;
	border-radius: 20px 0 20px 0;
	background: linear-gradient(135deg, #12d6df, #f70fff);
}
.vid-top1 {
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 5px;
	text-align: left;
}
.vid-top-wrap1 {
	font-size: 17px;
	color: #72adbb;
	padding-left: 5px;
}
.vid-top-wrap2 {
	font-size: 19px;
	color: #000000;
	background-color: rgba(255 255 255 / .5);
	padding: 2px 5px;
	border-radius: 5px;
}
.vid-top2 {
	position: absolute;
	z-index: 2;
	left: 27px;
	top: 3px;
	text-align: left;
	font-size: 21px;
	color: #fff;
}
.stage-one {
	width: 100%;
	height: 100%;
}
.stage-two {
	opacity: 0;
}
.stage-two.show {
	opacity: 1;
}
@media (max-width: 1920px) {
.vp-hero-vid-main {
		zoom: 0.8;
	}
}
@media (max-width: 1400px) {
	.vp-hero-vid-main {
		zoom: 0.6;
	}
}
@media (max-width: 1200px) {
	.vp-hero-vid-main {
		zoom: 0.5;
	}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}
/* ```````````````````` add modify 20250428 ````````````````````````` */
.effect-feature {
	padding-top: 6%;
	overflow: hidden;
}
.effect-picture-magnifying {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	transform: translate(-100%, -30%);
}

.effect-picture-box{position:absolute; z-index:1; opacity:0; top:0; left:0; right:0;}
.effect-picture-box.show{position:relative; z-index:2; opacity:1;}
.effect-picture{width:100%;}

.effect-picture-compare1{position:absolute; height:100%; width:calc(var(--pos, .5) * 100%); object-fit:cover; object-position:left;}
.effect-line{position:absolute; top:0; bottom:0; left:calc(var(--pos, .5) * 100%); border-width:0 1px; border-style:solid; border-image:linear-gradient(#fff calc(50% - 16px), transparent 0, transparent calc(50% + 16px), #fff 0) 1; pointer-events:none; margin-left:-1px;}
.effect-line::after{content:url(../images/ai-index/drag-icon.png); position:absolute; top:50%; left:50%; margin:-39px 0 0 -39px; line-height:0;zoom: 0.7;}

.effect-feature-flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 2vw;
}
.effect-feature-detail {
	text-align: left;
	flex: 1;
}
.effect-feature-down .db-btn-con {
	margin: 0 0 15px;
}
.feature-detail-tips {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 93px;
	height: 23px;
	padding: 0 15px;
	font-size: 14px;
	background: url(../images/ai-index/tips-detail.png) no-repeat center left;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.feature-detail-title {
	font-size: 21px;
	line-height: 1.4;
	font-weight: 700;
	color: #ffbd00;
	margin-bottom: 5px;
}
.feature-detail-title span {
	color: #ffffff;
}
.feature-detail-desc {
	font-size: 17px;
	line-height: 1.4;
	color: #e3e3e3;
}
.effect-feature-container {
	position: absolute;
	z-index: 2;
	bottom: 95px;
	left: 50%;
	width: 100%;
	max-width: 1280px;
	transform: translateX(-50%);
	color: #fff;
}
.effect-feature-pe {
	text-align: left;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate(-20px, -100%);
}
.effect-feature-pe-rt {
	text-align: left;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translate(100px, -100%);
}
.m-audio-content {
	position: relative !important;
	bottom: 0 !important;
}
.thumb-feature {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	transform: translateY(-50%);
	position: relative;
	z-index: 4;
}
.thumb-feature ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.thumb-feature ul li {
	position: relative;
	cursor: pointer;
	border-radius: 13px;
}
.thumb-feature ul li.active {
	outline: 2px solid #ffa800;
}
.thumb-feature ul li.active p {
	bottom: 50%;
	transform: translateY(50%);
}
.thumb-feature ul li p {
	position: absolute;
	bottom: 3%;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 17px;
}
.thumb-feature ul li p span {
	color: #ffac1c;
}
.main01{
	background: url(../images/ai-index/bg-main01.png) no-repeat center top #F7F7FA;
	background-size: 100% auto;
}
@media (max-width: 1400px) {
	.effect-picture-magnifying {
		zoom: 0.7;
	}
	.effect-feature-pe-rt {
		transform: translate(20px, -50%);
	}
}
@media (max-width: 1200px) {
	.thumb-feature {
		transform: translateY(15px);
	}
	.effect-feature-container {
		padding: 0 15px;
		box-sizing: border-box;
	}
	.effect-feature-pe {
		transform: translate(0, -100%);
	}
	.effect-feature-pe-rt {
		transform: translate(-5%, -30%);
	}
	.thumb-feature {
		padding: 0 15px;
		box-sizing: border-box;
	}
	.thumb-feature ul {
		flex-wrap: wrap;
		justify-content: space-around;
		gap: 10px;
	}
	.effect-feature-container {
		bottom: 3%;
	}
}
@media (max-width: 992px) {
	.effect-picture-magnifying {
		zoom: 0.5;
	}
	.effect-feature-pe {
		zoom: 0.7;
		transform: translate(0, 0);
		bottom: 170%;
	}
	.effect-feature-pe-rt {
		zoom: 0.7;
		transform: translate(0, 0);
		bottom: 100%;
		right: 3%;
	}
	.main01{
		background-size: auto 900px;
	}
}
@media (max-width: 768px) {
	.effect-picture-magnifying {
		zoom: 0.4;
	}
	.effect-feature {
		padding-top: 15%;
	}
	.effect-feature-pe {
		bottom: 135%;
	}
	.m03-formats {
		padding: 0 10px;
		box-sizing: border-box;
		width: 100%;;
	}
}
@media (max-width: 576px) {
	.effect-feature-flex {
		display: none;
	}
	.effect-picture-magnifying {
		zoom: 0.25;
	}
}
/*----------------add recommend 20250718--------------*/
.DivMain05 { background: #faf9f6; padding: 80px 0 40px; border: 8px solid #fff; border-left: none; border-right: none;   }
.DivMain05 .details { text-align: center; position: relative; height: 350px; }
.DivMain05 h3 { font-size: 37px; }
.DivMain05 .left {  width: 15px; height: 25px; position: absolute; left: 15px; top: 175px; cursor: pointer; }
.DivMain05 .right {  width: 15px; height: 25px; position: absolute; right: 15px; top: 175px; cursor: pointer;  }
.DivMain05 .comment { width: 900px; overflow: hidden; position:relative; height: 350px; margin: 0 auto; }
.DivMain05 .comment .Textual { width:6000px;  position: absolute; left: 0; }
.DivMain05 .comment .Textual .text {  width: 900px; float: left; padding: 50px 0 0;  }
.DivMain05 .comment .Textual .text .web { padding: 10px 0; }
.DivMain05 .comment .Textual p { font-size: 21px; text-align: center; padding: 5px 20px; line-height: 34px; color: #333; }
.DivMain05 .comment .Textual .ple { width: 264px; margin: 0 auto; padding: 15px 0 0; }
.DivMain05 .comment .Textual .ple .cit { width: 64px; height: 64px; float: left; }
.DivMain05 .comment .Textual .ple .stat {  width: 180px; float: right; padding: 5px 0 0; text-align: left; }
.DivMain05 .comment .Textual .ple .stat h4 {  font-size: 17px; }

@media (max-width: 979px) {
	.DivMain05 h3 { font-size: 21px; }
	.DivMain05 .comment { width: 700px;  height: 450px;  }
	.DivMain05 .comment .Textual .text {  width: 700px;  }
}
@media (max-width: 767px) {
	.DivMain05 .comment { width: 400px;  height: 650px;  }
	.DivMain05 .comment .Textual .text {  width: 400px;  }
	.DivMain05 .comment .Textual .ple { display: none; }
	.DivMain05 .comment .Textual p { font-size: 17px;  line-height: 27px;  }
}

@media (max-width: 479px) {
	.DivMain05 .comment { width: 300px; height: 300px;  }
	.DivMain05 .comment .Textual .text {  width: 300px;  height: 300px;  }
	.DivMain05 .comment .Textual p { font-size: 15px;  line-height: 25px;  }
}