body,html{height:100%;overflow:hidden}body{margin:0}section{height:100%}.el-dialog__body{padding:10px 15px!important}::-webkit-scrollbar{width:6px;height:1px}::-webkit-scrollbar-thumb{border-radius:2px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px transparent;border-radius:2px;background:#ededed}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;height:100%;width:100%}.el-message{z-index:99999999!important}.el-scrollbar__thumb{background-color:#a0a8af!important}.el-dialog{border-radius:8px!important;overflow:hidden!important}.el-dialog__header{background-color:#5870e6!important}.el-dialog__title{color:#f8f8f8!important}.el-dialog__close{color:#fff!important;font-size:20px}.el-checkbox__inner{border-radius:50%!important}.el-input__inner,.el-textarea__inner{border-radius:5px!important;border:1px solid #587ff0!important}.el-icon-search{color:#587ff0!important}.el-button--primary{background-color:#687ff0!important;border-color:#687ff0!important}.el-button--success{background-color:#4cae1b!important;border-color:#4cae1b!important}.el-button--danger{background-color:#ea4949!important;border-color:#ea4949!important}.el-button{padding:8px 15px!important}.el-checkbox{display:flex;align-items:center}.el-checkbox .el-checkbox__inner{width:20px;height:20px}.el-checkbox .el-checkbox__inner:after{height:12px;left:7px}.el-checkbox .el-checkbox__input.is-checked+.el-checkbox__label{color:#333}.el-checkbox .el-checkbox__label{line-height:20px;padding-left:8px}.icp{position:fixed;text-align:center;bottom:20px;margin:0 auto;width:100%;color:#5c6b77}.icp .icp-icon{width:20px;height:20px;vertical-align:bottom}.login-view[data-v-33bfa08e]{width:100%;height:100%;background:#e8f2ff;background-size:cover;box-sizing:border-box}.login-view .login-content[data-v-33bfa08e]{position:relative;display:flex;justify-content:space-around;align-items:center;padding:10%}.login-view .login-content .login-intro[data-v-33bfa08e]{flex:1;padding:40px;max-width:600px}.login-view .login-content .login-intro .login-title[data-v-33bfa08e]{text-align:center;font-weight:600;font-size:30px}.login-view .login-content .login-intro .login-icons[data-v-33bfa08e]{display:flex;align-items:center}.login-view .login-content .login-intro .login-icons .login-icon[data-v-33bfa08e]{padding-left:5px}.login-view .login-content .login-form[data-v-33bfa08e]{height:340px;width:400px;padding:30px;background:#fff;opacity:.9;box-shadow:0 0 1px #ccc;border-radius:3%;overflow:hidden;border:1px solid #ccc}.login-view .login-content .login-form .login-brand[data-v-33bfa08e]{line-height:50px;margin:30px 0 40px 0;font-size:22px;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-align:center}.login-view .login-content .login-form .register[data-v-33bfa08e]{display:flex;flex-direction:row-reverse;line-height:40px;text-align:left;padding-left:20px}.register-view[data-v-082c484a]{position:fixed;display:flex;justify-content:space-around;align-items:center;width:100%;height:100%;background:#e8f2ff}.register-view .web-ruleForm[data-v-082c484a]{width:500px;height:450px;padding:20px;background:#fff;opacity:.9;box-shadow:0 0 1px #ccc;border-radius:3px;overflow:hidden;border-radius:3%}.register-view .web-ruleForm .register-brand[data-v-082c484a]{line-height:50px;margin:20px 0 30px 0;font-size:22px;font-weight:600;letter-spacing:2px;text-align:center;text-transform:uppercase}.register-view .web-ruleForm .to-login[data-v-082c484a]{display:flex;flex-direction:row-reverse;line-height:40px;text-align:left;padding-left:20px}.head-image[data-v-df09dfde]{position:relative;cursor:pointer}.head-image .avatar-image[data-v-df09dfde]{position:relative;overflow:hidden;display:block}.head-image .avatar-text[data-v-df09dfde]{background-color:#f2f2f2;border-radius:15%;display:flex;align-items:center;justify-content:center;border:1px solid #ccc}.head-image .online[data-v-df09dfde]{position:absolute;right:-5px;bottom:0;width:12px;height:12px;background:#32cd32;border-radius:50%;border:3px solid #fff}.setting .el-form{padding:30px}.setting .avatar-uploader .el-upload{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.setting .avatar-uploader .el-upload:hover{border-color:#409eff}.setting .avatar-uploader .avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center}.setting .avatar-uploader .avatar{width:178px;height:178px;display:block}.user-info-mask{background-color:transparent;position:absolute;width:100%;height:100%}.user-info{position:absolute;width:300px;background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:15px}.user-info .user-info-box{display:flex}.user-info .user-info-box .user-info-items{margin-left:10px;white-space:nowrap;overflow:hidden}.user-info .user-info-box .user-info-items .el-descriptions__header{margin-bottom:5px}.user-info .user-info-box .user-info-items .el-descriptions__title{font-size:20px}.user-info .user-info-box .user-info-items .el-descriptions-item__cell{padding-bottom:1px}.user-info .user-btn-group{text-align:center}.full-image,.full-image .mask{position:fixed;width:100%;height:100%}.full-image .mask{background:#000;opacity:.9}.full-image .image-box{position:relative;width:100%;height:100%}.full-image .image-box img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:100%;max-width:100%}.full-image .close{position:fixed;top:10px;right:10px;color:#fff;font-size:25px;cursor:pointer}.rtc-private-acceptor[data-v-02c32b6e]{position:absolute;display:flex;flex-direction:column;align-items:center;right:5px;bottom:5px;width:250px;height:250px;padding:20px;background-color:#eee;border:5px solid #ddd;border-radius:3%}.rtc-private-acceptor .acceptor-text[data-v-02c32b6e]{padding:10px;text-align:center;font-size:16px}.rtc-private-acceptor .acceptor-btn-group[data-v-02c32b6e]{display:flex;justify-content:space-around;margin-top:20px;width:100%}.rtc-private-acceptor .acceptor-btn-group .icon[data-v-02c32b6e]{font-size:60px;cursor:pointer;border-radius:50%}.rtc-private-acceptor .acceptor-btn-group .icon.accept[data-v-02c32b6e]{color:green;animation:anim-02c32b6e 2s ease-in infinite,vibration-02c32b6e 2s ease-in infinite}@keyframes anim-02c32b6e{0%{box-shadow:0 1px 0 4px #fff}10%{box-shadow:0 1px 0 8px orange}25%{box-shadow:0 1px 0 12px #ffd280,0 1px 0 16px #ffc966}50%{box-shadow:0 2px 5px 10px #ffb833,0 2px 5px 23px #f8f8ff}}@keyframes vibration-02c32b6e{0%{transform:rotate(0deg)}25%{transform:rotate(20deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0deg)}}.rtc-private-acceptor .acceptor-btn-group .icon.reject[data-v-02c32b6e]{color:red}.rtc-private-video{position:relative}.rtc-private-video .el-loading-text{color:#fff!important;font-size:16px!important}.rtc-private-video .path{stroke:#fff!important}.rtc-private-video .rtc-video-box{position:relative;border:1px solid #4880b9;background-color:#eee}.rtc-private-video .rtc-video-box .rtc-video-friend{height:70vh}.rtc-private-video .rtc-video-box .rtc-video-friend .friend-head-image{position:absolute}.rtc-private-video .rtc-video-box .rtc-video-friend video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:rotateY(180deg)}.rtc-private-video .rtc-video-box .rtc-video-mine{position:absolute;z-index:99999;width:25vh;right:0;bottom:0;box-shadow:0 0 5px #ccc;background-color:#ccc}.rtc-private-video .rtc-video-box .rtc-video-mine video{width:100%;-o-object-fit:cover;object-fit:cover;transform:rotateY(180deg)}.rtc-private-video .rtc-voice-box{position:relative;display:flex;justify-content:center;border:1px solid #4880b9;width:100%;height:50vh;padding-top:10vh;background-color:#f0f8ff}.rtc-private-video .rtc-voice-box .rtc-voice-name{text-align:center;font-size:22px;font-weight:600}.rtc-private-video .rtc-control-bar{display:flex;justify-content:space-around;padding:10px}.rtc-private-video .rtc-control-bar .icon{font-size:50px;cursor:pointer}.remote-video[data-v-197388a6]{position:relative;width:100%;height:100%;background-color:#a9a9a9;cursor:pointer}.remote-video .loading[data-v-197388a6]{position:absolute;width:100%;height:100%;display:flex;justify-content:space-around;align-items:center;z-index:99}.remote-video .head-image[data-v-197388a6]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.remote-video .info-bar[data-v-197388a6]{position:absolute;bottom:10px;left:10px;text-align:left;overflow:hidden;color:#fff;font-size:16px;display:flex;z-index:2;background-color:#888;padding:3px;border-radius:5px}.remote-video .info-bar .icon[data-v-197388a6]{font-size:20px}.remote-video .video[data-v-197388a6]{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.local-video[data-v-3bda02f8]{position:relative;width:100%;height:100%;background-color:#a9a9a9;cursor:pointer}.local-video .head-image[data-v-3bda02f8]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.local-video .video[data-v-3bda02f8]{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rtc-group-acceptor[data-v-0f15c4bc]{position:absolute;display:flex;flex-direction:column;align-items:center;right:2px;bottom:2px;width:250px;height:300px;padding:20px;background-color:#eee;border:5px solid #ddd;border-radius:3%}.rtc-group-acceptor .tip[data-v-0f15c4bc]{padding:10px;text-align:center;font-size:16px}.rtc-group-acceptor .user-list-text[data-v-0f15c4bc]{margin-top:5px;text-align:center;font-size:14px;color:#888}.rtc-group-acceptor .user-list[data-v-0f15c4bc]{display:flex;padding:5px 25px;height:90px;flex-wrap:wrap;justify-content:center}.rtc-group-acceptor .user-list .user-item[data-v-0f15c4bc]{padding:2px}.rtc-group-acceptor .control-bar[data-v-0f15c4bc]{display:flex;justify-content:space-around;margin-top:20px;width:100%}.rtc-group-acceptor .control-bar .icon[data-v-0f15c4bc]{font-size:60px;cursor:pointer;border-radius:50%}.rtc-group-acceptor .control-bar .icon.accept[data-v-0f15c4bc]{color:green;animation:anim-0f15c4bc 2s ease-in infinite,vibration-0f15c4bc 2s ease-in infinite}@keyframes anim-0f15c4bc{0%{box-shadow:0 1px 0 4px #fff}10%{box-shadow:0 1px 0 8px orange}25%{box-shadow:0 1px 0 12px #ffd280,0 1px 0 16px #ffc966}50%{box-shadow:0 2px 5px 10px #ffb833,0 2px 5px 23px #f8f8ff}}@keyframes vibration-0f15c4bc{0%{transform:rotate(0deg)}25%{transform:rotate(20deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0deg)}}.rtc-group-acceptor .control-bar .icon.reject[data-v-0f15c4bc]{color:red}.group-member-item{display:flex;margin-bottom:1px;position:relative;padding:0 15px;align-items:center;background-color:#fafafa;white-space:nowrap;box-sizing:border-box}.group-member-item.active,.group-member-item:hover{background-color:#eee}.group-member-item .member-name{flex:1;padding-left:10px;height:100%;text-align:left;white-space:nowrap;overflow:hidden;font-size:14px;font-weight:600}.group-member{display:flex;flex-direction:column;align-items:center;width:50px}.group-member .member-name{font-size:12px;text-align:center;width:100%;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-member .btn-kick{display:none;position:absolute;right:-8px;top:-8px;color:#8b0000;font-size:20px;cursor:pointer}.group-member:hover .btn-kick{display:block;color:#ce1818}.group-member-selector{display:flex}.group-member-selector .left-box{width:48%;border:1px solid #587ff0;border-radius:5px;overflow:hidden}.group-member-selector .arrow{display:flex;align-items:center;font-size:20px;padding:10px;font-weight:600;color:#687ff0}.group-member-selector .right-box{width:48%;border:1px solid #587ff0;border-radius:5px}.group-member-selector .right-box .select-tip{text-align:left;height:40px;line-height:40px;text-indent:5px}.group-member-selector .right-box .checked-member-list{padding:10px;display:flex;flex-direction:row;flex-wrap:wrap}.group-member-selector .right-box .checked-member-list .member-item{padding:2px}.header{position:relative;color:#fff}.header .icon{position:absolute;right:30px;line-height:20px;cursor:pointer}.el-dialog__body{padding:0!important}.rtc-group-video{display:flex;flex-direction:column;align-items:center;overflow:hidden}.rtc-group-video .video-box{position:relative;background-color:#fff}.rtc-group-video .video-box .video-list-1{display:flex;flex-wrap:wrap;position:relative}.rtc-group-video .video-box .video-list-2{display:flex}.rtc-group-video .control-bar{display:flex;justify-content:center;align-items:center;width:100%;height:100px;background-color:#e8f2ff}.rtc-group-video .control-bar .icon-box{display:flex;flex-direction:column;align-items:center;margin:0 25px}.rtc-group-video .control-bar .icon-box .icon{border-radius:50%;padding:10px;font-size:25px;cursor:pointer}.rtc-group-video .control-bar .icon-box .icon-front{color:#000;background-color:#fff}.rtc-group-video .control-bar .icon-box .icon-back{color:#fff;background-color:#000}.rtc-group-video .control-bar .icon-box .icon-quit{color:#fff;background-color:red}.rtc-group-video .control-bar .icon-box .icon-text{color:#000;font-size:14px;margin-top:10px}.navi-bar[data-v-00bb81aa]{background:#e8f2ff;padding:10px;padding-top:20px;border-right:1px solid rgba(83,160,231,.6117647059)}.navi-bar .el-menu[data-v-00bb81aa]{border:none;flex:1}.navi-bar .el-menu .el-menu-item[data-v-00bb81aa]{margin:25px 0;background-color:#e8f2ff!important;padding:0!important;text-align:center}.navi-bar .el-menu .el-menu-item .link[data-v-00bb81aa]{text-decoration:none}.navi-bar .el-menu .el-menu-item .link.router-link-active .icon[data-v-00bb81aa]{color:#195ee2;font-size:28px}.navi-bar .el-menu .el-menu-item .icon[data-v-00bb81aa]{font-size:26px;color:#888}.navi-bar .el-menu .el-menu-item .unread-text[data-v-00bb81aa]{position:absolute;line-height:20px;background-color:#f56c6c;left:36px;top:7px;color:#fff;border-radius:30px;padding:0 5px;font-size:10px;text-align:center;white-space:nowrap;border:1px solid #f1e5e5}.navi-bar .exit-box[data-v-00bb81aa]{position:absolute;width:60px;bottom:40px;text-align:center;cursor:pointer}.navi-bar .exit-box .icon[data-v-00bb81aa]{font-size:28px}.navi-bar .exit-box[data-v-00bb81aa]:hover{font-weight:600}.content-box[data-v-00bb81aa]{padding:0;background-color:#f8f8f8;color:#000;text-align:center}@font-face{font-family:iconfont;src:url(../fonts/iconfont.caf0f380.ttf) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-invite-rtc:before{content:"\e65f"}.icon-quit:before{content:"\e606"}.icon-camera-off:before{content:"\e6b5"}.icon-speaker-off:before{content:"\ea3c"}.icon-microphone-on:before{content:"\e63b"}.icon-speaker-on:before{content:"\e6a4"}.icon-camera-on:before{content:"\e627"}.icon-microphone-off:before{content:"\efe5"}.icon-chat:before{content:"\e600"}.icon-setting:before{content:"\e620"}.icon-friend:before{content:"\e604"}.icon-exit:before{content:"\e9e4"}.icon-chat-video:before{content:"\e73b"}.icon-chat-voice:before{content:"\e633"}.icon-ok:before{content:"\e6ac"}.icon-receipt:before{content:"\e61a"}.icon-emoji:before{content:"\e60c"}.icon-group:before{content:"\e7f4"}.icon-phone-reject:before{content:"\e605"}.icon-phone-accept:before{content:"\e8be"}