.personnelComp{color:var(--color-cale-text);display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;height:60vh;width:100%}@media (max-width:850px){.personnelComp{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.personnelComp .hao-ul-tab{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.personnelComp .content-flex-1{-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}.personnelComp .content-flex-2{height:90%!important}}.personnelComp .content-flex-1{-webkit-box-flex:.5;-ms-flex:.5;flex:.5;-ms-flex-pack:center;-ms-flex-align:start}.personnelComp .content-flex-1,.personnelComp .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}.personnelComp .content-flex-2{-webkit-box-flex:2;-ms-flex:2;flex:2;height:100%;-ms-flex-pack:center;-ms-flex-align:start}.personnelComp .content-flex-2 .posts-comp-user-relevant{border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:97%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers{-webkit-box-flex:1;-ms-flex-positive:1;border-radius:30px;flex-grow:1;height:100%}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .nuxt-link{height:100%;position:absolute;top:0;width:100%;z-index:10}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .vue-recycle-scroller__item-wrapper .vue-recycle-scroller__item-view{padding:.25rem!important}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-list{display:-webkit-box;display:-ms-flexbox;display:flex;-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}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-list:hover{background-color:var(--card-background-webkit);-webkit-transition:background-color .5s ease;transition:background-color .5s ease}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-list .user-information{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-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}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-list .user-information .user-relevant-div{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-left:.3rem}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-list .user-information .user-relevant-div .user-nick-name{color:var(--color-text);font-size:.3rem}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-list .user-information .user-relevant-div .user-relevant-div-ul{color:var(--color-cale-text);font-size:.24rem;list-style-type:disc!important;margin-top:.1rem;padding-left:.5rem;width:60%}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-list .user-information .operate-buttom{border-radius:30px;color:var(--color-cale-text);font-size:.25rem;font-weight:500;padding:.1rem .2rem;position:absolute;right:.3rem;z-index:20}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-list .posts-title{color:var(--color-text);font-size:.3rem;margin-left:.2rem;margin-top:.1rem}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-list .posts-content{font-size:.25rem;margin-left:.2rem;margin-top:.1rem}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-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}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-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}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-list .posts-count .posts-count-son span{margin-left:.1rem}.personnelComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller-pers .personnel-list .posts-count .posts-count-son .avg-icon{fill:var(--color-cale-text);width:.3rem}