.friend-item{height:65px;display:flex;margin-bottom:1px;position:relative;padding-left:15px;align-items:center;padding-right:5px;background-color:#fafafa;white-space:nowrap}.friend-item:hover{background-color:#eee}.friend-item.active{background-color:#ddd}.friend-item .close{width:1.5rem;height:1.5rem;right:10px;top:1.825rem;cursor:pointer;display:none}.friend-item:hover .close{display:block}.friend-item .avatar{display:flex;justify-content:center;align-items:center;width:45px;height:45px}.friend-item .text{margin-left:15px;flex:1;display:flex;flex-direction:column;justify-content:space-around;height:100%;flex-shrink:0;overflow:hidden}.friend-item .text>div{display:flex;justify-content:flex-start}.friend-item .text .online-status{font-size:12px;font-weight:600}.friend-item .text .online-status.online{color:#fcd535}.item[data-v-2998f670]{height:80px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:25px}.item .add-friend-text[data-v-2998f670]{margin-left:15px;line-height:80px;flex:3;display:flex;flex-direction:row;height:100%;flex-shrink:0;overflow:hidden}.item .add-friend-text .online-status[data-v-2998f670]{font-size:12px;font-weight:600}.item .add-friend-text .online-status.online[data-v-2998f670]{color:#fcd535}.el-container .l-friend-box[data-v-6e178736]{display:flex;flex-direction:column;border:1px solid #ddd;background:#fff}.el-container .l-friend-box .l-friend-header[data-v-6e178736]{height:50px;display:flex;align-items:center;padding:5px;background-color:#fff}.el-container .l-friend-box .l-friend-header .l-friend-search[data-v-6e178736],.el-container .l-friend-box .l-friend-ist[data-v-6e178736]{flex:1}.el-container .r-friend-box[data-v-6e178736]{display:flex;flex-direction:column;border:1px solid #ddd}.el-container .r-friend-box .r-friend-header[data-v-6e178736]{width:100%;height:50px;padding:5px;line-height:50px;font-size:20px;text-align:left;text-indent:10px;font-weight:600;background-color:#fff;border:1px solid #ddd}.el-container .r-friend-box .user-detail[data-v-6e178736]{width:100%;display:flex;padding:50px 10px 10px 50px;text-align:center}.el-container .r-friend-box .user-detail .info-item[data-v-6e178736]{width:400px;height:200px;margin-left:20px;background-color:#fff}.el-container .r-friend-box .user-detail .description[data-v-6e178736]{padding:20px 20px 0 20px}.el-container .r-friend-box .btn-group[data-v-6e178736]{text-align:left!important;padding-left:100px}