.components-member-avatar{align-items:center;background-color:#f4f5fa;border-radius:50%;display:flex;flex-shrink:0;justify-content:center;position:relative}.components-member-avatar:hover .mask{display:block}.components-member-avatar.member{background-color:#f1d6bc}.components-member-avatar.small .mask{height:38px;width:38px}.components-member-avatar.small .avatar-img{height:32px;width:32px}.components-member-avatar.member.small{height:36px;width:36px}.components-member-avatar.member.small .mask{background-color:#f1d6bc}.components-member-avatar.medium .avatar-img{height:62px;width:62px}.components-member-avatar.member.medium{height:70px;width:70px}.components-member-avatar.medium .vip{bottom:-4px;width:28px}.components-member-avatar.large .avatar-img{height:88px;width:88px}.components-member-avatar.large .vip{bottom:-4px;width:34px}.components-member-avatar.member.large{height:96px;width:96px}.components-member-avatar .mask{background-color:#0000000d;border-radius:50%;display:none;position:absolute;z-index:-1}.components-member-avatar .avatar-img{border-radius:50%}.components-member-avatar .vip{bottom:-3px;margin-left:auto;margin-right:auto;position:absolute;width:24px}.components-consume{display:flex;flex:1;flex-direction:column;height:100%}.components-consume h1{color:#000;font-size:24px;font-weight:400;margin:20px 0 24px}.components-consume .middle-wrapper{display:flex;justify-content:space-between;margin-bottom:24px}.components-consume .middle-wrapper .total{color:#000;font-size:14px}.components-consume .nav-menu{align-items:center;border-bottom:1px solid #bbbecd;display:flex;gap:40px;margin-bottom:24px}.components-consume .nav-menu .nav-link{border-bottom:2px solid transparent;color:#000;cursor:pointer;font-size:14px;line-height:22px;margin-bottom:-1px;padding:0 0 7px}.components-consume .nav-menu .nav-link.active{border-bottom:2px solid #000}.components-consume .ant-table-wrapper .ant-table-cell{font-weight:400}.components-consume .ant-table-wrapper .tag{background-color:#eeeff5;border-radius:4px;color:#000;display:inline;font-size:14px;font-weight:400;padding:4px 8px}.components-consume .ant-table-wrapper .tag.expires{color:#bbbecd}.components-consume .ant-table-wrapper .points{align-items:center;display:flex;justify-content:flex-start}.components-consume .ant-table-wrapper .points img{margin-left:8px;margin-right:2px;width:20px}.components-consume .ant-table-wrapper .points .point{font-weight:400;padding-top:3px}.components-income{display:flex;flex:1;flex-direction:column;height:100%}.components-income h1{color:#000;font-size:24px;font-weight:400;margin:20px 0 24px}.components-income .middle-wrapper{display:flex;justify-content:space-between;margin-bottom:24px}.components-income .middle-wrapper .total{color:#000;font-size:14px}.components-income .nav-menu{align-items:center;border-bottom:1px solid #bbbecd;display:flex;gap:40px;margin-bottom:24px}.components-income .nav-menu .nav-link{border-bottom:2px solid transparent;color:#000;cursor:pointer;font-size:14px;line-height:22px;margin-bottom:-1px;padding:0 0 7px}.components-income .nav-menu .nav-link.active{border-bottom:2px solid #000}.components-income .ant-table-wrapper .tag{background-color:#eeeff5;border-radius:4px;color:#000;display:inline;font-size:14px;font-weight:400;padding:4px 8px}.components-income .ant-table-wrapper .tag.expires{color:#bbbecd}.components-income .ant-table-wrapper .points{align-items:center;display:flex;justify-content:flex-start}.components-income .ant-table-wrapper .points img{margin-left:8px;margin-right:2px;width:20px}.components-income .ant-table-wrapper .points .point{font-weight:400;padding-top:3px}.components-invite{display:flex;flex:1;flex-direction:column;height:100%}.components-invite h1{color:#000;font-size:24px;font-weight:400;margin:20px 0 24px}.components-invite .middle-wrapper{display:flex;justify-content:space-between;margin-bottom:24px}.components-invite .middle-wrapper .total{color:#000;font-size:14px}.components-invite .middle-wrapper .ambassador{align-items:center;display:flex;gap:12px}.components-invite .middle-wrapper .ambassador .ambassador-con{align-items:baseline;color:#0032ff;display:inline-flex;font-size:12px;gap:12px}.components-invite .middle-wrapper .commission-btn{background-color:#0032ff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;height:24px;min-width:44px;padding:0 16px}.components-invite .points{align-items:center;display:flex;justify-content:flex-start}.components-invite .points img{margin-left:8px;margin-right:2px;width:20px}.components-invite .points .point{font-weight:400;padding-top:3px}.components-invite-code-popover .code-wrapper{align-items:center;display:flex;flex-direction:column;gap:8px}.components-invite-code-popover .code-title{color:#000;font-size:14px;font-weight:500;line-height:20px}.components-invite-code-popover .code-text{color:#666a7c;font-size:14px;line-height:20px;margin-bottom:6px}.components-invite-code-popover .code-img{height:200px;width:200px}.components-invite-code-popover .ant-popover-arrow{display:none}.components-invite-code-popover .ant-popover-inner{padding:24px}.components-purchase{display:flex;flex:1;flex-direction:column;height:100%}.components-purchase h1{color:#000;font-size:24px;font-weight:400;margin:20px 0 24px}.components-purchase .middle-wrapper{display:flex;justify-content:space-between;margin-bottom:24px}.components-purchase .middle-wrapper .total{color:#000;font-size:14px}.personal-container{display:flex;flex-direction:row;height:100%;padding:24px}.personal-container .left-panel{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;margin-right:36px;padding:48px 28px;width:272px}.personal-container .left-panel .name{word-wrap:break-word;color:#000;font-size:18px;margin-bottom:36px;margin-top:18px;overflow-wrap:break-word;text-align:center;white-space:normal;word-break:break-all}.personal-container .left-panel .menu-item{align-items:center;border:1px solid #e1e2e9;border-radius:90px;color:#000;cursor:pointer;display:flex;flex-direction:row;height:48px;justify-content:flex-start;margin-bottom:8px;padding:0 20px;width:100%}.personal-container .left-panel .menu-item .left{margin-right:8px}.personal-container .left-panel .menu-item .right{display:none;margin-left:auto}.personal-container .left-panel .menu-item.active{background-color:#f2f5ff;border-color:transparent}.personal-container .left-panel .menu-item.active .right{display:block}