@charset "UTF-8";.topup-page{min-height:100vh;background:url(../img/bg.png) no-repeat center top;background-size:100% 9.2rem;padding:0 .32rem 2rem}.topup-header{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;margin-bottom:.4rem}.header-logo{display:flex;align-items:center}.header-logo img{height:1.1rem;width:auto}.header-language{position:relative}.header-language .custom-select{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.header-language .custom-select .select-selected{display:flex;align-items:center;justify-content:space-between;padding:.12rem .24rem;border-radius:.2rem;color:#fff;border:0;font-size:.24rem;min-width:1.2rem;gap:.12rem}.header-language .custom-select .select-selected .select-arrow{font-size:.16rem;transition:transform .3s ease;color:#666;width:.3rem}.header-language .custom-select .select-selected .select-arrow.open{transform:rotate(180deg)}.header-language .custom-select .select-options{position:absolute;top:100%;left:0;right:0;margin-top:.08rem;padding:.08rem 0;background:#fff;border-radius:.2rem;box-shadow:0 .08rem .24rem #0000001a;list-style:none;z-index:1000;max-height:3rem;overflow-y:auto}.header-language .custom-select .select-options li{padding:.12rem .24rem;color:#333;font-size:.24rem;cursor:pointer;transition:background-color .2s ease}.header-language .custom-select .select-options li:hover{background-color:#f5f5f5}.header-language .custom-select .select-options li.active{background-color:#e8f4ff;color:#1890ff}.header-language .dropdown-enter-active,.header-language .dropdown-leave-active{transition:opacity .2s ease,transform .2s ease}.header-language .dropdown-enter-from,.header-language .dropdown-leave-to{opacity:0;transform:translateY(-.1rem)}.recharge-card,.country-card,.payment-card{background:#fff;margin-bottom:.32rem}.recharge-card{position:relative;padding:.4rem;width:6.86rem;height:3.4rem;z-index:1;border-radius:.24rem}.recharge-card:before{content:"";position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:url(../img/card_bg.png) no-repeat center center;background-size:100% 100%;z-index:-1}.payment-card{border-radius:.2rem}.recharge-card{position:relative;color:#174747;font-size:.34rem}.recharge-card .card-title{font-size:.28rem;color:#fff;font-style:normal;text-transform:none}.recharge-card .card-content{display:flex;align-items:center;justify-content:space-between;position:relative;margin:.24rem 0 .5rem}.recharge-card .user-avatar-section{display:flex;align-items:center;gap:.24rem;position:relative}.recharge-card .user-avatar-img{width:1.2rem;height:1.2rem;border-radius:50%;border:.04rem solid #e5e7eb;object-fit:cover}.recharge-card .gold-icon{position:absolute;top:.4rem;right:.4rem;font-size:.4rem;z-index:1;line-height:1}.recharge-card .login-btn{width:2.44rem;height:.6rem;background:#fff;border-radius:.08rem;font-weight:800;font-size:.24rem;color:#1bd4c1;font-style:normal;text-transform:none}.recharge-card .login-btn:active{transform:scale(.95);opacity:.9}.country-card .card-label{font-size:.28rem;color:#333;font-weight:500}.country-card .card-value{display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:.16rem}.country-card .country-select{flex:1;border:none;outline:none;font-size:.28rem;color:#333;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:.4rem}.country-card .dropdown-arrow{position:absolute;right:0;color:#999;font-size:.24rem;pointer-events:none}.country-card .dropdown-arrow img{width:.4rem;height:.4rem}.payment-card .payment-method-wrapper:not(:first-child) .payment-method-item.expandable{border-top:.02rem solid #e5e7eb;margin-top:.24rem;padding-top:.32rem}.payment-card .payment-method-item{display:flex;justify-content:space-between;align-items:center;padding:.24rem .32rem;font-size:.28rem;color:#333}.payment-card .payment-method-item.expandable{cursor:pointer;padding-top:.32rem;padding-bottom:.32rem;transition:all .3s ease}.payment-card .payment-method-item .payment-method-left{display:flex;align-items:center;gap:.24rem;flex:1}.payment-card .payment-method-item .payment-logo{width:1.25rem;flex-shrink:0}.payment-card .dropdown-arrow img{width:.4rem;height:.4rem}.payment-card .dropdown-arrow{transition:transform .3s ease;flex-shrink:0;margin-left:.24rem}.payment-card .dropdown-arrow.rotate{transform:rotate(180deg)}.payment-card .amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.1rem;margin-top:.32rem;padding-top:.32rem;border-top:.02rem solid #e5e7eb;align-items:center;justify-items:center;padding:.2rem}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .25s ease-in}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(-.2rem);opacity:0}.slide-fade-enter-to,.slide-fade-leave-from{transform:translateY(0);opacity:1}.amount-item{background:#fff;border-radius:.2rem;padding:.32rem .24rem;text-align:center;cursor:pointer;transition:all .3s ease;border:.02rem solid #e5e7eb;box-shadow:0 .04rem .12rem #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:1.2rem;width:2.1rem}.amount-item.selected{border-color:#1bd4c1;background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 .08rem .24rem #3b82f64d}.amount-item .amount-icon{font-size:.36rem;width:.32rem;margin-bottom:.12rem;line-height:1}.amount-item .amount-value{font-size:.28rem;font-weight:700;color:#333;line-height:1.2;margin:0 .051rem}.amount-item .amount-usd{font-size:.22rem;color:#666;line-height:1.2}.login-page{margin-top:.4rem;padding-top:.4rem}.login-header{margin-bottom:.48rem;text-align:left}.login-header .login-title{font-size:.48rem;font-weight:700;color:#fff;margin-bottom:.22rem;text-align:center}.login-header .login-subtitle{font-size:.28rem;color:#fff;line-height:1.5;width:6.15rem;text-align:center;margin:0 auto}.login-form .input-group{position:relative;margin-bottom:.32rem;display:flex;align-items:center;background:#fff;border-radius:.5rem;padding:0 .32rem;border:.02rem solid #e5e7eb;transition:all .3s ease;min-height:.88rem}.login-form .input-group:focus-within{border-color:#14b8a6;background:#fff;box-shadow:0 0 0 .02rem #14b8a61a}.login-form .input-group .input-icon{font-size:.32rem;margin-right:.16rem;color:#999;flex-shrink:0;width:.48rem;height:.48rem;display:flex;align-items:center;justify-content:center}.login-form .input-group .form-input{flex:1;border:none;outline:none;background:transparent;font-size:.28rem;color:#333;padding:.28rem .16rem .28rem 0;height:.88rem;line-height:.88rem}.login-form .input-group .form-input::placeholder{color:#999}.login-form .input-group .input-actions{display:flex;align-items:center;gap:.16rem;flex-shrink:0}.login-form .input-group .clear-btn{font-size:.28rem;background:url(../img/clear.png) no-repeat center center;background-size:100% 100%;padding:.08rem;line-height:1;display:flex;align-items:center;justify-content:center;width:.48rem;height:.48rem}.login-form .input-group .countdown{font-size:.24rem;color:#0006;white-space:nowrap;font-weight:500}.login-form .input-group .resend-btn{font-size:.24rem;color:#1bd4c1;cursor:pointer;white-space:nowrap}.login-form .input-group .resend-btn:active{opacity:.7}.login-form .input-group .send-code-btn{padding:.12rem .24rem;background:#1bd4c1;color:#fff;border:none;border-radius:.12rem;font-size:.24rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .3s ease;flex-shrink:0}.login-form .input-group .send-code-btn:active:not(:disabled){opacity:.8;transform:scale(.95)}.login-form .input-group .send-code-btn:disabled{background:#1bd4c180;cursor:not-allowed;opacity:.6}.login-form .verification-info{margin-top:.24rem;margin-bottom:.48rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.24rem}.login-form .verification-info .verification-text{flex:1;min-width:0}.login-form .verification-info .verification-text .verification-label,.login-form .verification-info .verification-text .verification-location{font-size:.24rem;color:#174747}.login-form .verification-info .tutorial-link{color:#1bd4c1;text-decoration:none;white-space:nowrap;font-weight:500;font-size:.24rem;line-height:1.5;flex-shrink:0}.login-form .verification-info .tutorial-link:active{opacity:.7}.login-form .confirm-btn{width:6.86rem;height:.96rem;padding:.36rem 0;color:#fff;border:none;font-size:.32rem;font-weight:700;box-shadow:0 .04rem .08rem #14b8a633;border-radius:.48rem;background:#1bd4c1;display:flex;justify-content:center;align-items:center}.login-form .confirm-btn:active:not(:disabled){transform:scale(.98);opacity:.9}.login-form .confirm-btn:disabled{background:#1bd4c180;cursor:not-allowed;box-shadow:none}.modal__content{width:6.86rem;background:#fff;border-radius:0;color:#1bd4c1;padding:.24rem;border-radius:.24rem;font-size:.26rem;line-height:.42rem}.modal__content .modal__title{font-weight:800;font-size:.34rem;color:#1bd4c1;text-align:center;font-style:normal;margin:.24rem 0;text-transform:none}.modal__content .modal__close{background:#fff;width:.5rem;line-height:.5rem;border-radius:50%;text-align:center;font-size:.34rem;position:absolute;bottom:-.51rem;left:50%;transform:translate(-50%)}.logout-modal{text-align:center;padding:.6rem .4rem}.logout-modal .logout-title{color:#1bd4c1;font-size:.32rem;font-weight:500;margin-bottom:.6rem;text-align:center}.logout-modal .logout-buttons{display:flex;flex-direction:column;gap:.24rem;align-items:center;justify-content:center}.logout-modal .logout-confirm-btn{width:100%;height:.2rem;background:#1bd4c1;color:#fff;border:none;border-radius:.4rem;font-size:.32rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:3.6rem;height:.64rem;line-height:.64rem}.logout-modal .logout-cancel-btn{width:100%;height:.2rem;background:#fff;color:#666;border:none;border-radius:.4rem;font-size:.32rem;font-weight:500;transition:all .3s ease;width:3.6rem;height:.64rem;line-height:.64rem;border:.01rem solid #999999}.user-info{display:flex;flex-direction:column;justify-content:center;font-size:.24rem;line-height:.34rem;color:#fff;width:2rem}.country-region{display:flex;justify-content:space-between;line-height:.34rem;height:.5rem;align-items:center}.ar_text .topup-page{direction:rtl}.ar_text .user-avatar-section,.ar_text .card-value,.ar_text .payment-method-item{flex-direction:row-reverse}.ar_text .recharge-card:before{transform:scaleX(-1)}.ellipsis,.es-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tips-center{text-align:center;color:#ffc107;font-size:.22rem}img{max-width:100%;height:auto;object-fit:cover}.toastMsg{position:fixed;top:50%;left:50%;font-size:.28rem;transform:translate(-50%,-50%);padding:.2rem;background:#0009;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;border-radius:.1rem;color:#fff;z-index:9999}*{margin:0;padding:0;box-sizing:border-box}#page{max-width:7.5rem;min-height:100vh;margin:0 auto}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.ar_text{direction:rtl}body{font-family:pingFeng,sans-self;-webkit-user-select:none;overflow-scrolling:touch;-webkit-text-size-adjust:100%;text-size-adjust:100%;tap-hightlight-color:transparent;-webkit-tap-hightlight-color:transparent;-webkit-overflow-scrolling:touch;background:#fff;position:relative;background-color:#f5f5f5;overflow-x:hidden}body,html{font-family:pingFeng,sans-self;-webkit-user-select:none;overflow-scrolling:touch;-webkit-text-size-adjust:100%;text-size-adjust:100%;tap-hightlight-color:transparent;-webkit-tap-hightlight-color:transparent;-webkit-overflow-scrolling:touch;background:#fff;position:relative}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}button{border:none;outline:none;background:none;cursor:pointer}input,textarea{border:none;outline:none;-webkit-appearance:none}ul,ol{list-style:none}.clearfix:after{content:"";display:table;clear:both}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.text-ellipsis-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.dis{display:flex;align-items:center;justify-content:center}#header-img{width:7.5rem}