.page[data-v-b480440c]{position:relative;width:100%;height:100vh;background:#fafafa}nav[data-v-b480440c]{color:#333;display:flex;justify-content:center;font-size:.58667rem;height:1.17333rem;align-items:center;background:#fff;position:fixed;width:100%;top:0;left:0;z-index:10;text-align:center}nav .left[data-v-b480440c]{position:absolute;left:0}nav .right[data-v-b480440c]{position:absolute;right:0;display:flex;align-items:center}nav .right url[data-v-b480440c]{width:.48rem;padding:.26667rem .26667rem;margin-top:.05333rem}nav i[data-v-b480440c]{padding:.26667rem;margin-top:.05333rem}nav span[data-v-b480440c]{font-size:.42667rem}ul[data-v-b480440c]{display:flex;flex-wrap:wrap;justify-content:space-between;margin:.13333rem;padding-top:1.17333rem;gap:.13333rem}ul li[data-v-b480440c]{width:4.8rem;height:7.46667rem;background:#fff;border-radius:.13333rem .13333rem 0 0;overflow:hidden;position:relative;display:flex;flex-direction:column}ul li img.cover[data-v-b480440c]{height:6.4rem;width:100%}ul li .play[data-v-b480440c]{position:absolute;left:50%;top:3.2rem;transform:translate(-50%,-50%);font-size:.96rem;width:.8rem;height:.8rem;display:block}ul li .title[data-v-b480440c]{font-size:.4rem;color:#333;margin:.21333rem .26667rem .13333rem .26667rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}