.el-card__body{padding:8px}.user-avatar[data-v-78112edf]{width:100px;height:100px;top:20px;left:20px;border-radius:50%;border:1px solid #9c9c9c;position:absolute}.user-info[data-v-78112edf]{position:absolute;top:24px;left:134px}.user-opt[data-v-78112edf]{position:absolute;right:36px;top:36px}.user-nav[data-v-78112edf]{display:flex;justify-content:space-between;padding:0 1.5em}.user-nav ul[data-v-78112edf]{list-style:none;padding:0;margin:0;font-size:15px;position:relative;height:40px}.user-setting[data-v-78112edf]{list-style:none;padding:0;margin-top:0;font-size:18px;position:relative}.user-setting li[data-v-78112edf]{display:flex;vertical-align:middle;padding-top:10px;justify-content:space-between}.user-setting li span[data-v-78112edf]:first{width:15%}.user-setting li span[data-v-78112edf]:last-of-type{width:85%;text-align:right}.user-nav .left li[data-v-78112edf]{float:left}.user-nav .right li div[data-v-78112edf]{display:inline-block;padding:0 .8em}.user-nav .right li span[data-v-78112edf]{display:block;text-align:center}.user-nav .right li[data-v-78112edf]{float:left;cursor:pointer}.user-nav li>span[data-v-78112edf]{line-height:40px;padding:0 30px;display:block}.user-nav .left li[data-v-78112edf]:hover{border:1px solid #3a8ee6;background:#8395a8;color:#fff;border-radius:20px}.user-nav .left .is-active[data-v-78112edf],.user-nav .left li[data-v-78112edf]:focus{border:1px solid #3a8ee6;background:#3a8ee6;color:#fff;border-radius:20px}.user-nav .left li[data-v-78112edf]:focus{outline-style:none}.avatar-uploader .el-upload[data-v-78112edf]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload[data-v-78112edf]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-78112edf]{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center}.avatar[data-v-78112edf]{width:178px;height:178px;display:block}