video[data-v-ff3d72e4]{border-radius:8px;background:hsla(0,0%,100%,.08);width:120px;height:72px}.conf-container>header{height:40px;width:100%;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;-webkit-box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;box-shadow:0 7px 29px 0 rgba(100,100,111,.2)}.conf-container>header img{height:30px;width:30px;margin-left:30px}.conf-container .logo-room-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px;margin-bottom:20px}.conf-container .room-logo{height:40px;width:auto;margin-right:15px}.conf-container .room-name{font-size:22px;height:40px;line-height:40px;font-weight:700;margin:0}.conf-container .sel-channel{margin-top:30px;width:300px;margin:30px auto 0}.conf-container .audience{margin-top:20px;font-size:14px;color:#666}.conf-container .el-progress{width:316px;margin:20px auto 0}.conf-container .channel-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;padding:10px 15px;width:100%;margin:0 auto}.conf-container .channel-buttons .channel-button{width:100%;height:50px;border:2px solid #30b88b;border-radius:25px;background-color:#fff;color:#30b88b;font-size:16px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-sizing:border-box;box-sizing:border-box}.conf-container .channel-buttons .channel-button:hover{background-color:#f0f9f6}.conf-container .channel-buttons .channel-button.active{background-color:#30b88b;color:#fff}.conf-container .channel-buttons .channel-button:active{-webkit-transform:scale(.98);transform:scale(.98)}.logo-room-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}.room-logo{height:40px;width:auto;margin-right:15px}.volumePopup{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.volumePopup .alert{text-align:justify;padding:0 15px;text-justify:newspaper;word-break:break-all;margin-bottom:30px}.volumePopup .control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control img{margin:0 5px;height:30px;width:30px}.btm-btn{position:fixed;bottom:20px;width:calc(100% - 30px);left:15px;font-weight:700;background-color:#30b88b;border:1px solid #30b88b}.volume{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:100px;right:20px}.volume span{color:#eb6710;margin-right:5px;cursor:default;font-size:18px}.caption-tabs{margin:10px 0}.caption-tabs ::v-deep .van-tabs__wrap{height:44px}.caption-tabs ::v-deep .van-tab{font-size:16px;font-weight:500}.caption-tabs ::v-deep .van-tabs__line{background-color:#30b88b}.audio-mode{width:100%;padding:10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;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-align:center;-ms-flex-align:center;align-items:center;height:calc(100vh - 280px)}.audio-mode .channel-buttons{-ms-flex-negative:0;flex-shrink:0;margin-bottom:15px;overflow-y:auto;max-height:calc(100vh - 400px);width:100%;padding:0}.audio-mode .el-progress{width:calc(100% - 30px);-ms-flex-negative:0;flex-shrink:0}.caption-mode{width:100%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 280px)}.caption-mode .cc-dropdown{-ms-flex-negative:0;flex-shrink:0;margin-bottom:15px}.caption-mode .asr-result-container{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f8f9fa;border-radius:8px;padding:2px;overflow-y:auto;overflow-x:hidden;line-height:1.8;color:#333;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box}.caption-mode .asr-result-container .asr-text{text-indent:0;margin:0;padding:2px;word-break:break-word;text-align:left}.caption-mode .asr-result-container .asr-placeholder{color:#999;text-align:center;padding-top:100px}