.friends-main-box[data-v-e9fe5b00]{display:flex;flex-wrap:wrap}@media screen and (max-width:768px){.friends-main-box[data-v-e9fe5b00]{justify-content:center}}.friends-main-box .item[data-v-e9fe5b00]{border-radius:5px;cursor:pointer;margin-bottom:30px;margin-right:10px;overflow:hidden;padding:0;width:80px}.friends-main-box .item .friends[data-v-e9fe5b00]{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center}.friends-main-box .item .friends .avatar[data-v-e9fe5b00]{height:80px;-o-object-fit:cover;object-fit:cover;width:100%}.friends-main-box .item .friends .userinfo[data-v-e9fe5b00]{background:#f5432599;color:#fff;font-size:.8rem;padding:.4rem;width:100%}.friends-main-box .item .friends .userinfo .name[data-v-e9fe5b00]{display:-webkit-box;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.friends-main-box .item .friends.add-friends:hover .userinfo[data-v-e9fe5b00]{background:#f54325}.friends-main-box .item .friends.add-friends .avatar[data-v-e9fe5b00]{background-color:#eceaea;height:80px;line-height:80px;width:100%}.friends-main-box .item .friends.add-friends .avatar .iconfont[data-v-e9fe5b00]{color:#fff;font-size:45px}.friends-main-box .item .friends.add-friends .userinfo[data-v-e9fe5b00]{background:#f54325b3;transition:background-color .3s}
