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;color:#2c3e50;position:absolute;height:100%;width:100%}.el-message{z-index:99999999!important}.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-8ae8c144]{width:100%;height:100%;background:#e8f2ff;background-size:cover;box-sizing:border-box}.login-view .login-content[data-v-8ae8c144]{position:relative;display:flex;justify-content:space-around;align-items:center;padding:10%}.login-view .login-content .login-intro[data-v-8ae8c144]{flex:1;padding:40px;max-width:600px}.login-view .login-content .login-intro .login-title[data-v-8ae8c144]{text-align:center;font-weight:600;font-size:30px}.login-view .login-content .login-intro .login-icons[data-v-8ae8c144]{display:flex;align-items:center}.login-view .login-content .login-intro .login-icons .login-icon[data-v-8ae8c144]{padding-left:5px}.login-view .login-content .login-form[data-v-8ae8c144]{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-8ae8c144]{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-8ae8c144]{display:flex;flex-direction:row-reverse;line-height:40px;text-align:left;padding-left:20px}.register-view[data-v-c0010efa]{position:fixed;display:flex;justify-content:space-around;align-items:center;width:100%;height:100%;background:#e8f2ff}.register-view .web-ruleForm[data-v-c0010efa]{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-c0010efa]{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-c0010efa]{display:flex;flex-direction:row-reverse;line-height:40px;text-align:left;padding-left:20px}.head-image[data-v-52ce52fe]{position:relative;cursor:pointer}.head-image .avatar-image[data-v-52ce52fe]{position:relative;overflow:hidden;border-radius:10%}.head-image .avatar-text[data-v-52ce52fe]{background-color:#f2f2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #ccc}.head-image .online[data-v-52ce52fe]{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,.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:fill;object-fit:fill}.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%}.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-5ab1d4e3]{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-5ab1d4e3]{padding:10px;text-align:center;font-size:16px}.chat-video-acceptor .acceptor-btn-group[data-v-5ab1d4e3]{display:flex;justify-content:space-around;margin-top:20px;width:100%}.chat-video-acceptor .acceptor-btn-group .icon[data-v-5ab1d4e3]{font-size:60px;cursor:pointer;border-radius:50%}.chat-video-acceptor .acceptor-btn-group .icon.accept[data-v-5ab1d4e3]{color:green;animation:anim-5ab1d4e3 2s ease-in infinite,vibration-5ab1d4e3 2s ease-in infinite}@keyframes anim-5ab1d4e3{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-5ab1d4e3{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-5ab1d4e3]{color:red}.navi-bar[data-v-0cfa0b0b]{background:#333;padding:10px;padding-top:50px}.navi-bar .el-menu[data-v-0cfa0b0b]{border:none;flex:1}.navi-bar .el-menu .el-menu-item[data-v-0cfa0b0b]{margin:25px 0}.navi-bar .el-menu .el-menu-item .router-link-exact-active span[data-v-0cfa0b0b]{color:#fff!important}.navi-bar .el-menu .el-menu-item span[data-v-0cfa0b0b]{font-size:24px!important;color:#aaa}.navi-bar .el-menu .el-menu-item span[data-v-0cfa0b0b]:hover{color:#fff!important}.navi-bar .el-menu .el-menu-item .unread-text[data-v-0cfa0b0b]{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-0cfa0b0b]{position:absolute;width:60px;bottom:40px;color:#aaa;font-size:24px;text-align:center;cursor:pointer}.navi-bar .exit-box[data-v-0cfa0b0b]:hover{color:#fff!important}.content-box[data-v-0cfa0b0b]{padding:0;background-color:#e9eef3;color:#333;text-align:center}@font-face{font-family:iconfont;src:url(../fonts/iconfont.0fb5c66c.ttf) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-chat-video:before{content:"\e73b"}.icon-chat-voice:before{content:"\e633"}.icon-ok:before{content:"\e6ac"}.icon-receipt:before{content:"\e61a"}.icon-biaoqing:before{content:"\e60c"}.icon-youyinpin:before{content:"\e649"}.icon-audio:before{content:"\e800"}.icon-group_fill:before{content:"\e7f4"}.icon-yinpin:before{content:"\e68a"}.icon-emoji:before{content:"\e6f6"}.icon-voiceprint:before{content:"\e953"}.icon-phone-reject:before{content:"\e605"}.icon-phone-accept:before{content:"\e8be"}