.top-page .section-head::before{background:#237efe;background:linear-gradient(to right, #237efe 6%, #00bcfa 100%)}.top-page .btn-block .setting-btn,.top-page .section.multi-row .ico-list li a .ico-list-inside .txt,.top-page .section-inner .ico-list li .ico,.top-page .section-head .tab-block-item,.top-page .section-head .tab-block,.top-page .section-head .setting-btn,.transfer-list .t-list ul li .logo{display:flex;align-items:center;justify-content:center}.bank-page .item-grid ul li a .ico,.bank-page .item-grid ul li a{display:flex;flex-flow:column;justify-content:center;align-items:center}.top-page .sale-block .sale-wrap{display:flex;flex-wrap:nowrap;justify-content:space-between}.transfer-list .title:before,.top-page .btn-block .setting-btn:before,.top-page .sale-block .sale-wrap .l-sale:before,.top-page .sale-block .sale-wrap .r-sale:before,.top-page .section-inner .ico-list li .ico::before,.top-page .section-head .tab-block-anchor::after,.top-page .section-head .setting-btn:before,.bank-page .item-grid ul li a .ico:before,.transfer-list .t-list ul li .avatar:before{font-family:"zalopayInte" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transfer-list .t-list ul li .detail .detail-inside .time,.transfer-list .t-list ul li .detail .detail-inside .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transfer-list .t-list ul li{position:relative}.transfer-list .t-list ul li a{display:block;height:100%}.transfer-list .t-list ul li .avatar,.transfer-list .t-list ul li .logo{position:absolute;top:50%;left:16px;float:left;margin-top:-20px}.transfer-list .t-list ul li .avatar:before{position:absolute;right:-1px;bottom:-6px;z-index:2;font-size:2px}.transfer-list .t-list ul li .avatar img{width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px}.transfer-list .t-list ul li .logo{width:40px;height:40px;border:1px solid #e3e6e7;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;overflow:hidden}.transfer-list .t-list ul li .logo img{max-width:30px;max-height:30px}.transfer-list .t-list ul li .detail{display:flex;align-items:center;height:100%;margin-left:74px;border-bottom:1px solid #e3e6e7}.transfer-list .t-list ul li .detail .detail-inside{width:100%;text-align:left}.transfer-list .t-list ul li .detail .detail-inside .name{margin-bottom:3px;color:#142b43;font-weight:600}@media (max-width: 350px){.transfer-list .t-list ul li .detail .detail-inside .name{margin-bottom:0;font-size:12px}}.transfer-list .t-list ul li .detail .detail-inside .name.s2{text-transform:uppercase}.transfer-list .t-list ul li .detail .detail-inside .time{line-height:14px;color:rgba(20,43,67,0.4);font-size:12px}@media (max-width: 350px){.transfer-list .t-list ul li .detail .detail-inside .time{font-size:10px}}.transfer-list .t-list ul li:last-child .detail{border-bottom:0}.bank-page .item-grid{background:#fff;padding:20px;border-bottom:1px solid #e3e6e7}.bank-page .item-grid ul{max-width:360px;margin:auto}.bank-page .item-grid ul li{float:left;width:50%}.bank-page .item-grid ul li a .ico{background-image:linear-gradient(240deg, #f8f8f8, #e7eef1);width:60px;height:60px;margin-bottom:8px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}@media (max-width: 350px){.bank-page .item-grid ul li a .ico{width:50px;height:50px}}.bank-page .item-grid ul li a .ico:before{color:#006dff;font-size:30px}@media (max-width: 350px){.bank-page .item-grid ul li a .ico:before{font-size:24px}}.bank-page .item-grid ul li a .ico.bank:before{content:"\e047"}.bank-page .item-grid ul li a .ico.card:before{content:"\e051"}.bank-page .item-grid ul li a .txt{line-height:14px;color:#142b43;font-size:12px;text-align:center}@media (max-width: 350px){.bank-page .item-grid ul li a .txt{font-size:11px}}.bank-page .transfer-list .title{font-size:13px}@media (max-width: 350px){.bank-page .transfer-list .title{font-size:12px}}.bank-page .transfer-list .title:before{display:none}.bank-page .transfer-list .t-list ul li .detail .detail-inside .send-btn{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.top-page{position:relative;z-index:2;text-align:center}.top-page-wrapper{min-height:calc(100vh - 48px)}.top-page.o-full .section-head{padding-top:30px;padding-bottom:16px !important;margin:0}.top-page.o-full .section-head::before{height:123px}.top-page.o-full .section.no-bg{margin:0;padding-bottom:19px}.top-page.o-full .section.no-bg .section-inner{background-color:transparent;border:none}.top-page.o-full .section.no-bg .section-inner .ico-list li .ico:before,.top-page.o-full .section.no-bg .section-inner .ico-list li .txt{color:#fff;font-weight:500}.top-page.o-full .section.no-bg .section-inner .ico-list li .ico{margin-bottom:10px}.top-page.o-full .section.no-bg .section-inner .ico-list li .ico:before{font-size:36px}.top-page.o-full .section.sale-block{margin-top:0}.top-page.o-full .section.multi-row .ico-list li a .ico-list-inside .ico:after{display:none}.top-page.o-full .section-inner{border-radius:0}.top-page .section-head{position:relative}.top-page .section-head::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100vw;height:146px}.top-page .section-head .setting-btn{position:absolute;top:19px;right:20px;background:rgba(255,255,255,0.15);float:left;width:32px;height:32px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.top-page .section-head .setting-btn:before{content:"\e088";color:rgba(255,255,255,0.9);font-size:18px}.top-page .section-head .wallet-info{padding:16px 0 18px}.top-page .section-head .wallet-info .lb{line-height:14px;margin-bottom:2px;color:rgba(255,255,255,0.6);font-size:12px;letter-spacing:-0.1px}.top-page .section-head .wallet-info .money{height:38px;line-height:38px;color:#ffffff}.top-page .section-head .wallet-info .money .num{font-weight:500;font-size:26px}.top-page .section-head .wallet-info .money .unit{font-size:18px}@media screen and (max-width: 350px){.top-page .section-head .wallet-info .money .num{font-size:22px}.top-page .section-head .wallet-info .money .unit{font-size:14px}}.top-page .section-head .tab-block{height:36px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background-color:rgba(20,43,67,0.1);margin:0 16px}.top-page .section-head .tab-block-item{width:50%;height:100%;position:relative}.top-page .section-head .tab-block-item:first-child::after{content:'';height:100%;width:1px;background-color:rgba(255,255,255,0.15);position:absolute;right:0;top:0}.top-page .section-head .tab-block-anchor{text-align:center;display:block;color:#ffffff;font-size:12px;letter-spacing:-0.2px;padding:0 5px;position:relative}@media screen and (max-width: 350px){.top-page .section-head .tab-block-anchor{font-size:11px}}.top-page .section-head .tab-block-anchor::after{content:"\e027";color:rgba(255,255,255,0.4);font-size:10px;margin-top:-5px;margin-left:12px}@media screen and (max-width: 350px){.top-page .section-head .tab-block-anchor::after{margin-left:6px}}.top-page .section{display:block;margin-top:14px;margin-bottom:8px}.top-page .section-title{margin-top:14px;padding:0 16px 6px;font-weight:500;font-size:12px;text-align:left;border-bottom:1px solid #e3e6e7}@media screen and (max-width: 350px){.top-page .section-title{font-size:13px}}.top-page .section-inner{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background:#fff;border-bottom:solid 1px #e3e6e7}.top-page .section-inner .ico-list li{float:left;width:33.333%}.top-page .section-inner .ico-list li a{display:block}.top-page .section-inner .ico-list li .ico-list-inside{position:relative}.top-page .section-inner .ico-list li .discount{position:absolute;left:50%;top:-8px;z-index:2;float:left;height:16px;line-height:16px;padding:0 7px;font-weight:500;font-size:10px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}@media (max-width: 350px){.top-page .section-inner .ico-list li .discount{right:3px;left:auto}}.top-page .section-inner .ico-list li .discount.s1{background:#f3b43b;color:#fff}.top-page .section-inner .ico-list li .discount.s2{background:#fdf7eb;color:#f3b43b}.top-page .section-inner .ico-list li .ico{position:relative;width:100%;margin-bottom:10px}.top-page .section-inner .ico-list li .ico::before{font-size:25px;color:#006dff}.top-page .section-inner .ico-list li .ico.payment:before{content:"\e098"}.top-page .section-inner .ico-list li .ico.wallet:before{content:"\e097";font-size:34px !important;padding:1px 0}.top-page .section-inner .ico-list li .ico.add-cards:before{content:"\e096"}.top-page .section-inner .ico-list li .ico.recharge:before{content:"\e066"}.top-page .section-inner .ico-list li .ico.receive:before{content:"\e067"}.top-page .section-inner .ico-list li .ico.share:before{content:"\59"}.top-page .section-inner .ico-list li .ico.send-money:before{content:"\e068"}.top-page .section-inner .ico-list li .ico.setting{padding-top:1px}.top-page .section-inner .ico-list li .ico.setting:before{content:"\38"}.top-page .section-inner .ico-list li .ico.red-packet:before{content:"\e069"}.top-page .section-inner .ico-list li .ico.tiki:before{content:"\e041"}.top-page .section-inner .ico-list li .ico.mobile-all:before{content:"\e101"}.top-page .section-inner .ico-list li .ico.mobile-recharge:before{content:"\e057"}.top-page .section-inner .ico-list li .ico.mobile-card:before{content:"\e058"}.top-page .section-inner .ico-list li .ico.service{padding-top:2px}.top-page .section-inner .ico-list li .ico.service:before{content:"\e032"}.top-page .section-inner .ico-list li .ico.qr-code:before{content:"\e056"}.top-page .section-inner .ico-list li .ico.qr-code-pay:before{content:"\e076"}.top-page .section-inner .ico-list li .ico.billing:before{content:"\e070"}.top-page .section-inner .ico-list li .ico.bill:before{content:"\e100"}.top-page .section-inner .ico-list li .ico.electric-billing:before{content:"\e071"}.top-page .section-inner .ico-list li .ico.water-billing:before{content:"\e072"}.top-page .section-inner .ico-list li .ico.internet-billing:before{content:"\e073"}.top-page .section-inner .ico-list li .ico.tv-billing:before{content:"\e074"}.top-page .section-inner .ico-list li .ico.money-to-account:before{content:"\e047"}.top-page .section-inner .ico-list li .ico.money-to-bankcard:before{content:"\e051"}.top-page .section-inner .ico-list li .ico.money-to-friend:before{content:"\e059"}.top-page .section-inner .ico-list li .ico.data-3g:before{content:"\e082"}.top-page .section-inner .ico-list li .ico.credit-card:before{content:"\e091"}.top-page .section-inner .ico-list li .txt{color:#142b43;line-height:14px;font-size:12px;text-transform:uppercase}@media screen and (max-width: 350px){.top-page .section-inner .ico-list li .txt{font-size:11px}}.top-page .section-inner .ico-list li.inactive .ico:before,.top-page .section-inner .ico-list li.inactive .txt{color:rgba(74,74,74,0.3)}.top-page .section-inner .ico-list li .money{margin-top:4px;color:rgba(255,255,255,0.8);line-height:13px;font-size:11px;font-weight:500}.top-page .section.multi-row{margin-bottom:6px}.top-page .section.multi-row .ico-list{padding-top:3px}.top-page .section.multi-row .ico-list li a{padding:16px 0}@media screen and (max-width: 350px){.top-page .section.multi-row .ico-list li a{padding:14px 0}}.top-page .section.multi-row .ico-list li a .ico-list-inside .ico::before{z-index:1}.top-page .section.multi-row .ico-list li a .ico-list-inside .ico::after{content:"";position:absolute;width:46px;height:46px;background-image:linear-gradient(240deg, #f8f8f8, #e7eef1);border-radius:50%}.top-page .section.multi-row .ico-list li a .ico-list-inside .txt{height:28px;line-height:14px;text-align:center;text-transform:initial}@media (max-width: 300px){.top-page .section.multi-row .ico-list li a .ico-list-inside .txt{font-size:11px}}.top-page .section.multi-row .ico-list li:nth-last-child(-n+3) a{padding-bottom:16px}.top-page .section.multi-row .ico-list li::before{display:none}.top-page .sale-block{margin-top:8px}.top-page .sale-block .sale-wrap{height:46px;overflow:hidden}.top-page .sale-block .sale-wrap .l-sale,.top-page .sale-block .sale-wrap .r-sale{position:relative;display:flex;align-items:center}@media screen and (max-width: 350px){.top-page .sale-block .sale-wrap .l-sale,.top-page .sale-block .sale-wrap .r-sale{font-size:11px}}.top-page .sale-block .sale-wrap .l-sale:before,.top-page .sale-block .sale-wrap .r-sale:before{position:absolute;top:50%}.top-page .sale-block .sale-wrap .l-sale{padding-left:46px;color:#142b43;font-size:12px}.top-page .sale-block .sale-wrap .l-sale:before{left:18px;content:"\e064";color:#006dff;font-size:18px;margin-top:-11px}.top-page .sale-block .sale-wrap .l-sale .new-lb{display:inline-block;background:rgba(243,180,59,0.1);height:20px;line-height:20px;padding:0 8px;margin-left:6px;color:#f3b43b;font-weight:500;font-size:11px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}.top-page .sale-block .sale-wrap .r-sale{padding-right:30px;color:rgba(20,43,67,0.4);font-size:12px}.top-page .sale-block .sale-wrap .r-sale:before{right:14px;content:"\e027";color:rgba(20,43,67,0.2);font-size:12px;margin-top:-6px}.top-page .btn-block{display:flex;justify-content:center;background-color:transparent;z-index:19011990;padding:8px 16px 12px;position:static}.top-page .btn-block .setting-btn{border-radius:12px;border:solid 1px rgba(151,151,151,0.1);background-color:#f6f7f8;color:rgba(20,43,67,0.4);width:81px;height:24px;font-size:12px}.top-page .btn-block .setting-btn:before{content:"\e088";font-size:12.7px;margin-right:4px}.transfer-list .title{position:relative;height:40px;margin-bottom:0;padding:15px 10px 0 16px;font-weight:600;text-align:left;border-bottom:1px solid #e3e6e7}.transfer-list .title:before{position:absolute;top:50%;right:12px;content:"\e027";color:#142b43;font-size:14px;margin-top:-3px;transform:rotate(-90deg)}.transfer-list .title.active:before{transform:rotate(90deg)}.transfer-list .t-list{background:#fff;border-bottom:1px solid #e3e6e7}.transfer-list .t-list ul li{height:72px}.transfer-list .t-list ul li .detail{padding-right:115px}@media (max-width: 350px){.transfer-list .t-list ul li .detail{padding-right:105px}}.transfer-list .t-list ul li .detail .detail-inside .send-btn{position:absolute;top:50%;right:16px;background:rgba(172,179,186,0.2);float:left;width:90px;height:26px;line-height:26px;margin-top:-13px;font-weight:500;font-size:12px;text-align:center;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px}@media (max-width: 350px){.transfer-list .t-list ul li .detail .detail-inside .send-btn{width:80px;font-size:11px}}
/*# sourceMappingURL=homev2.css.map */