.stream-container-flatten[data-v-48c7d4d7]{width:100%;height:100%;background-color:#000;overflow:hidden}.stream-container-flatten .stream-list-container[data-v-48c7d4d7]{width:100%;height:100%}.stream-container-flatten .stream-list[data-v-48c7d4d7]{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}.stream-container-flatten .stream-list .single-stream[data-v-48c7d4d7]{padding:4px}.stream-list-container[data-v-48c7d4d7]{width:100%;height:100px;background-color:#0d0f15;position:absolute;top:0;left:0;padding:20px 40px;display:flex;justify-content:left}.stream-list-container.hide-list[data-v-48c7d4d7]{transform:translateY(-100px)}.stream-list-container .stream-list[data-v-48c7d4d7]{display:flex;overflow-x:scroll;max-width:100%;max-height:100%}.stream-list-container .stream-list[data-v-48c7d4d7]::-webkit-scrollbar{display:none}.stream-list-container .stream-list .single-stream[data-v-48c7d4d7]{width:110px;height:80px;border-radius:2px;overflow:hidden;flex-shrink:0}.stream-list-container .stream-list .single-stream[data-v-48c7d4d7]:not(:first-child){margin-left:14px}.stream-list-container .stream-list .single-stream.interviewer[data-v-48c7d4d7]{position:relative}.stream-list-container .stream-list .single-stream.interviewer[data-v-48c7d4d7]:after{content:"";position:absolute;top:0;left:0;padding:3px;font-size:12px;color:#999}.stream-list-container .stream-list .single-stream.interviewer .user-name[data-v-48c7d4d7]:before{content:""}.user-stream-container[data-v-48c7d4d7]{position:relative;height:100%;width:100%}.user-stream-container .stream-region[data-v-48c7d4d7]{width:100%;height:100%}.user-stream-container .corner-user-info-container[data-v-48c7d4d7]{position:absolute;bottom:4px;left:0;min-width:98px;max-width:100%;overflow:hidden;height:24px;background:rgba(0,0,0,.4);color:#ddd;padding:0;font-size:14px}.user-stream-container .corner-user-info-container.center[data-v-48c7d4d7]{text-align:center;background-color:transparent;width:100%}.user-stream-container .corner-user-info-container .master-icon[data-v-48c7d4d7]{margin-left:0;width:30px;height:30px}.user-stream-container .corner-user-info-container .screen-icon[data-v-48c7d4d7]{transform:scale(.8)}.user-stream-container .avatar-region[data-v-48c7d4d7]{position:absolute;top:6px;width:36px;height:36px;left:calc(50% - 18px);border-radius:50%;overflow:hidden;background-color:#fff}.user-stream-container .avatar-region img[data-v-48c7d4d7]{width:100%;height:100%}.user-avatar-container[data-v-48c7d4d7]{position:relative;height:100%;width:100%;border:1px solid #000;text-align:center}.user-avatar-container .avatar-region[data-v-48c7d4d7]{display:inline-block;width:36px;height:36px;line-height:34px;background-color:#ccc;border-radius:50%;overflow:hidden;margin:5px 5px 8px}.user-avatar-container .avatar-region img[data-v-48c7d4d7]{width:100%;height:100%}.user-avatar-container .username-region[data-v-48c7d4d7]{font-size:13px;color:#999}.user-avatar-container.active[data-v-48c7d4d7]{border-color:rgba(67,217,43,.55)}.stream-container-top[data-v-48c7d4d7]{width:100%;height:100%;background-color:#000;overflow:hidden;position:relative}.stream-container-top .enlarged-stream-container[data-v-48c7d4d7]{width:100%;height:calc(100% - 100px);position:absolute;top:100px;display:flex;justify-content:center;align-items:center;border-top:1px solid #000;background:url(../../static/img/compbg2.f9099525.jpg) no-repeat 50%/cover}.stream-container-top .enlarged-stream-container[data-v-48c7d4d7]:before{content:"";background:rgba(0,0,0,.35);position:absolute;top:0;left:0;right:0;bottom:0}.stream-container-top .stream-list-container[data-v-48c7d4d7]{width:100%;height:100px;background-color:#333;position:absolute;top:0;left:0;padding:10px 40px;display:flex;justify-content:left}.stream-container-top .stream-list-container.hide-list[data-v-48c7d4d7]{transform:translateY(-100px)}.stream-container-top .stream-list-container .stream-list[data-v-48c7d4d7]{display:flex;overflow-x:scroll;max-width:100%;max-height:100%}.stream-container-top .stream-list-container .stream-list[data-v-48c7d4d7]::-webkit-scrollbar{display:none}.stream-container-top .stream-list-container .stream-list .single-stream[data-v-48c7d4d7]{width:110px;height:80px;border-radius:2px;overflow:hidden;flex-shrink:0}.stream-container-top .stream-list-container .stream-list .single-stream[data-v-48c7d4d7]:not(:first-child){margin-left:14px}.interview-room[data-v-48c7d4d7]{height:100%;width:100%}.interview-room.full-screen[data-v-48c7d4d7]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.content[data-v-48c7d4d7]{width:100%;height:100%;background-color:#0d0f15}.footer[data-v-48c7d4d7]{position:absolute;bottom:0;left:0;width:100%;height:56px;background-color:#1d2029}.footer .footer-container[data-v-48c7d4d7]{width:100%;height:100%;padding-left:9px;padding-right:24px;display:flex;justify-content:space-between}.footer .footer-container .left-container[data-v-48c7d4d7]{height:100%;display:flex;align-items:center}.footer .footer-container .left-container[data-v-48c7d4d7]>:not(:first-child){margin-left:1rem}.footer .footer-container .left-container .audio-icon-container[data-v-48c7d4d7]{position:relative;width:32px;height:32px;font-size:20px}.footer .footer-container .left-container .audio-icon-container.small[data-v-48c7d4d7]{transform:scale(.8)}.footer .footer-container .left-container .audio-icon-container .audio-level[data-v-48c7d4d7]{position:absolute;top:4px;left:11px;width:10px;height:16px;display:flex;flex-wrap:wrap;border-radius:4px;overflow:hidden;flex-direction:column-reverse;justify-content:space-between;padding:2px}.footer .footer-container .left-container .audio-icon-container .audio-level .audio-level-item[data-v-48c7d4d7]{width:100%;height:2px;border-radius:50%}.footer .footer-container .left-container .audio-icon-container .audio-level .audio-level-item.active[data-v-48c7d4d7]{background-color:#43d92b}.footer .footer-container .left-container .audio-icon-container .audio-icon[data-v-48c7d4d7]{position:absolute;top:0;left:0}.footer .footer-container .left-container .video-icon-container[data-v-48c7d4d7]{position:relative;width:32px;height:32px;font-size:20px}.footer .footer-container .left-container .video-icon-container.small[data-v-48c7d4d7]{transform:scale(.8)}.footer .footer-container .left-container .video-icon-container .video-icon[data-v-48c7d4d7]{position:absolute;top:0;left:0}.footer .footer-container .center-container[data-v-48c7d4d7]{height:100%;display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.footer .footer-container .center-container .full-screen-control-container[data-v-48c7d4d7]{position:relative;width:28px;height:28px;font-size:18px}.footer .footer-container .center-container .full-screen-control-container>div[data-v-48c7d4d7]{font-size:12px}.footer .footer-container .center-container .record-control-container[data-v-48c7d4d7]{position:relative;width:28px;height:27px;font-size:17.5px;color:#adb6cc}.footer .footer-container .center-container .record-control-container>div[data-v-48c7d4d7]{font-size:12px}.footer .footer-container .center-container .record-control-container.recording[data-v-48c7d4d7]{color:#ff2e2e}.footer .footer-container .center-container>div[data-v-48c7d4d7]{margin:0 10px}.footer .footer-container .center-container[data-v-48c7d4d7]{color:#999}.footer .footer-container .right-container[data-v-48c7d4d7]{height:100%;display:flex;align-items:center}.footer .footer-container .right-container .end-button[data-v-48c7d4d7]{width:80px;height:30px;border:2px solid #ff2e2e;border-radius:4px;font-weight:400;font-size:14px;color:#ff2e2e;letter-spacing:0;cursor:pointer;text-align:center;line-height:26px;padding:0;background-color:transparent}.footer .footer-container .right-container .end-button[data-v-48c7d4d7]:hover{background-color:#ff2e2e;color:#fff}.footer .footer-container .right-container .end-button.leave[data-v-48c7d4d7]{border-width:1px}.footer .footer-container .right-container .end-button.stop[data-v-48c7d4d7]{background-color:#ff2e2e;color:#fff}.footer .footer-container .right-container .end-button.stop[data-v-48c7d4d7]:hover{background-color:#ff2e00}.icon-control[data-v-48c7d4d7]{background-color:#1d2029;position:absolute;cursor:pointer;display:flex;justify-content:center;align-items:center}.arrow-up[data-v-48c7d4d7]{width:38px;height:14px;top:86px;background:transparent}.arrow-down[data-v-48c7d4d7],.arrow-up[data-v-48c7d4d7]{left:100%;transform:translate(-100%);border-radius:0 0 4px 4px}.arrow-down[data-v-48c7d4d7]{width:42px;height:18px;top:0}.arrow-down [data-v-48c7d4d7]{transform:rotate(180deg)}.icon-arrow[data-v-48c7d4d7]{position:absolute;right:0;top:8px;width:12px;height:64px}.icon-arrow[data-v-48c7d4d7]:hover{background:rgba(46,50,61,.7)}.icon-arrow .arrow[data-v-48c7d4d7]{position:absolute;top:20px;left:0}.no-interviewee[data-v-48c7d4d7],.no-video[data-v-48c7d4d7]{position:relative;color:hsla(0,0%,100%,.8);margin-left:-50px}.no-interviewee .user-avatar-container[data-v-48c7d4d7],.no-video .user-avatar-container[data-v-48c7d4d7]{border-width:0;margin-bottom:50px}.no-interviewee .user-avatar-container .avatar-region[data-v-48c7d4d7],.no-video .user-avatar-container .avatar-region[data-v-48c7d4d7]{width:68px;height:68px}.no-interviewee .user-avatar-container .username-region[data-v-48c7d4d7],.no-video .user-avatar-container .username-region[data-v-48c7d4d7]{font-size:14px;color:hsla(0,0%,100%,.8)}.no-video .user-avatar-container[data-v-48c7d4d7]{padding:8px 50px;margin-bottom:0;border:1px solid #323232}.no-video .user-avatar-container .avatar-region[data-v-48c7d4d7]{margin-bottom:2px}.no-video[data-v-48c7d4d7]{position:absolute}.paper[data-v-0e3f28b7]{width:100%;height:100%;display:flex;flex-direction:column;padding-top:30px}.paper .title[data-v-0e3f28b7]{border-bottom:1px solid #e4e4e4;padding-bottom:10px;text-align:left;margin:0 50px}.paper .list[data-v-0e3f28b7]{flex:1;overflow:hidden;overflow-y:auto;padding:20px 50px}.paper .list li[data-v-0e3f28b7]{display:flex;align-items:center;margin-bottom:10px;padding-bottom:10px;position:relative;border-bottom:1px dashed #e4e4e4}.paper .list li .face[data-v-0e3f28b7]{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#ccc;display:flex;justify-content:center;align-items:center;font-size:12px}.paper .list li .face img[data-v-0e3f28b7]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.paper .list li .content[data-v-0e3f28b7]{display:flex;flex-direction:column;justify-content:center;margin-left:20px;text-align:left}.paper .list li .content .note[data-v-0e3f28b7]{color:#ccc;font-size:12px;margin-top:5px}.paper .list li .func[data-v-0e3f28b7],.paper .list li .status[data-v-0e3f28b7]{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.paper .list li .func em[data-v-0e3f28b7],.paper .list li .status em[data-v-0e3f28b7]{cursor:pointer}.paper .list li .func em.iconmic-on-full[data-v-0e3f28b7],.paper .list li .status em.iconmic-on-full[data-v-0e3f28b7]{color:#39c}.paper .fun[data-v-0e3f28b7]{height:60px;border-top:1px solid #e4e4e4;display:flex;justify-content:flex-start;align-items:center;padding:0 35px}.paper .fun span[data-v-0e3f28b7]{padding:5px 10px;border:1px solid #e4e4e4;color:#666;font-size:12px;border-radius:2px;margin:0 15px;cursor:pointer}.paper .fun span[data-v-0e3f28b7]:hover{border-color:#39c;background-color:#39c;color:#fff}.audio-icon-container[data-v-0e3f28b7]{position:relative;display:inline-block;vertical-align:top;width:32px;height:32px}.audio-icon-container.small[data-v-0e3f28b7]{transform:scale(.8)}.audio-icon-container .audio-level[data-v-0e3f28b7]{position:absolute;top:4px;left:7px;width:8px;height:16px;display:flex;flex-wrap:wrap;border-radius:4px;overflow:hidden;flex-direction:column-reverse;justify-content:space-between;padding:2px}.audio-icon-container .audio-level .audio-level-item[data-v-0e3f28b7]{width:100%;height:2px;border-radius:50%}.audio-icon-container .audio-level .audio-level-item.active[data-v-0e3f28b7]{background-color:#43d92b}.audio-icon-container .audio-icon[data-v-0e3f28b7]{position:absolute;top:0;left:0;font-size:16px}.video-icon-container[data-v-0e3f28b7]{display:inline-block;vertical-align:top;position:relative;margin-right:10px}.chat[data-v-3303bfd4]{width:100%;height:100%;display:flex;flex-direction:column}.chat .list[data-v-3303bfd4]{padding:20px;flex:1;height:calc(100% - 100px);overflow:hidden;overflow-y:auto}.chat .list li[data-v-3303bfd4]{margin:20px auto;display:flex;font-size:12px}.chat .list li[data-v-3303bfd4]:last-child{margin-bottom:0}.chat .list li.align1[data-v-3303bfd4]{justify-content:flex-start}.chat .list li.align1 .face[data-v-3303bfd4]{border-radius:50%;width:40px;height:40px;background-color:#e5e5e5;display:flex;justify-content:center;align-items:center;font-size:12px;color:#000}.chat .list li.align1 .content[data-v-3303bfd4]{padding:10px;border-radius:5px;text-align:left;background-color:#e5e5e5;color:#000;margin-left:20px;position:relative;max-width:60%}.chat .list li.align1 .content[data-v-3303bfd4]:after{content:"";position:absolute;top:23px;left:-9px;height:0;width:0;border-right-width:7px;border-top-width:0;border-bottom-width:14px;border-style:solid;border-color:transparent;border-right-color:#e5e5e5}.chat .list li.align1 .content .t[data-v-3303bfd4]{font-size:12px;color:#999;margin-bottom:0}.chat .list li.align1 .content .c[data-v-3303bfd4]{line-height:180%}.chat .list li.align2[data-v-3303bfd4]{flex-direction:row-reverse}.chat .list li.align2 .face[data-v-3303bfd4]{border-radius:50%;width:40px;height:40px;background-color:#12b7f5;display:flex;justify-content:center;align-items:center;font-size:12px;color:#fff}.chat .list li.align2 .content[data-v-3303bfd4]{padding:10px;border-radius:5px;text-align:right;background-color:#12b7f5;color:#fff;margin-right:20px;position:relative;max-width:60%}.chat .list li.align2 .content[data-v-3303bfd4]:after{content:"";position:absolute;top:23px;right:-9px;height:0;width:0;border-left-width:7px;border-top-width:0;border-bottom-width:14px;border-style:solid;border-color:transparent;border-left-color:#12b7f5}.chat .list li.align2 .content .t[data-v-3303bfd4]{font-size:12px;color:#aedced;margin-bottom:0}.chat .list li.align2 .content .c[data-v-3303bfd4]{line-height:180%}.chat .speak[data-v-3303bfd4]{padding:0;height:100px;overflow:hidden;position:relative}.chat .speak[data-v-3303bfd4] .el-textarea{height:100%;border-top:3px solid #e4e4e4}.chat .speak[data-v-3303bfd4] .el-textarea .el-textarea__inner{height:100%;border:0}.chat .speak[data-v-3303bfd4] .el-button{position:absolute;right:12px;bottom:12px;width:60px;height:30px;font-size:14px;padding:0;border-radius:2px;background-color:#12b7f5;border:0;color:#fff}