html{font-size:10px}body{margin:0}*{box-sizing:border-box}.wrap{width:100%;min-width:122rem;min-height:108rem}.wrap .bg-page{flex-direction:column}.wrap .bg-page,.wrap .bg-tv-page{display:flex;min-width:100%;position:relative}.wrap .bg-tv-page{flex-direction:row}.wrap .bg-tv-page .bg-download{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;font-size:1.6rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:#000}.wrap .bg-tv-page .bg-download .text-content{min-width:32rem;font-size:3.2rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:600;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrap .bg-tv-page .bg-download .text-content .btn-content{height:4rem;width:18rem;margin-top:1.5rem;font-size:1.5rem;text-decoration:none;font-weight:400;text-align:center;line-height:4rem;background:#ff6418;color:#fff;border-radius:4rem}.wrap .bg-tv-page .bg-download .logo-content{width:55rem;margin-left:2rem}.wrap .footer-page{min-width:100%;height:27.8rem;background:#0d0d0d}.wrap .footer-page .footer-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto;height:27.8rem;margin:0 auto;color:#fff}.wrap .footer-page .footer-content .about{width:auto;height:4.4rem;font-size:1.6rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#bdbdbd;line-height:2.7rem}.wrap .footer-page .footer-content .about .goweb{margin-right:2rem;cursor:pointer;color:#bdbdbd}.wrap .footer-page .footer-content .about .desc2{margin-left:2rem}.wrap .footer-page .footer-content .about2{width:auto;height:4.4rem;font-size:1.6rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#bdbdbd;line-height:2.7rem}.wrap .footer-page .footer-content .about2 .goweb2{margin-left:2rem;cursor:pointer;color:#bdbdbd}.wrap .footer-page .footer-content .about2 .desc2{margin-left:2rem}.wrap .header{position:fixed;top:0;left:0;width:100%;min-height:10rem;background:rgba(0,0,0,.75);z-index:2}.wrap .header .header-content{justify-content:space-between;width:122rem;min-height:10rem;margin:0 auto}.wrap .header .header-content,.wrap .header .header-content .left-header{display:flex;align-items:center}.wrap .header .header-content .left-header img{width:14.5rem;height:5.9rem}.wrap .header .header-content .nav-header{display:flex;width:43rem;color:#fff;font-weight:500;justify-content:flex-end}.wrap .header .header-content .nav-header .nav-item{display:flex;align-items:center;min-width:7.2rem;cursor:pointer;margin-right:4.7rem;text-decoration:none;color:#fff}.wrap .header .header-content .nav-header .nav-item:last-child{margin-right:0}.wrap .header .header-content .nav-header .nav-item .item-content{width:100%;height:3.5rem;line-height:2.5rem;vertical-align:top;font-size:1.8rem;font-weight:500;text-align:center}.wrap .header .header-content .nav-header .nav-item .active{border-bottom:.2rem solid #14cbcb}.wrap .page1{display:flex;flex-direction:column;justify-content:flex-end;min-width:100%;min-height:100vh;padding-bottom:16.4rem;background:url(https://cdn.leoao.com/litta/download/page1_bg.png) no-repeat;background-size:cover;position:relative}.wrap .page1 .mask{background:rgba(0,0,0,.7)}.wrap .page1 .mask,.wrap .page1 .mask2{position:absolute;top:0;left:0;width:100%;height:100%}.wrap .page1 .mask2{background:#484848;z-index:-1}.wrap .page1 .logo{position:absolute;left:calc(50% - 12rem);top:calc(50% - 14.5rem)}.wrap .page1 .logo img{width:24rem;height:29rem}.wrap .page1 .download{display:flex;justify-content:space-between;width:122rem;margin:0 auto}.wrap .page1 .download .tips{font-size:2.8rem;font-weight:200;text-align:left;color:#fff;border-bottom:.1rem solid #14cbcb;font-family:PingFangSC,PingFangSC-Thin;z-index:1}.wrap .page1 .download .qr-wrap{display:flex;font-weight:600;z-index:1;width:5rem;height:5rem;position:relative}.wrap .page1 .download .qr-wrap img{width:5rem;height:5rem}.wrap .page1 .download .qr-wrap .big-qrcode{position:absolute;top:-19.8rem;left:-16rem;width:16rem;height:19.8rem;display:flex;flex-direction:column}.wrap .page1 .download .qr-wrap .big-qrcode img{width:16rem;height:16rem}.wrap .page1 .download .qr-wrap .big-qrcode .tip{width:16rem;height:2.2rem;font-size:1.6rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:center;color:#fff;line-height:2.2rem;margin-top:1.6rem}.wrap .page1 .page1-fixed{position:absolute;bottom:0;left:0;width:100%;height:10rem;background:transparent}.wrap .page2{min-width:100%;min-height:100vh;background:url(../img/page2_bg.bb579c74.png) no-repeat;background-size:cover}.wrap .page2 .page2-content{width:122rem;min-height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.wrap .page2 .page2-content .left-wrap{width:50.3rem}.wrap .page2 .page2-content .left-wrap .left-top{width:50.3rem;padding-bottom:3.9rem;border-bottom:.1rem solid #e2e2e2;display:flex}.wrap .page2 .page2-content .left-wrap .left-top .logo{width:14.3rem;height:14.3rem;margin-right:2.1rem}.wrap .page2 .page2-content .left-wrap .left-top .logo img{width:100%;height:100%}.wrap .page2 .page2-content .left-wrap .left-top .logo-content{display:flex;flex-direction:column;height:14.3rem;justify-content:center}.wrap .page2 .page2-content .left-wrap .left-top .logo-content .title{width:10.5rem;height:5.3rem;font-size:3.8rem;font-family:PingFangSC,PingFangSC-Semibold;font-weight:600;text-align:left;color:#1c1c1c;line-height:5.3rem}.wrap .page2 .page2-content .left-wrap .left-top .logo-content .content{min-width:29.4rem;height:2.9rem;font-size:2.1rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#1c1c1c;line-height:2.9rem}.wrap .page2 .page2-content .left-wrap .left-top .logo-content .download{width:13rem;height:4.8rem;background:#14cbcb;border-radius:2.4rem;font-size:1.8rem;font-weight:600;text-align:center;color:#fff;line-height:4.8rem;cursor:pointer}.wrap .page2 .page2-content .left-wrap .left-bottom{margin-top:3.2rem}.wrap .page2 .page2-content .left-wrap .left-bottom .intro{width:50.3rem;min-height:16rem;font-size:1.4rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#1c1c1c;line-height:2.8rem}.wrap .page2 .page2-content .left-wrap .left-bottom .qrcode{width:16rem;height:19.8rem;display:flex;flex-direction:column}.wrap .page2 .page2-content .left-wrap .left-bottom .qrcode img{width:16rem;height:16rem}.wrap .page2 .page2-content .left-wrap .left-bottom .qrcode .tips{width:16rem;height:2.2rem;font-size:1.6rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:center;color:#191a1b;line-height:2.2rem;margin-top:1.6rem}.wrap .page2 .page2-content .right-wrap{display:flex;align-items:center;justify-content:flex-end;width:66.8rem;height:69.6rem}.wrap .page2 .page2-content .right-wrap img{width:100%;height:100%}.wrap .bridge{min-width:100%;height:43.4rem;background:url(../img/bridge_bg.6a793b41.png) no-repeat;background-size:cover}.wrap .bridge .bridge-content{width:122rem;height:43.4rem;display:flex;justify-content:space-between;margin:0 auto}.wrap .bridge .bridge-content .item{display:flex;flex-direction:column;align-items:center;color:#fff}.wrap .bridge .bridge-content .item .img-wrap{width:15.5rem;height:10rem;margin-top:9.6rem}.wrap .bridge .bridge-content .item .img-wrap img{width:100%;height:100%}.wrap .bridge .bridge-content .item .title{width:9.6rem;height:3.3rem;font-size:2.4rem;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;text-align:center;color:#fff;line-height:3.3rem;border-bottom:.1rem solid #14cbcb;margin-top:2.8rem;margin-bottom:.8rem}.wrap .bridge .bridge-content .item p{width:28rem;min-height:6rem;text-align:center;color:#ccc;line-height:2rem}.wrap .page3{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;min-width:100%;min-height:100vh;padding-bottom:7.5rem;background:url(../img/page3_bg@2x.fec811ca.png) no-repeat;background-size:cover}.wrap .page3 .main{min-width:84rem;height:24rem;font-size:4.2rem;font-family:PingFangSC,PingFangSC-Thin;font-weight:200;text-align:center;color:#1c1c1c;line-height:6rem;margin-top:12rem;margin-bottom:9rem;position:relative}.wrap .page3 .main .line{position:absolute;width:30rem;height:2.5rem;background:#14cbcb;opacity:.35}.wrap .page3 .main .one-line{top:8rem;left:10rem;z-index:-1}.wrap .page3 .main .two-line{top:14rem;left:50rem;z-index:-1}.wrap .page3 .main .three-line{top:20rem;left:16.5rem;z-index:-1}.wrap .page3 .logo{width:21.5rem;height:21.5rem;margin-bottom:9rem}.wrap .page3 .logo img{width:100%;height:100%}.wrap .page3 .content{min-width:56rem;min-height:9.6rem;font-size:1.4rem;font-weight:400;text-align:center;color:#1c1c1c;line-height:3.2rem}.wrap .page3 .share-icon{display:flex;margin-top:4.8rem}.wrap .page3 .share-icon .img-wrap{display:flex;flex-direction:column;align-items:center}.wrap .page3 .share-icon .img-wrap span{margin-top:1rem;height:3.2rem;font-size:1rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:center;color:#1c1c1c;line-height:3.2rem}.wrap .page3 .share-icon img{width:4.8rem;height:4.8rem;margin-right:2.8rem}.wrap .page3 .share-icon img:last-child{margin-right:0}.wrap .footer{min-width:100%;height:27.8rem;background:#202020}.wrap .footer .footer-content{display:flex;justify-content:space-between;align-items:center;width:122rem;height:27.8rem;margin:0 auto;color:#fff}.wrap .footer .footer-content .logo{width:18.3rem;height:7.5rem}.wrap .footer .footer-content .logo img{width:100%;height:100%}.wrap .footer .footer-content .about{width:53.9rem;height:5.4rem;font-size:1.6rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#7d7d7d;line-height:2.7rem}.wrap .footer .footer-content .about .goweb{margin-right:2.7rem;cursor:pointer;color:#7d7d7d;text-decoration:none}.wrap .footer .footer-content .about .about-list{display:flex;justify-content:space-between;color:#fff;margin-bottom:2.5rem}.wrap .footer .footer-content .about .about-list .item{display:flex;flex-direction:column}.wrap .footer .footer-content .about .about-list .item .title{font-weight:700;margin-bottom:.5rem}.wrap .footer .footer-content .about .about-list .item span{line-height:1.8rem}.wrap .footer .footer-content .about .about-bottom{font-size:1rem;color:#666;text-align:center}.wrap .footer .footer-content .contact{display:flex;justify-content:space-between;align-items:center;width:34.6rem}.wrap .footer .footer-content .contact .word{width:10.5rem;height:5.4rem;font-size:1.6rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#7d7d7d;line-height:2.7rem}.wrap .footer .footer-content .contact .line{width:.1rem;height:4.1rem;background:#7d7d7d}.wrap .footer .footer-content .contact .phone .pre{width:4.7rem;height:2.5rem;font-size:1.8rem;font-family:Manrope3,Manrope3-Regular;font-weight:400;text-align:left;color:#7d7d7d;line-height:2.5rem}.wrap .footer .footer-content .contact .phone .suf{width:11.7rem;height:3.4rem;font-size:2.4rem;font-family:Manrope3,Manrope3-Regular;font-weight:400;text-align:left;color:#7d7d7d;line-height:3.4rem}.wrap .footer .footer-content .contact p{line-height:1.8rem}@media screen and (max-width:1024px){html{font-size:.66667vw}html .wrap .bg-page{min-height:13.7rem}html .wrap .page1,html .wrap .page2,html .wrap .page2 .page2-content,html .wrap .page3{min-height:84rem}}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}