.onlinePeople[data-v-097c486c]{padding:20px;height:100%;box-sizing:border-box;background:#f5f6f7;box-shadow:inset 0 2px 8px 0 rgba(13,13,13,.08)}.onlinePeople>.onlinePeopleBox[data-v-097c486c]{margin-bottom:20px}.onlinePeople>.onlinePeopleBox span[data-v-097c486c]{font-size:18px;font-family:MicrosoftYaHei;font-weight:700;color:#333}.onlinePeople>.onlinePeopleList>.onlinePeopleListText[data-v-097c486c]{display:flex;align-items:center;margin-bottom:20px}.onlinePeople>.onlinePeopleList>.onlinePeopleListText>p[data-v-097c486c]:nth-child(2){font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#333}.onlinePeople>.onlinePeopleList>.onlinePeopleListText>div[data-v-097c486c]:first-child{width:236px;display:flex;align-items:center}.onlinePeople>.onlinePeopleList>.onlinePeopleListText>div:first-child>p[data-v-097c486c]:first-child{width:48px;height:48px;border-radius:50%;line-height:48px;text-align:center;color:#fff;font-size:16px;font-family:MicrosoftYaHei;font-weight:700;margin-right:10px}.onlinePeople>.onlinePeopleList>.onlinePeopleListText>div:first-child>.oColor[data-v-097c486c]{background:#0078ff}.onlinePeople>.onlinePeopleList>.onlinePeopleListText>div:first-child>.tColor[data-v-097c486c]{background:#ff5a00}.onlinePeople>.onlinePeopleList>.onlinePeopleListText>div:first-child>.sColor[data-v-097c486c]{background:#0ac285}.onlinePeople>.onlinePeopleList>.onlinePeopleListText>div:first-child>div[data-v-097c486c]:nth-child(2){margin-right:100px}.onlinePeople>.onlinePeopleList>.onlinePeopleListText>div:first-child>div:nth-child(2)>p[data-v-097c486c]:first-child{font-size:16px;font-family:MicrosoftYaHei;font-weight:700;color:#333}.onlinePeople>.onlinePeopleList>.onlinePeopleListText>div:first-child>div:nth-child(2)>p[data-v-097c486c]:nth-child(2),.onlinePeople>.onlinePeopleList>.onlinePeopleListText>div:first-child>p[data-v-097c486c]:nth-child(2){font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#333}