.user-header[data-v-31ae1aa0]{margin-bottom:10px;background:#fff;box-shadow:0 6px 20px 0 rgba(51,51,51,.03);border-radius:4px}.user-header-left[data-v-31ae1aa0]{height:210px;margin-right:10px}.user-header-left .user-img[data-v-31ae1aa0]{width:120px;height:120px;position:relative;margin-right:20px;cursor:pointer}.user-header-left .user-img>img[data-v-31ae1aa0]{width:100%;height:100%;border-radius:50%}.user-header-left .user-img .text[data-v-31ae1aa0]{position:absolute;top:0;left:0;width:120px;height:120px;border-radius:50%;overflow:hidden}.user-header-left .user-img .text>p[data-v-31ae1aa0]{height:30px;line-height:30px;color:#fff;background:#000;opacity:.35;text-align:center;margin-top:90px}.user-header-left .rank-text[data-v-31ae1aa0]{width:70px;line-height:22px;display:inline-block;text-align:center;background:#e7f9f5;border-radius:11px;color:#3d94ff}.user-header-left .rank-line>div[data-v-31ae1aa0]{width:80px;color:#999;text-align:center}.user-header-left .rank-line .line[data-v-31ae1aa0]{height:6px;margin:10px 4px 10px 0;background:#eee}.user-header-left .rank-line .line-radius-l[data-v-31ae1aa0]{border-radius:3px 0 0 3px}.user-header-left .rank-line .line-radius-r[data-v-31ae1aa0]{border-radius:0 3px 3px 0}.user-header-left .rank-line .line-acitve[data-v-31ae1aa0]{background:#3d94ff}.user-header-left .color-ff8[data-v-31ae1aa0]{color:#ff8e6f}.user-header-right[data-v-31ae1aa0]{height:190px;margin-left:10px;padding-top:20px}.user-header-right .sign-cricle[data-v-31ae1aa0]{width:94px;height:94px;margin:auto;border:1px solid #3d94ff;border-radius:50%}.user-header-right .sign-cricle>div[data-v-31ae1aa0]{width:86px;height:86px;margin:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#3d94ff;border-radius:50%;color:#fff}.user-header-right .sign-small-circle>div[data-v-31ae1aa0]{display:flex;flex-direction:column;margin:16px 10px 10px}.user-header-right .sign-small-circle>div .circle[data-v-31ae1aa0]{width:34px;height:34px;font-size:12px;line-height:36px;text-align:center;color:#3d94ff;border:1px solid #3d94ff;border-radius:50%}.user-header-right .sign-small-circle>div .circle-active[data-v-31ae1aa0]{color:#ccc;background:#eee;border:1px solid #eee}.user-header-right .sign-small-circle>div .circle-current[data-v-31ae1aa0]{background:#3d94ff;border:1px solid #3d94ff;color:#fff}