@import url(https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@200;400;700;900&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Mulish",sans-serif;color:#454545}html{scroll-behavior:smooth}body{overflow-x:hidden;width:100vw}.zlp-loading{box-shadow:0 0 10px #ccc;left:0;bottom:0;margin:auto;background:#008fe4;overflow:hidden;-webkit-transform:scale(0);transform:scale(0);-webkit-animation:scaleIn .3s linear 1 forwards;animation:scaleIn .3s linear 1 forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.var,.zlp-loading{width:200px;height:200px;border-radius:20px;position:absolute;right:0;top:0}.var{background:#fff;-webkit-transform-origin:right top;transform-origin:right top;-webkit-animation:rotateBg .2s linear 1 forwards;animation:rotateBg .2s linear 1 forwards;-webkit-animation-delay:4.1s;animation-delay:4.1s}.var2{width:200px;height:200px;border-radius:20px;position:absolute;left:0;top:0}.var2 .z{height:48px;left:59px;bottom:108px}.var2 .z,.var2 .z .l1{width:38px;position:absolute}.var2 .z .l1{top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}.var2 .z .l1,.var2 .z .l3{height:10px;left:0;background:#008fe4;border-radius:5px;-webkit-animation:scaleLeft .2s linear 1 forwards;animation:scaleLeft .2s linear 1 forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}.var2 .z .l3{width:38px;position:absolute;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right}.var2 .z .l2{width:10px;height:51px;position:absolute;right:-2px;top:0;background:#008fe4;-webkit-transform:rotate(36deg) scaleY(0);transform:rotate(36deg) scaleY(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-animation:scaleTopZ .2s linear 1 forwards;animation:scaleTopZ .2s linear 1 forwards;-webkit-animation-delay:1.7s;animation-delay:1.7s}.var2 .a1{width:34px;left:97px;bottom:108px}.var2 .a1,.var2 .a1 .l1{height:34px;position:absolute}.var2 .a1 .l1{width:32px;left:0;top:0;border:10px solid #008fe4;border-radius:50%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;-webkit-animation:scaleLeft .2s linear 1 forwards;animation:scaleLeft .2s linear 1 forwards;-webkit-animation-delay:2.1s;animation-delay:2.1s}.var2 .a1 .l2{height:34px;right:0;top:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-animation:scaleTop .2s linear 1 forwards;animation:scaleTop .2s linear 1 forwards;-webkit-animation-delay:1.9s;animation-delay:1.9s}.var2 .a1 .l2,.var2 .l{width:10px;position:absolute;background:#008fe4;border-radius:5px}.var2 .l{height:50px;left:133px;-webkit-animation:scaleTop .2s linear 1 forwards;animation:scaleTop .2s linear 1 forwards;-webkit-animation-delay:2.3s;animation-delay:2.3s}.var2 .l,.var2 .o{bottom:108px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;transform-origin:bottom}.var2 .o{width:33px;height:34px;left:145px;border:10px solid #008fe4;border-radius:50%;-webkit-animation:scaleTop .2s linear 1 forwards;animation:scaleTop .2s linear 1 forwards;-webkit-animation-delay:2.5s;animation-delay:2.5s}.pay,.var2 .o{position:absolute}.pay{left:59px;top:100px;width:100px;height:62px;background:#04be03;border-radius:5px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-animation:scaleLeft .2s linear 1 forwards;animation:scaleLeft .2s linear 1 forwards;-webkit-animation-delay:2.7s;animation-delay:2.7s}.pay .p{position:absolute;left:5px;bottom:9px;width:31px;height:43px}.pay .p .l1{width:10px;height:43px;background:#fff;border-radius:5px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-animation:scaleTop .2s linear 1 forwards;animation:scaleTop .2s linear 1 forwards;-webkit-animation-delay:2.9s;animation-delay:2.9s}.pay .p .l1,.pay .p .l2{position:absolute;left:0;top:0}.pay .p .l2{width:31px;height:29px;border:9px solid #fff;border-radius:12px 30px 30px 0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-animation:scaleLeft .2s linear 1 forwards;animation:scaleLeft .2s linear 1 forwards;-webkit-animation-delay:3.1s;animation-delay:3.1s}.pay .a2{width:30px;height:32px;position:absolute;left:37px;bottom:9px}.pay .a2 .l1{width:29px;left:0;border:9px solid #fff;border-radius:50%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;-webkit-animation:scaleLeft .2s linear 1 forwards;animation:scaleLeft .2s linear 1 forwards;-webkit-animation-delay:3.5s;animation-delay:3.5s}.pay .a2 .l1,.pay .a2 .l2{height:32px;position:absolute;top:0}.pay .a2 .l2{width:10px;right:0;background:#fff;border-radius:5px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-animation:scaleTop .2s linear 1 forwards;animation:scaleTop .2s linear 1 forwards;-webkit-animation-delay:3.3s;animation-delay:3.3s}.pay .y{position:absolute;left:69px;bottom:-2px;width:27px;height:43px}.pay .y .l1{left:-1px;height:30px;-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:rotate(-22deg) scaleY(0);transform:rotate(-22deg) scaleY(0);-webkit-animation:scaleY1 .2s linear 1 forwards;animation:scaleY1 .2s linear 1 forwards;-webkit-animation-delay:3.9s;animation-delay:3.9s}.pay .y .l1,.pay .y .l2{position:absolute;top:0;width:9px;background:#fff;border-radius:5px}.pay .y .l2{right:-2px;height:44px;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(22deg) scaleY(0);transform:rotate(22deg) scaleY(0);-webkit-animation:scaleY2 .2s linear 1 forwards;animation:scaleY2 .2s linear 1 forwards;-webkit-animation-delay:3.7s;animation-delay:3.7s}.section1{position:relative;margin:50px auto}.container,.section1{width:100%;max-width:1200px}.container{margin:0 auto}.logo-zpay{position:fixed;left:20px;top:20px;z-index:9999}.logo-zpay img{width:120px}.menu-zpay{position:fixed;right:20px;top:20px;z-index:9999;width:40px;height:40px;background:#008fe3;display:flex;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 0 5px #008fe3;transition:all .3s}.menu-zpay:hover{background:#04be03;cursor:pointer}.menu-zpay i{color:#fff;font-size:20px}.list-menu{position:absolute;right:0;top:64px;opacity:0;visibility:hidden;background:#fff;box-shadow:0 2px 3px #008fe3;border-radius:5px;width:160px;padding-top:10px;transition:all .3s}.menu-zpay:hover .list-menu{opacity:1;visibility:visible;top:44px}.item-menu{width:100%;padding:10px;text-align:center}.item-menu a{display:block;font-weight:700;text-decoration:none;transition:all .3s}.item-menu a:hover{color:#04be03}.download{border-top:1px solid #e5e5e5;margin-top:10px}.download,.download a{width:100%;padding:10px}.download a{display:block;border:1px solid #008fe3;border-radius:5px;text-align:center;color:#008fe3;text-decoration:none;transition:all .3s}.download a:hover{color:#fff;background:#008fe3}.title-page{font-weight:900;font-size:30px;text-transform:uppercase}.banner,.banner-zpay{width:100vw;height:100vh}.banner-zpay{position:relative;opacity:0;-webkit-animation:fadeIn .3s linear 1 forwards;animation:fadeIn .3s linear 1 forwards;overflow:hidden;background-repeat:no-repeat;background-position:50%;background-size:cover}.banner-zpay:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(0 143 227/40%)}.banner-content{position:absolute;left:0;right:0;bottom:12%;margin:auto;width:100%;max-width:1200px;height:500px;-webkit-transform:scale(.8);transform:scale(.8)}.banner-content .title-banner{font-family:"Baloo Da 2",cursive;position:absolute;left:0;bottom:100%;width:100%;text-align:center;font-size:60px;text-transform:uppercase;color:#008fe3;z-index:30;text-shadow:#fff -1px 1px,#fff 1px 1px;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-animation:scaleInBig .5s linear 1 forwards;animation:scaleInBig .5s linear 1 forwards;-webkit-animation-delay:5.5s;animation-delay:5.5s}.banner-content .title-banner span{font-family:"Baloo Da 2",cursive;background:#04be03;color:#fff;text-shadow:none;display:inline-block;border-radius:5px;line-height:45px;padding:7px 5px 0}.banner-content .title-banner strong{font-family:"Baloo Da 2",cursive;font-size:80px;color:#fff;text-shadow:#04be03 -2px 2px,#008fe3 2px 2px}.elm{position:absolute;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-animation:scaleInBig .5s linear 1 forwards;animation:scaleInBig .5s linear 1 forwards;background:#fff;width:200px;padding:20px;border-radius:50%;box-shadow:0 10px 5px -5px #80d5b2,30px 10px 0 5px #dbfff0,-30px -10px 0 15px #dbfff0,0 30px 0 10px #dbfff0,-35px -5px 5px 15px #80d5b2,-110px -20px 0 -25px #dbfff0}.elm img{width:100%}.elm.elm1{right:25%;top:-50px;-webkit-animation-delay:4.3s;animation-delay:4.3s}.elm.elm2{right:5%;top:100px;-webkit-animation-delay:4.9s;animation-delay:4.9s;width:250px}.elm.elm3{right:20%;top:280px;-webkit-animation-delay:5.3s;animation-delay:5.3s;width:150px}.elm.elm4{left:25%;top:-25px;-webkit-animation-delay:4.7s;animation-delay:4.7s;width:150px}.elm.elm5{left:10%;top:90px;-webkit-animation-delay:5.1s;animation-delay:5.1s;width:300px}.elm.elm6{left:13%;top:355px;-webkit-animation-delay:4.5s;animation-delay:4.5s}.phone-intro{max-width:600px;height:500px;right:0;bottom:15%;margin:auto;z-index:20;-webkit-transform:scale(.8);transform:scale(.8)}.circle,.phone-intro{width:100%;position:absolute;left:0}.circle{height:110px;background:#008fe3;border-radius:50%;bottom:-10%;box-shadow:0 5px #002784,0 10px #002784;-webkit-transform:scale(0);transform:scale(0);-webkit-animation:scaleIn .2s linear 1 forwards;animation:scaleIn .2s linear 1 forwards;-webkit-animation-delay:.4s;animation-delay:.4s}.phone-zpay{width:250px;height:450px;border:5px solid #000;border-radius:20px;bottom:0;margin:auto;background:#fff;z-index:20;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation:scaleTop .2s linear 1 forwards;animation:scaleTop .2s linear 1 forwards;-webkit-animation-delay:.6s;animation-delay:.6s}.phone-zpay,.phone-zpay:before{position:absolute;left:0;right:0}.phone-zpay:before{content:"";top:0;width:100px;height:15px;background:#000;border-radius:0 0 10px 10px;margin:0 auto}.per1{right:100%;width:100px;-webkit-animation:fadeInLeft .3s linear 1 forwards;animation:fadeInLeft .3s linear 1 forwards;-webkit-animation-delay:.8s;animation-delay:.8s}.per1,.per2{position:absolute;bottom:0;opacity:0}.per2{left:90%;width:140px;-webkit-animation:fadeInRight .3s linear 1 forwards;animation:fadeInRight .3s linear 1 forwards;-webkit-animation-delay:1s;animation-delay:1s}.intro{width:100%;position:relative;min-height:800px;margin-bottom:100px;padding-top:100px;overflow:hidden}.style-intro{top:30%;width:400px;height:400px;border-radius:50%;background:#dff0ff;z-index:-1;box-shadow:150px -160px 0 -120px #e7ffe4,-160px 130px 0 -150px #fce7c6}.phone,.style-intro{position:absolute;left:0;right:0;margin:auto}.phone{width:236px;height:499px;border:5px solid #000;border-radius:20px;bottom:10px;background-repeat:no-repeat;background-position:50%;background-size:contain}.phone:before{content:"";position:absolute;left:0;right:0;top:0;width:100px;height:15px;background:#000;border-radius:0 0 10px 10px;margin:0 auto}.content{display:flex;flex-wrap:wrap;justify-content:space-between}.content .sub-ct{width:calc(50% - 150px);margin-bottom:30px}.content .sub-ct .block-ct{position:relative;width:100%;padding:15px;border:1px solid #e5e5e5;border-radius:20px;cursor:pointer;transition:all .3s}.content .sub-ct .block-ct:before{content:"";width:0;height:0;border:10px solid transparent;position:absolute;top:20px;opacity:0;transition:all .3s}.content .sub-ct:nth-child(odd) .block-ct:before{right:-24px;border-left-color:#04be03}.content .sub-ct:nth-child(2n) .block-ct:before{left:-24px;border-right-color:#04be03}.content .sub-ct .block-ct.active:before{opacity:1}.content .sub-ct .block-ct.active,.content .sub-ct .block-ct:hover{background:rgb(88 255 180/21%);border-color:#04be03!important;-webkit-transform:scale(1.075);transform:scale(1.075)}.content .sub-ct .block-ct.active h3,.content .sub-ct .block-ct:hover h3{color:#04be03}.content .sub-ct:nth-child(odd) .block-ct{border-right:5px solid #008fe3;text-align:right}.content .sub-ct:nth-child(2n) .block-ct{border-left:5px solid #008fe3}.content .sub-ct h3{margin-bottom:10px;font-size:16px;color:#008fe3;transition:all .3s}.content .sub-ct p{font-size:14px}.content .sub-ct small{font-size:12px}.title{width:80%;margin:auto auto 150px;text-align:center}.title h2{margin-bottom:30px}.service{width:100%;position:relative;min-height:600px;padding:50px 0;background:#f2f7fe;margin-bottom:100px;overflow:hidden}.service-header{display:flex;width:800px;align-items:center;margin:auto auto 60px}.service-header .left,.service-header .right{width:50%;text-align:center}.service-header .left img{width:300px}.service-header .right{text-align:left}.service-header .right h2{margin-bottom:30px}.service-content{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;max-width:1000px;margin:auto}.service-content .sub-ct{width:32%;box-shadow:0 3px 5px #ccc;border-radius:10px;border-top:5px solid #008fe4;font-size:14px;position:relative;padding:40px 20px 20px;margin-bottom:40px;color:#454545;background:#fff}.service-content .sub-ct img{width:50px;left:0;right:0;top:-28px;margin:0 auto;position:absolute}.service-content .sub-ct h3{font-size:18px;margin-bottom:20px;color:#04be03;text-align:center}.partner{width:100%;max-width:1200px;position:relative;margin:auto auto 50px;min-height:800px;overflow:hidden}.partner h2{margin-bottom:50px;text-align:center}.list-partner{position:absolute;width:550px;height:550px;left:0;right:0;top:14%;margin:auto}.item-partner{width:150px;height:150px;position:absolute}.item-partner .ct-item{width:150px;background:#4fbcfd;border-radius:50px;height:150px;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 15px #fff}.item-partner img{width:100px;box-shadow:0 0 25px #fff;border-radius:30px;background:#aadeff}.item-partner.pos1{left:85%;top:20%}.item-partner.pos2{left:50%;top:0}.item-partner.pos3{left:75%;top:55%}.item-partner.pos4{left:40%;top:75%}.item-partner.pos5{left:5%;top:0}.item-partner.pos6{left:-5%;top:60%}.item-partner.pos7{left:-16%;top:30%}.item-partner.pos2 .ct-item{-webkit-transform:scale(.5);transform:scale(.5)}.item-partner.pos3 .ct-item{-webkit-transform:scale(.75);transform:scale(.75)}.item-partner.pos6 .ct-item{-webkit-transform:scale(.85);transform:scale(.85)}.item-partner.pos7 .ct-item{-webkit-transform:scale(.65);transform:scale(.65)}.style-partner{width:350px;height:350px;position:absolute;left:0;right:0;top:30%;border:1px solid #9ad9ff;border-radius:50%;text-align:center;margin:auto;box-shadow:170px -210px 0 -140px #fff0d3,100px 210px 0 -140px #ffd3d3,-300px 30px 0 -70px rgb(233 251 255),280px 20px 0 -90px #ccffeb}.style-partner img{width:180px;position:relative;top:85px}.style-partner:before{left:-50px;top:-50px;width:450px;height:450px}.style-partner:after,.style-partner:before{content:"";position:absolute;border-radius:50%;border:1px solid #9ad9ff}.style-partner:after{left:-100px;top:-100px;width:550px;height:550px}.security{width:100%;max-width:1200px;margin:100px auto}.security h2{text-align:center;margin-bottom:80px}.list-security{display:flex;justify-content:space-between}.item-security{width:32%;border-radius:10px;box-shadow:0 3px 5px #ccc;border-top:5px solid #008fe2;text-align:center}.item-security .thumb{width:100%;min-height:300px;border-bottom:1px solid #eee}.item-security h4{margin-bottom:10px;display:inline-block;background:#008fe2;padding:10px 30px;border-radius:30px;color:#fff;position:relative;top:-25px;font-size:20px}.item-security img{width:100%}.item-security ul{width:100%;padding:20px}.item-security ul li{margin-bottom:15px;list-style-type:none;display:flex;text-align:left}.item-security ul li:last-child{margin-bottom:0}.item-security ul li i{margin-right:10px;color:#04be03;font-size:20px}.link{width:100%;max-width:1200px;position:relative;margin:auto auto 100px}.link h2{margin-bottom:50px}.link h2,.link p{text-align:center}.link p{margin:auto auto 50px;max-width:70%;color:#334c65}.list-link{display:flex;justify-content:space-between;flex-wrap:wrap}.item-link{width:16%;background:#f2f7ff;border-radius:10px;text-align:center;padding:20px 0;margin-bottom:20px}.item-link img{width:100%;max-width:120px}.tutorial{background:#f2f7fe;margin-bottom:100px;padding:50px 0 100px;width:100%;overflow:hidden}.tutorial h2{text-align:center;margin-bottom:50px}.tab-tutorial{width:100%;max-width:1200px;margin:0 auto;position:relative;display:flex}.tab-tutorial .tab-header{width:160px;padding-top:30px;position:relative;z-index:20}.tab-tutorial .tab-content{width:calc(100% - 160px);padding:30px;background:#fff;border-left:1px solid #008fe2;border-radius:20px}.tab-tutorial .tab-content .tab-detail{display:flex;justify-content:space-between}.tab-tutorial .tab-content .tab-detail .step-content{width:calc(100% - 266px)}.style-cus{width:450px;height:450px;border-radius:50%;background:#dff1ff;box-shadow:150px -160px 0 -120px #e7ffe4,-160px 200px 0 -180px #fce7c6}.style-cus,.style-rec{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}.style-rec{width:800px;height:340px;border-radius:20px;border:2px solid #e5e5e5}.phone-cus{width:236px;height:499px;border:5px solid #000;border-radius:20px;position:relative;background-size:contain;background-repeat:no-repeat;background-position:50%}.phone-cus:before{content:"";position:absolute;left:0;right:0;top:-1px;width:100px;height:15px;background:#000;border-radius:0 0 10px 10px;margin:0 auto}.customer-content{width:100%;max-width:1200px;position:absolute;left:0;top:0;right:0;margin:auto;min-height:500px}.customer-content:after{content:"";width:calc(100% - 160px);position:absolute;left:160px;top:50px;border-left:1px solid#008fe3;border-top:1px solid#008fe3;border-radius:10px 0 0 0;min-height:500px}.cus-title{width:100%;max-width:1200px;position:absolute;z-index:30;margin:auto;left:0;right:0}.cus-title h2{margin-bottom:50px}.btn-type{width:161px;border:1px solid #008fe3;padding:15px;display:block;text-align:center;margin-bottom:20px;border-radius:10px 0 0 10px;background:#fff;transition:all .3s}.btn-type.active,.btn-type:hover{cursor:pointer;border-right:0;box-shadow:inset 5px 0 #008fe3}.btn-type img{width:60px;border:1px solid #e5e5e5;border-radius:5px}.btn-type span{font-size:16px;color:#454545;font-weight:700;display:block}.btn-type.active span{color:#008fe3}.step-content{position:relative}.step-list .step-item{margin-bottom:20px;position:relative;padding-left:50px;min-height:25px}.step-list .step-item:last-child{margin-bottom:0}.step-list .step-item .number{position:absolute;left:0;top:0;width:25px;height:25px;background:#008fe2;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;color:#fff;transition:all .3s}.step-list .step-item.active .number{background:#04be03;box-shadow:0 0 0 5px rgb(4 190 3/30%),0 0 0 10px rgb(4 190 3/30%)}.step-list .step-item.active .step-detail h4{color:#04be03}.step-list .step-item:hover{cursor:pointer}.step-list .step-item:hover .number{background:#04be03}.step-list .step-item:hover .step-detail h4{color:#04be03}.step-detail{color:#454545;font-size:14px}.step-detail h4{font-size:16px;color:#008fe3;margin-bottom:15px;transition:all .3s}.visible-ct{display:none}.visible-ct i,.visible-ct p,.visible-ct ul,.visible-ct ul li{margin-bottom:10px}.visible-ct i{font-size:12px}.visible-ct ul li a{text-decoration:none;color:#008fe2;transition:all .3s}.visible-ct ul li a:hover{color:#04be03}.step-list .step-item.active .visible-ct{display:block}.step-detail ul{padding-left:20px}.step-header{margin-bottom:10px;display:flex}.btn-process{display:flex;border:1px solid #008fe3;padding:5px;border-radius:30px;background:#fff;margin-right:10px;width:180px;align-items:center;transition:all .3s}.btn-process.active,.btn-process:hover{color:#fff;background:#008fe3;cursor:pointer}.btn-process .img-sm{width:30px;height:30px;border:1px solid #008fe3;margin-right:10px;border-radius:30px;display:flex;justify-content:center;background:#fff}.btn-process img{width:20px}.step-list{padding:20px;background:rgb(88 255 180/21%);border-radius:10px}.contact{background:#f2f7fe;padding:100px 0;width:100%;overflow:hidden}.contact-us{width:100%;max-width:1200px;margin:auto}.contact-us,.left-contact{display:flex;justify-content:space-between}.left-contact{width:40%;flex-direction:column}.contact-us .thumb-contact,.contact-us .thumb-contact img{width:100%}.right-contact{width:40%}.right-contact h3{text-transform:uppercase}.form-contact,.right-contact h3{margin-bottom:30px}.form-contact .btn-submit{width:150px;height:45px;background:#008fe2;border:0;color:#fff;border-radius:5px;outline:none;text-transform:uppercase;font-weight:700;transition:all .3s}.form-contact .btn-submit:hover{background:#04be03;cursor:pointer}.form-contact .btn-submit i{color:#fff;margin-left:10px}.form-group{width:100%;margin-bottom:10px}.form-group label{display:block;margin-bottom:10px}.form-group input{padding:0 10px;height:40px}.form-group input,.form-group textarea{width:100%;border:0;border-bottom:2px solid #008fe2;background:#fff;border-radius:5px;outline:none;transition:all .3s}.form-group textarea{padding:10px;height:100px;resize:none}.form-group input:focus,.form-group textarea:focus{border-color:#04be03}.row-2-col{display:flex;justify-content:space-between;flex-wrap:wrap}.row-2-col .form-group{width:calc(50% - 10px)}.info-contact h3{text-transform:uppercase;margin-bottom:30px}.item-info{display:flex;margin-bottom:15px}.item-info i{width:30px;color:#04be03}.item-info p{width:calc(100% - 50px)}.item-info p span{color:#008fe2}.overflow{overflow:hidden}.footer{background:#333;padding-top:50px}.top-footer{display:flex;justify-content:space-between}.top-footer .col{width:calc(25% - 15px)}.block-ft{width:100%;margin-bottom:30px}.block-ft h4{font-size:16px;color:#fff;margin-bottom:20px;text-transform:uppercase;font-weight:900}.block-ft ul li{list-style-type:none;margin-bottom:10px;font-size:14px}.block-ft ul li a{color:#fff;text-decoration:none}.block-ft ul li a:hover{text-decoration:underline}.block-ft ul li:last-child{margin-bottom:0}.block-ft p{margin-bottom:10px;font-size:14px;color:#fff}.block-ft p span{color:#008fe2}.block-ft p:last-child{margin-bottom:0}.getApp{margin-bottom:20px}.getApp,.getApp img{width:100%}.btn-fb{width:200px;display:flex;align-items:center;text-decoration:none;outline:none;border:1px solid #008fe2;color:#008fe2;padding:10px;border-radius:10px;margin:20px 0;transition:all .3s}.btn-fb i{margin-right:10px}.btn-fb i,.btn-fb span{color:#008fe2}.btn-fb:hover{background:#008fe2}.btn-fb:hover i,.btn-fb:hover span{color:#fff}.bottom-footer{border-top:1px solid #666;padding:30px 0}.bottom-footer,.bottom-footer .left-ft{display:flex;justify-content:space-between}.bottom-footer .left-ft{width:calc(75% - 15px)}.logo-zion{width:120px}.logo-zion img{width:100%}.info-zion{width:calc(100% - 150px)}.info-zion h3{color:#fff;text-transform:uppercase;margin-bottom:20px;font-size:16px;font-weight:900}.info-zion p{color:#fff;margin-bottom:10px;font-size:14px}.bottom-footer .right-ft{width:calc(25% - 15px)}.bottom-footer .right-ft h3{color:#fff;text-transform:uppercase;margin-bottom:20px;font-size:16px;font-weight:900}.bottom-footer .right-ft img{width:85px}.bottom-footer .right-ft img.bct{width:150px;margin-right:20px}.copyright{padding:20px 15px;text-align:center;border-top:1px solid #666;color:#fff;font-size:16px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes scaleInBig{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}70%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scaleInBig{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}70%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes scaleIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scaleLeft{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes scaleLeft{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes scaleTop{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes scaleTop{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes scaleTopZ{0%{-webkit-transform:rotate(36deg) scaleY(0);transform:rotate(36deg) scaleY(0)}to{-webkit-transform:rotate(36deg) scaleY(1);transform:rotate(36deg) scaleY(1)}}@keyframes scaleTopZ{0%{-webkit-transform:rotate(36deg) scaleY(0);transform:rotate(36deg) scaleY(0)}to{-webkit-transform:rotate(36deg) scaleY(1);transform:rotate(36deg) scaleY(1)}}@-webkit-keyframes scaleY1{0%{-webkit-transform:rotate(-22deg) scaleY(0);transform:rotate(-22deg) scaleY(0)}to{-webkit-transform:rotate(-22deg) scaleY(1);transform:rotate(-22deg) scaleY(1)}}@keyframes scaleY1{0%{-webkit-transform:rotate(-22deg) scaleY(0);transform:rotate(-22deg) scaleY(0)}to{-webkit-transform:rotate(-22deg) scaleY(1);transform:rotate(-22deg) scaleY(1)}}@-webkit-keyframes scaleY2{0%{-webkit-transform:rotate(22deg) scaleY(0);transform:rotate(22deg) scaleY(0)}to{-webkit-transform:rotate(22deg) scaleY(1);transform:rotate(22deg) scaleY(1)}}@keyframes scaleY2{0%{-webkit-transform:rotate(22deg) scaleY(0);transform:rotate(22deg) scaleY(0)}to{-webkit-transform:rotate(22deg) scaleY(1);transform:rotate(22deg) scaleY(1)}}@-webkit-keyframes rotateBg{0%{right:0;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{right:-14px;top:-2px;-webkit-transform:rotate(-11.5deg);transform:rotate(-11.5deg)}}@keyframes rotateBg{0%{right:0;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{right:-14px;top:-2px;-webkit-transform:rotate(-11.5deg);transform:rotate(-11.5deg)}}@media (max-width:1024px){.contact,.footer .container,.intro,.link,.security,.service,.tutorial{padding-left:15px;padding-right:15px}}@media (max-width:768px){.banner-content .title-banner{font-size:48px}.elm.elm1{right:15%;top:-50px;width:120px}.elm.elm2{right:5%;top:100px;width:170px}.elm.elm3{right:8%;top:280px;width:110px}.elm.elm4{top:0;left:20%;width:100px}.elm.elm5{top:110px;left:10%;width:130px}.elm.elm6{top:325px;left:13%;width:100px}.service-header{width:100%}.title{margin-bottom:50px}.intro{min-height:700px}.phone{bottom:40px;width:170px;height:356px}.content .sub-ct .block-ct.active,.content .sub-ct .block-ct:hover{-webkit-transform:none;transform:none}.content .sub-ct .block-ct:before{top:40px}.content .sub-ct{width:calc(50% - 100px);margin-bottom:20px}.content .sub-ct h3{font-size:14px}.content .sub-ct p{font-size:12px}.content .sub-ct small{font-size:11px}.phone-cus{width:200px;height:422px}.tab-tutorial .tab-header{width:100px}.btn-type{width:101px}.btn-type img{width:45px}.btn-type span{font-size:14px}.tab-tutorial .tab-content .tab-detail .step-content{width:calc(100% - 220px)}.tab-tutorial .tab-content{width:calc(100% - 100px);padding:20px}.style-rec{width:70%}.step-detail{font-size:12px}.step-detail h4{font-size:14px}.step-list .step-item{margin-bottom:15px}.item-security h4{font-size:16px;padding:10px 20px}.item-security .thumb{min-height:200px}.item-security ul{padding:15px}.left-contact,.right-contact{width:48%}.top-footer{flex-wrap:wrap}.top-footer .col{width:calc(50% - 15px);margin-bottom:20px}.getApp img{max-width:250px}}@media (max-width:480px){.logo-zpay{left:15px;top:15px}.menu-zpay{right:15px;top:15px}.banner-content .title-banner{font-size:20px}.phone-intro{-webkit-transform:scale(.5);transform:scale(.5)}.banner-content .title-banner{bottom:90%}.banner-content .title-banner span{line-height:18px;padding-top:3px}.banner-content .title-banner strong{font-size:40px}.elm{box-shadow:none}.elm.elm1{right:15%;top:60px;width:100px}.elm.elm2{right:2%;top:130px;width:120px}.elm.elm3{right:1%;top:210px;width:110px}.elm.elm4{top:50px;left:25%;width:100px}.elm.elm5{top:100px;left:1%;width:130px}.elm.elm6{top:200px;left:1%;width:100px}.title{width:100%}.title-page,.title h2{font-size:24px}.phone{position:static;width:180px;height:378px;margin-bottom:30px}.style-intro{width:300px;height:300px;box-shadow:50px -170px 0 -60px #e7ffe4,-110px 80px 0 -100px #fce7c6}.content .sub-ct{width:100%;margin-bottom:15px}.content .sub-ct .block-ct.active:before{opacity:0}.content .sub-ct .block-ct.active,.content .sub-ct .block-ct:hover{-webkit-transform:scale(1);transform:scale(1)}.content .sub-ct .block-ct{padding:10px;border-radius:10px}.content .sub-ct:nth-child(odd) .block-ct{text-align:left;border-left:5px solid #008fe3;border-right:1px solid #e5e5e5}.partner{min-height:500px;margin-bottom:50px}.style-partner{width:160px;height:160px}.style-partner:before{left:-30px;top:-30px;width:220px;height:220px}.style-partner:after{left:-60px;top:-60px;width:280px;height:280px}.style-partner img{width:80px;top:40px}.item-partner .ct-item{width:100px;height:100px;border-radius:35px}.item-partner img{width:70px}.list-partner{width:100%;height:350px}.item-partner.pos1{left:70%}.item-partner.pos6{left:10%}.item-partner.pos7{left:0}.item-partner.pos5{left:20%}.service-header{flex-wrap:wrap}.service-header .left{margin-bottom:30px;width:100%}.service-header .right{text-align:center;width:100%}.service-content .sub-ct{width:100%}.tab-tutorial{flex-direction:column}.tab-tutorial .tab-header{display:flex;justify-content:space-around}.btn-type{width:130px;margin-bottom:0;border-radius:10px 10px 0 0}.btn-type.active,.btn-type:hover{border-right:1px solid #008fe3;box-shadow:inset 0 5px #008fe3;border-bottom:0}.tab-tutorial .tab-header{width:100%;top:1px}.tab-tutorial .tab-content{width:100%;border-left:0;border-top:1px solid #008fe2}.tab-tutorial .tab-content .tab-detail{flex-direction:column}.tab-tutorial .tab-content .tab-detail .step-content{width:100%}.phone-cus{width:160px;height:334px;margin:0 auto 20px}.btn-process{font-size:12px;padding-right:0}.btn-process .img-sm{margin-right:5px}.style-cus{width:300px;height:300px;box-shadow:110px -100px 0 -120px #e7ffe4,-110px 100px 0 -100px #fce7c6}.item-link{width:30%}.list-security{flex-direction:column}.item-security{width:100%;margin-bottom:50px}.contact-us{flex-direction:column}.left-contact,.right-contact{width:100%}.left-contact{margin-bottom:30px}.top-footer .col{width:100%}.bottom-footer{flex-direction:column}.bottom-footer .left-ft{width:100%;flex-direction:column;margin-bottom:30px}.logo-zion{margin-bottom:20px}.bottom-footer .right-ft,.info-zion{width:100%}}.loading-container{width:100vw;height:100vh;position:relative;background:#222;padding-top:250px;transition:all .5s}.loading-container.hide{opacity:0}.shape-logo{width:100px;height:100px;background:#008fe3;border-radius:10px;margin:0 auto;overflow:hidden;position:relative;-webkit-animation:boxFade 1.5s linear infinite;animation:boxFade 1.5s linear infinite}.shape-logo:before{content:"";position:absolute;width:100%;height:100%;background:#fff;transition:all .3s;-webkit-transform-origin:right top;transform-origin:right top;border-radius:10px;right:0;top:0}.shape-logo.done:before{-webkit-transform:rotate(-11.5deg);transform:rotate(-11.5deg);right:-8px;top:-2px}#load{width:600px;left:50%;top:40%;margin-left:-300px;overflow:visible;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default}#load,#load div{position:absolute;height:36px}#load div{width:20px;opacity:0;font-family:Helvetica,Arial,sans-serif;animation:move 2s linear infinite;-o-animation:move 2s linear infinite;-moz-animation:move 2s linear infinite;-webkit-animation:move 2s linear infinite;transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#35c4f0;font-size:24px}#load div:nth-child(2){animation-delay:.2s;-o-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s}#load div:nth-child(3){animation-delay:.4s;-o-animation-delay:.4s;-webkit-animation-delay:.4s}#load div:nth-child(4){animation-delay:.6s;-o-animation-delay:.6s;-moz-animation-delay:.6s;-webkit-animation-delay:.6s}#load div:nth-child(5){animation-delay:.8s;-o-animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s}#load div:nth-child(6){animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s}#load div:nth-child(7){animation-delay:1.2s;-o-animation-delay:1.2s;-moz-animation-delay:1.2s;-webkit-animation-delay:1.2s}@-webkit-keyframes boxFade{0%{box-shadow:0 0 5px 0 #fff}50%{box-shadow:0 0 25px 5px #fff}to{box-shadow:0 0 5px 0 #fff}}@keyframes boxFade{0%{box-shadow:0 0 5px 0 #fff}50%{box-shadow:0 0 25px 5px #fff}to{box-shadow:0 0 5px 0 #fff}}@keyframes move{0%{left:0;opacity:0}35%{left:41%;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{left:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-webkit-keyframes move{0%{left:0;opacity:0}35%{left:41%;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{left:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@media (max-width:480px){.loading-container{padding-top:150px}#load{-webkit-transform:scale(.5);transform:scale(.5)}}
/*# sourceMappingURL=main.46bc4007.chunk.css.map */