.show-play-page[data-v-f58e3a54]{width:100vw;height:100%;background:#000;color:#fff;position:fixed;top:0;left:0}.top-nav[data-v-f58e3a54]{position:absolute;top:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 15px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(transparent));background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);z-index:10}.video-key-tag[data-v-f58e3a54]{font-size:12px;margin-right:auto}.back-btn[data-v-f58e3a54]{color:#fff;margin-left:10px;cursor:pointer}.collect-btn[data-v-f58e3a54],.fullscreen-btn[data-v-f58e3a54],.moreShow-btn[data-v-f58e3a54]{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-left:10px}.collect-btn img[data-v-f58e3a54],.moreShow-btn img[data-v-f58e3a54]{width:40px;cursor:pointer}.fullscreen-btn[data-v-f58e3a54]{font-size:14px;margin-left:10px}.sound-btn[data-v-f58e3a54]{margin-left:10px;cursor:pointer}.nav-title[data-v-f58e3a54]{display:none}.videoPlay[data-v-f58e3a54]{width:100%;height:100%;position:absolute;top:0;left:0}.videoPlay video[data-v-f58e3a54]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.videoPlay[data-v-f58e3a54] .fluid_controls_left,.videoPlay[data-v-f58e3a54] .fluid_controls_right{display:none!important}.videoPlay[data-v-f58e3a54] .fluid_controls_progress_container{bottom:15px!important;top:auto!important}.videoPlay[data-v-f58e3a54] .fluid_controls_container{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;visibility:visible!important;opacity:1!important}.videoPlay[data-v-f58e3a54] .fluid_controls_right{position:absolute!important;right:10px!important;bottom:10px!important;z-index:1!important}.rotate-tip-mask[data-v-f58e3a54]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;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}.rotate-tip-img[data-v-f58e3a54]{width:120px}.more-btn[data-v-f58e3a54]{position:fixed;right:20px;bottom:40px;z-index:10}.more-btn img[data-v-f58e3a54]{width:54px;cursor:pointer}.video-list-mask[data-v-f58e3a54]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:20;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}.video-list-panel[data-v-f58e3a54]{width:404px;height:350px;background:rgba(27,27,27,.7);border-radius:12px;overflow:hidden}.slide-up-enter-active .video-list-panel[data-v-f58e3a54],.slide-up-leave-active .video-list-panel[data-v-f58e3a54]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.slide-up-enter .video-list-panel[data-v-f58e3a54],.slide-up-leave-to .video-list-panel[data-v-f58e3a54]{-webkit-transform:translateY(100%);transform:translateY(100%)}.slide-up-enter-active[data-v-f58e3a54],.slide-up-leave-active[data-v-f58e3a54]{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.slide-up-enter[data-v-f58e3a54],.slide-up-leave-to[data-v-f58e3a54]{opacity:0}.panel-title[data-v-f58e3a54]{padding:10px;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;font-size:14px;font-weight:700;color:#fff}.panel-title-text[data-v-f58e3a54]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.close-btn[data-v-f58e3a54]{font-size:14px;color:#888;cursor:pointer}.video-grid[data-v-f58e3a54]{display:grid;grid-template-columns:repeat(4,90px);gap:8px;padding:10px;margin:0 auto;overflow-y:auto;max-height:306px;scrollbar-width:thin;scrollbar-color:#000 #2a2a2a}.video-grid[data-v-f58e3a54]::-webkit-scrollbar{width:6px}.video-grid[data-v-f58e3a54]::-webkit-scrollbar-track{background:#2a2a2a}.video-grid[data-v-f58e3a54]::-webkit-scrollbar-thumb{background:#000;border-radius:3px}.video-grid-item[data-v-f58e3a54]{aspect-ratio:1;padding:0;background:url(../img/mb-videoUnselect.8359b8db.png) 50%/cover no-repeat;overflow:hidden;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;position:relative;cursor:pointer}.video-grid-item.active[data-v-f58e3a54]{background:url(../img/mb-videoSelect.1039df43.png) 50%/cover no-repeat}.grid-type-img[data-v-f58e3a54]{width:80%;height:80%;-o-object-fit:contain;object-fit:contain}.video-grid-item .free-tag[data-v-f58e3a54]{position:absolute;top:1px;right:2px;width:36px;height:auto;z-index:1}.slide-unlock-mask[data-v-f58e3a54]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:15%}.slide-unlock-wrapper[data-v-f58e3a54]{width:80%;max-width:300px}.video-loading-overlay[data-v-f58e3a54]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);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;z-index:5}.loading-spinner[data-v-f58e3a54]{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;-webkit-animation:spin-f58e3a54 1s linear infinite;animation:spin-f58e3a54 1s linear infinite}@-webkit-keyframes spin-f58e3a54{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-f58e3a54{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.member-tip-mask[data-v-f58e3a54]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:50;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.member-tip-content[data-v-f58e3a54],.member-tip-mask[data-v-f58e3a54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.member-tip-content[data-v-f58e3a54]{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.member-tip-img[data-v-f58e3a54]{width:320px;height:auto}.member-tip-text[data-v-f58e3a54]{position:absolute;top:250px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;width:80%}.member-tip-title[data-v-f58e3a54]{font-size:22px;font-weight:700;color:#fff;margin-bottom:10px}.member-tip-desc[data-v-f58e3a54]{font-size:14px;color:#fff}.member-tip-btns[data-v-f58e3a54]{position:absolute;bottom:40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:86%}.member-tip-btn[data-v-f58e3a54]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:44px;border-radius:22px;font-size:15px;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}.cancel-btn img[data-v-f58e3a54],.confirm-btn img[data-v-f58e3a54]{width:120px}