.setting .el-form[data-v-2ead587e]{padding:10px 0 0 10px}.setting .avatar-uploader[data-v-2ead587e]{--width:112px}.setting .avatar-uploader .el-upload[data-v-2ead587e]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.setting .avatar-uploader .el-upload[data-v-2ead587e]:hover{border-color:#409eff}.setting .avatar-uploader .avatar-uploader-icon[data-v-2ead587e]{font-size:24px;color:#8c939d;width:var(--width);height:var(--width);line-height:var(--width);text-align:center}.setting .avatar-uploader .avatar[data-v-2ead587e]{width:var(--width);height:var(--width);display:block}.user-info-mask[data-v-8d330d28]{background-color:hsla(0,0%,95.7%,0);position:fixed;left:0;top:0;right:0;bottom:0}.user-info[data-v-8d330d28]{position:absolute;width:300px;background-color:#fff;-webkit-box-shadow:var(--im-box-shadow);box-shadow:var(--im-box-shadow);border-radius:4px;padding:15px}.user-info .user-info-box[data-v-8d330d28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-info .user-info-box .info-card[data-v-8d330d28]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:10px}.user-info .user-info-box .info-card .header[data-v-8d330d28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-info .user-info-box .info-card .header .nick-name[data-v-8d330d28]{font-size:var(--im-font-size-large);font-weight:600}.user-info .user-info-box .info-card .header .icon[data-v-8d330d28]{margin-left:3px;font-size:var(--im-font-size)}.user-info .user-info-box .info-card .info-item[data-v-8d330d28]{font-size:var(--im-font-size);margin-top:5px;word-break:break-all}.user-info .el-divider--horizontal[data-v-8d330d28]{margin:18px 0}.user-info .btn-group[data-v-8d330d28]{text-align:center}.full-image[data-v-4f3b28de]{position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;right:0}.full-image .mask[data-v-4f3b28de]{position:fixed;width:100%;height:100%;background:#000;opacity:.5}.full-image .image-box[data-v-4f3b28de]{position:relative;width:100%;height:100%}.full-image .image-box img[data-v-4f3b28de]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%}.full-image .close[data-v-4f3b28de]{position:fixed;top:10px;right:10px;color:#fff;font-size:25px;cursor:pointer}.rtc-private-acceptor[data-v-bdc7ef72]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;right:5px;bottom:5px;width:250px;height:250px;padding:20px;background-color:#fff;-webkit-box-shadow:0 16px 48px 16px rgba(0,0,0,.08),0 12px 32px rgba(0,0,0,.12),0 8px 16px -8px rgba(0,0,0,.16);box-shadow:0 16px 48px 16px rgba(0,0,0,.08),0 12px 32px rgba(0,0,0,.12),0 8px 16px -8px rgba(0,0,0,.16);border-radius:4px}.rtc-private-acceptor .acceptor-text[data-v-bdc7ef72]{padding:10px;text-align:center;font-size:16px}.rtc-private-acceptor .btn-group[data-v-bdc7ef72]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-top:-20px;width:100%}.rtc-private-acceptor .btn-group .icon[data-v-bdc7ef72]{font-size:60px;cursor:pointer;border-radius:50%}.rtc-private-acceptor .btn-group .icon.accept[data-v-bdc7ef72]{color:green;-webkit-animation:anim-bdc7ef72 2s ease-in infinite,vibration-bdc7ef72 2s ease-in infinite;animation:anim-bdc7ef72 2s ease-in infinite,vibration-bdc7ef72 2s ease-in infinite}@-webkit-keyframes anim-bdc7ef72{0%{-webkit-box-shadow:0 1px 0 4px #fff;box-shadow:0 1px 0 4px #fff}10%{-webkit-box-shadow:0 1px 0 8px orange;box-shadow:0 1px 0 8px orange}25%{-webkit-box-shadow:0 1px 0 12px #ffd280,0 1px 0 16px #ffc966;box-shadow:0 1px 0 12px #ffd280,0 1px 0 16px #ffc966}50%{-webkit-box-shadow:0 2px 5px 10px #ffb833,0 2px 5px 23px #f8f8ff;box-shadow:0 2px 5px 10px #ffb833,0 2px 5px 23px #f8f8ff}}@keyframes anim-bdc7ef72{0%{-webkit-box-shadow:0 1px 0 4px #fff;box-shadow:0 1px 0 4px #fff}10%{-webkit-box-shadow:0 1px 0 8px orange;box-shadow:0 1px 0 8px orange}25%{-webkit-box-shadow:0 1px 0 12px #ffd280,0 1px 0 16px #ffc966;box-shadow:0 1px 0 12px #ffd280,0 1px 0 16px #ffc966}50%{-webkit-box-shadow:0 2px 5px 10px #ffb833,0 2px 5px 23px #f8f8ff;box-shadow:0 2px 5px 10px #ffb833,0 2px 5px 23px #f8f8ff}}@-webkit-keyframes vibration-bdc7ef72{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes vibration-bdc7ef72{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.rtc-private-acceptor .btn-group .icon.reject[data-v-bdc7ef72]{color:red}.rtc-private-video[data-v-62897082]{position:relative}.rtc-private-video .el-loading-text[data-v-62897082]{color:#fff!important;font-size:16px!important}.rtc-private-video .path[data-v-62897082]{stroke:#fff!important}.rtc-private-video .rtc-video-box[data-v-62897082]{position:relative;background-color:#eee}.rtc-private-video .rtc-video-box .rtc-video-friend[data-v-62897082]{height:70vh}.rtc-private-video .rtc-video-box .rtc-video-friend .friend-head-image[data-v-62897082]{position:absolute}.rtc-private-video .rtc-video-box .rtc-video-friend video[data-v-62897082]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rtc-private-video .rtc-video-box .rtc-video-mine[data-v-62897082]{position:absolute;z-index:99999;width:25vh;right:0;bottom:-1px}.rtc-private-video .rtc-video-box .rtc-video-mine video[data-v-62897082]{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rtc-private-video .rtc-voice-box[data-v-62897082]{position:relative;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:100%;height:300px;background-color:var(--im-color-primary-light-9)}.rtc-private-video .rtc-voice-box .rtc-voice-name[data-v-62897082]{text-align:center;font-size:20px;font-weight:600}.rtc-private-video .rtc-control-bar[data-v-62897082]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:10px}.rtc-private-video .rtc-control-bar .icon[data-v-62897082]{font-size:50px;cursor:pointer}.rtc-group-video[data-v-4343fd10]{height:300px;background-color:#e8f2ff}.add-friend .item[data-v-8cbe3b08]{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}.add-friend .item .friend-info[data-v-8cbe3b08]{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}.add-friend .item .friend-info .nick-name[data-v-8cbe3b08]{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}.add-friend .item .friend-info .nick-name .online-status[data-v-8cbe3b08]{font-size:12px;font-weight:600}.add-friend .item .friend-info .nick-name .online-status.online[data-v-8cbe3b08]{color:#5fb878}.add-friend .item .friend-info .user-name[data-v-8cbe3b08]{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 .aside[data-v-794c0036]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--im-background)}.friend-page .aside .header[data-v-794c0036]{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px}.friend-page .aside .header .add-btn[data-v-794c0036]{padding:5px!important;margin:5px;font-size:16px;border-radius:50%}.friend-page .aside .friend-items[data-v-794c0036]{-webkit-box-flex:1;-ms-flex:1;flex:1}.friend-page .aside .friend-items .letter[data-v-794c0036]{text-align:left;font-size:var(--im-larger-size-larger);padding:5px 15px;color:var(--im-text-color-light)}.friend-page .container[data-v-794c0036]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.friend-page .container .header[data-v-794c0036]{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 12px;font-size:var(--im-font-size-larger);border-bottom:var(--im-border);-webkit-box-sizing:border-box;box-sizing:border-box}.friend-page .container .friend-info[data-v-794c0036]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:50px 80px 20px 80px;text-align:center}.friend-page .container .friend-info .info-item[data-v-794c0036]{margin-left:20px;background-color:#fff;border:1px solid #ddd}.friend-page .container .friend-info .description[data-v-794c0036]{padding:20px 20px 0 20px}.friend-page .container .btn-group[data-v-794c0036]{text-align:left!important;padding:20px}.group-item[data-v-5592654f]{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:5px 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;cursor:pointer}.group-item[data-v-5592654f]:hover{background-color:var(--im-background-active)}.group-item.active[data-v-5592654f]{background-color:var(--im-background-active-dark)}.group-item .group-name[data-v-5592654f]{padding-left:10px;height:100%;text-align:left;line-height:50px;white-space:nowrap;overflow:hidden;font-size:var(--im-font-size)}.group-page .aside[data-v-81646fa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--im-background)}.group-page .aside .header[data-v-81646fa4]{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px}.group-page .aside .header .add-btn[data-v-81646fa4]{padding:5px!important;margin:5px;font-size:16px;border-radius:50%}.group-page .aside .group-items[data-v-81646fa4]{-webkit-box-flex:1;-ms-flex:1;flex:1}.group-page .aside .group-items .letter[data-v-81646fa4]{text-align:left;font-size:var(--im-larger-size-larger);padding:5px 15px;color:var(--im-text-color-light)}.group-page .container[data-v-81646fa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.group-page .container .header[data-v-81646fa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 12px;line-height:50px;font-size:var(--im-font-size-larger);border-bottom:var(--im-border)}.group-page .container .el-divider--horizontal[data-v-81646fa4]{margin:16px 0}.group-page .container .container-box[data-v-81646fa4]{overflow:auto;padding:20px;-webkit-box-flex:1;-ms-flex:1;flex:1}.group-page .container .container-box .group-info[data-v-81646fa4]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 20px}.group-page .container .container-box .group-info .form[data-v-81646fa4]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:40px;max-width:700px}.group-page .container .container-box .group-info .avatar-uploader[data-v-81646fa4]{--width:160px;text-align:left}.group-page .container .container-box .group-info .avatar-uploader .el-upload[data-v-81646fa4]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.group-page .container .container-box .group-info .avatar-uploader .el-upload[data-v-81646fa4]:hover{border-color:#409eff}.group-page .container .container-box .group-info .avatar-uploader .avatar-uploader-icon[data-v-81646fa4]{font-size:28px;color:#8c939d;width:var(--width);height:var(--width);line-height:var(--width);text-align:center}.group-page .container .container-box .group-info .avatar-uploader .avatar[data-v-81646fa4]{width:var(--width);height:var(--width);display:block}.group-page .container .container-box .group-info .send-btn[data-v-81646fa4]{margin-top:12px}.group-page .container .container-box .member-items[data-v-81646fa4]{padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center}.group-page .container .container-box .member-items .member-item[data-v-81646fa4]{margin-right:5px}.group-page .container .container-box .member-items .member-tools[data-v-81646fa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px}.group-page .container .container-box .member-items .member-tools .tool-btn[data-v-81646fa4]{width:38px;height:38px;line-height:38px;border:var(--im-border);font-size:14px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.group-page .container .container-box .member-items .member-tools .tool-btn[data-v-81646fa4]:hover{border:1px solid #aaa}.group-page .container .container-box .member-items .member-tools .tool-text[data-v-81646fa4]{font-size:var(--im-font-size-smaller);text-align:center;width:100%;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-page[data-v-440a3375]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#ecf5ff}.home-page .app-container[data-v-440a3375],.home-page[data-v-440a3375]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;overflow:hidden}.home-page .app-container[data-v-440a3375]{width:100%;min-height:100%;min-width:900px;position:relative;-webkit-box-shadow:0 16px 48px 16px rgba(0,0,0,.08),0 12px 32px rgba(0,0,0,.12),0 8px 16px -8px rgba(0,0,0,.16);box-shadow:0 16px 48px 16px rgba(0,0,0,.08),0 12px 32px rgba(0,0,0,.12),0 8px 16px -8px rgba(0,0,0,.16);-webkit-transition:.2s;transition:.2s}.home-page .app-container.fullscreen[data-v-440a3375]{-webkit-transition:.2s;transition:.2s;width:100%;height:100%;min-height:100%;min-width:100%}.home-page .navi-bar[data-v-440a3375]{--icon-font-size:22px;--width:60px;width:var(--width);background:#53a8ff;padding-top:20px}.home-page .navi-bar .navi-bar-box[data-v-440a3375]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home-page .navi-bar .navi-bar-box .botoom[data-v-440a3375]{margin-bottom:30px}.home-page .navi-bar .menu[data-v-440a3375],.home-page .navi-bar .user-head-image[data-v-440a3375]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home-page .navi-bar .menu[data-v-440a3375]{height:200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center}.home-page .navi-bar .menu .menu-item[data-v-440a3375]{position:relative;color:#8cc5ff;width:var(--width);height:46px;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;margin-bottom:12px;cursor:pointer}.home-page .navi-bar .menu .menu-item.active[data-v-440a3375]{color:#fff;background:#409eff}.home-page .navi-bar .menu .menu-item[data-v-440a3375]:not(.active):hover{color:#409eff}.home-page .navi-bar .menu .menu-item .icon[data-v-440a3375]{font-size:var(--icon-font-size)}.home-page .navi-bar .menu .menu-item .unread-text[data-v-440a3375]{position:absolute;background-color:#f56c6c;left:28px;top:8px;color:#fff;border-radius:30px;padding:0 5px;font-size:12px;text-align:center;white-space:nowrap;border:1px solid #f1e5e5}.home-page .navi-bar .bottom-item[data-v-440a3375]{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;height:50px;width:100%;cursor:pointer;color:#8cc5ff;font-size:var(--icon-font-size)}.home-page .navi-bar .bottom-item .icon[data-v-440a3375]{font-size:var(--icon-font-size)}.home-page .navi-bar .bottom-item[data-v-440a3375]:hover{font-weight:600;color:#c6e2ff}.home-page .content-box[data-v-440a3375]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0;background-color:#fff;text-align:center;overflow:hidden}.home-page .content-box[data-v-440a3375] .home-tabs{height:100%}.home-page .content-box[data-v-440a3375] .home-tabs .el-tabs__header{display:none}.home-page .content-box[data-v-440a3375] .home-tabs .el-tabs__content{height:100%;overflow:hidden}.home-page .content-box[data-v-440a3375] .home-tabs .tab-pane{height:100%}