.video-area[data-v-383f5802]{position:relative;width:100%;padding-bottom:56.25%;font-size:14px}.video-area.has-mobile-backpack[data-v-383f5802]{padding-bottom:51.7%}.video-area .app-mask[data-v-383f5802]{position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.3)}.video-area .app-mask.isVertical[data-v-383f5802]{z-index:3}.video-area .app-mask .text[data-v-383f5802]{font-size:.28rem;color:#fff}.video-area .app-mask .mask-btn[data-v-383f5802]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:.14rem;margin-bottom:.3rem;padding:.14rem .2rem .14rem .1rem;font-size:.26rem;border-radius:4px}.video-area .app-mask .icon[data-v-383f5802]{font-size:.2rem}.video-area .video-player[data-v-383f5802]{position:absolute;right:0;top:0;width:100%;height:100%;background-color:#000}.video-area .video-player .cubeic-close[data-v-383f5802]{position:absolute;top:0;left:-30px;width:30px;height:30px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:22px;background-color:rgba(0,0,0,.6);color:#fff}.video-area .play-error[data-v-383f5802]{position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;text-align:center;background-color:#242730;color:#595f72}.video-area .play-error .refresh-btn[data-v-383f5802]{width:90px;height:30px;background-color:#585f72;border-radius:30px;margin:4% auto 0;color:#fff}.video-area .video-cover[data-v-383f5802]{display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;z-index:8;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%;color:#fff}.video-area .video-cover.hide[data-v-383f5802]{display:none}.video-area .video-cover .tips-wrapper[data-v-383f5802]{width:100%;margin:auto;text-align:center;opacity:.7}.video-area .video-cover .tips-wrapper .not-video-tips[data-v-383f5802]{position:relative;top:-20px}.video-area .video-cover .play-btn[data-v-383f5802]{position:relative;top:-4%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:auto;width:1rem;height:1rem}.video-area .barrage-wrapper[data-v-383f5802]{position:absolute;z-index:5;left:0;top:0;width:100%;height:150px}.video-area .barrage-wrapper[data-v-383f5802] .baberrage-avatar{width:20px!important;height:20px!important}.video-area .barrage-wrapper[data-v-383f5802] .baberrage-avatar img{width:100%}.video-area .barrage-wrapper[data-v-383f5802] .baberrage-msg{line-height:20px;font-size:12px}.url-empty[data-v-383f5802] .vjs-error-display.vjs-modal-dialog,.video-area[data-v-383f5802] .vjs-big-play-button{display:none!important}.player-tip[data-v-383f5802]{position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:#222;background-repeat:no-repeat;background-size:100% 100%;z-index:8}.tips[data-v-383f5802]{color:#fff;font-size:.35rem}