.talk-fun-container{width:100%;height:100%}#camera-player{width:260px;height:195px;position:absolute;top:0;right:0;z-index:99}#camera-player .tf-x-controls{display:none}#player-content,#whiteboard-content{width:100%;height:100%;position:relative}.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{font-size:16px;line-height:40px;text-align:center;padding-bottom:12px}.not-start .course-info .count-down span{color:#20c6a7}.main{display:flex}.main .player-box{flex-grow:1;position:relative}.main .player-box .van-notice-bar{position:absolute;z-index:9;width:100%;box-sizing:border-box}.main .player-box .setting-btn{cursor:pointer;position:absolute;z-index:999;bottom:20px;right:0;background:hsla(0,0%,60%,.3);width:40px;height:40px;color:#333;display:flex;align-items:center;justify-content:center;border-radius:8px 0 0 8px;font-size:20px}.main .player-box .reward-notice{position:absolute;top:100px;-webkit-transform:translateX(1000%);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;-webkit-animation:rewardNotice 5s .2s;animation:rewardNotice 5s .2s}.main .player-box .reward-notice span{display:block;-webkit-transform:scale(.4);transform:scale(.4);-webkit-animation:textAnimaiton .4s .5s forwards;animation:textAnimaiton .4s .5s forwards}@-webkit-keyframes rewardNotice{0%{-webkit-transform:translateX(1000%);transform:translateX(1000%)}8%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}80%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{-webkit-transform:translateX(-1000%);transform:translateX(-1000%)}}@keyframes rewardNotice{0%{-webkit-transform:translateX(1000%);transform:translateX(1000%)}8%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}80%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{-webkit-transform:translateX(-1000%);transform:translateX(-1000%)}}@-webkit-keyframes textAnimaiton{60%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes textAnimaiton{60%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);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;-webkit-transform:translate(100%,-50%);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;-webkit-transform:translateY(-50%);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 .tab-list{height:50px;line-height:50px;display:flex}.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{position:absolute;right:0;bottom:72px;z-index:999;width:280px;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}.user-invite{flex-shrink:0;width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;box-sizing:border-box;font-size:13px;background:#fff}.user-invite textarea{width:0;height:0;opacity:0}.user-invite img{width:36px;height:36px;border-radius:50%}.user-invite .other{flex-grow:1;margin-left:12px;line-height:1.4em}.user-invite button{border:none;background:linear-gradient(90deg,#3ed6b6,#44cd94);color:#fff;width:60px;height:28px;border-radius:2px;cursor:pointer}.user-invite button:active{opacity:.8}