.postsComp{width:100%;height:58vh;color:var(--color-cale-text);font-weight:500;display:flex}@media (width<=850px){.postsComp{flex-direction:column}.postsComp .hao-ul-tab{flex-direction:row!important}.postsComp .hao-ul-tab li{width:15%!important}.postsComp .content-flex-2{height:90%!important}}.postsComp .content-flex-1{flex:.5}.postsComp .content-flex-1,.postsComp .content-flex-2{justify-content:center;align-items:flex-start;display:flex}.postsComp .content-flex-2{flex:2;width:100%;height:100%}.postsComp .content-flex-2 .posts-comp-user-relevant{border-radius:30px;width:97%;height:100%;display:flex}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller{border-radius:30px;flex-grow:1}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .vue-recycle-scroller__item-wrapper .vue-recycle-scroller__item-view>div:first-child{padding:.25rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .nuxt-link-top{z-index:10;border-radius:25px;width:100%;height:100%;position:absolute;top:0}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list{border-radius:25px;flex-direction:column;align-items:flex-start;min-height:1.7rem;padding:.15rem;display:flex}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list:hover{box-shadow:inset 2px 2px 12px var(--col-bg-start),-2px -2px 12px var(--col-bg-end)}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .user-information{z-index:20;justify-content:center;margin-top:.2rem;display:flex}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .user-information .user-head-img{border:2px solid var(--fc-background-webkit);border-radius:50%;width:1rem;min-width:1rem;height:1rem;min-height:1rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .user-information .user-relevant-div{justify-content:space-around;align-items:center;margin-left:.2rem;display:flex}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .user-information .user-relevant-div .user-nick-name{color:var(--color-text);font-size:.3rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .user-information .user-relevant-div .user-relevant-div-ul{color:var(--color-cale-text);padding-left:.5rem;font-size:.24rem;list-style-type:disc!important}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-title{color:var(--color-text);margin-top:.1rem;margin-left:.2rem;font-size:.3rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-content{margin-top:.1rem;margin-left:.2rem;font-size:.25rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-count{justify-content:space-around;width:4rem;display:flex;position:absolute;top:.2rem;right:.3rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-count .posts-count-son{justify-content:center;align-items:center;width:33%;font-size:.25rem;font-weight:500;display:flex}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-count .posts-count-son span{margin-left:.1rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-count .posts-count-son .avg-icon{fill:var(--color-cale-text);width:.3rem}