.leftNav[data-v-0f38ccf9]{min-width:260px;width:260px;background:#fff;-webkit-box-shadow:0 0 2px 0 #b8b8b8;box-shadow:0 0 2px 0 #b8b8b8;border-radius:3px;text-align:center}.leftNav .user[data-v-0f38ccf9]{border-bottom:1px solid #eee;position:relative;padding:100px 10px 30px}.leftNav .user .packageName[data-v-0f38ccf9]{width:64px;position:absolute;left:4px;top:16px;line-height:26px;font-size:12px;color:#593012;background:-webkit-gradient(linear,right top,left top,from(#ffc194),to(#ffdebe));background:linear-gradient(-90deg,#ffc194,#ffdebe);border-radius:1px 13px 13px 1px}.leftNav .user .logo[data-v-0f38ccf9]{width:114px;height:114px;border:5px solid #fff;border-radius:50%;position:absolute;top:-40px;left:50%;overflow:hidden;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.leftNav .user .logo .upload-btn[data-v-0f38ccf9]{width:100%;height:100%;position:absolute;left:0;top:0}.leftNav .user .logo .upload-btn .btn[data-v-0f38ccf9]{padding:3px 8px;margin-top:72px}.leftNav .user .logo img[data-v-0f38ccf9]{width:100%;height:100%}.leftNav .user .name[data-v-0f38ccf9]{font-size:16px;color:#0c0d0f;margin-bottom:35px}.leftNav .user .tip[data-v-0f38ccf9]{font-size:12px;color:#0c0d0f;margin:0 auto;margin-bottom:27px;width:80%}.leftNav .user .fans[data-v-0f38ccf9]{margin-bottom:20px}.leftNav .user .fans .line[data-v-0f38ccf9]{margin:0 6px}.leftNav .user .fans .link[data-v-0f38ccf9]{cursor:pointer}.leftNav .user .fans .link[data-v-0f38ccf9]:hover{color:#00b0b7;color:var(--active)}.leftNav .user .upgradeBtn[data-v-0f38ccf9]{width:140px;line-height:36px;background:-webkit-gradient(linear,right top,left top,from(#ff4e00),to(#ff722d));background:linear-gradient(270deg,#ff4e00,#ff722d);border-radius:3px;color:#fff;margin:0 auto;margin-bottom:25px}.leftNav .user .upgradeBtn i[data-v-0f38ccf9]{margin-right:10px}.leftNav .user .date[data-v-0f38ccf9]{font-size:12px;color:#9c9c9c}.leftNav .navList[data-v-0f38ccf9]{padding:20px 0}.leftNav .navList .navItem[data-v-0f38ccf9]{line-height:58px}.leftNav .navList .navItem[data-v-0f38ccf9]:hover{color:#00dbd0}.leftNav .navList .navItem.active[data-v-0f38ccf9]{color:#00dbd0;background:#f6f6f6;position:relative}.leftNav .navList .navItem.active[data-v-0f38ccf9]:before{content:"";width:4px;position:absolute;left:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:15px;background:#00dbd0}