.main-bg{background:url(/build/assets/gift-bg-D_sD3Oia.png) no-repeat top center / 100%}.main-content>.recharge-box{padding:4rem 0 1rem;width:12rem;min-height:7rem;margin:0 auto;color:#fff}.recharge-box>.recharge-title-box{height:1.2rem;width:100%;padding-top:.1rem;margin-bottom:.2rem;font-size:.4rem;font-weight:700;text-align:center;background:url(/build/assets/gift-title-bg-Bm6hQnNS.png) no-repeat top center / auto 100%}.recharge-box>.recharge-login-type{display:flex;font-size:.16rem;height:.4rem;margin-bottom:.3rem;align-items:center;justify-content:center}.recharge-login-type>.recharge-login-account{min-width:.4rem;margin-right:.2rem}.recharge-login-type>.recharge-out-login{color:#c7171b;cursor:pointer;transition:color .3s}.recharge-login-type>.recharge-out-login:hover{color:#ed4c4e}.recharge-box>.recharge-content-box,.recharge-box>.recharge-order-box{width:10.2rem;margin:0 auto}.recharge-content-box>.recharge-select-box,.recharge-content-box>.recharge-money-box{width:100%}.recharge-select-box>.recharge-area,.recharge-select-box>.recharge-server,.recharge-select-box>.recharge-role{display:flex;width:100%;margin-bottom:0}.recharge-money-box>.recharge-way,.recharge-money-box>.recharge-money{display:flex;width:100%;margin-bottom:.3rem}.recharge-item-box>.way-title,.recharge-item-box>.money-title,.recharge-item-box>.area-title,.recharge-item-box>.server-title,.recharge-item-box>.role-title{width:1.6rem;text-align:end;padding-right:.2rem}.recharge-item-box>.area-title,.recharge-item-box>.server-title,.recharge-item-box>.role-title{line-height:.34rem}:root{--check-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 16'%3E%3Cpath d='M8 12 L12 15 Q20 5 26 4' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.recharge-item-box>.way-item-box,.recharge-item-box>.money-item-box,.recharge-item-box>.area-item-box,.recharge-item-box>.server-item-box,.recharge-item-box>.role-item-box{width:8.2rem;min-height:.6rem;color:#1a1d20}.recharge-item-box>.area-item-box>select,.recharge-item-box>.server-item-box>select,.recharge-item-box>.role-item-box>select{width:3.4rem;height:.34rem}.recharge-item-box>.way-item-box>.item-content-box,.recharge-item-box>.money-item-box>.item-content-box{display:flex;flex-wrap:wrap;gap:.14rem}.item-content-box>.way-item,.item-content-box>.money-item{width:1.6rem;height:.75rem;padding:.14rem;background:#fff;border-radius:.08rem;text-align:center;cursor:pointer;transition:background .3s}.item-content-box>.way-item img{height:.24rem;margin-bottom:.02rem}.item-content-box>.way-item>.item-text{font-size:.14rem;font-weight:700}.item-content-box>.money-item{display:flex;justify-content:center;line-height:.52rem;font-size:.22rem}.money-item-box>.item-amount-box{display:flex;margin-top:.2rem;margin-right:.02rem}.money-item-box>.item-amount-box>.item-amount{display:flex;align-items:center;width:1.6rem;height:.75rem;padding:.14rem;margin-right:.2rem;background-color:#fff;border-radius:.08rem;text-align:center;justify-content:center;cursor:pointer}.item-amount>span{margin-right:.05rem}.item-amount>input{width:1rem;height:.3rem;font-size:.2rem;border-width:0;text-align:center;background-color:transparent;border-bottom:.01rem solid #1a1d20}.item-amount>input:focus{outline:none}.money-item-box>.item-amount-box>.item-amount-hide{padding-top:.51rem;color:#fff}.item-content-box>.way-item:hover,.item-content-box>.money-item:hover,.item-amount-box>.item-amount:hover{position:relative;overflow:hidden}.item-content-box>.way-item.active,.item-content-box>.money-item.active,.item-amount-box>.item-amount.active{position:relative;overflow:hidden}.item-content-box>.way-item.active:after,.item-content-box>.money-item.active:after,.item-amount-box>.item-amount.active:after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 .24rem .38rem;border-color:transparent transparent #61beff transparent}.item-content-box>.way-item.active:before,.item-content-box>.money-item.active:before,.item-amount-box>.item-amount.active:before{content:"";position:absolute;right:0;bottom:.02rem;width:.3rem;height:.16rem;z-index:1;background:var(--check-svg) no-repeat center / contain;pointer-events:none}.recharge-content-box>.recharge-protocol-box{width:100%;border-top:.01rem solid #ffffff;margin-bottom:.4rem}.recharge-content-box>.recharge-btn-box{width:100%;display:flex;justify-content:center;gap:.4rem}.recharge-btn-box>.recharge-btn-bg{position:relative;width:2rem;height:.44rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;background:linear-gradient(#4a5e7b,#5e5d81 80%);transition:background .3s}.recharge-btn-box>.recharge-btn-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#667895,#7d7c9c 80%);opacity:0;transition:opacity .3s;z-index:0}.recharge-btn-box>.recharge-btn-bg:hover:before{opacity:1}.recharge-btn-bg>.recharge-btn{position:relative;z-index:1;width:1.96rem;height:.4rem;line-height:.4rem;text-align:center;border:.01rem solid;border-image:linear-gradient(to bottom,#586f8f,#727198) 1}.recharge-order-box>.recharge-order-list-box{width:4rem;margin:0 auto;padding-top:.4rem}.recharge-order-list-box>div{min-height:.6rem}.recharge-order-box>.recharge-protocol-box{width:100%;border-top:.01rem solid #ffffff}.recharge-protocol-box>.recharge-protocol{height:1rem;display:flex;align-items:center;justify-content:center}.recharge-protocol>label{cursor:pointer;font-size:.16rem}.recharge-protocol>label>input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.125rem;height:.125rem;margin-right:.05rem;border-radius:50%;cursor:pointer;background-color:#fff;border:#4c9ef0 solid .01rem}.recharge-protocol>label>input:checked{background-color:#4c9ef0;border:#ffffff solid .02rem}.recharge-protocol>label>a{text-decoration:none}.recharge-order-box>.recharge-btn-box{width:100%;display:flex;justify-content:center;gap:.4rem}.rechargeReceipt{position:fixed;width:100%;height:100%;background-color:#1b1e2160;left:0;top:0;z-index:14}.rechargeReceipt>.receipt{position:absolute;width:8.41rem;height:5.2rem;background-color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);border:#1b1e21 solid .01rem}.receipt>.receipt-title{width:100%;height:.5rem;display:flex;justify-content:end;align-items:center;padding-right:.2rem;background-color:#2e3b4a}.receipt-title>.title-close{width:.24rem;height:.24rem;cursor:pointer;opacity:.6;background:url(/build/assets/receipt-close-D4VCgOaR.png)no-repeat center center / 100%;transition:opacity .3s}.receipt-title>.title-close:hover{opacity:1}.receipt>.receipt-content{padding:.2rem;font-size:.18rem}.receipt-content>.receipt-information-box{width:7rem;height:.4rem;display:flex;justify-content:space-between;align-items:center;border-radius:.04rem;margin:0 auto .2rem;background:linear-gradient(60deg,#b3d4fd,#688dba)}.receipt-information-box>.information-way-box{width:2rem;text-align:center;color:#fff}.receipt-information-box>.information-select-role-box{display:flex;justify-content:end;align-content:center;gap:.1rem;padding-right:.1rem}.information-select-role-box>.information-item-box{display:flex;height:.3rem;padding:0 .15rem;color:#1a1d20;background-color:#fff;border-radius:.15rem}.receipt-content>.receipt-money-box{width:7rem;height:.4rem;margin:0 auto .2rem;display:flex;align-items:center;justify-content:center}.receipt-money-box>.money-item-box{width:3rem;display:flex;justify-content:center}.money-item-box>.money-text{color:red;font-weight:700}.receipt-content>.receipt-qb-box{width:7rem;margin:0 auto .1rem}.receipt-qb-box>.qb-title{width:100%;text-align:center;font-size:.2rem;font-weight:700;margin-bottom:.1rem}.receipt-qb-box>.qb-img-box{width:100%;display:flex;justify-content:center}.qb-img-box>img{width:1.6rem;height:1.6rem}.receipt>.receipt-btn{display:flex;align-items:center;justify-content:center;height:.7rem}.receipt-btn>.btn-close{width:1.27rem;height:.41rem;line-height:.41rem;color:#fff;border:#d3d3d3 solid .01rem;border-radius:.03rem;text-align:center;font-size:.18rem;cursor:pointer;background:linear-gradient(to bottom,#377dc6,#2773d8);transition:background .3s}.receipt-btn>.btn-close:hover{color:#fff;background:linear-gradient(to bottom,#165997,#073a81)}