.UserInfoBox[data-v-82767b52]{text-align:left;display:flex;align-items:center;width:100%}.UserInfoBox .icon[data-v-82767b52]{width:40px;height:40px;border-radius:4px;overflow:hidden;box-sizing:border-box;flex:none}.UserInfoBox .text[data-v-82767b52]{flex:auto;display:flex;flex-wrap:wrap;padding-left:8px;line-height:18px;height:40px;overflow:hidden}.UserInfoBox .text .name[data-v-82767b52]{width:100%;margin-bottom:6px;display:flex;overflow:hidden}.UserInfoBox .text .name .n1[data-v-82767b52]{flex:auto;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.UserInfoBox .text .name .n2[data-v-82767b52]{flex:none}.UserInfoBox .text .code[data-v-82767b52]{display:flex;width:50%;transform:scale(.9);transform-origin:0 0}.UserInfoBox .text .mobile[data-v-82767b52]{width:50%;justify-content:flex-end;transform:scale(.9);transform-origin:100% 0}.UserInfoBox .text .code[data-v-82767b52],.UserInfoBox .text .mobile[data-v-82767b52]{color:#969799;display:flex;align-items:center;white-space:nowrap;cursor:pointer}.UserInfoBox .text .i[data-v-82767b52]{margin-right:2px;font-size:12px}.UserInfoBox.hover .n1[data-v-82767b52]{color:#4466cf;transition:all .5s;cursor:pointer}.UserInfoBox.hover .n1[data-v-82767b52]:hover{text-decoration:underline}