.head-image[data-v-52ce52fe]{position:relative;cursor:pointer}.head-image .avatar-image[data-v-52ce52fe]{position:relative;overflow:hidden;border-radius:10%}.head-image .avatar-text[data-v-52ce52fe]{background-color:#f2f2f2;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #ccc}.head-image .online[data-v-52ce52fe]{position:absolute;right:-5px;bottom:0;width:12px;height:12px;background:#32cd32;border-radius:50%;border:3px solid #fff}.right-menu-mask[data-v-6008f142]{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:9999}.right-menu[data-v-6008f142]{position:fixed;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc}.right-menu .el-menu[data-v-6008f142]{border:1px solid #b4b4b4;border-radius:7px;overflow:hidden}.right-menu .el-menu .el-menu-item[data-v-6008f142]{height:40px;line-height:40px;border-bottom:1px solid #d0d0d0}.right-menu .el-menu .el-menu-item span[data-v-6008f142]{font-weight:600}.friend-item[data-v-1b4331d6]{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1px;position:relative;padding:5px;padding-left:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fafafa;white-space:nowrap;cursor:pointer}.friend-item[data-v-1b4331d6]:hover{background-color:#eee}.friend-item.active[data-v-1b4331d6]{background-color:#ddd}.friend-item .friend-avatar[data-v-1b4331d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:45px;height:45px}.friend-item .friend-info[data-v-1b4331d6]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:10px;text-align:left}.friend-item .friend-info .friend-name[data-v-1b4331d6]{font-size:15px;font-weight:600;line-height:30px;white-space:nowrap;overflow:hidden}.friend-item .friend-info .friend-online .online[data-v-1b4331d6]{padding-right:2px;width:15px;height:15px}.el-dialog[data-v-08d61d0e]{min-width:400px}.item[data-v-08d61d0e]{height:65px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-left:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:25px}.item .add-friend-text[data-v-08d61d0e]{margin-left:15px;-webkit-box-flex:3;-ms-flex:3;flex:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.item .add-friend-text .text-user-name[data-v-08d61d0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-weight:600;font-size:16px;line-height:25px}.item .add-friend-text .text-user-name .online-status[data-v-08d61d0e]{font-size:12px;font-weight:600}.item .add-friend-text .text-user-name .online-status.online[data-v-08d61d0e]{color:#5fb878}.item .add-friend-text .text-nick-name[data-v-08d61d0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:12px;line-height:20px}.friend-page .friend-list-box[data-v-a951be0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #ddd;background:#fff}.friend-page .friend-list-box .friend-list-header[data-v-a951be0c]{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px;background-color:#fff}.friend-page .friend-list-box .friend-list-header .friend-list-search[data-v-a951be0c],.friend-page .friend-list-box .friend-list-items[data-v-a951be0c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.friend-page .friend-box[data-v-a951be0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #ddd}.friend-page .friend-box .friend-header[data-v-a951be0c]{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}.friend-page .friend-box .friend-detail[data-v-a951be0c]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:50px 80px 20px 80px;text-align:center}.friend-page .friend-box .friend-detail .info-item[data-v-a951be0c]{margin-left:20px;background-color:#fff}.friend-page .friend-box .friend-detail .description[data-v-a951be0c]{padding:20px 20px 0 20px}.friend-page .friend-box .frient-btn-group[data-v-a951be0c]{text-align:left!important;padding:20px}