.pinContiner[data-v-10a50c27]{height:100%;width:100%;background-color:#242628}.scrollCss[data-v-10a50c27]{margin-right:0}.scrollCss[data-v-10a50c27]::-webkit-scrollbar{width:0}section[data-v-10a50c27]{position:relative;height:calc(100% - 48px);background-color:#181a1c;overflow-x:hidden;overflow-y:auto}section[data-v-10a50c27]:after{content:"";display:table;clear:both}section nav[data-v-10a50c27]{width:80px;position:absolute;left:0;top:0;z-index:1;background:#181a1c;text-align:center;-webkit-transition:top .5s;transition:top .5s}section nav .output-btn[data-v-10a50c27]{cursor:pointer;padding:20px 0;font-size:12px}section nav .output-btn.active[data-v-10a50c27],section nav .output-btn.active[data-v-10a50c27]:hover{background-color:#f6445a}section nav .output-btn .iconOutput[data-v-10a50c27]{font-size:30px}section nav .output-btn .select-audio[data-v-10a50c27]{color:#5dc045}section nav .output-btn[data-v-10a50c27]:hover{background-color:#2e3032}.content-container[data-v-10a50c27]{height:100%}.overlay[data-v-10a50c27]{position:absolute;left:80px;top:0;background-color:#242628;height:calc(100% - 64px);margin-top:64px;width:288px}.overlay.enter[data-v-10a50c27]{width:288px;-webkit-transition:all .3s ease;transition:all .3s ease}.overlay.leave[data-v-10a50c27]{width:0;-webkit-transition:all .3s ease;transition:all .3s ease}.overlay .overlay-container[data-v-10a50c27]{width:100%;height:100%}.overlay .overlay-bar[data-v-10a50c27]{cursor:pointer;z-index:2;width:20px;height:64px;position:absolute;top:50%;border-radius:0 4px 4px 0;right:-20px;background:#242628;line-height:64px;text-align:center}.overlay .overlay-bar .iconfont[data-v-10a50c27]{color:#979da3}.overlayChange[data-v-10a50c27]{position:absolute;width:640px!important;top:0;background-color:#242628;height:100%!important;z-index:2}.overlayChange.enter[data-v-10a50c27]{width:640px;-webkit-transition:all .3s ease;transition:all .3s ease}.overlayChange.leave[data-v-10a50c27]{width:0;-webkit-transition:all .3s ease;transition:all .3s ease}.overlayChange .overlay-container[data-v-10a50c27]{width:100%;height:100%}.overlayChange .overlay-bar[data-v-10a50c27]{cursor:pointer;z-index:2;width:20px;height:64px;position:absolute;top:50%;border-radius:0 4px 4px 0;right:-20px;background:#242628;line-height:64px;text-align:center}.overlayChange .overlay-bar .iconfont[data-v-10a50c27]{color:#979da3}.sliderBtnWrap.active .slider-btn[data-v-10a50c27]{background-color:#242628;opacity:1}.sliderBtnWrap .slider-btn[data-v-10a50c27]{opacity:.3;cursor:pointer;padding:16px 0;font-size:14px;height:100%}.sliderBtnWrap .slider-btn .iconRecord[data-v-10a50c27],.sliderBtnWrap .slider-btn .iconRecording[data-v-10a50c27]{font-size:27px;color:#f6445a}.sliderBtnWrap .slider-btn[data-v-10a50c27]:hover{background-color:#242628}.sliderBtnWrap .slider-btn p[data-v-10a50c27]{font-size:14px}.sliderBtnWrap .slider-btn .icona-LocalVideo[data-v-10a50c27],.sliderBtnWrap .slider-btn .iconDelay1[data-v-10a50c27]{font-size:27px}.scrollTopBottom[data-v-10a50c27]{height:48px;width:80px;position:absolute;bottom:0;left:0;cursor:pointer;z-index:1;font-size:14px;color:#979da3;line-height:48px;background:#313436;text-align:center}.selected[data-v-10a50c27]{color:#5dc045}.overlay-container[data-v-10a50c27]{width:100%;height:100%}