.main-bg{background:url(/build/assets/gift-bg-D_sD3Oia.png) no-repeat top center / 100%}.main-content>.gift-box{padding:4rem 0 1rem;width:12rem;min-height:7rem;margin:0 auto;color:#fff}.gift-box>.gift-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%}.gift-box>.gift-login-type{display:flex;font-size:.16rem;height:.4rem;margin-bottom:.4rem;align-items:center;justify-content:center}.gift-login-type>.gift-login-account{min-width:.4rem;margin-right:.2rem}.gift-login-type>.gift-out-login{color:#c7171b;cursor:pointer;transition:color .3s}.gift-login-type>.gift-out-login:hover{color:#ed4c4e}.gift-box>.gift-content-box{width:100%}.gift-content-box>.gift-step{display:flex;margin-bottom:.8rem;align-items:center;justify-content:center}.gift-step>div{display:flex;width:4.7rem;height:.6rem;font-size:.2rem;font-weight:700;align-items:center;justify-content:center;cursor:default;color:#fff;background:url(/build/assets/gift-step-item-Bl5XeY38.png) no-repeat top center / auto 100%;transition:background .3s,color .3s}.gift-step>div.active{color:#1a1d20;background:url(/build/assets/gift-step-item-active-2HdcMe0Z.png) no-repeat top center / auto 100%}.gift-step>.gift-content-one{width:100%}.gift-content-one>.gift-code{min-height:1.6rem;display:flex;justify-content:center;margin-bottom:.3rem}.gift-code>.gift-code-title{width:1.6rem;height:.34rem;line-height:.34rem;text-align:end;padding-right:.2rem}.gift-code>.gift-code-input{width:4rem;height:.34rem}.gift-code-input>input{width:3.4rem;height:.34rem;padding:0 .05rem}.gift-content-one>.gift-code-btn{width:100%;display:flex;justify-content:center}.gift-code-btn>.gift-code-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}.gift-code-btn>.gift-code-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}.gift-code-btn>.gift-code-bg:hover:before{opacity:1}.gift-code-bg>.btn-primary{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}.gift-step>.gift-content-two{width:100%}.gift-content-two>.gift-item-box{width:100%;display:flex;justify-content:center;margin-bottom:.3rem}.gift-item-box>.gift-server-title,.gift-item-box>.gift-role-title{width:1.6rem;height:.34rem;line-height:.34rem;text-align:end;padding-right:.2rem}.gift-item-box>.select-box{width:4rem;height:.34rem}.select-box>.select{width:3.4rem;height:.34rem}.gift-content-two>.gift-submit-btn{width:100%;display:flex;justify-content:center;gap:.4rem}.gift-submit-btn>.gift-submit-bg{position:relative;width:2rem;height:.44rem;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-top:.6rem;color:#fff;background:linear-gradient(#4a5e7b,#5e5d81 80%);transition:background .3s}.gift-submit-btn>.gift-submit-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}.gift-submit-btn>.gift-submit-bg:hover:before{opacity:1}.gift-submit-bg>.btn-primary{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}