.realname-page[data-v-7d536b31]{background-color:#fff}.realname-page .header[data-v-7d536b31]{height:50px;display:flex;align-items:center;padding:0 15px;font-size:var(--im-font-size-large);font-weight:600;border-bottom:1px solid var(--im-border);position:relative}.realname-page .header[data-v-7d536b31]:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--im-color-primary)}.realname-page .content[data-v-7d536b31]{padding:20px 30px}.realname-page .content .upload-box[data-v-7d536b31]{width:160px;height:100px;border:1px dashed #d9d9d9;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.realname-page .content .upload-box[data-v-7d536b31]:hover{border-color:#0e7a43}.realname-page .content .upload-box .preview[data-v-7d536b31]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.realname-page .content .upload-box .upload-icon[data-v-7d536b31]{font-size:24px;color:#8c939d}