.user-info[data-v-e098416c]{width:100%;float:left;padding:32px 0;display:flex;justify-content:flex-start;align-items:flex-start}.user-info .user-head[data-v-e098416c]{width:200px;margin-right:64px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.user-info .user-head .user-head-img[data-v-e098416c]{width:200px;height:200px;border:1px solid hsla(0,0%,100%,.2);padding:1px;background:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.user-info .user-head .user-head-img img[data-v-e098416c]{width:100%;height:100%;border-radius:50%}.user-info .user-content[data-v-e098416c]{width:1%;flex:1}.user-info .user-content .user-name[data-v-e098416c]{width:100%;height:40px;float:left;display:flex;align-items:flex-end;justify-content:flex-start;margin-bottom:32px}.user-info .user-content .user-name h1[data-v-e098416c]{font-size:32px;line-height:40px;color:#fff;margin:0}.user-info .user-content .user-name i[data-v-e098416c]{width:20px;height:20px;display:flex;align-items:center;cursor:pointer;color:hsla(0,0%,100%,.4);transition:all .1s linear;font-size:14px;margin-left:16px}.user-info .user-content .user-name i[data-v-e098416c]:hover{color:#fff}.user-info .user-content .user-bar[data-v-e098416c]{width:100%;padding:16px 0;border-bottom:1px solid hsla(0,0%,100%,.1);float:left;display:flex;align-items:center;justify-content:flex-start}.user-info .user-content .user-bar .user-icon[data-v-e098416c]{width:64px;height:64px;margin-right:16px;border-radius:16px;display:flex;align-items:center;justify-content:center}.user-info .user-content .user-bar .user-icon img[data-v-e098416c]{width:40px;height:40px}.user-info .user-content .user-bar .bar-content[data-v-e098416c]{width:1%;flex:1}.user-info .user-content .user-bar .bar-content b[data-v-e098416c],.user-info .user-content .user-bar .bar-content span[data-v-e098416c]{font-size:14px;width:100%;float:left;line-height:1.5}.user-info .user-content .user-bar .bar-content b[data-v-e098416c]{font-weight:700}.user-info .user-content .user-bar .bar-content span[data-v-e098416c]{color:hsla(0,0%,100%,.6)}.user-info .user-content .user-bar .bar-btn[data-v-e098416c]{width:100px;height:32px;padding:0 16px;font-size:14px;display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.2);border-radius:16px;cursor:pointer;color:hsla(0,0%,100%,.8);transition:all .1s linear}.user-info .user-content .user-bar .bar-btn[data-v-e098416c]:hover{background:#0082ff;color:#fff}.color-gray[data-v-e098416c]{color:hsla(0,0%,100%,.6);min-width:auto!important;padding-left:0!important}