.page[data-v-117c90b6]{padding-bottom:calc(4vw + env(safe-area-inset-bottom))}.nav-bar[data-v-117c90b6]{width:100%;height:37.8667vw;display:flex;align-items:center}.nav-bar-main[data-v-117c90b6]{white-space:nowrap;padding:0 4vw;height:37.8667vw;padding-top:9.3333vw}.nav-item[data-v-117c90b6]{display:inline-flex;width:17.6vw;height:19.2vw;flex-direction:column;align-items:center;padding-top:3.0667vw;border-radius:.8vw;background:#f6f7f8;transition:all .3s ease-in-out}.nav-item[data-v-117c90b6]:last-child{margin-right:4vw}.nav-item+.nav-item[data-v-117c90b6]{margin-left:3.2vw}.nav-item.active[data-v-117c90b6]{background:#186aff;box-shadow:0 .8vw 2.6667vw 0 rgba(24,106,255,.3)}.nav-item.active .icon .before[data-v-117c90b6]{opacity:0}.nav-item.active .icon .after[data-v-117c90b6]{opacity:1}.nav-item .icon[data-v-117c90b6]{width:8vw;height:8vw;position:relative}.nav-item .icon img[data-v-117c90b6]{position:absolute;top:0;left:0;width:8vw;height:8vw;transition:all .3s ease-in-out}.nav-item .icon .before[data-v-117c90b6]{z-index:1;opacity:1}.nav-item .icon .after[data-v-117c90b6]{z-index:2;opacity:0}.nav-item .label[data-v-117c90b6]{font-size:2.9333vw;color:#a5adbe;text-align:center;line-height:2.9333vw;margin-top:2.1333vw;transition:all .3s ease-in-out}.nav-item.active .label[data-v-117c90b6]{color:#fff}.page-title[data-v-117c90b6]{display:flex;align-items:flex-end;margin:0 4vw}.page-title .title[data-v-117c90b6]{font-weight:700;font-size:4.5333vw;color:#1c1f20;line-height:1}.page-title .desc[data-v-117c90b6]{font-size:3.2vw;color:#9c9daa;line-height:1;margin-left:2.6667vw}.list[data-v-117c90b6]{margin:0 4vw;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.card[data-v-117c90b6]{width:44.4vw;margin-top:8vw}.card-photo[data-v-117c90b6]{width:44.4vw;height:32vw;border-radius:.8vw;overflow:hidden;position:relative;background-color:#f6f7f8}.card-photo[data-v-117c90b6]:after{content:"";display:block;background:rgba(0,0,0,.3);width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.card-photo .poster[data-v-117c90b6]{position:absolute;top:0;left:0;border-radius:.8vw;z-index:1}.card-photo .icon-play[data-v-117c90b6]{width:5.8667vw;height:5.8667vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.card .label[data-v-117c90b6]{font-weight:700;font-size:3.4667vw;color:#2f3437;line-height:5.2vw;margin-top:3.2vw}