@font-face{font-family:Sora;font-weight:300;font-style:normal;src:url(/dist/font/Sora-Light.ttf);font-display:swap}@font-face{font-family:Sora;font-weight:bold;font-style:normal;src:url(/dist/font/Sora-Bold.ttf);font-display:swap}@font-face{font-family:Sora;font-weight:normal;font-style:normal;src:url(/dist/font/Sora-Regular.ttf);font-display:swap}@font-face{font-family:Sora;font-weight:500;font-style:normal;src:url(/dist/font/Sora-Medium.ttf);font-display:swap}body{line-height:1.5;width:100%;background-color:#fff;overflow-x:auto}a,article,b,body,dd,div,dl,dt,em,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,img,input,label,li,ol,p,section,span,strong,table,td,th,thead,tr,ul{margin:0;padding:0;border:0;font-weight:400;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box}li{list-style:none}a{color:#1e1c2c;text-decoration:none;-webkit-backface-visibility:hidden}b,strong{font-weight:600;font-style:normal}em,i{font-style:normal}html,body{width:100%;background:url("/dist/img/face-swap/body-bg.png") no-repeat center;background-size:cover}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}button,input{-webkit-appearance:none;border-radius:0;outline:0;border:none;appearance:none !important}.wrapper{position:relative;margin:0 auto !important;max-width:1200px;width:92%}.blog-nav-fixed{position:fixed;width:100%;height:64px;top:89px;left:0;background-color:#ecf6ff;z-index:9;display:flex;justify-content:center;align-items:center}.blog-nav .back-blog{width:30px;height:30px;border-radius:50%;background-color:#fff;cursor:pointer;margin-left:72px}.blog-nav .back-blog:hover{background-color:#ddd}.blog-nav .blog-nav-content{max-width:1200px;height:100%;width:92%;display:flex;flex-direction:row;align-items:center;margin-left:40px}.blog-nav .blog-nav-content li{font-family:Sora;font-size:14px;margin-right:40px;display:flex}.blog-nav .blog-nav-content li:hover a{color:#0f45f5}.blog-nav .blog-nav-content li::before{content:"";margin-right:10px;margin-top:6px;width:6px;height:6px;border-radius:50%;background-color:#498afd}.article-pagination{display:flex;justify-content:center;margin-bottom:118px}.article-pagination .num{display:flex;height:52px;background-color:#fff;border:1px solid #ccc;border-radius:6px;margin-right:18px;overflow:hidden}.article-pagination .num button{background-color:#fff;border-right:1px solid #ccc;font-size:14px;font-family:Sora}.article-pagination .num button:last-child{border:none}.article-pagination .num .next,.article-pagination .num .pre{width:46px;cursor:pointer}.article-pagination .num .next{transform:rotate(180deg)}.article-pagination .num .page{width:46px;height:100%;cursor:pointer}.article-pagination .num .page.active{background-color:#c9ddff;border:1px solid #0f45f5;color:#0f45f5}.article-pagination .last{width:64px;height:52px;background:#fff;border:1px solid #ccc;border-radius:6px;color:#333;font-size:14px;font-family:Sora;cursor:pointer}.nav-header-fixed{width:100%;height:86px;background-color:#fff;border:1px solid #e9ecf6;display:flex}.nav-header .nav-logo{display:flex;align-items:center;font:normal normal bold 30px/43px Teko;letter-spacing:0;color:#202020}.nav-header .nav-logo img{width:86px;height:35px}.nav-header .nav-header-middle{max-width:1200px;width:92%;margin-left:auto;margin-right:auto;display:flex;flex-direction:row;align-items:center}.nav-header-middle .nav-logo .nav-logo-img{vertical-align:middle}.nav-menu{height:100%;flex:2}.nav-header #toggle-mobile-nav{display:none}.nav-header #mobile-nav-menu{display:none}.nav-header .mobile-menu{transform:translateY(-1000%)}.nav-header .menu-contanier{display:none}.nav-menu ul{margin-left:70px;height:100%;display:flex;justify-content:end;align-items:center}.nav-menu ul li{margin-right:28px;font-family:Sora;font-size:16px;letter-spacing:0}.nav-menu ul li a{display:inline-block;padding:8px 10px;text-align:center;border-radius:6px;font:normal normal medium 16px/21px Sora;letter-spacing:0;color:#202020}.scroll-animation.on .showup{opacity:1;transform:translate3d(0, 0, 0)}.showup{transition-duration:0.6s;transition-property:all;opacity:0;transform:translate3d(0, 50%, 0)}.showup.on{opacity:1;transform:translate3d(0, 0, 0)}.delay0{transition-delay:0s}.delay1{transition-delay:0.1s}.delay2{transition-delay:0.2s}.delay3{transition-delay:0.3s}.delay4{transition-delay:0.4s}.delay5{transition-delay:0.5s}.delay6{transition-delay:0.6s}.delay7{transition-delay:0.7s}.delay8{transition-delay:0.8s}.delay9{transition-delay:0.9s}.nav-menu ul li a.nav-menu-item:hover{color:#252525;background-color:#f5f5f5}.nav-menu ul li:last-child{margin-right:0}.nav-button{position:relative;width:160px;height:50px;background:#0f45f5;border-radius:11px;color:#fff;font-family:Sora;font-size:16px;cursor:pointer;transition:all 0.2s}.btn-hover .right-arrow{margin-left:8px}.btn-hover>span{position:relative;z-index:3}.btn-hover::before{content:"";position:absolute;left:0;top:0;width:20%;height:100%;z-index:-1;border-radius:11px;background-color:#000;transition:all 0.2s}.btn-hover:hover{background:0 0;z-index:1}.btn-hover:hover:before{width:100%;z-index:2}#footer{width:100%}.footer-bottom{width:100%;height:222px;display:flex;justify-content:center}.footer-bottom .wapper{width:1200px;padding-top:40px;border-top:1px solid #E6E6E6;display:flex;justify-content:space-between}.footer-left{width:374px;display:flex;flex-direction:column;justify-content:space-between}.footer-left .footer-logo{display:flex;flex-direction:column;margin-bottom:16px;text-align:left;font:normal normal bold 30px/43px Teko;letter-spacing:0;color:#202020}.footer-left .footer-logo img{width:86px;height:35px}.footer-left .footer-logo-font{text-align:left;font:normal normal normal 16px/21px Sora;letter-spacing:0;display:flex;margin-bottom:7px;color:#8b8b8b}.footer-left .footer-logo-des{font:normal normal normal 14px/19px Sora;color:#2c374f;margin-bottom:48px}.footer-bottom .footer-right{display:flex;flex-wrap:nowrap;justify-content:flex-start;padding-right:40px}.footer-bottom .footer-right>ul{margin-right:87px}.footer-bottom .footer-right>ul>li,.footer-bottom .footer-right>ul>li a{font:normal normal 300 14px/18px Sora;color:#2a2f4f;margin-bottom:14px}.footer-bottom .footer-right>ul>li:hover{text-decoration:underline}.footer-bottom .footer-right>ul>li:first-child{color:#1b1e37;font:normal normal normal 18px/22px Sora;margin-bottom:26px}.footer-bottom .footer-right>ul>li:first-child:hover{text-decoration:none;cursor:default}.footer-bottom .backtop{width:56px;height:56px;position:fixed;right:100px;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s;bottom:-170px;opacity:0;z-index:5}.footer-bottom .backtop.active{bottom:170px;opacity:1}.fix-footer{position:sticky;bottom:0;width:100%;display:flex;justify-content:center;height:58px;box-shadow:0px 4px 14px #39325a1f;background-color:#fff;align-items:center;z-index:1000}.fix-footer .fix-footer-title{font:normal normal 300 14px/32px Sora;text-align:center;color:#2a2f4f;align-items:center;display:flex}.fix-footer .fix-footer-title a{color:#577EFC;text-decoration:underline}.fix-footer #footer_btn{border:1px solid #577EFC;padding:0 16px;height:32px;font:normal normal 300 14px/32px Sora;color:#577EFC;background-color:#fff;margin-left:24px;white-space:nowrap;cursor:pointer}@media (min-width: 1200px){.nav-menu ul li a:hover{color:#281fae}#footer_btn:hover{color:#281FAE;border:1px solid #281FAE}}@media (max-width: 1200px){.fix-footer{height:1.49rem;padding:0 .55rem}.fix-footer .fix-footer-title{font:normal normal 300 .22rem/.34rem Sora}.fix-footer #footer_btn{height:.65rem;font:normal normal 300 .24rem/.55rem Sora;margin-left:.68rem;padding:0 .35rem}.nav-header .nav-header-middle{border-bottom:0.02rem solid #d4dce9;position:relative;width:100%;padding:0 0.6rem}.nav-header-fixed{height:1.28rem;box-sizing:border-box}.nav-header .nav-logo img.mobile{display:inline-block}.nav-header .nav-logo img{width:1.23rem;height:0.51rem;content:url("/dist/img/face-swap/logo.svg")}.nav-header .nav-menu{display:none}.nav-header .nav-logo-img{width:2.24rem;height:0.56rem}.nav-header #toggle-mobile-nav{display:flex;justify-content:space-around;align-items:start;flex-direction:column;width:0.4rem;margin-left:auto}.nav-header #toggle-mobile-nav .line{width:100%;height:0.04rem;border-radius:10%;background:#2c374f}.nav-header #toggle-mobile-nav .line+.line{margin-top:0.1rem}.nav-header #toggle-mobile-nav .line:nth-child(3){width:60%}.nav-header #toggle-mobile-nav .close{display:none}.nav-header #toggle-mobile-nav.active .line{display:none}.nav-header #toggle-mobile-nav.active .close{display:block;width:0.4rem;height:0.4rem}.nav-header #mobile-nav-menu{display:none;position:fixed;width:100%;height:100vh;top:1.28rem;left:0}.nav-header #mobile-nav-menu.active{display:block}.nav-header #mobile-nav-menu .shadow{width:100%;height:100%;background-color:#000;opacity:0.16}.nav-header .menu-contanier{display:block;position:fixed;top:1.27rem;width:100%;height:6.6rem;overflow:hidden;z-index:-1}.nav-header .mobile-menu.active{transform:translateY(0)}.nav-header .mobile-menu{transform:translateY(-120%);background:#fff;transition:all 0.3s}.nav-header .mobile-menu li{width:6.6rem;height:1.1rem;margin:0 auto;border-bottom:0.01rem solid #d4dce9;display:flex;align-items:center;position:relative}.nav-header .mobile-menu li:last-child{border:none}.nav-header .mobile-menu li a{font:normal normal 500 0.3rem/0.5rem Sora;color:#2c374f;display:block;width:100%;z-index:1}.nav-button{display:none}.footer-bottom{height:100%}.footer-bottom .wapper{width:6.6rem;margin:0;border-top:1px solid #E6E6E6 !important;margin-top:.6rem;padding-top:0.64rem;display:flex;border-top:.01rem solid #E6E6E6;flex-direction:column-reverse;position:relative;justify-content:flex-end}.footer-bottom .footer-left{margin:0;width:100%;box-sizing:border-box;padding-bottom:0.7rem}.footer-left .footer-logo{font:normal normal 600 0.36rem/0.55rem Sora;margin-bottom:0.12rem;margin-top:0.64rem;color:#2a2f4f}.footer-left .footer-logo img{width:1.23rem;height:0.51rem;content:url("/dist/img/face-swap/logo.svg")}.footer-left .footer-logo-des{color:#2a2f4f;margin-bottom:0.4rem;font:normal normal 300 0.26rem/0.34rem Sora}.footer-left .footer-logo-font{text-align:left;color:#2a2f4f;width:100%;font:normal normal 300 0.2rem/0.16rem Sora}.footer-left .footer-logo-font div{font:normal normal 300 0.2rem/0.16rem Sora}.footer-bottom .footer-right{display:flex;justify-content:space-around;flex-direction:column;padding-right:0}.footer-bottom .footer-right>ul{margin:0;display:flex;flex-direction:column}.footer-bottom .footer-right>ul li{color:#6f6f6f;margin-bottom:0.24rem}.footer-bottom .footer-right>ul li a{font:normal normal 300 0.28rem/0.35rem Sora}.footer-bottom .footer-right>ul li:hover{text-decoration:none}.footer-bottom .footer-right>ul li:last-child{margin-bottom:0.4rem}.footer-bottom .footer-right>ul>li:first-child{margin-bottom:0.24rem;font:normal normal normal 0.36rem/0.45rem Sora}.blog-nav-fixed{top:0.96rem;height:1.12rem}.blog-nav .back-blog{margin-left:0.36rem}.blog-nav .blog-nav-content{width:100%;margin-left:40px;overflow-x:scroll}.blog-nav .blog-nav-content li a{white-space:nowrap}.blog-nav-fixed .blog_nav_next{display:block;position:absolute;top:50%;transform:translateY(-50%);right:0.36rem}.article-pagination{margin-bottom:1.6rem}.article-pagination .num{height:1.04rem}.article-pagination .num .page{width:0.72rem}.footer-bottom .backtop{width:44px;height:44px;right:18px;background-size:contain}.footer-bottom .backtop.active{bottom:50px}}header{position:sticky;width:100%;top:0;background-color:#fff;z-index:10}