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:#d2d2d2}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px transparent;border-radius:2px;background:#ededed}.flex{display:flex}.flex-bet{justify-content:space-between}.flex-align-center{align-items:center}.flex1{flex:1}.flexShrink0{flex-shrink:0}.ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.marT10{margin-top:10px}.marL10{margin-left:10px}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.cur{cursor:pointer}.not-allowed{cursor:not-allowed!important}#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:#f0f2f5!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}.login-view[data-v-7cd93f29]{width:100%;height:100%;background:#e8f2ff;background-size:cover;box-sizing:border-box}.login-view .login-content[data-v-7cd93f29]{position:relative;display:flex;flex-direction:row-reverse;padding:10%}.login-view .login-content .login-form[data-v-7cd93f29]{height:340px;width:400px;padding:10px 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-7cd93f29]{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-7cd93f29]{display:flex;flex-direction:row-reverse;line-height:40px;text-align:left;padding-left:20px}.footer-box[data-v-7cd93f29]{position:absolute;bottom:0;left:0;width:100%}.footer-box .copyright-box[data-v-7cd93f29]{max-width:666px;display:flex;justify-content:space-between;margin:0 auto 10px;font-size:14px}.footer-box .copyright-box .img[data-v-7cd93f29]{width:14px;height:14px;vertical-align:middle}.footer-box .copyright-box .taga[data-v-7cd93f29]{text-decoration:none;color:inherit}.head-image[data-v-31578e88]{position:relative;cursor:pointer}.head-image .avatar-image[data-v-31578e88]{position:relative;overflow:hidden;border-radius:10%}.head-image .avatar-text[data-v-31578e88]{background-color:#f2f2f2;border-radius:15%;display:flex;align-items:center;justify-content:center;border:1px solid #ccc}.head-image .online[data-v-31578e88]{position:absolute;right:-5px;bottom:0;width:12px;height:12px;background:#32cd32;border-radius:50%;border:3px solid #fff}.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{z-index:9999}.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}.chat-video{position:relative}.chat-video .el-loading-text{color:#fff!important;font-size:16px!important}.chat-video .el-icon-loading{color:#fff!important;font-size:30px!important}.chat-video .chat-video-box{position:relative;border:1px solid #4880b9;background-color:#eee}.chat-video .chat-video-box .chat-video-friend{height:70vh}.chat-video .chat-video-box .chat-video-friend .friend-head-image{position:absolute}.chat-video .chat-video-box .chat-video-friend video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:rotateY(180deg)}.chat-video .chat-video-box .chat-video-mine{position:absolute;z-index:99999;width:25vh;right:0;bottom:0;box-shadow:0 0 5px #ccc;background-color:#ccc}.chat-video .chat-video-box .chat-video-mine video{width:100%;-o-object-fit:cover;object-fit:cover;transform:rotateY(180deg)}.chat-video .chat-voice-box{position:relative;display:flex;justify-content:center;border:1px solid #4880b9;width:100%;height:50vh;padding-top:10vh;background-color:#f0f8ff}.chat-video .chat-voice-box .chat-voice-name{text-align:center;font-size:22px;font-weight:600}.chat-video .chat-video-controllbar{display:flex;justify-content:space-around;padding:10px}.chat-video .chat-video-controllbar .icon{font-size:50px;cursor:pointer}.chat-video-acceptor[data-v-13c8f078]{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%}.chat-video-acceptor .acceptor-text[data-v-13c8f078]{padding:10px;text-align:center;font-size:16px}.chat-video-acceptor .acceptor-btn-group[data-v-13c8f078]{display:flex;justify-content:space-around;margin-top:20px;width:100%}.chat-video-acceptor .acceptor-btn-group .icon[data-v-13c8f078]{font-size:60px;cursor:pointer;border-radius:50%}.chat-video-acceptor .acceptor-btn-group .icon.accept[data-v-13c8f078]{color:green;animation:anim-13c8f078 2s ease-in infinite,vibration-13c8f078 2s ease-in infinite}@keyframes anim-13c8f078{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-13c8f078{0%{transform:rotate(0deg)}25%{transform:rotate(20deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0deg)}}.chat-video-acceptor .acceptor-btn-group .icon.reject[data-v-13c8f078]{color:red}.navi-bar[data-v-43cbab2a]{background:#19082f;padding:15px;padding-top:50px}.navi-bar .el-menu[data-v-43cbab2a]{border:none;flex:1}.navi-bar .el-menu .el-menu-item[data-v-43cbab2a]{margin:20px 0;background-color:#19082f!important;padding:0!important;text-align:center}.navi-bar .el-menu .el-menu-item .link[data-v-43cbab2a]{text-decoration:none}.navi-bar .el-menu .el-menu-item .link.router-link-active .icon[data-v-43cbab2a]{color:#ba785a}.navi-bar .el-menu .el-menu-item .icon[data-v-43cbab2a]{font-size:26px!important;color:#ddd}.navi-bar .el-menu .el-menu-item .unread-text[data-v-43cbab2a]{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-43cbab2a]{position:absolute;width:60px;bottom:40px;color:#ccc;text-align:center;cursor:pointer}.navi-bar .exit-box .icon[data-v-43cbab2a]{font-size:28px}.navi-bar .exit-box[data-v-43cbab2a]:hover{color:#fff}.content-box[data-v-43cbab2a]{padding:0;background-color:#f0f2f5;color:#000;text-align:center}@font-face{font-family:iconfont;src:url(../fonts/iconfont.d0afa39e.ttf) format("truetype")}@font-face{font-family:iconfont;src:url(data:font/ttf;base64,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) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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"}.icon-password:before{content:"\e61b"}