.container-1{background-color:#f0f5f7}.container-2{font-size:15px;color:#555}.container-app{margin-top:20px;margin-bottom:20px}.container-app .header{margin-top:50px}.container-app .header .logo,.container-app .header .logo img{width:88px;height:88px}.container-app .header span{font-size:27px;margin-left:14px;color:#322067}.container-app .content{animation:contentIn 1s cubic-bezier(.55,.085,.68,.53) both;padding:0 30px}.container-app .content .title{font-size:50px;margin-top:60px;color:#0a0a0a;font-weight:700}.container-app .content .text{color:#0a0a0a;font-size:20px;margin-top:12px;margin-bottom:20px}.container-app .content .span{color:#333;font-size:15px;line-height:24px}.container-app .content .qr-code{margin-top:50px}.container-app .content .qr-code .qr-code-item{width:180px}.container-app .content .qr-code .qr-code-item img{width:180px;border-radius:6px;box-shadow:0 .0125rem .25rem #00000020!important}.container-app .content .qr-code .qr-code-item span{font-size:13px;margin-top:16px;color:#636972}.container-app .content .qr-code .down-wrap{display:flex;flex-direction:column;margin-left:30px;padding:20px 0}.container-app .content .qr-code .down-wrap a{margin-top:20px}.container-app .content .qr-code .down-wrap a img{width:100px}.container-app .content .qr-code .down-wrap a:hover{opacity:.8}.container-app .app-img{display:flex;justify-content:flex-end}.container-app .app-img img{width:94%;animation:imgIn 1.2s cubic-bezier(.455,.03,.515,.955) both}.container-app .xqb-row{margin-top:50px}.container-3,.container-5{width:100%;aspect-ratio:1920/577;background-image:url(/build/assets/bg-1-7790d615.png);background-repeat:no-repeat;background-size:cover;background-position:top;position:relative;color:#fff}.container-3 .left-img,.container-5 .left-img{position:absolute;top:10px}.container-3 .title-1,.container-5 .title-1{font-size:36px}.container-3 .title-1:first-child,.container-5 .title-1:first-child{margin-top:200px}.container-3 .title-2,.container-5 .title-2{font-size:24px;margin-top:30px}.container-5{background-image:url(/build/assets/bg-2-0cca52ae.png)}.container-4{color:#020202}.container-4 .title-1{font-size:36px}.container-4 .title-1:first-child{margin-top:200px}.container-4 .title-2{font-size:24px;margin-top:30px}@keyframes contentIn{0%{filter:blur(12px);transform:translateY(-100px);opacity:0}to{filter:blur(0px);transform:translateY(0);opacity:1}}@keyframes imgIn{0%{transform:translateY(-100%) rotateX(-180deg);transform-origin:50% 100%;scale:.2;opacity:0}to{transform:translateY(0) rotateX(0);transform-origin:50% 0%;scale:1;opacity:1}}@media (max-width: 991.98px){.container-app{margin-top:12px}.container-app .content .title{margin-top:0;margin-bottom:0;font-size:40px}.container-app .content .text{font-size:16px}.container-app .content .span{font-size:12px;line-height:20px}.container-app .app-img{justify-content:center;margin-top:20px}.container-app .content .title{font-size:26px}.container-app .content .text{font-size:14px}.container-app .content .qr-code{margin-top:20px}.container-app .content .qr-code .qr-code-item,.container-app .content .qr-code .qr-code-item img{width:170px}.container-app .content .qr-code .down-wrap a img{width:80px}.left-img{position:relative!important}.phone-img{display:flex;width:440px!important;margin-left:auto;margin-right:auto}.title-1{font-size:24px!important}.title-1:first-child{margin-top:20px!important}.title-2{font-size:14px!important;margin-top:20px!important}}@media (max-width: 767.98px){.container-app .content .title{font-size:22px}.container-app .content .text{font-size:12px}.container-app .content .qr-code{margin-top:20px}.container-app .content .qr-code .qr-code-item,.container-app .content .qr-code .qr-code-item img{width:150px}.container-app .content .qr-code .down-wrap a img{width:70px}.left-img{position:relative!important}.phone-img{display:flex;width:400px!important;margin-left:auto;margin-right:auto}.title-1{font-size:20px!important}.title-1:first-child{margin-top:20px!important}.title-2{font-size:12px!important;margin-top:20px!important}}@media (max-width: 1199.98px){.container-app .content .title{font-size:30px}.container-app .content .text{font-size:15px}.container-app .content .span{font-size:14px;line-height:22px}.container-app .content .qr-code{margin-top:20px}.container-app .content .qr-code .qr-code-item,.container-app .content .qr-code .qr-code-item img{width:160px}.container-app .content .qr-code .down-wrap a img{width:90px}.phone-img{display:flex;width:400px!important}.title-1{font-size:24px!important}.title-1:first-child{margin-top:30px!important}.title-2{font-size:14px!important;margin-top:20px!important}}
