@media (min-width:980px){.header-login .login-box[data-v-5aff9205]{align-items:center;border:1px solid var(--main-color);border-radius:33px;display:flex;justify-content:center;padding:1px}.header-login .login-box .login-btn[data-v-5aff9205]{align-items:center;border-radius:33px;cursor:pointer;display:flex;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;justify-content:center;line-height:24px;padding:6px 26px}.header-login .login-box .login-btn span[data-v-5aff9205]{color:var(--main-color)}.header-login .login-box[data-v-5aff9205]:hover{opacity:.8}.header-login .logined[data-v-5aff9205]{position:relative}.header-login .logined .user-icon[data-v-5aff9205]{cursor:pointer;height:30px;width:30px}.header-login .logined .account[data-v-5aff9205]{display:none}.header-login .logined:hover .content-box[data-v-5aff9205]{height:94px}.header-login .logined .content-box[data-v-5aff9205]{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001f;height:0;left:50%;overflow:hidden;position:absolute;top:calc(100% + 11px);transform:translate(-50%);transition:all .3s ease-in-out}.header-login .logined .user-content[data-v-5aff9205]{align-items:flex-start;border:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;gap:6px;min-width:150px;padding:8px}.header-login .logined .user-content .user-content-item[data-v-5aff9205]{align-items:center;align-self:stretch;border-radius:8px;color:#333;cursor:pointer;display:flex;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;gap:10px;height:36px;line-height:normal;padding:0 10px;white-space:nowrap}.header-login .logined .user-content .user-content-item[data-v-5aff9205]:hover{background:#f0f0f0}.header-login .logined .user-content .user-content-item img[data-v-5aff9205]{height:16px;width:16px}.logout-dialog[data-v-5aff9205]{align-items:center;background:#fff;border-radius:16px;display:flex;flex-direction:column;padding:40px 30px;position:relative;width:480px}.logout-dialog .close-icon[data-v-5aff9205]{cursor:pointer;height:20px;position:absolute;right:18px;top:18px;width:20px}.logout-dialog .title[data-v-5aff9205]{color:#333;font-size:28px;font-weight:500;line-height:normal;margin-bottom:40px}.logout-dialog .btn[data-v-5aff9205],.logout-dialog .title[data-v-5aff9205]{font-family:Poppins;font-style:normal;text-align:center}.logout-dialog .btn[data-v-5aff9205]{align-items:center;align-self:stretch;border-radius:6px;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:58px;justify-content:center;line-height:24px;padding:10px 20px}.logout-dialog .btn.confirm[data-v-5aff9205]{background:#333;color:#fff;margin-bottom:20px}.logout-dialog .btn.cancel[data-v-5aff9205]{background:#fff;border:1px solid #333;color:#333}}@media (max-width:980px){.header-login.border-none[data-v-5aff9205]{border-bottom:none}.header-login[data-v-5aff9205]{border-bottom:1px solid #eee;padding:.24rem 0;width:100%}.header-login .login-box[data-v-5aff9205]{border-radius:33px;padding:1px}.header-login .login-box[data-v-5aff9205],.header-login .login-box .login-btn[data-v-5aff9205]{align-items:center;background:none!important;display:flex;justify-content:center}.header-login .login-box .login-btn[data-v-5aff9205]{border:1px solid #333;border-radius:2rem;height:.8rem;padding:.16rem .4rem;width:5.6rem}.header-login .login-box .login-btn span[data-v-5aff9205]{background:text #333!important;font-family:Poppins;font-size:.28rem;font-style:normal;font-weight:500;line-height:.32rem;text-transform:capitalize}.header-login .login-box[data-v-5aff9205]:hover{opacity:.8}.header-login .logined .user-icon[data-v-5aff9205]{display:none}.header-login .logined .account[data-v-5aff9205]{align-items:center;display:flex;justify-content:space-between}.header-login .logined .account .txt[data-v-5aff9205]{color:#333;font-family:Poppins;font-size:.28rem;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.header-login .logined .account .arrow[data-v-5aff9205]{border-bottom:2px solid #333;border-left:2px solid #333;cursor:pointer;height:.2rem;margin-top:-2px;transform:rotate(-45deg);transition:all .3s ease-in-out;width:.2rem}.header-login .logined .account .arrow-active[data-v-5aff9205]{margin-top:8px;transform:rotate(135deg)}.header-login .logined .content-box[data-v-5aff9205]{height:0;overflow:hidden;transition:height .2s ease-in-out}.header-login .logined .content-box-active[data-v-5aff9205]{height:1.4rem}.header-login .logined .user-content[data-v-5aff9205]{align-items:flex-start;border:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;gap:.16rem;padding-top:.2rem}.header-login .logined .user-content .user-content-item[data-v-5aff9205]{align-items:center;align-self:stretch;border-radius:8px;color:#333;cursor:pointer;display:flex;font-family:Poppins;font-size:.26rem;font-style:normal;font-weight:500;gap:.16rem;height:.48rem;line-height:normal}.header-login .logined .user-content .user-content-item img[data-v-5aff9205]{height:.48rem;width:.48rem}.logout-dialog[data-v-5aff9205]{align-items:center;background:#fff;border-radius:.24rem;display:flex;flex-direction:column;justify-content:center;padding:.6rem .4rem;position:relative;width:6.8rem}.logout-dialog .close-icon[data-v-5aff9205]{cursor:pointer;height:.25rem;position:absolute;right:.3rem;top:.3rem;width:.25rem}.logout-dialog .title[data-v-5aff9205]{color:#333;font-size:.42rem;font-weight:500;margin-bottom:.5rem}.logout-dialog .btn[data-v-5aff9205],.logout-dialog .title[data-v-5aff9205]{font-family:Poppins;font-style:normal;line-height:normal;text-align:center}.logout-dialog .btn[data-v-5aff9205]{align-items:center;align-self:stretch;border-radius:.12rem;cursor:pointer;display:flex;font-size:.3rem;font-weight:600;height:.88rem;justify-content:center;letter-spacing:.15px;padding:.18rem}.logout-dialog .btn.confirm[data-v-5aff9205]{background:#333;color:#fff;margin-bottom:.3rem}.logout-dialog .btn.cancel[data-v-5aff9205]{background:#fff;border:1px solid #333;color:#333}}@media (min-width:980px){.top-up[data-v-2c40c028]{border-radius:8px;bottom:30px;box-shadow:0 0 8px 5px #7878781a;cursor:pointer;position:fixed;right:80px;text-align:center;z-index:9999}.top-up[data-v-2c40c028]:hover{box-shadow:0 0 8px 5px #6b6b6b1a}.top-up img[data-v-2c40c028]{display:block;height:45px;width:45px}}@media (max-width:980px){.top-up[data-v-2c40c028]{border-radius:8px;bottom:2rem;box-shadow:0 0 5px 1px #7878781a;cursor:pointer;position:fixed;right:.5rem;text-align:center;z-index:10}.top-up[data-v-2c40c028]:hover{box-shadow:0 0 5px 1px #6b6b6b1a}.top-up img[data-v-2c40c028]{display:block;height:.8rem;width:.8rem}}