.login-area[data-v-e7958b5c]{align-items:center;display:flex}.login-area .login-btn[data-v-e7958b5c]{border-radius:20px;color:#fff;cursor:pointer;font-family:PingFangSC-Regular,PingFang SC;font-size:14px;font-weight:400;height:36px;line-height:36px;text-align:center;width:128px}.login-area .login-info[data-v-e7958b5c]{align-items:center;cursor:pointer;display:flex;font-size:0;position:relative}.login-area .login-info:hover .arrow-down[data-v-e7958b5c]{transform:rotate(180deg)}.login-area .login-info .icon[data-v-e7958b5c]{height:12px;width:12px}.login-area .login-info .vip-icon[data-v-e7958b5c]{height:16px;width:16px}.login-area .logout-icon[data-v-e7958b5c]{color:#fff;cursor:pointer;margin-left:10px}.login-area .btn-list[data-v-e7958b5c]{background:#0009;color:#ffffffe6;cursor:pointer;display:flex;flex-direction:column;height:95px;justify-content:flex-end;width:100px;z-index:-1}.login-area .btn-list .btn-item[data-v-e7958b5c]{font-size:12px;height:30px;line-height:30px;text-align:center;width:100px}.login-area .btn-list[data-v-e7958b5c]:hover{background:#000c;color:#fff}.login-area .user-avatar[data-v-e7958b5c]{border:1px solid hsla(0,0%,100%,.4);border-radius:50%;height:32px;margin-right:8px;width:32px}.login-area .user-name[data-v-e7958b5c]{color:#fff;font-family:PingFangSC-Regular,PingFang SC;font-size:14px;font-weight:400;height:22px;line-height:22px;margin-right:8px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-area .arrow-down[data-v-e7958b5c]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAANhJREFUWEftlesNgzAMhM+blcnaTlaYzJXbIFFCkjNNxB9HQkgI+c6fHxFcfORifYSBIBAEDgmo6g2APfdOYzoDeIqIvX9OycArGeik/w0jIple9iFlbwZGnGlPoURAR6hTBExYVR8d67/mYj1gcds9MMDEofinL2qoO5EoijcNJBL/TMQsIlMtSWoTquoZE01xisDq3mmCEvcasM3I7ods3ktloEqwocCYoMVdBEgTLvFTBio7ojpuXUqwDZLuDLstFwDWdNlNx6xzVw8wAb3/hIEgEASCwBummEshfFF/xAAAAABJRU5ErkJggg==);background-size:contain;height:11px;transition:transform .3s ease-in-out;width:11px}