.top{background-color:#fff;display:flex;justify-content:space-between;align-items:center;height:.8rem;width:100%;top:0;left:0;position:fixed;margin:0 auto;border-bottom:.01rem solid #f1f1f1;z-index:9999}.top img{width:.4rem;height:.4rem;display:block}.post-content[data-v-7386e8ba]{display:flex;flex-wrap:wrap;padding-left:.08rem;margin-top:.9rem}.all-list[data-v-7386e8ba]{overflow:hidden;position:fixed;height:100%;width:100%}.post-content .post-item[data-v-7386e8ba]{margin:.15rem;width:29%;height:3.8rem;text-align:center}.post-item img[data-v-7386e8ba]{width:100%;height:100%;background-color:#dcdcdc;border-radius:.2rem}.post-item .poster-preview[data-v-7386e8ba]{position:relative;bottom:.8rem;border-radius:.3rem;margin:0 .3rem;color:#fff;padding:.05rem 0;background-color:#6c6c6c}.preview-pop[data-v-7386e8ba]{width:100%;height:100%;background-color:rgba(11,11,11,.7);position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;text-align:center}.close-pop[data-v-7386e8ba]{width:100%;text-align:right}.content-pop[data-v-7386e8ba]{width:5rem;height:8rem}.down-pop[data-v-7386e8ba]{width:2.3rem;height:.65rem;margin-top:.2rem}.canvas-content[data-v-7386e8ba]{position:fixed;top:1rem;left:0}.canvas-content .canvas-mask[data-v-7386e8ba]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,.5)}.canvas[data-v-7386e8ba]{z-index:10}.button-wrapper[data-v-7386e8ba]{position:fixed;top:12.4rem;z-index:16;width:100%;text-align:center;height:.72rem}.popclose[data-v-7386e8ba]{position:fixed;top:1.12rem;right:.2rem;z-index:12}