.setting-component-container[data-v-a1f7d48e]{padding:0 15px}.page-header-item[data-v-c9e80f14]{margin-top:20px;border-radius:5px;overflow:hidden;background-color:#fff}.page-header-item .bg-img[data-v-c9e80f14]{width:100%;height:210px}.page-header-item .user-info-item[data-v-c9e80f14]{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.page-header-item .user-info-item .header-item[data-v-c9e80f14]{width:100px;height:100px;border-radius:5px;overflow:hidden;margin-right:25px;margin-top:-80px}.page-header-item .user-info-item .nickname[data-v-c9e80f14]{font-size:18px;font-weight:500;color:#393942;margin-right:20px}.page-header-item .user-info-item .id[data-v-c9e80f14]{font-size:12px;color:#383838;display:flex;align-items:center}.page-header-item .user-info-item .id .btn[data-v-c9e80f14]{margin-left:10px;width:12px;height:12px;cursor:pointer}.page-header-item .user-info-item .vip-icon[data-v-c9e80f14]{display:flex;align-items:center;height:20px;padding:0 12px;background-color:hsla(0,0%,65.1%,.1);border-radius:10px;color:#a6a6a6;font-size:10px}.page-header-item .user-info-item .vip-icon .btn[data-v-c9e80f14]{margin-left:5px;color:#2563eb;cursor:pointer}.page-content-container[data-v-c9e80f14]{margin-top:20px;display:flex;padding-bottom:20px}.page-content-container .left-column[data-v-c9e80f14]{width:184px;padding:40px 0;margin-right:20px;background-color:#fff;border-radius:5px}.page-content-container .left-column .menu-item[data-v-c9e80f14]{padding-left:50px;margin-bottom:33px;height:20px;display:flex;align-items:center;cursor:pointer;color:#64748b;font-size:12px}.page-content-container .left-column .menu-item.active[data-v-c9e80f14]{color:#5783fc}.page-content-container .left-column .menu-item.active .active-icon[data-v-c9e80f14]{display:block}.page-content-container .left-column .menu-item.active .icon[data-v-c9e80f14]{display:none}.page-content-container .left-column .menu-item .icon[data-v-c9e80f14]{width:16px;height:16px;margin-right:20px}.page-content-container .left-column .menu-item .active-icon[data-v-c9e80f14]{display:none;width:16px;height:16px;margin-right:20px}.page-content-container .right-column[data-v-c9e80f14]{flex:1}.page-container[data-v-33bbade3]{background-color:#fff;border-radius:5px;padding:0 15px;overflow:hidden}.page-title-item[data-v-33bbade3]{padding-top:10px;border-bottom:1px solid #e5e5e5}.page-title-item .title-item[data-v-33bbade3]{width:112px;line-height:48px;text-align:center;border-bottom:2px solid transparent;color:#64748b;font-size:18px}.page-title-item .title-item.active[data-v-33bbade3]{border-bottom-color:#5783fc;color:#5783fc}.page-content-item[data-v-33bbade3]{display:flex;justify-content:space-between;flex-wrap:wrap;padding:20px 0}.page-content-item .item[data-v-33bbade3]{width:298px;height:58px;padding:12px 15px;border-radius:5px;background-color:rgba(87,131,252,.1);display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.page-content-item .item .left-item[data-v-33bbade3]{flex:1;height:58px}.page-content-item .item .left-item .name[data-v-33bbade3]{display:flex;align-items:center;line-height:28px;font-size:18px;font-weight:500}.page-content-item .item .left-item .name .icon[data-v-33bbade3]{width:25px;height:25px;margin-right:5px}.page-content-item .item .left-item .value[data-v-33bbade3]{margin-top:10px;color:#64748b}.page-content-item .item .img[data-v-33bbade3]{width:58px;height:58px;border-radius:5px;overflow:hidden}