.selector-container[data-v-56cca309]{position:fixed;top:0;bottom:0;left:0;z-index:80;width:100%;opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;pointer-events:none}body.show-selector .selector-container[data-v-56cca309]{opacity:1;pointer-events:all}.selector-container .bg[data-v-56cca309]{width:100%;height:100%;background-color:rgba(0,0,0,.4);backdrop-filter:blur(3px)}.selector-container .wrapper[data-v-56cca309]{position:absolute;top:0;left:0;border-bottom-left-radius:.32rem;border-bottom-right-radius:.32rem;padding:.86rem 0 1.3rem;width:100%;min-height:10rem;height:80%;background-color:#000}.selector-container .wrapper .scroll-panel[data-v-56cca309]{overflow:auto;padding-top:.3rem;padding-bottom:.04rem;height:100%}.selector-container .wrapper .scroll-panel .selector[data-v-56cca309]{padding:0 .26rem}.selector-container .wrapper .scroll-panel .selector+.selector[data-v-56cca309]{margin-top:.32rem}.selector-container .wrapper .scroll-panel .selector>p[data-v-56cca309]{line-height:1}.selector-container .wrapper .scroll-panel .selector ul[data-v-56cca309]{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:.16rem;grid-row-gap:.18rem;margin-top:.24rem}.selector-container .wrapper .scroll-panel .selector ul li[data-v-56cca309]{border:1px solid hsla(0,0%,100%,.1);border-radius:.08rem;font-size:.24rem;line-height:.58rem;text-align:center;color:#7f7f7f;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;background-color:hsla(0,0%,100%,.1)}.selector-container .wrapper .scroll-panel .selector ul li.active[data-v-56cca309]{border:1px solid #4476ff;color:#4476ff;background-color:rgba(68,118,255,.2)}.selector-container .wrapper .buttons[data-v-56cca309]{display:flex;justify-content:space-between;align-items:center;position:absolute;right:.26rem;left:.26rem;bottom:0;height:1.3rem}.selector-container .wrapper .buttons>div[data-v-56cca309]{border:1px solid #4476ff;border-radius:.92rem;font-size:.3rem;line-height:.7rem;text-align:center}.selector-container .wrapper .buttons>div.button-reset[data-v-56cca309]{width:1.62rem;border-color:hsla(0,0%,100%,.1);background-color:#000}.selector-container .wrapper .buttons>div.button-complete[data-v-56cca309]{width:5.04rem;background-color:#4476ff}.content-container[data-v-56cca309]{display:grid;grid-template-columns:repeat(2,3.61rem);gap:.32rem .08rem;padding:.24rem .1rem 0}.content-container .block-item .visuel[data-v-56cca309],.content-container .block-item[data-v-56cca309]{overflow:hidden;position:relative}.content-container .block-item .visuel .placeholder[data-v-56cca309]{border-radius:.08rem;padding-top:133.5766%;background-color:hsla(0,0%,100%,.05)}.content-container .block-item .visuel .preview[data-v-56cca309]{overflow:hidden;position:absolute;top:0;left:0;z-index:10;border-radius:.08rem;width:100%;height:100%}.content-container .block-item .visuel .preview img[data-v-56cca309]{position:absolute;bottom:0;left:0;width:100%}.content-container .block-item .visuel video[data-v-56cca309]{position:absolute;opacity:0}.content-container .block-item .duration[data-v-56cca309]{position:absolute;top:4.42rem;right:.1rem;z-index:20;border-radius:.08rem;padding:.04rem .06rem;min-width:.64rem;font-size:.22rem;line-height:.22rem;text-align:center;white-space:nowrap;letter-spacing:1px;background-color:rgba(0,0,0,.5);pointer-events:none}.content-container .block-item .title[data-v-56cca309]{margin-top:.18rem;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis}.content-container .block-item .platform[data-v-56cca309]{display:flex;justify-content:flex-start;align-items:center;margin-top:.16rem}.content-container .block-item .platform img[data-v-56cca309]{display:block;width:.24rem;height:.24rem}.content-container .block-item .platform p[data-v-56cca309]{flex-grow:1;margin-left:.1rem;font-size:.24rem;line-height:1;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;color:#7e7e7e}.video-pop[data-v-56cca309]{overflow:hidden;position:fixed;top:0;bottom:0;left:0;z-index:700;width:100%;-webkit-transform:translateX(-120%);transform:translateX(-120%)}.video-pop.show[data-v-56cca309]{-webkit-transform:translateX(0);transform:translateX(0)}.video-pop .bg[data-v-56cca309]{background-color:#000}.video-pop .bg[data-v-56cca309],.video-pop .pop-inner[data-v-56cca309]{position:absolute;top:0;right:0;bottom:0;left:0}.video-pop .pop-inner video[data-v-56cca309]{display:block;width:100%;height:100%;object-fit:contain}.video-pop .pop-inner .poster[data-v-56cca309]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.video-pop .pop-inner .poster img[data-v-56cca309]{display:block;width:100%;height:100%;object-fit:contain}.video-pop .pop-inner .loading[data-v-56cca309]{margin:-18px 0 0 -18px;width:36px;height:36px;background:url(../img/loading.98a8fe76.svg) no-repeat 50%/100% 100%}.video-pop .pop-inner .loading[data-v-56cca309],.video-pop .pop-inner .play-button[data-v-56cca309]{position:absolute;top:50%;left:50%;opacity:1;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;pointer-events:none}.video-pop .pop-inner .play-button[data-v-56cca309]{margin:-26px 0 0 -26px;width:52px;height:52px;-webkit-transform:scale(1);transform:scale(1)}.video-pop .pop-inner .play-button[data-v-56cca309]:before{position:absolute;top:0;left:0;border-radius:50%;width:100%;height:100%;background-color:rgba(0,0,0,.5);content:""}.video-pop .pop-inner .play-button[data-v-56cca309]:after{position:absolute;top:50%;left:50%;margin:-15px 0 0 -13px;width:30px;height:30px;background:url(../img/button-play.c0d769e2.svg) no-repeat 50%/100% 100%;content:""}.video-pop.play .pop-inner .play-button[data-v-56cca309]{opacity:0;-webkit-transform:scale(2);transform:scale(2)}.video-pop.canplay .pop-inner .loading[data-v-56cca309],.video-pop.canplay .pop-inner .poster[data-v-56cca309]{opacity:0}.video-pop .close-pop[data-v-56cca309]{position:absolute;top:0;left:0;width:100%;height:.8rem;background:linear-gradient(#000,rgba(0,0,0,.8),transparent)}.video-pop .close-pop .btn[data-v-56cca309]{position:absolute;top:50%;right:.2rem;margin-top:-.2rem;width:.4rem;height:.4rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.video-pop .close-pop .btn[data-v-56cca309]:after,.video-pop .close-pop .btn[data-v-56cca309]:before{position:absolute;top:50%;left:0;margin-top:-1px;width:100%;height:2px;background-color:#fff;content:""}.video-pop .close-pop .btn[data-v-56cca309]:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.dplayer{height:100%}.dplayer-controller,.dplayer-controller-mask,.dplayer-menu,.dplayer-notice{visibility:hidden}