.postsComp{color:var(--color-cale-text);display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;height:58vh;width:100%}@media (max-width:850px){.postsComp{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.postsComp .hao-ul-tab{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.postsComp .hao-ul-tab li{width:15%!important}.postsComp .content-flex-2{height:90%!important}}.postsComp .content-flex-1{-webkit-box-flex:.5;-ms-flex:.5;flex:.5;-ms-flex-pack:center;-ms-flex-align:start}.postsComp .content-flex-1,.postsComp .content-flex-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:start;align-items:flex-start}.postsComp .content-flex-2{height:100%;width:100%;-webkit-box-flex:2;-ms-flex:2;flex:2;-ms-flex-pack:center;-ms-flex-align:start}.postsComp .content-flex-2 .posts-comp-user-relevant{border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:97%}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller{-webkit-box-flex:1;-ms-flex-positive:1;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{border-radius:25px;height:100%;position:absolute;top:0;width:100%;z-index:10}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:1.7rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-radius:25px;padding:.15rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list:hover{-webkit-box-shadow:inset 2px 2px 12px var(--col-bg-start),-2px -2px 12px var(--col-bg-end);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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:.2rem;z-index:20}.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%;height:1rem;min-height:1rem;min-width:1rem;width:1rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .user-information .user-relevant-div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:.2rem}.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);font-size:.24rem;list-style-type:disc!important;padding-left:.5rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-title{color:var(--color-text);font-size:.3rem;margin-left:.2rem;margin-top:.1rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-content{font-size:.25rem;margin-left:.2rem;margin-top:.1rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-count{display:-webkit-box;display:-ms-flexbox;display:flex;width:4rem;-ms-flex-pack:distribute;justify-content:space-around;position:absolute;right:.3rem;top:.2rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-count .posts-count-son{display:-webkit-box;display:-ms-flexbox;display:flex;width:33%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.25rem;font-weight:500}.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}