:root{--vt-gray: #8B8796;--vt-purple: #8703F2;--vt-purple-hight: #C985FF;--vt-blue: #1594FF}body{background:#130d22 url(../images/banner-bg.webp) no-repeat top center;color:#fff;overflow-x:hidden}.banner-bg{background:url(../images/vt-iu-banner-bg.webp) no-repeat top center;background-size:cover}.h42{font-size:42px}.pcolor{color:var(--vt-gray)}.block-center{display:flex;align-items:center}.vt-btn{display:inline-block;font-size:28px;background:linear-gradient(to right,#8703F2,#1594FF);color:#fff;padding:16px 60px;border-radius:60px;font-weight:500;transition:.3s linear;top:0;position:relative;box-shadow:0 4px 8px rgb(0,0,0,.1)}.vt-btn:hover{color:#fff;top:-5px;box-shadow:0 8px 16px rgb(0,0,0,.4)}.banner-photo{position:relative}.banner-item01{position:absolute;left:-280px;top:-300px}.banner-item02{position:absolute;left:-180px;top:100px}.banner-item03{position:absolute;right:-240px;top:-100px}.works-on{display:flex;align-items:center;justify-content:center}.works-on span{font-size:18px;color:#ccc;margin-right:10px}.works-on a{margin-right:10px}.iconbtn{padding:0}.vt-btn-line{display:inline-block;border:2px var(--vt-purple-hight) solid;color:var(--vt-purple-hight);border-radius:30px;padding:12px 30px;font-size:18px;display:flex;align-items:center;justify-content:center;width:40%}.w60{width:80%}.vt-btn-line i{font-size:24px;position:relative;left:10px;transition:.3s linear}.vt-btn-line:hover{color:var(--vt-purple-hight);border:2px var(--vt-purple-hight) solid}.vt-btn-line:hover i{left:16px}.than-block{padding:0}.than-pd1{margin:60px 0}.than-pd2{margin:300px 0}.than-pd3{margin:0 0 150px;padding:50px 0 0}.than-item{background:url(../images/than-bg.webp) no-repeat top center;background-size:cover;position:sticky;position:-webkit-sticky;top:calc(50vh - 350px);height:700px}.than-item section{opacity:0;transition:.3s linear;position:absolute;top:0;width:100%;height:auto;display:flex;align-items:center;justify-content:center}.than-item .active{opacity:1!important}.clone-block-bg{overflow:hidden;width:80%;margin:0 auto}.clone-block-bg video{width:120%;height:auto;z-index:1;transform:translateX(-10%)}.clone-block{padding:100px 0;position:relative}.clone-block::before{content:'';display:block;width:500px;height:753px;background:url(../images/clone-left.webp) no-repeat;position:absolute;left:-300px;top:0;z-index:2}.clone-block::after{content:'';display:block;width:500px;height:753px;background:url(../images/clone-right.webp) no-repeat;position:absolute;right:-300px;top:20px;z-index:2}.why-item{text-align:center;padding:30px;height:100%;background:#282138;border-radius:30px}.why-item p b{font-size:24px}.why-item p span{color:var(--vt-gray)}.pd10{padding:20px}.install-item{text-align:center;background:linear-gradient(to bottom,#282138,rgb(40,33,56,0));width:100%;padding:30px;text-align:center;border-radius:30px}.install-item p b{font-size:24px}.install-item-more a{color:var(--vt-purple-hight)}.install-item-more a i{position:relative;left:0;top:1px;transition:.3s linear}.install-item-more a:hover i{left:5px}.install-item-btn a{display:inline-block;align-items:center;justify-content:center;padding:10px 30px;font-size:20px;color:#fff!important}.install-item-btn a i{transition:.3s linear;font-size:22px;margin:0 4px 0 0;position:relative;top:2px}.install-btn{padding:30px 0 0}.install-btn a{margin:8px;display:inline-block}.install-btn a i{font-size:24px;margin:0 4px 0 0;position:relative;top:2px}.vt-btn-full{background:linear-gradient(to right,#8703F2,#1594FF);font-size:18px;font-weight:500;border-radius:60px;padding:12px 30px;color:#fff;box-shadow:0 2px 4px rgb(0,0,0,.1);position:relative;top:0;transition:.3s linear}.vt-btn-full:hover{color:#fff;top:-3px;box-shadow:0 2px 4px rgb(0,0,0,.3)}.vt-btn-line2{font-size:16px;font-weight:500;border-radius:60px;padding:12px 30px;color:var(--vt-purple);border:2px var(--vt-purple) solid}.vt-btn-line2:hover{color:var(--vt-purple-hight);border:2px var(--vt-purple-hight) solid}.pmin{min-height:100px}.scenes-photo{display:flex;width:100%;height:540px;overflow:hidden;border-radius:30px}.scenes-item{border-bottom:1px #322949 solid;height:auto;display:flex;align-items:center;cursor:pointer;padding:18px 0}.scenes-item p{width:100%!important;margin:0;padding:0}.scenes-item p b{font-size:24px;color:var(--vt-gray)}.scenes-item p span{color:var(--vt-gray)}.scenes-item p:nth-child(2){display:none}.scenes-item:hover p b{color:var(--vt-purple-hight)}.scenes-list .active{border-bottom:1px var(--vt-purple-hight) solid}.scenes-list .active p b{color:var(--vt-purple-hight)!important}.scenes-list .active p:nth-child(2){display:block!important}.scmd{display:flex;align-items:center}.vc-faq-main{border-radius:30px;padding:30px;margin-top:50px}.fc-buy-faq{list-style:none;padding:40px 0}.fc-buy-faq li{border-bottom:1px #d6d6d6 solid;padding:30px 0}.fc-buy-faq li b{display:block;padding:8px 0;font-size:24px;color:#fff}.fc-buy-faq li b:hover{cursor:pointer;color:var(--vt-purple)}.fc-buy-faq li b::after{content:'\e62f';font-family:fs;font-size:28px;float:right}.fc-buy-faq li div{font-size:20px;padding:0;color:#333;display:block;height:0;transition:height .5s;overflow:hidden}.fc-buy-faq li div p{color:#000}.buy-faq-show{height:200px!important;line-height:2rem;padding:10px 0;overflow:hidden}.buy-faq-sel{color:var(--vt-purple)}.buy-faq-sel::after{transform:rotate(45deg);transition:transform .1s linear}.tips-link{display:block;color:#333;text-align:center;margin:20px;font-size:18px}.tips-link:hover{color:var(--vt-purple)}.faq-block{border-bottom:1px #261f38 solid}.faq-title{font-size:22px;padding:20px 0;cursor:pointer;position:relative;color:var(--vt-gray)}.faq-title::after{content:'\e62f';font-family:fs;display:block;position:absolute;right:0;margin:-30px 0 0;transition:transform .3s linear;font-weight:700;font-size:18px}.faq-title:hover{color:var(--vt-purple-hight)}.sel{color:var(--vt-purple-hight)}.sel::after{transform:rotate(45deg)}.faq-content{font-size:18px;padding:16px 0;display:none;color:var(--vt-gray)}.faq-content a{color:var(--vt-purple-hight)}.faq-content a:hover{color:var(--vt-purple-hight);text-decoration:underline}.acitve{display:block!important}.swiper{width:100%;height:500px;background:#1a132a;border-radius:30px;margin:30px 0;position:relative;overflow:hidden}.swiper-slide{text-align:center;font-size:18px;display:flex!important;justify-content:center;align-items:center}.swiper-pagination-bullet-active{background:var(--tts-green)!important}.swiper-button-prev,.swiper-button-next{color:var(--tts-green)!important}.user-content{width:75%;margin:0 auto;padding:30px 0;overflow:hidden}.user-header{width:100%;display:flex;position:relative}.user-header-name{padding:0 0 0 16px;display:flex;align-items:center}.user-header::after{content:'';display:block;width:100px;height:100px;background:url(../images/user-icon.svg) no-repeat;position:absolute;right:0;top:0}.user-header-name div p{margin:0;padding:2px 0;text-align:left}.user-header-name div p span{color:gray}.user-text{text-align:left;padding:30px 0;color:gray}.user-text p b{color:#fff;font-size:24px}.user-header-photo img{border-radius:60px}.more-item{display:block;background:#1a132b;color:var(--vt-gray);padding:12px;border-radius:8px;margin:12px 0}.more-item:hover{color:var(--vt-purple-hight)}.vt-bottom{background:url(../images/vt-bottom-bg.webp) no-repeat center;background-size:cover;border-radius:30px;display:flex;align-items:center;justify-content:center;min-height:574px}.vt-bottom p b{display:block;text-align:center;font-size:32px;padding:8px 0 0}.vt-bottom h2{padding:12px 0}.wor{border:1px #fff solid}.avc-photo{position:relative}.avc-list{background:url(../images/avc-list-bg.webp) no-repeat;height:560px;max-width:600px;overflow:hidden;width:80%;background-size:cover;border-radius:16px;margin:0 auto}.avc-list-header{display:flex;padding:16px 4% 0}.avc-list-header p{width:50%;margin:0;padding:0}.avc-list-header p:nth-child(1) b{font-size:20px;opacity:.6}.avc-list-header p:nth-child(2){display:flex;justify-content:end}.avc-list-header p:nth-child(2) button{border:0;background:0 0;color:#fff;font-size:16px;opacity:.6}.avc-list-header p:nth-child(2) button:hover{opacity:1}.avc-list-header p:nth-child(2) button i{display:inline-block;width:18px;height:18px;background-size:18px;position:relative;top:4px}.avc-list-block{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;justify-content:center;padding:4%;margin:0}.avc-list-block p{cursor:pointer;margin:0;padding:0;border-radius:16px;overflow:hidden;border:2px #000 solid}.avc-list-block p:hover{border:2px var(--vt-purple-hight) solid}.avc-list-block p img{width:100%;height:auto}.avc-list-block .sel{border:2px var(--vt-purple-hight) solid}.avc-tips{width:125px;height:102px;background:url(../images/avc-num-bg.webp) no-repeat;position:absolute;left:-5%;top:-20px;text-align:center;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.avc-tips p{margin:0;padding:0;text-align:center;opacity:.8}.avc-tips p b{font-size:40px;display:block;padding:0;margin:0;display:block;line-height:42px}.avc-tips p span{display:block}.avc-player{width:340px;height:89px;background:url(../images/avc-play-bg.webp) no-repeat;position:absolute;right:0;bottom:-40px;backdrop-filter:blur(2px);display:flex;padding:8px;align-items:center}.avc-player-bttton{width:80px;height:80px;border:4px var(--vt-purple) solid;border-radius:100px;overflow:hidden;padding:0;margin:0;display:flex;justify-content:center;align-items:center;position:relative}.avc-player-bttton button{position:absolute;width:80px;height:80px;border:0;cursor:pointer}.avc-player-bttton button i{font-size:32px;color:#fff;opacity:.8}.avc-player-loading{background:url(../images/avc-play-loading1.svg) no-repeat left center;width:calc(100% - 110px);height:100%;margin:0 0 0 12px}.avc-player-loading p{width:0;height:100%;background:url(../images/avc-play-loading2.svg) no-repeat left center}.ic-pause{background:url(../images/ic-pause.svg) no-repeat center}.ic-play{background:url(../images/ic-play.svg) no-repeat center}.vp-main{padding:0}.vp-photo1{margin:60px 0 40px;text-align:center}.vp-photo2{margin:40px 0 40px 20px}.vp-photo3{margin:40px 0 40px 200px}.vp-player{width:518px;height:100px;background:url(../images/vp-play-bg.webp) no-repeat right center;margin:0 0 0 60px;position:relative;display:flex;align-items:center;justify-content:center;padding:0 60px 0 0}.vp-player::before{content:'';display:block;width:173px;height:168px;background:url(../images/vp-spongebob.webp) no-repeat;left:-140px;top:-50px;position:absolute;z-index:1}.vp-play-btn{width:42px;margin:0 8px 0 0}.vp-play-btn button{width:42px;height:42px;border:0;cursor:pointer;position:relative;z-index:4;opacity:.9}.vp-play-btn button:hover{opacity:1}.vp-play-btn .ic-play{background:url(../images/vp-play.svg) no-repeat}.vp-play-btn .ic-pause{background:url(../images/vp-pause.svg) no-repeat}.vp-play-loading{width:calc(100% - 120px);height:100%;background:url(../images/vp-loading1.svg) no-repeat left center}.vp-play-loading p{margin:0;padding:0;width:0;height:100%;background:url(../images/vp-loading2.svg) no-repeat left center}.sd-mian{width:85%;background:url(../images/sd-bg.webp) no-repeat;margin:0 auto;height:460px;border-radius:16px;margin:100px 0 0}.sd-keybind{height:60px;position:relative}.sd-keybind img{position:absolute;right:0;top:-20px;transform:rotate(-15deg)}.sd-list{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:30px;margin:0;justify-content:center;padding:30px}.sd-item-bg{background:linear-gradient(120deg,rgb(0,0,0,0.8),rgb(0,0,0,0),rgb(0,0,0,0.8));border-radius:16px;padding:4px;overflow:hidden;position:relative;z-index:10}.sd-item{background:linear-gradient(120deg,#A839FF,#550494);position:relative;border-radius:16px;height:80px;cursor:pointer;display:flex;align-items:center;justify-content:center}.itembg2{background:linear-gradient(120deg,#1298FE,#044A86)}.itembg3{background:linear-gradient(120deg,#DD6677,#550494)}.sd-item p{margin:0;padding:0}.sd-item p img{width:70px;height:70px}.sd-item p:nth-child(1){position:absolute}.sd-item p button{width:60px;height:60px;border:0;cursor:pointer;display:none}.sd-item:hover p button{display:block}.sd-item .ic-pause{background:url(../images/ic-pause.svg) no-repeat center}.sd-item .ic-play{background:url(../images/ic-play.svg) no-repeat center}.vm-mian{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;justify-content:center;align-items:center;margin:100px 0 0}.vm-item{background:#2d283a;border-radius:16px;padding:24px 16px}.vm-item-header{display:flex}.vm-item-header p{margin:0;padding:0;display:flex;align-items:center}.vm-item-header p:nth-child(1){width:calc(100% - 42px);display:flex;align-items:center}.vm-item-header p:nth-child(1) span{display:flex;align-items:center}.vm-item-header p:nth-child(1) span img{width:48px;border-radius:8px;margin:0 8px 0 0}.vm-item-header p:nth-child(1) span b{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;opacity:.8;font-weight:500}.vm-item-header p:nth-child(2){width:42px}.vm-item-header p:nth-child(2) a{border:0;width:42px;height:42px;background:url(../images/vm-transfer.svg) no-repeat}.vm-player{background:#3a3449;border-radius:8px;padding:8px;margin:16px 0 0;display:flex;height:56px;align-items:center}.vm-play-btn{width:36px;height:36px;background:#2d283a;border-radius:100px;overflow:hidden;margin:0 8px 0 0}.vm-play-btn button{width:36px;height:36px;border:0;cursor:pointer;opacity:.6}.vm-play-btn button:hover{opacity:1}.vm-play-btn .ic-play{background:url(../images/ic-play.svg) no-repeat center;background-size:22px 22px}.vm-play-btn .ic-pause{background:url(../images/ic-pause.svg) no-repeat center;background-size:22px 22px}.vm-loading{height:10px;background:#2d283a;border-radius:10px;width:calc(100% - 36px)}.vm-loading p{margin:0;padding:0;background:var(--vt-purple);border-radius:10px;width:0;height:100%}.floatnav{background:rgb(0,0,0,.2);z-index:100;backdrop-filter:blur(10px);border:0!important;top:0}.is-guide-main{padding:0 0 0 30px}.is-guide{display:flex;color:#fff;padding:16px 0;border-bottom:1px rgb(255,255,255,.1) solid}.is-guide:hover{color:var(--vt-purple-hight)}.is-guide:hover div:nth-child(2) p span{color:var(--vt-purple-hight)}.is-guide div:nth-child(1){width:42px;height:42px;display:flex;align-items:center;justify-content:center}.is-guide div:nth-child(1) i{font-size:38px}.is-guide div:nth-child(2){width:calc(100%-42px);padding:0 0 0 16px}.is-guide div:nth-child(2) p{margin:0;padding:0}.is-guide div:nth-child(2) p b{font-size:24px;padding:0 0 8px;display:block}.is-guide div:nth-child(2) p span{color:var(--vt-gray)}.pro-item{text-align:center;background:#282138;border-radius:16px;padding:30px;margin:16px 0}.pro-item p{margin:24px 0}.pro-item p b{font-size:24px;line-height:20px}.pro-item p span{color:var(--vt-gray)}.pro-item p a{background:linear-gradient(to right,var(--vt-purple),var(--vt-blue));color:#fff;padding:16px 30px;border-radius:30px}.pro-item p a i{position:relative;top:2px;left:5px;font-size:20px;transition:.3s linear}.pro-item p a:hover i{left:10px}.new-sonic-btn{display:flex;align-items:center;justify-content:center}.new-sonic-btn a{width:30%}.mr40{margin-right:40px}@media(max-width:1440px){}@media(max-width:1280px){}@media(max-width:1024px){}@media(max-width:992px){}@media(max-width:768px){.block-center{text-align:center}.than-block{text-align:center}.vt-btn-line{width:100%}.clone-block::after{display:none}.clone-block::before{display:none}.banner-item01{display:none}.banner-item02{display:none}.banner-item03{display:none}.vt-btn{width:100%;padding:16px 0}.than-item{display:none}.new-sonic-btn{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.new-sonic-btn a{width:90%;margin-top:20px;margin-right:0}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5){.vp-play::before{background:url(../images/vp-spongebob@2x.webp) no-repeat;background-size:173px 168px}}