.friend-box[data-v-4814a2e2]{height:100%;max-height:calc(100vh - 20px);overflow-y:auto;padding:30px;box-sizing:border-box}.friend-box .title[data-v-4814a2e2]{text-align:start;margin-bottom:10px;font-weight:600}.friend-box .main[data-v-4814a2e2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.friend-box .main .item[data-v-4814a2e2]{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#f3f3f3;border-radius:5px;box-shadow:0 0 8px 0 rgba(0,0,0,.15)}.friend-box .main .item .item-box[data-v-4814a2e2]{display:flex;flex:1;margin-right:15px;overflow:hidden;min-width:0}.friend-box .main .item .item-box .item-box-right[data-v-4814a2e2]{margin-left:15px;text-align:start;width:100%;overflow:hidden;min-width:0}.friend-box .main .item .item-box .item-box-right .nick-name[data-v-4814a2e2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-box .main .item .item-box .item-box-right .apply-reason[data-v-4814a2e2]{margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;font-size:14px}.friend-box .main .item .button-group[data-v-4814a2e2]{display:flex;flex-direction:column;gap:8px;min-width:85px;width:85px}.friend-box .main .item .button-group[data-v-4814a2e2] .el-button{width:100%;margin-left:0}@media(max-width:768px){.friend-box[data-v-4814a2e2]{padding:15px}.friend-box .main[data-v-4814a2e2]{grid-template-columns:1fr;gap:15px}}@media(min-width:768px)and (max-width:1200px){.friend-box .main[data-v-4814a2e2]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.add-friend-dialog .el-scrollbar__wrap{padding:15px}.add-friend-dialog .item{height:65px;display:flex;position:relative;align-items:center}.add-friend-dialog .item .add-friend-text{margin-left:15px;flex:3;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.add-friend-dialog .item .add-friend-text .text-user-name{display:flex;align-items:center;flex-direction:row;font-weight:600;font-size:16px;line-height:25px}.add-friend-dialog .item .add-friend-text .text-user-name div:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-friend-dialog .item .add-friend-text .text-user-name .online-status{min-width:35px;font-size:12px;font-weight:600}.add-friend-dialog .item .add-friend-text .text-user-name .online-status.online{color:#5fb878}.add-friend-dialog .item .add-friend-text .text-user-name .el-tag{border-radius:10px;border:0;height:20x;line-height:20px;font-size:12px;margin-left:3px}.add-friend-dialog .item .add-friend-text .text-nick-name{display:flex;flex-direction:row;font-size:12px;line-height:20px;text-align:left}.add-friend-dialog .loading-more{text-align:center;padding:10px 0;color:#999;font-size:14px}.add-friend-dialog .loading-more i{margin-right:5px;vertical-align:middle}.add-friend-dialog .loading-more span{vertical-align:middle}.add-friend-dialog .no-more{text-align:center;padding:10px 0;margin-bottom:10px;color:#999;font-size:14px}.add-friend-dialog .no-search-result{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;color:#909399}.add-friend-dialog .no-search-result i{font-size:36px;margin-bottom:10px}.add-friend-dialog .no-search-result p{margin:0;font-size:14px}.friend-page .friend-list-box[data-v-ca644d56]{display:flex;flex-direction:column;background:var(--im-background);position:relative}.friend-page .friend-list-box .friend-list-header[data-v-ca644d56]{height:50px;display:flex;align-items:center;padding:0 8px}.friend-page .friend-list-box .friend-list-header[data-v-ca644d56] .el-badge__content.is-fixed{top:7px;right:19px}.friend-page .friend-list-box .friend-list-header .add-btn[data-v-ca644d56]{padding:5px!important;margin:5px;font-size:16px;border-radius:50%}.friend-page .friend-list-box .friend-list-items[data-v-ca644d56]{flex:1}.friend-page .friend-list-box .friend-list-items .friend-group .group-header[data-v-ca644d56]{position:sticky;top:0;background:var(--im-background);padding:8px 15px;font-size:var(--im-font-size-small);text-align:start;font-weight:500;color:var(--im-text-color-light);border-bottom:var(--im-border);z-index:1;transition:background-color .2s ease}.friend-page .friend-list-box .friend-list-items .friend-group .group-header[data-v-ca644d56]:hover{background-color:var(--im-background-active)}.friend-page .friend-list-box .friend-list-items .friend-group .group-header.online-header[data-v-ca644d56]{color:#67c23a;font-weight:500}.friend-page .friend-list-box .friend-list-items .friend-group .group-header.online-header .online-icon[data-v-ca644d56]{margin-right:5px;color:#67c23a}.friend-page .friend-list-box .friend-list-items .no-search-result[data-v-ca644d56]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;color:#909399}.friend-page .friend-list-box .friend-list-items .no-search-result i[data-v-ca644d56]{font-size:36px;margin-bottom:10px}.friend-page .friend-list-box .friend-list-items .no-search-result p[data-v-ca644d56]{margin:0;font-size:14px}.friend-page .friend-box[data-v-ca644d56]{display:flex;flex-direction:column}.friend-page .friend-box .friend-header[data-v-ca644d56]{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:var(--im-font-size-larger);border-bottom:var(--im-border);box-sizing:border-box}.friend-page .friend-box .friend-detail[data-v-ca644d56]{display:flex;padding:50px 80px 20px 80px;text-align:center}.friend-page .friend-box .friend-detail .info-item[data-v-ca644d56]{margin-left:20px;background-color:#fff;border:1px solid #ddd}.friend-page .friend-box .friend-detail .info-item[data-v-ca644d56] .el-descriptions-item__container{display:flex;align-items:center}.friend-page .friend-box .friend-detail .info-item .notes[data-v-ca644d56]{margin-right:8px}.friend-page .friend-box .friend-detail .description[data-v-ca644d56]{padding:20px 20px 0 20px}.friend-page .friend-box .friend-detail .description .under-review[data-v-ca644d56]{height:100%;display:flex;align-items:center;margin-left:10px;color:#352929}.friend-page .friend-box .friend-detail .description[data-v-ca644d56] .el-descriptions-item__content{display:flex;align-items:center}.friend-page .friend-box .frient-btn-group[data-v-ca644d56]{text-align:left!important;padding:20px}