@media (min-width:980px){.header-login .login-box[data-v-becd30a8]{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-becd30a8]{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-becd30a8]{color:var(--main-color)}.header-login .login-box[data-v-becd30a8]:hover{opacity:.8}.header-login .logined[data-v-becd30a8]{position:relative}.header-login .logined .user-icon[data-v-becd30a8]{cursor:pointer;height:30px;width:30px}.header-login .logined .account[data-v-becd30a8]{display:none}.header-login .logined:hover .content-box[data-v-becd30a8]{height:94px}.header-login .logined .content-box[data-v-becd30a8]{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-becd30a8]{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-becd30a8]{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-becd30a8]:hover{background:#f0f0f0}.header-login .logined .user-content .user-content-item img[data-v-becd30a8]{height:16px;width:16px}.logout-dialog[data-v-becd30a8]{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-becd30a8]{cursor:pointer;height:20px;position:absolute;right:18px;top:18px;width:20px}.logout-dialog .title[data-v-becd30a8]{color:#333;font-size:28px;font-weight:500;line-height:normal;margin-bottom:40px}.logout-dialog .btn[data-v-becd30a8],.logout-dialog .title[data-v-becd30a8]{font-family:Poppins;font-style:normal;text-align:center}.logout-dialog .btn[data-v-becd30a8]{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-becd30a8]{background:#333;color:#fff;margin-bottom:20px}.logout-dialog .btn.cancel[data-v-becd30a8]{background:#fff;border:1px solid #333;color:#333}}@media (max-width:980px){.header-login.border-none[data-v-becd30a8]{border-bottom:none}.header-login[data-v-becd30a8]{border-bottom:1px solid #eee;padding:.24rem 0;width:100%}.header-login .login-box[data-v-becd30a8]{border-radius:33px;padding:1px}.header-login .login-box[data-v-becd30a8],.header-login .login-box .login-btn[data-v-becd30a8]{align-items:center;background:none!important;display:flex;justify-content:center}.header-login .login-box .login-btn[data-v-becd30a8]{border:1px solid #333;border-radius:2rem;height:.8rem;padding:.16rem .4rem;width:5.6rem}.header-login .login-box .login-btn span[data-v-becd30a8]{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-becd30a8]:hover{opacity:.8}.header-login .logined .user-icon[data-v-becd30a8]{display:none}.header-login .logined .account[data-v-becd30a8]{align-items:center;display:flex;justify-content:space-between}.header-login .logined .account .txt[data-v-becd30a8]{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-becd30a8]{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-becd30a8]{margin-top:8px;transform:rotate(135deg)}.header-login .logined .content-box[data-v-becd30a8]{height:0;overflow:hidden;transition:height .2s ease-in-out}.header-login .logined .content-box-active[data-v-becd30a8]{height:1.4rem}.header-login .logined .user-content[data-v-becd30a8]{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-becd30a8]{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-becd30a8]{height:.48rem;width:.48rem}.logout-dialog[data-v-becd30a8]{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-becd30a8]{cursor:pointer;height:.25rem;position:absolute;right:.3rem;top:.3rem;width:.25rem}.logout-dialog .title[data-v-becd30a8]{color:#333;font-size:.42rem;font-weight:500;margin-bottom:.5rem}.logout-dialog .btn[data-v-becd30a8],.logout-dialog .title[data-v-becd30a8]{font-family:Poppins;font-style:normal;line-height:normal;text-align:center}.logout-dialog .btn[data-v-becd30a8]{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-becd30a8]{background:#333;color:#fff;margin-bottom:.3rem}.logout-dialog .btn.cancel[data-v-becd30a8]{background:#fff;border:1px solid #333;color:#333}}