#deviceTestDialog[data-v-44861535]{background:rgba(51,51,51,.7);display:flex;align-items:center;justify-content:center}#deviceTestDialog .container[data-v-44861535]{width:700px;height:500px;background:#fff;border-radius:4px}header[data-v-44861535]{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:52px;font-size:18px}section[data-v-44861535]{padding:12px 32px;display:flex;box-sizing:border-box}section>div[data-v-44861535]{flex-basis:50%}section .subtitle[data-v-44861535]{font-size:13px;display:flex;align-items:flex-end;margin-bottom:12px}section .subtitle span[data-v-44861535]{margin:0 8px 0 4px}section .subtitle .iconfont[data-v-44861535]{font-size:18px}section .subtitle .van-icon-warning[data-v-44861535]{font-size:15px;color:red}section .subtitle .van-icon-checked[data-v-44861535]{font-size:15px;color:#71d96b}section .audio[data-v-44861535]{height:140px}section .audio .sound-check-btn[data-v-44861535]{padding:0 12px;height:25px;line-height:25px;background-color:#71d96b;display:inline-block;text-align:center;border-radius:4px;margin:4px 0 12px;font-weight:400;cursor:pointer;color:#fff;font-size:12px}section .audio .tips[data-v-44861535]{color:#adadad;font-size:13px}section .audio .volume-container[data-v-44861535]{display:flex;align-items:center;margin-bottom:8px;padding-right:30px;box-sizing:border-box}section .audio .volume-container .van-icon[data-v-44861535]{font-size:22px;margin-right:24px}section .audio .volume-container .custom-button[data-v-44861535]{width:26px;color:#fff;font-size:10px;line-height:18px;padding:0 8px 0 3px;text-align:center;background-color:#44cd94;border-radius:100px;-webkit-user-select:none;-ms-user-select:none;user-select:none}select[data-v-44861535]{height:25px;line-height:25px;width:280px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;margin:5px 0}.tips[data-v-44861535]{color:#adadad;font-size:14px}.wave[data-v-44861535]{width:280px;margin-top:20px;position:relative}.wave img[data-v-44861535]{width:280px}.wave>div[data-v-44861535]{position:absolute;left:0;top:0;overflow:hidden;width:0}#video-test[data-v-44861535]{width:280px;height:180px;background:#000;margin-bottom:5px}footer[data-v-44861535]{text-align:center;margin-top:20px;height:120px;position:relative;font-size:14px}footer span[data-v-44861535]{font-size:14px;display:inline-block;margin:30px auto;width:75px;height:30px;line-height:30px;border-radius:4px;cursor:pointer}footer .suc[data-v-44861535]{color:#00bb6e}footer .fail[data-v-44861535],footer .reload[data-v-44861535]{color:#f35}footer .btn[data-v-44861535]{width:100%;position:absolute;bottom:0}footer .enter[data-v-44861535]{background:#409eff;color:#fff}footer .retest[data-v-44861535]{border:1px solid #dcdfe6;margin-right:15px}.live-pc,.main,body,html{width:100%;height:100%;overflow:hidden}img{display:block}.live-dialog-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(51,51,51,.4);z-index:999}.not-start{display:flex;justify-content:center;align-items:center}.not-start .course-info{width:360px;background:#fff;border-radius:6px}.not-start .course-info .title{font-size:20px;max-height:70px;line-height:35px;overflow:hidden;text-align:center;color:#333;width:90%;margin:20px auto}.not-start .course-info .nickname{font-size:16px;line-height:40px;text-align:center;color:#999}.not-start .course-info .count-down span{color:#20c6a7}.not-start .course-info .count-down{font-size:16px;line-height:40px;text-align:center;padding-bottom:12px}#contain-whiteboard{display:none;width:0;height:0}.main{display:flex}.main .player-box{flex-grow:1;position:relative}.main .player-box .van-notice-bar{position:absolute;width:100%;box-sizing:border-box;z-index:9}.main .player-box .video-container{flex-grow:1;height:100%;display:flex;align-items:center;position:relative}.main .player-box .video-container video{width:100%;height:100%}.main .player-box .video-container .video-poster{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.main .player-box .video-container .video-poster .van-icon{font-size:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666}.main .player-box .reward-notice{position:absolute;top:100px;transform:translateX(1000%);left:50%;background:rgba(51,51,51,.7);border-radius:10px;color:#fff;font-size:14px;font-weight:700;padding:0 24px;height:28px;line-height:28px;animation:rewardNotice 5s .2s}.main .player-box .reward-notice span{display:block;transform:scale(.4);animation:textAnimaiton .4s .5s forwards}@keyframes rewardNotice{0%{transform:translateX(1000%)}8%{transform:translateX(-50%)}80%{transform:translateX(-50%)}to{transform:translateX(-1000%)}}@keyframes textAnimaiton{60%{transform:scale(1.1)}to{transform:scale(1)}}.main .player-box .barrage-container{position:absolute;top:30px;width:100%;height:300px;z-index:99;pointer-events:none}.main .player-box .opt-box-btn{width:16px;height:80px;position:absolute;top:50%;right:0;transform:translate(100%,-50%);z-index:9;background:rgba(51,51,51,.65);color:#fff;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}.main .player-box .opt-box-btn.opt-box-btn-left{border-radius:8px 0 0 8px;right:0;transform:translateY(-50%)}.main .opt-box{width:280px;background:#fff;border-left:2px solid #eee;position:relative;flex-shrink:0}.opt-box{display:flex;flex-direction:column}.opt-box .setting-container{display:flex;flex-shrink:0;height:42px;box-sizing:border-box;padding:0 20px;width:100%;justify-content:space-between;align-items:center;background:#eee;font-size:14px}.opt-box .setting-container .device{display:flex;align-items:center;font-size:14px;cursor:pointer}.opt-box .setting-container .device div{margin-right:12px;font-size:12px;color:#666}.opt-box .setting-container .device .mutually-btn{background:#e6a23c;color:#fff;border-radius:4px;padding:0 12px;height:28px;line-height:28px;cursor:pointer;text-align:center;font-size:14px;opacity:.8}.opt-box .setting-container .device .mutually-btn.in-link{opacity:1}.opt-box .setting-container .other{font-size:18px;display:flex;align-items:center}.opt-box .setting-container .other .iconfont,.opt-box .setting-container .other .van-icon{cursor:pointer;margin-left:14px}.opt-box .setting-container .default-model{font-size:12px;color:#999;cursor:pointer}.opt-box .user-video{flex-shrink:0;width:100%;height:200px;position:relative;background:#333}.opt-box .user-video .close-camera{position:absolute;top:10px;right:10px;font-size:24px;color:#fff;z-index:9;cursor:pointer}.opt-box .user-video .opt{position:absolute;bottom:0;right:0;width:80px;height:40px;z-index:9;color:#fff;display:flex;justify-content:space-around;align-items:center}.opt-box .user-video .opt .iconfont{font-size:24px;cursor:pointer}.opt-box .user-video .opt .disabled{position:relative}.opt-box .user-video .opt .disabled:after{content:"";position:absolute;width:32px;height:2px;background:red;transform:translate(-50%,-50%) rotate(45deg);left:50%;top:50%}.opt-box .tab-list{height:50px;line-height:50px;display:flex;flex-shrink:0}.opt-box .tab-list li{flex-basis:33.33%;font-size:13px;text-align:center;background:#eee;position:relative;cursor:pointer}.opt-box .tab-list .active-item{font-size:14px;color:#44cd94;background:#fff}.opt-box .tab-list .new-message-icon:before{content:"";position:absolute;width:8px;height:8px;background:red;top:12px;right:28px;border-radius:50%}.opt-box .message-list{flex-grow:1;width:100%;position:relative}.opt-box .message-list .list-content{position:absolute;width:100%;height:100%;overflow-y:scroll;bottom:0}.opt-box .message-list .list-content .list-item{display:flex;padding:20px 0 10px;margin:0 15px;border-bottom:1px solid #ccc}.opt-box .message-list .list-content .list-item:last-child{border:none}.opt-box .message-list .list-content .user-info{display:flex;font-size:13px}.opt-box .message-list .list-content .user-avatar{width:40px;height:40px;margin-right:10px;flex-shrink:0;border-radius:4px}.opt-box .message-list .list-content .user-name{font-size:13px;color:#333;max-width:100px}.opt-box .message-list .list-content .user-role1{color:#44cd94}.opt-box .message-list .list-content .user-role2{color:#ee0a24}.opt-box .message-list .list-content .user-role3{color:#ff976a}.opt-box .message-list .list-content .chat-message{font-size:13px;color:#000;margin-top:6px;word-break:break-all;display:inline-block;padding:5px 10px;line-height:1.4em;border-radius:4px;margin-bottom:10px;max-width:220px;position:relative}.opt-box .message-list .list-content .chat-message .emoj-icon{display:inline-block;width:30px;margin:0 4px}.opt-box .message-list .list-content .admin-message{font-weight:600;color:red}.opt-box .message-list .list-content .question-message{min-width:120px}.opt-box .message-list .list-content .question-answer{margin-top:9px}.opt-box .message-list .list-content .message-time{font-size:14px;color:#333;margin-left:20px}.opt-box .message-list .list-content .broadcast-item{padding:5px 10px;line-height:1.6em;font-size:14px;font-weight:700;color:#1989fa;word-break:break-all}.opt-box .message-list .list-content .broadcast-item span{color:#333}.opt-box .message-list .list-content .userToPay-item{line-height:1.6em;font-size:14px}.opt-box .message-list .list-content .userToPay-item span{font-weight:700}.opt-box .message-list .list-content .userToPay-item .nickname{color:#ff4040}.opt-box .van-notice-bar{width:100%;box-sizing:border-box}.opt-box .message-input{border-top:2px solid #eee;box-shadow:0 -10px 15px hsla(0,0%,80%,.4);height:70px;display:flex;justify-content:center;align-items:center;font-size:14px}.opt-box .message-input textarea{border:1px solid #999;outline:none;resize:none;-webkit-appearance:none;appearance:none;height:50px;padding:6px;width:200px;box-sizing:border-box;border-top-left-radius:4px;border-bottom-left-radius:4px;border-right:none}.opt-box .message-input .submit-btn{padding:0 8px;background:#44cd94;height:50px;text-align:center;line-height:50px;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#fff;font-size:12px;cursor:pointer;border:none}.opt-box .message-input .submit-btn[disabled]{background:#999}