.head-component{width:100%;position:fixed;top:0;z-index:99;display:flex;flex-direction:row;box-sizing:border-box}.head-component .left-div{width:38%;background-color:#000}@media screen and (max-width:1080px){.head-component .left-div{width:0}}.head-component .right-div{width:62%;background-color:#fff;padding:24px 60px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}@media screen and (max-width:1080px){.head-component .right-div{width:100%;background-color:#000;padding:14px 16px}}.head-component .back-button{display:none;flex-direction:row;align-items:center;flex:1 1}@media screen and (max-width:1080px){.head-component .back-button{display:flex}}.head-component .back-button img{width:16px}.head-component .back-button h2{font-size:14px;color:#fff;margin:0 8px}.head-component .lang-button{padding:8px 16px;border-radius:36px;border:1px solid #b3b3b3;font-size:16px;color:#000;cursor:pointer}@media screen and (max-width:1080px){.head-component .lang-button{font-size:14px;border-color:#4d4d4d;color:#fff}}.head-component .connect-button{padding:0 16px;background-color:#000;font-size:16px;color:#fff;height:36px;border-style:none;border-radius:36px;margin-left:12px}@media screen and (max-width:1080px){.head-component .connect-button{background-color:#fff;color:#000;font-size:14px;margin-left:8px}}.head-component .wallet-button{margin-left:12px;height:36px;border-radius:36px;border:1px solid #b3b3b3;display:flex;flex-direction:row;align-items:center;cursor:pointer}@media screen and (max-width:1080px){.head-component .wallet-button{margin-left:8px;border-color:#4d4d4d}}.head-component .wallet-button .wallet-item{display:flex;flex-direction:row;align-items:center;margin:0 6px}.head-component .wallet-button .wallet-item img{width:24px;height:24px;border-radius:24px}@media screen and (max-width:1080px){.head-component .wallet-button .wallet-item img{width:20px;height:20px;border-radius:20px}}.head-component .wallet-button .wallet-item h1{font-size:16px;color:#000;margin-left:4px}@media screen and (max-width:1080px){.head-component .wallet-button .wallet-item h1{display:none}}.head-component .wallet-button .line{width:1px;height:20px;background-color:rgba(0,0,0,.2);margin:0 6px}@media screen and (max-width:1080px){.head-component .wallet-button .line{display:none}}.head-component .wallet-button .arrow{display:block;width:16px;height:16px;margin-left:2px;margin-right:10px}@media screen and (max-width:1080px){.head-component .wallet-button .arrow{display:none}}.head-component .wallet-button .arrow-white{display:none;width:16px;height:16px;margin-left:2px;margin-right:10px}@media screen and (max-width:1080px){.head-component .wallet-button .arrow-white{display:block}}.wallet-modal .ant-modal{width:568px!important}.wallet-modal .ant-modal-content{background-color:#fff;border-radius:24px;width:100%}.wallet-modal .ant-modal-content .ant-modal-body{width:100%;padding:20px 24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.wallet-modal .ant-modal-content .ant-modal-body .tool{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.wallet-modal .ant-modal-content .ant-modal-body .tool h1{font-size:24px;color:#000}@media screen and (max-width:1080px){.wallet-modal .ant-modal-content .ant-modal-body .tool h1{font-size:22px}}.wallet-modal .ant-modal-content .ant-modal-body .tool img{width:24px;height:24px;cursor:pointer}.wallet-modal .ant-modal-content .ant-modal-body .list{width:100%;margin-top:16px;display:flex;flex-direction:column}.wallet-modal .ant-modal-content .ant-modal-body .list .item{width:100%;display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:12px;box-sizing:border-box;border-radius:12px;margin:2px 0}.wallet-modal .ant-modal-content .ant-modal-body .list .item img{width:36px;height:36px}.wallet-modal .ant-modal-content .ant-modal-body .list .item h1{font-size:20px;color:#000;margin:0 12px;flex:1 1}@media screen and (max-width:1080px){.wallet-modal .ant-modal-content .ant-modal-body .list .item h1{font-size:16px}}.wallet-modal .ant-modal-content .ant-modal-body .list .item h2{font-size:14px;color:#666}@media screen and (max-width:1080px){.wallet-modal .ant-modal-content .ant-modal-body .list .item h2{font-size:12px}}.walletconnect-modal__mobile__toggle a{color:#000}.order-page{display:flex;flex-direction:row;width:100%;min-height:100vh}@media screen and (max-width:1080px){.order-page{flex-direction:column}}.order-page .leftDiv{display:flex;flex-direction:column;width:38%;min-height:100vh;background-color:#000;padding:0 60px;box-sizing:border-box}@media screen and (max-width:1080px){.order-page .leftDiv{width:100%;min-height:0;padding:0 16px 32px}}.order-page .leftDiv .backDiv{display:flex;flex-direction:row;align-items:center;margin-top:100px;cursor:pointer}@media screen and (max-width:1080px){.order-page .leftDiv .backDiv{display:none}}.order-page .leftDiv .backDiv img{width:16px}.order-page .leftDiv .backDiv h2{margin:0 0 0 12px;color:#fff;font-size:16px}.order-page .leftDiv .desc{font-size:16px;color:hsla(0,0%,100%,.6);line-height:1.5;margin-top:40px}@media screen and (max-width:1080px){.order-page .leftDiv .desc{margin-top:88px;font-size:14px}}.order-page .leftDiv .amount{color:#fff;font-size:40px;margin-top:8px}@media screen and (max-width:1080px){.order-page .leftDiv .amount{font-size:32px;margin-bottom:8px}}.order-page .leftDiv .item{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:24px}@media screen and (max-width:1080px){.order-page .leftDiv .item{margin-top:16px}}.order-page .leftDiv .item .key{font-size:16px;color:hsla(0,0%,100%,.6)}@media screen and (max-width:1080px){.order-page .leftDiv .item .key{margin-top:14px}}.order-page .leftDiv .item .value{font-size:16px;color:#fff;display:flex;flex-direction:row;align-items:center}@media screen and (max-width:1080px){.order-page .leftDiv .item .value{margin-top:14px}}.order-page .leftDiv .item .value img{display:inline-block;width:20px;height:20px;margin-right:6px}@media screen and (max-width:1080px){.order-page .leftDiv .item .value img{width:16px;height:16px}}.order-page .leftDiv .flex{flex:1 1}.order-page .leftDiv .logoDiv{display:flex;flex-direction:row;align-items:center;margin-bottom:40px}@media screen and (max-width:1080px){.order-page .leftDiv .logoDiv{display:none}}.order-page .leftDiv .logoDiv h2{margin:0 8px 0 0;color:hsla(0,0%,100%,.5);font-size:14px}.order-page .leftDiv .logoDiv img{height:18px}.order-page .rightDiv{width:62%;min-height:100vh;background-color:#fff;padding:0 120px;box-sizing:border-box;display:flex;flex-direction:column}@media screen and (max-width:1080px){.order-page .rightDiv{width:100%;padding:0 16px}}.order-page .rightDiv .title{font-size:24px;color:#000;margin-top:96px}@media screen and (max-width:1080px){.order-page .rightDiv .title{font-size:22px;margin-top:24px}}.order-page .rightDiv .load-spin{font-size:30px;color:#000;margin-top:20px}.order-page .rightDiv .sub-title{font-size:16px;color:#666;margin-top:32px}@media screen and (max-width:1080px){.order-page .rightDiv .sub-title{font-size:14px;margin-top:24px}}.order-page .rightDiv .amount-div{width:100%;display:flex;flex-direction:row;align-items:center;margin-top:8px}.order-page .rightDiv .amount-div h1{flex:1 1;font-size:40px;color:#000}@media screen and (max-width:1080px){.order-page .rightDiv .amount-div h1{font-size:32px}}.order-page .rightDiv .amount-div h2{font-size:16px;color:#666}@media screen and (max-width:1080px){.order-page .rightDiv .amount-div h2{display:none}}.order-page .rightDiv .amount-div .spin{font-size:16px;color:#666}@media screen and (max-width:1080px){.order-page .rightDiv .amount-div .spin{display:none}}.order-page .rightDiv .amount-div .countdown-div{width:36px;height:36px;margin-left:12px}.order-page .rightDiv .amount-div .countdown-div .ant-progress-inner{width:36px!important;height:36px!important}.order-page .rightDiv .amount-div .countdown-div .ant-progress-circle .ant-progress-text{font-size:12px;color:#666}.order-page .rightDiv .amount-div .countdown-div .ant-progress-circle-trail{stroke:rgba(0,0,0,.1)}.order-page .rightDiv .swap-txt{font-size:14px;color:#666;margin:8px 0;display:none}@media screen and (max-width:1080px){.order-page .rightDiv .swap-txt{display:block}}.order-page .rightDiv .swap-spin{font-size:14px;color:#666;display:none}@media screen and (max-width:1080px){.order-page .rightDiv .swap-spin{display:block}}.order-page .rightDiv .select-container{width:100%;margin-top:24px;display:flex;flex-direction:column}@media screen and (max-width:1080px){.order-page .rightDiv .select-container{margin-top:16px}}.order-page .rightDiv .select-container .type{font-size:16px;color:#000}@media screen and (max-width:1080px){.order-page .rightDiv .select-container .type{font-size:14px}}.order-page .rightDiv .select-container .select-div{width:100%;height:56px;margin-top:12px;border:1px solid #b3b3b3;background-color:#fff;border-radius:12px;cursor:pointer;display:flex;flex-direction:row;align-items:center}@media screen and (max-width:1080px){.order-page .rightDiv .select-container .select-div{margin-top:8px}}.order-page .rightDiv .select-container .select-div .icon{width:24px;height:24px;border-radius:24px;margin-left:16px}.order-page .rightDiv .select-container .select-div .name{flex:1 1;margin-left:8px;font-size:20px;color:#000}@media screen and (max-width:1080px){.order-page .rightDiv .select-container .select-div .name{font-size:16px}}.order-page .rightDiv .select-container .select-div .tag{width:16px;height:16px;margin:0 20px}.order-page .rightDiv .select-container .disable{border-color:#e6e6e6;background-color:#fafafa;cursor:not-allowed}.order-page .rightDiv .unlock-div{width:100%;margin-top:32px;margin-bottom:-16px;display:flex;flex-direction:column}@media screen and (max-width:1080px){.order-page .rightDiv .unlock-div{margin-bottom:0}}.order-page .rightDiv .unlock-div .tool{width:100%;display:flex;flex-direction:row;align-items:center}.order-page .rightDiv .unlock-div .tool .unlock-button{display:flex;flex-direction:row;align-items:center;cursor:pointer}.order-page .rightDiv .unlock-div .tool .unlock-button img{width:24px;height:24px}.order-page .rightDiv .unlock-div .tool .unlock-button h1{font-size:16px;color:#000;-webkit-text-decoration-line:underline;text-decoration-line:underline;margin-left:4px}@media screen and (max-width:1080px){.order-page .rightDiv .unlock-div .tool .unlock-button h1{font-size:14px;margin-left:7px}}.order-page .rightDiv .unlock-div .tool .lock-spin{font-size:24px;color:#000}.order-page .rightDiv .unlock-div .tool h2{flex:1 1;text-align:right;font-size:14px;color:#666}@media screen and (max-width:1080px){.order-page .rightDiv .unlock-div .tool h2{font-size:12px}}.order-page .rightDiv .unlock-div .countdown-div{width:100%;margin-top:12px}.order-page .rightDiv .action-button{width:100%;height:56px;background-color:#000;font-size:20px;color:#fff;margin-top:48px;border-radius:56px;display:flex;flex-direction:row;align-items:center;justify-content:center}@media screen and (max-width:1080px){.order-page .rightDiv .action-button{margin-top:32px;font-size:16px}}.order-page .rightDiv .action-button img{width:24px;height:24px;margin-right:8px}@media screen and (max-width:1080px){.order-page .rightDiv .action-button img{width:20px;height:20px}}.order-page .rightDiv .action-button[disabled]{background-color:#ddd}.order-page .rightDiv .disable-text{font-size:14px;color:#cc3314;text-align:center;margin-top:12px}@media screen and (max-width:1080px){.order-page .rightDiv .disable-text{font-size:12px}}.order-page .rightDiv .or-div{width:100%;margin-top:24px;display:flex;flex-direction:row;align-items:center}.order-page .rightDiv .or-div .line{flex:1 1;height:1px;background-color:#e6e6e6}.order-page .rightDiv .or-div h2{font-size:14px;color:#666;margin:0 16px}.order-page .rightDiv .statistics{width:100%;margin-top:24px;display:flex;flex-direction:row;align-items:center;justify-content:center}@media screen and (max-width:1080px){.order-page .rightDiv .statistics{flex-direction:column}}.order-page .rightDiv .statistics h1,.order-page .rightDiv .statistics h2{font-size:16px;color:#000}@media screen and (max-width:1080px){.order-page .rightDiv .statistics h1,.order-page .rightDiv .statistics h2{font-size:13px}}.order-page .rightDiv .statistics h1{margin:0 5px}@media screen and (max-width:1080px){.order-page .rightDiv .statistics h1{margin:5px 3px}}.order-page .rightDiv .copy-div{width:100%;padding:10px 0;display:flex;flex-direction:row;align-items:center;margin-top:12px;border:1px solid #e6e6e6;border-radius:12px}@media screen and (max-width:1080px){.order-page .rightDiv .copy-div{padding:16px 0}}.order-page .rightDiv .copy-div h2{flex:1 1;font-size:20px;color:#000;margin-left:16px;word-break:break-all}@media screen and (max-width:1080px){.order-page .rightDiv .copy-div h2{font-size:16px}}.order-page .rightDiv .copy-div .copy-button{margin:0 10px;font-size:16px;color:#000;height:36px;border-radius:36px;padding:0 16px}@media screen and (max-width:1080px){.order-page .rightDiv .copy-div .copy-button{margin-right:16px;font-size:14px}}.order-page .rightDiv .qrcode-div{width:100%;display:flex;align-items:center;justify-content:center;margin-top:12px;border:1px solid #e6e6e6;border-radius:12px;padding:12px 0}.order-page .rightDiv .logoDiv{width:100%;flex-direction:row;align-items:center;justify-content:center;margin:56px 0;display:none}@media screen and (max-width:1080px){.order-page .rightDiv .logoDiv{display:flex}}.order-page .rightDiv .logoDiv h2{margin:0 8px 0 0;color:rgba(0,0,0,.5);font-size:14px}.order-page .rightDiv .logoDiv img{height:18px}.payment-modal-class .ant-modal .ant-modal-content{border-radius:24px}.payment-modal-class .ant-modal .ant-modal-body{padding:20px 12px}.payment-modal-class .ant-modal .toolContainer{padding:0 12px}@media screen and (max-width:1080px){.payment-modal-class .ant-modal .toolContainer .title{font-size:22px}}.payment-modal-class .ant-modal .select-list{margin:12px 0}.payment-modal-class .ant-modal .select-list .select-item{height:60px;padding:0 12px;margin:2px 0;border-radius:12px}.payment-modal-class .ant-modal .select-list .select-item .select-icon{width:36px;border-radius:36px;margin-right:12px}@media screen and (max-width:1080px){.payment-modal-class .ant-modal .select-list .select-item .select-token{font-size:16px}}.payment-modal-class .ant-modal .success-title{width:100%;text-align:center;font-size:24px;color:#000}@media screen and (max-width:1080px){.payment-modal-class .ant-modal .success-title{font-size:22px}}.payment-modal-class .ant-modal .success-content{padding:30px 30px 0;width:100%;text-align:center;font-size:18px;color:#666;box-sizing:border-box}@media screen and (max-width:1080px){.payment-modal-class .ant-modal .success-content{padding:20px;font-size:16px}}.payment-modal-class .ant-modal .ok-button{width:60%;height:56px;background-color:#000;font-size:20px;color:#fff;margin:30px auto 0;border-radius:56px;display:flex;flex-direction:row;align-items:center;justify-content:center}@media screen and (max-width:1080px){.payment-modal-class .ant-modal .ok-button{margin-top:20px;font-size:16px}}.charge-page{display:flex;flex-direction:row;width:100%;min-height:100vh;position:relative}@media screen and (max-width:1080px){.charge-page{flex-direction:column}}.charge-page .lang-div{position:absolute;top:40px;right:60px;padding:8px 12px;border:1px solid #000;font-size:16px;font-weight:700;color:#000;cursor:pointer}@media screen and (max-width:1080px){.charge-page .lang-div{top:14px;right:16px;border-color:#fff;color:#fff}}.charge-page .leftDiv{display:flex;flex-direction:column;justify-content:space-between;width:38%;min-height:100vh;background-color:#000}@media screen and (max-width:1080px){.charge-page .leftDiv{width:100%;min-height:0;height:64px}}.charge-page .leftDiv .backDiv{display:flex;flex-direction:row;align-items:center;margin:170px 60px;cursor:pointer}@media screen and (max-width:1080px){.charge-page .leftDiv .backDiv{width:100%;height:100%;margin:0}}.charge-page .leftDiv .backDiv img{width:16px}@media screen and (max-width:1080px){.charge-page .leftDiv .backDiv img{margin-left:24px}}.charge-page .leftDiv .backDiv p{margin:0 0 0 12px;color:#fff;font-size:16px}.charge-page .leftDiv .logoDiv{display:flex;flex-direction:row;align-items:center;margin:60px}@media screen and (max-width:1080px){.charge-page .leftDiv .logoDiv{display:none}}.charge-page .leftDiv .logoDiv p{margin:0 8px 0 0;color:hsla(0,0%,100%,.5);font-size:14px}.charge-page .leftDiv .logoDiv img{height:18px}.charge-page .rightDiv{width:62%;min-height:100vh;background-color:#fff;padding:160px 144px 160px 48px;box-sizing:border-box;display:flex;flex-direction:column}@media screen and (max-width:1080px){.charge-page .rightDiv{width:100%;padding:32px 16px}}.charge-page .rightDiv .stepDiv{display:flex;flex-direction:row;align-items:center}.charge-page .rightDiv .stepDiv .number{background-color:#000;font-size:20px;color:#fff;width:34px;height:34px;border-radius:34px;line-height:34px;text-align:center}@media screen and (max-width:1080px){.charge-page .rightDiv .stepDiv .number{width:32px;height:32px;font-size:16px}}.charge-page .rightDiv .stepDiv .sessionTitle{margin-left:16px;font-size:24px;font-weight:700;color:#000}@media screen and (max-width:1080px){.charge-page .rightDiv .stepDiv .sessionTitle{margin-left:12px;font-size:16px}}.charge-page .rightDiv .selectContainer{margin:6px 0 6px 16px;border-left:1px solid #000;padding-bottom:40px}.charge-page .rightDiv .selectContainer .selectTitle{margin-top:24px;margin-left:32px;font-size:16px;color:#000}.charge-page .rightDiv .selectContainer .selectDiv{width:calc(100% - 32px);height:56px;margin-left:32px;margin-top:12px;border:1px solid #000;box-sizing:border-box;padding:0 16px;display:flex;flex-direction:row;align-items:center;cursor:pointer}.charge-page .rightDiv .selectContainer .selectDiv .select-icon{width:22px;border-radius:22px;margin-right:10px}.charge-page .rightDiv .selectContainer .selectDiv .select-token{font-size:20px;color:#000;flex:1 1}@media screen and (max-width:1080px){.charge-page .rightDiv .selectContainer .selectDiv .select-token{font-size:16px}}.charge-page .rightDiv .selectContainer .selectDiv .select-tag{width:16px}.charge-page .rightDiv .copyContainer{width:calc(100% - 50px);margin-left:50px;margin-top:32px;border:1px solid #000;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:16px;box-sizing:border-box}.charge-page .rightDiv .copyContainer .copyText{font-size:20px;color:#000;margin-right:16px;word-break:break-all}@media screen and (max-width:1080px){.charge-page .rightDiv .copyContainer .copyText{font-size:16px}}.charge-page .rightDiv .copyContainer .copyButton{padding:8px 16px;border:1px solid #000;border-radius:36px;font-weight:700;font-size:16px;color:#000;white-space:nowrap;cursor:pointer}.charge-page .rightDiv .descDiv{width:calc(100% - 50px);margin-left:50px;margin-top:24px;display:flex;flex-direction:row}@media screen and (max-width:1080px){.charge-page .rightDiv .descDiv{flex-direction:column}}.charge-page .rightDiv .descDiv .qrcodeDiv{width:216px;height:216px;border:1px solid #000;display:flex;align-items:center;justify-content:center}.charge-page .rightDiv .descDiv .contentDiv{margin-left:24px;flex:1 1;background:rgba(255,214,64,.05);border:1px solid rgba(255,214,64,.5);padding:24px 16px;box-sizing:border-box}@media screen and (max-width:1080px){.charge-page .rightDiv .descDiv .contentDiv{margin-top:24px;margin-left:0}}.charge-page .rightDiv .descDiv .contentDiv p{font-size:14px;color:#000}.charge-page .rightDiv .descDiv .contentDiv p span{color:#faaf00;font-weight:700}.payment-modal-class .ant-modal{width:568px!important}.payment-modal-class .ant-modal .ant-modal-body{padding:32px 0}.payment-modal-class .ant-modal .toolContainer{width:100%;padding:0 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.payment-modal-class .ant-modal .toolContainer .title{font-size:24px;font-weight:700;color:#000}.payment-modal-class .ant-modal .toolContainer .close-button{width:24px;height:24px;cursor:pointer}.payment-modal-class .ant-modal .select-list{width:100%;display:flex;flex-direction:column;margin:32px 0}.payment-modal-class .ant-modal .select-list .select-item{width:100%;height:56px;padding:0 24px;display:flex;flex-direction:row;align-items:center;cursor:pointer}.payment-modal-class .ant-modal .select-list .select-item .select-icon{width:24px;border-radius:24px;margin-right:8px}.payment-modal-class .ant-modal .select-list .select-item .select-token{font-size:20px;color:#000;flex:1 1}.payment-modal-class .ant-modal .select-list .select-item .select-tag{width:24px}.not-found-page{width:100%;display:flex;align-items:center;justify-content:center;min-height:100vh}.web3modal-modal-lightbox{z-index:999999}@font-face{font-family:"-text-regular";src:url(/static/media/regular.266897e0.woff)}@font-face{font-family:"-text-bold";src:url(/static/media/bold.ea8ca76c.woff)}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body,div,li,p{line-height:1.25}body{background-color:#fff}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}li,ol,ul{list-style:none}q:after,q:before{content:""}abbr,acronym{border:0}a:-webkit-any-link{text-decoration:none}button,div,h1{font-family:-text-bold}.ant-progress-circle .ant-progress-text,h2{font-family:-text-regular}.ant-btn:focus,.ant-btn:hover{border-color:#000}
/*# sourceMappingURL=main.fb888522.chunk.css.map */