.user_menu_wrap[data-v-cce97787]{background-color:#1c2128cc;color:#adbac7;display:flex;height:100vh;justify-content:right;left:0;max-height:-webkit-fill-available;padding:4px;position:fixed;top:0;width:100%;z-index:100}.user_menu_wrap .box[data-v-cce97787]{background-color:#22272e;border:1px solid #444c56;border-radius:6px;min-height:400px;overflow:hidden;position:relative;width:300px}.user_menu_wrap .box .close[data-v-cce97787]{margin:0;position:absolute;right:14px;top:14px}.user_menu_wrap .box .main[data-v-cce97787]{display:flex;flex-direction:column;padding:15px}.user_menu_wrap .box .main .user[data-v-cce97787]{align-items:center;display:inline-flex;padding-bottom:10px;position:relative}.user_menu_wrap .box .main .user .head_img[data-v-cce97787]{height:36px;margin-right:6px;position:relative;width:36px}.user_menu_wrap .box .main .user .head_img .avatar[data-v-cce97787]{background-color:#000;border-radius:50%;height:100%;width:100%}.user_menu_wrap .box .main .user .head_img .icon_vip[data-v-cce97787]{bottom:-6px;height:20px;left:-6px;position:absolute;width:20px}.user_menu_wrap .box .main .user .nickname[data-v-cce97787]{color:#adbac7;margin-left:5px}.user_menu_wrap .box .main .menu_item[data-v-cce97787]{align-items:center;color:#e6edf3;display:flex;padding:8px 10px}.user_menu_wrap .box .main .menu_item[data-v-cce97787]:hover{background-color:#b1bac41f;border-radius:6px;cursor:pointer}.user_menu_wrap .box .main .menu_item .icon[data-v-cce97787]{color:#7d8590;height:18px;margin-right:6px;width:18px}.user_menu_wrap .box .main .line[data-v-cce97787]{background-color:#373e46;height:1px;margin:6px 0}.v-enter-active .box[data-v-cce97787]{transition:all .15s cubic-bezier(.65,0,.35,1)}.v-leave-active[data-v-cce97787]{transition:opacity .1s ease}.v-leave-active .box[data-v-cce97787]{transition:all .1s ease}.v-enter-from .box[data-v-cce97787]{transform:translate(100%)}.v-leave-to[data-v-cce97787]{opacity:0}.v-leave-to .box[data-v-cce97787]{transform:translate(100%)}.user_info[data-v-d5c41886]{align-items:center;border-radius:6px;display:inline-flex;margin:-2px 6px;position:relative}.user_info[data-v-d5c41886]:hover{cursor:pointer}.user_info .btn_login[data-v-d5c41886]{align-items:center;background-color:#eee;border:0;border-radius:6px;color:#000;display:flex;height:26px;justify-content:center;padding:0 12px;white-space:nowrap}.user_info .user_info2[data-v-d5c41886]{align-items:center;border-radius:6px;display:inline-flex;overflow:hidden;padding:1px 6px;transition:.12s cubic-bezier(.3,0,.5,1);transition-property:background-color}.user_info .user_info2[data-v-d5c41886]:hover{background-color:#22272e}.user_info .user_info2 .head_img[data-v-d5c41886]{height:28px;position:relative;width:28px}.user_info .user_info2 .head_img .avatar[data-v-d5c41886]{background-color:#000;border-radius:50%;height:100%;width:100%}.user_info .user_info2 .head_img .icon_vip[data-v-d5c41886]{bottom:-6px;height:20px;left:-6px;position:absolute;width:20px}.user_info .user_info2 .nickname[data-v-d5c41886]{color:#adbac7;font-size:14px;margin-left:5px}@media screen and (max-width:460px){.user_info .head_img[data-v-d5c41886]{height:28px;width:28px}.user_info .nickname[data-v-d5c41886]{display:none}}.dark .user_info2[data-v-d5c41886]:hover{background-color:#eaeff6}.dark .user_info2 .nickname[data-v-d5c41886]{color:#000}