.add-friend[data-v-70b9140c]{background-color:#f3f3f3!important}[data-v-70b9140c] .el-dialog{margin-top:0!important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}[data-v-70b9140c] .el-dialog__body{background-color:#f3f3f3!important;border-radius:0 0 4px 4px!important;height:380px}[data-v-70b9140c] .el-dialog__header{background-color:#f3f3f3!important;border-radius:4px 4px 0 0!important}.add-friend .el-input.input-with-select.el-input--small .el-input__inner[data-v-70b9140c],.el-dialog[data-v-70b9140c] .el-input.input-with-select.el-input--small .el-input__inner,[data-v-70b9140c] .input-with-select .el-input__inner{padding-left:30px!important;padding-right:10px!important;background-color:#fff!important}.add-friend .item[data-v-70b9140c],.el-dialog[data-v-70b9140c] .item{height:65px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:25px}.add-friend .item .friend-info[data-v-70b9140c],.el-dialog[data-v-70b9140c] .item .friend-info{margin-left:15px;flex:3;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.add-friend .item .friend-info .nick-name[data-v-70b9140c],.el-dialog[data-v-70b9140c] .item .friend-info .nick-name{display:flex;flex-direction:row;font-weight:600;font-size:16px;line-height:25px}.add-friend .item .friend-info .nick-name .online-status[data-v-70b9140c],.el-dialog[data-v-70b9140c] .item .friend-info .nick-name .online-status{font-size:12px;font-weight:600}.add-friend .item .friend-info .nick-name .online-status.online[data-v-70b9140c],.el-dialog[data-v-70b9140c] .item .friend-info .nick-name .online-status.online{color:#5fb878}.add-friend .item .friend-info .user-name[data-v-70b9140c],.el-dialog[data-v-70b9140c] .item .friend-info .user-name{display:flex;flex-direction:row;font-size:12px;line-height:20px}[data-v-70b9140c] .el-dialog__headerbtn:hover .el-dialog__close{color:#027aff!important}.friend-page[data-v-699b2fa8] .aside{display:flex;flex-direction:column;background:var(--im-background)}.friend-page[data-v-699b2fa8] .aside .header{height:50px;display:flex;align-items:center;padding:0 16px}.friend-page[data-v-699b2fa8] .aside .header .el-input{border:none;outline:none}.friend-page[data-v-699b2fa8] .aside .header .el-input .el-input__inner{border:none;outline:none;background-color:#eaeaea;padding-left:36px}.friend-page[data-v-699b2fa8] .aside .header .el-input .el-input__inner::-moz-placeholder{color:#9e9e9e!important;opacity:1}.friend-page[data-v-699b2fa8] .aside .header .el-input .el-input__inner::placeholder{color:#9e9e9e!important;opacity:1}.friend-page[data-v-699b2fa8] .aside .header .add-btn{width:32px!important;height:32px;color:#9e9e9e;padding:5px 8px!important;margin:5px;font-size:16px;border-radius:4px;border:none;background-color:#eaeaea}.friend-page[data-v-699b2fa8] .aside .friend-items{flex:1}.friend-page[data-v-699b2fa8] .aside .friend-items .letter{text-align:left;font-size:var(--im-larger-size-larger);padding:5px 15px;color:var(--im-text-color-light)}.friend-page[data-v-699b2fa8] .container{display:flex;flex-direction:column}.friend-page[data-v-699b2fa8] .container .header{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[data-v-699b2fa8] .container .friend-info{padding:16px;background-color:#fff}.friend-page[data-v-699b2fa8] .container .friend-info .head-image{width:300PX;margin:0 auto}.friend-page[data-v-699b2fa8] .container .friend-info .head-image .avatar-text{width:80px!important;height:80px!important;font-size:28px!important}.friend-page[data-v-699b2fa8] .container .friend-info .head-image .avatar-image{width:80px!important;height:80px!important}.friend-page[data-v-699b2fa8] .container .friend-info .info-item{width:300px;margin:0 auto;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:20px}.friend-page[data-v-699b2fa8] .container .friend-info .description{padding:20px 20px 0 0}.friend-page[data-v-699b2fa8] .container .btn-group{text-align:left!important;padding:20px;width:300px;margin:0 auto}.friend-page[data-v-699b2fa8] .container .btn-group .send-msg-btn{display:inline-block;text-align:center;margin-right:20px;padding:8px 23px;border-radius:8px}.friend-page[data-v-699b2fa8] .container .btn-group .send-msg-btn:hover{background-color:#f7f7f7}.friend-page[data-v-699b2fa8] .container .btn-group .send-msg-btn img{display:block;margin:0 auto}.friend-page[data-v-699b2fa8] .container .btn-group .send-msg-btn span{font-family:PingFang SC;font-weight:400;font-size:14px;color:#027aff;line-height:22px;text-align:center;font-style:normal;text-transform:none}.friend-page[data-v-699b2fa8] .container .btn-group .delete-msg-btn{display:inline-block;text-align:center;margin-right:20px;padding:8px 16px;border-radius:8px}.friend-page[data-v-699b2fa8] .container .btn-group .delete-msg-btn:hover{background-color:#f7f7f7}.friend-page[data-v-699b2fa8] .container .btn-group .delete-msg-btn img{display:block;margin:0 auto}.friend-page[data-v-699b2fa8] .container .btn-group .delete-msg-btn span{font-family:PingFang SC;font-weight:400;font-size:14px;color:#fa5151;line-height:22px;text-align:center;font-style:normal;text-transform:none}.friend-info-center[data-v-699b2fa8]{display:flex;flex-direction:column;align-items:center;padding:0}.friend-page .container .friend-info[data-v-699b2fa8]{padding:0!important}.friend-nickname[data-v-699b2fa8]{font-size:14px;font-weight:700;color:#333;margin-bottom:4px}.friend-org[data-v-699b2fa8]{font-size:14px;color:#666;font-weight:400;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.info-item-center[data-v-699b2fa8]{width:320px;margin:0 auto 16px auto;background:#fff;border-radius:8px;border:1px solid #f0f0f0;box-shadow:none;padding:0 0 0 0}.friend-username[data-v-699b2fa8]{font-size:14px;color:#333;font-weight:700}.friend-desc[data-v-699b2fa8]{font-size:14px;color:#666;font-weight:400}.btn-group-center[data-v-699b2fa8]{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:24px}.btn-blue[data-v-699b2fa8]{color:#027aff}.btn-blue[data-v-699b2fa8],.btn-red[data-v-699b2fa8]{font-size:14px;font-weight:400;margin-top:4px;display:block}.btn-red[data-v-699b2fa8]{color:#fa5151}.el-message-box__btns .el-button--primary{color:#fa5151!important;border:1px solid #fa5151!important;background:#fff!important}.el-message-box__btns .el-button--primary:focus,.el-message-box__btns .el-button--primary:hover{background:#fa5151!important;color:#fff!important;border:1px solid #fa5151!important}.el-message-box__status.el-icon-warning{display:none!important}.el-message-box{width:372px!important;min-width:372px!important;max-width:372px!important}.el-message-box__message{padding-left:10px!important;padding-right:10px!important}