#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.mirrorMode{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.main-box[data-v-cdbbcf58]{width:800px;height:600px;margin:10px auto;border:1px solid #c1c1c1}.chatContent .chat-detal .chat-item[data-v-cdbbcf58]{height:calc(80vh - 179px);padding:20px 20px 0;overflow-y:scroll}.chatContent .chat-detal .chat-o[data-v-cdbbcf58]{margin-top:10px;line-height:20px}.chatContent .chat-detal .chat-o .name[data-v-cdbbcf58]{color:#3c9cfe;font-weight:700}.chatContent .chat-detal .chat-o .content[data-v-cdbbcf58]{font-weight:700}.chatContent .chat-detal .el-button[data-v-cdbbcf58]{margin-top:10px;display:block;float:right}.chatContent .chat-detal .chat-input[data-v-cdbbcf58]{border-top:1px solid #eee;padding:20px;height:140px}.main-box[data-v-066c54a4]{width:800px;height:600px;margin:10px auto;border:1px solid #c1c1c1}.title[data-v-066c54a4]{z-index:20000;position:absolute;left:12%;margin-top:-50px;height:50px;line-height:50px;font-size:20px;font-weight:700}.chatList[data-v-066c54a4]{width:226px;height:80vh;width:22.46094vw;border-radius:5px;top:40px;right:0;bottom:104px;-webkit-box-sizing:border-box;box-sizing:border-box}.chatList .chat-detal .chat-item[data-v-066c54a4]{overflow-y:scroll}.chatList .chat-detal .chat-o[data-v-066c54a4]{margin-top:10px;line-height:20px}.chatList .chat-detal .chat-o li[data-v-066c54a4]:first-child{color:#0ff}.chatList .chat-detal .chat-o li[data-v-066c54a4]:nth-child(2){color:#000}.chatList .chat-detal .el-button[data-v-066c54a4]{margin-top:10px;display:block;float:right}.chatList .chat-detal .chat-input[data-v-066c54a4]{margin-top:12px}.chatList .list-txt[data-v-066c54a4]{height:calc(80vh - 39px);padding:20px;color:#3c9cfe;line-height:24px}.chatList .list-txt .onlyname[data-v-066c54a4]{font-weight:700}.chatList .list-video li[data-v-066c54a4]{position:relative;height:126px;overflow:hidden;margin-bottom:10px}.chatList .list-video li .avatar[data-v-066c54a4]{position:absolute;text-align:center;top:0;width:100%;line-height:126px;bottom:0;color:#333;background-image:url(../img/教师-学生的摄像头已关闭.864ae963.png);background-position:50%;background-size:contain;background-repeat:no-repeat;background-color:#595959}.chatList .list-video li .avatar img[data-v-066c54a4]{display:none}.chatList .list-video li video[data-v-066c54a4]{position:absolute;top:0;width:100%;height:126px;background-color:transparent}.chatList .list-video li .name[data-v-066c54a4]{position:absolute;bottom:10px;left:10px;font-size:18px;color:#fff}.chatList .el-tabs--border-card>.el-tabs__content{padding:0!important}.v-code{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;margin-left:auto;margin-right:auto;padding:1.38889vh 0}.v-code,.v-code input{position:relative;width:100%}.v-code input{border-bottom:.13889vh solid #c1c1c1;color:#181818;height:32px;line-height:32px;outline:none;display:block;font-size:3.05556vh}.v-code .on{opacity:0;position:absolute}.v-code .line{position:relative;width:50px;height:32px;line-height:32px;text-align:center;color:#181818;font-size:2.77778vh;line-height:3.88889vh}.v-code .line:after{display:block;position:absolute;content:"";left:0;width:100%;bottom:0;height:.13889vh;background-color:#aaa;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 100%;transform-origin:0 100%}.v-code .line.animated:before{display:block;position:absolute;left:50%;top:20%;width:1px;height:60%;content:"";background-color:#333;-webkit-animation-name:coruscate;animation-name:coruscate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes coruscate{0%{opacity:0}25%{opacity:0}50%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes coruscate{0%{opacity:0}25%{opacity:0}50%{opacity:1}75%{opacity:1}to{opacity:0}}.hfooter{position:fixed;left:0;width:80px;z-index:99999;margin-top:10%;padding-top:20px;padding:20px 5px 0;background-color:#fff;border:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box}.hfooter #share{position:fixed;bottom:-154.30556vh}.hfooter .function .vsersion{position:absolute;left:.97656vw;bottom:-154.30556vh}.hfooter .function :hover i{background-color:#bfbfbf}.hfooter .function .on i{background-color:#333}.hfooter .function .initstate i{background-color:#013ebe}.hfooter .function .initstate i:hover{background-color:#0036a6}.hfooter .function div{text-align:center;cursor:pointer;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hfooter .function div i{width:2.92969vw;height:4.16667vh;border-radius:1.94444vh;border-radius:14px;background-color:#e5e5e5;margin-bottom:12px;cursor:pointer;background-repeat:no-repeat;background-position:50%;background-size:3.47222vh 3.47222vh}.hfooter .function div span{font-size:1.38889vh;line-height:1.66667vh;background-color:#f8f8f8;color:#2f2f2f;margin-bottom:20px}.hfooter .function .startclass p{background-color:#013ebe}.hfooter .function .startclass p:hover{background-color:#0036a6}.hfooter .function .leaveclass i{width:4.16667vh;height:4.16667vh;border-radius:50%}.hfooter .function .footer-setting{position:absolute;right:0}.hfooter .teacher{margin-left:23.24219vw}#classNum,.hheader{color:#fff}.hheader{position:absolute;top:0;left:0;height:5.55556vh;line-height:5.55556vh;width:100%;background-color:rgba(0,0,0,.5);z-index:999;text-align:center;font-size:3.05556vh}.hheader .icon-fuzhi{font-size:3.47222vh;cursor:pointer;margin-left:.48828vw}.hheader .classState{margin-left:1.95312vw;height:3.61111vh;padding:0 .97656vw;background:#d2e1ff;border-radius:3.33333vh;background-color:#d2e1ff;font-size:1.94444vh;color:#013ebe;vertical-align:bottom}.hui-modal{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:27.36111vh;width:50vh;background:#fff;-webkit-box-shadow:0 4px 16px 0 rgba(0,0,0,.21);box-shadow:0 4px 16px 0 rgba(0,0,0,.21);background-color:#fff;padding:3.47222vh 2.44141vw}.hui-modal .modal-header{height:5.27778vh;overflow:hidden}.hui-modal .modal-header span{float:right;color:#bfbfbf;font-size:4.16667vh;cursor:pointer}.hui-modal>h3{color:#111;font-size:2.5vh}.hui-modal>h4{margin-top:1.38889vh;font-size:1.94444vh;line-height:1.3;color:#888}.hui-modal .modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:2.77778vh}.hui-modal .modal-footer div{border:1px solid #013ebe;width:11.11111vh;height:4.16667vh;border-radius:2.08333vh;text-align:center;line-height:4.16667vh;color:#013ebe;cursor:pointer}.hui-modal .modal-footer .leave-submit{background:#013ebe;color:#fff;margin-right:.97656vw}.setting{margin:auto;text-align:center;width:400px}.setting .roleRadio .el-radio{margin-right:0!important;margin-left:0!important;margin-top:40px;display:block;line-height:60px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;height:80px}.setting .roleRadio .el-radio__label{font-size:30px}.setting .roleRadio .el-radio__input{display:none}.setting .title{font-size:3.33333vh;line-height:4.58333vh;color:#181818;font-weight:800}.setting .video{margin:1.66667vh 0 0;background-color:#d8d8d8;height:22.63889vh;width:41.94444vh}.setting .hform-div{margin-top:4.44444vh;width:41.94444vh;border-bottom:.09766vw solid #c1c1c1}.setting .hform-div span{font-size:1.66667vh;line-height:2.36111vh;color:#888}.setting .hform-div .hform-div-input{appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;height:4.44444vh;font-size:2.5vh;color:#181818;border:0;background-color:transparent;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAANhQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAV/C6WgAAAEd0Uk5TADQPIlYEZuEeK+90etYTF99qBbnJCwnHqgINzrQBp8oKGaSL3hYk6ohj8Cw39XJH+/pDTfz+Xypr+VQngYaplr4HRpehaAZhElvSAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAASAAAAEgARslrPgAAAKNJREFUKM/NkdUSwjAQRYsUd7fg7u5u5///iLbAUDoMjwz3IffO2SSzm0jSn8pkNhKLVVZWG3bHO3e6cCvmAa9Pz/0BCCoeCkMk+uKxOCSSakqlISM/uchCLn/PBeVsUTwKJShXnruqNajfYwOarde97Q501dDrMxjqOxmNmUwlaebSTK85LJYrO6yN027QtBXGgtipfH/48GbH0/ly/d0XfdMN2dkV/R3hYfYAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMDYtMDhUMTc6NTg6MjMrMDg6MDDW1sw5AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIwLTA2LTA4VDE3OjU4OjIzKzA4OjAwp4t0hQAAAE50RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fMGNnZmRuenlzdmFzL2ppYW50b3V4aWEuc3ZnK61CWwAAAABJRU5ErkJggg==) no-repeat right 5px center;background-size:20px 20px;padding-right:6.25vh;width:100%}.setting .mic-show{margin:4.16667vh 0}.setting .mic-show .icon-maikefeng{font-size:4.16667vh;vertical-align:middle}.setting .mic-show meter{width:38.88889vh}.setting .submit-button{margin-top:5.55556vh;display:block;width:41.94444vh;height:6.66667vh;text-align:center;line-height:6.66667vh;border-radius:3.33333vh;color:#fff;font-size:3.19444vh;background-color:#0a43bb;letter-spacing:.13889vh;border:0;outline:none;cursor:pointer}.main-box{width:800px;height:600px;margin:10px auto;border:1px solid #c1c1c1}.user-list{width:196px;height:80vh;top:40px;right:0;bottom:104px;-webkit-box-sizing:border-box;box-sizing:border-box}.user-list .title{margin:12px 0 12px 0;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;cursor:pointer}.user-list .title p{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px 0}.user-list .title p:after{display:block;content:"";height:1px;background-color:#000;margin-top:20px}.user-list .title .on:after{height:4px;background-color:#013ebe;margin-top:18px}.user-list .list-video{overflow-x:scroll;height:68.88889vh}.user-list .list-video li{position:relative;height:126px;overflow:hidden;margin-bottom:10px}.user-list .list-video li .avatar{position:absolute;text-align:center;top:0;width:100%;line-height:126px;bottom:0;color:#333;background-image:url(../img/教师-学生的摄像头已关闭.864ae963.png);background-position:50%;background-size:contain;background-repeat:no-repeat;background-color:#595959}.user-list .list-video li .avatar img{display:none}.user-list .list-video li video{position:absolute;top:0;width:100%;height:126px;background-color:transparent}.user-list .list-video li .name{position:absolute;bottom:10px;left:10px;font-size:18px;color:#fff}.user-list .list-txt p{line-height:48px;cursor:pointer;text-indent:30px}.user-list .list-txt p:hover{background-color:#d2e1ff}