.right-menu-mask{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:9999}.right-menu{position:fixed;border-radius:8px;overflow:hidden;box-shadow:var(--im-box-shadow-light)}.right-menu .el-menu{border-radius:4px;overflow:hidden}.right-menu .el-menu .el-menu-item{height:36px;line-height:36px;min-width:100px;text-align:left;padding:0 0 0 20px}.right-menu .el-menu .el-menu-item:hover{background-color:var(--im-background-active)}.friend-item{height:50px;display:flex;position:relative;padding:5px 10px;align-items:center;white-space:nowrap;cursor:pointer}.friend-item:hover{background-color:var(--im-background-active)}.friend-item.active{background-color:var(--im-background-active-dark)}.friend-item .friend-avatar{display:flex;justify-content:center;align-items:center}.friend-item .friend-info{flex:1;display:flex;flex-direction:column;padding-left:10px;text-align:left}.friend-item .friend-info .friend-name{font-size:var(--im-font-size);white-space:nowrap;overflow:hidden}.friend-item .friend-info .friend-online .online{font-weight:700;padding-right:2px;font-size:16px;position:relative}.friend-item .friend-info .friend-online .online-icon{position:absolute;right:0;bottom:0;width:6px;height:6px;background:#32cd32;border-radius:50%;border:1px solid #fff}.add-friend-dialog .item{height:65px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:25px}.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;flex-direction:row;font-weight:600;font-size:16px;line-height:25px}.add-friend-dialog .item .add-friend-text .text-user-name .online-status{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-nick-name{display:flex;flex-direction:row;font-size:12px;line-height:20px}.chat-item[data-v-1f5ca388]{height:50px;display:flex;position:relative;padding:5px 10px;align-items:center;border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3;background-color:#fff;white-space:nowrap;cursor:pointer}.chat-item[data-v-1f5ca388]:hover{background-color:var(--im-background-active)}.chat-item.active[data-v-1f5ca388]{background-color:var(--im-background-active-dark)}.chat-item .chat-left[data-v-1f5ca388]{position:relative;display:flex;justify-content:center;align-items:center}.chat-item .chat-left .unread-text[data-v-1f5ca388]{position:absolute;background-color:#f56c6c;right:-4px;top:-8px;color:#fff;border-radius:30px;padding:1px 5px;font-size:10px;text-align:center;white-space:nowrap;border:1px solid #f1e5e5}.chat-item .chat-right[data-v-1f5ca388]{flex:1;display:flex;flex-direction:column;padding-left:10px;text-align:left;overflow:hidden}.chat-item .chat-right .chat-name[data-v-1f5ca388]{display:flex;line-height:20px;height:20px}.chat-item .chat-right .chat-name .chat-name-text[data-v-1f5ca388]{flex:1;display:flex;align-items:center;font-size:var(--im-font-size);white-space:nowrap;overflow:hidden}.chat-item .chat-right .chat-name .chat-name-text .el-tag[data-v-1f5ca388]{min-width:22px;text-align:center;background-color:#2830d3;border-radius:10px;border:0;height:16px;line-height:16px;font-size:10px;margin-left:2px;opacity:.8}.chat-item .chat-right .chat-name .chat-time-text[data-v-1f5ca388]{font-size:var(--im-font-size-smaller);text-align:right;color:var(--im-text-color-light);white-space:nowrap;overflow:hidden;padding-left:10px}.chat-item .chat-right .chat-content[data-v-1f5ca388]{display:flex;line-height:22px}.chat-item .chat-right .chat-content .chat-at-text[data-v-1f5ca388]{color:#c70b0b;font-size:var(--im-font-size-smaller)}.chat-item .chat-right .chat-content .chat-send-name[data-v-1f5ca388]{font-size:var(--im-font-size-small);color:var(--im-text-color-light)}.chat-item .chat-right .chat-content .chat-content-text[data-v-1f5ca388]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--im-font-size-small);color:var(--im-text-color-light)}.chat-item .chat-right .chat-content .chat-content-text img[data-v-1f5ca388]{width:20px!important;height:20px!important;vertical-align:bottom}[data-v-31fcf962] .el-switch__label--left{margin-right:4px!important}[data-v-31fcf962] .el-switch__label--right{margin-left:4px!important}@keyframes marquee-31fcf962{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.contain .list-box[data-v-31fcf962]{display:flex;flex-direction:column;background:var(--im-background)}.contain .list-box .marquee[data-v-31fcf962]{margin-top:6px;position:relative;height:20px;overflow:hidden}.contain .list-box .marquee span[data-v-31fcf962]{display:inline-block;font-size:14px;padding-left:100%;white-space:nowrap;color:red;animation:marquee-31fcf962 5s linear infinite}.contain .list-box .list-header[data-v-31fcf962]{height:50px;display:flex;align-items:center;padding:0 8px}.contain .list-box .list-header .add-btn[data-v-31fcf962]{padding:5px!important;margin:5px;font-size:16px;border-radius:50%}.contain .list-box .list-items[data-v-31fcf962]{flex:1}.contain .content-box[data-v-31fcf962]{display:flex;flex-direction:column;background:linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,.9)),url(../img/whale.634d02fb.svg) no-repeat 50%;position:relative}.contain .content-box .content-header[data-v-31fcf962]{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}.contain .content-box .content-detail[data-v-31fcf962]{display:flex;padding:50px 80px 20px 80px;text-align:center}.contain .content-box .content-detail .info-item[data-v-31fcf962]{margin-left:20px;background-color:#fff;border:1px solid #ddd}.contain .content-box .content-detail .description[data-v-31fcf962]{padding:20px 20px 0 20px}.contain .content-box .btn-group[data-v-31fcf962]{text-align:left!important;padding:20px}