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