.main-container{justify-content:initial}.main-container>.content{width:908px}.main-container>.content>.list-container{display:flex;width:956px;margin-top:12px}.main-container>.content>.list-container>.list{width:576px;flex-direction:column;padding:24px;align-self:flex-start}.main-container>.content>.list-container>.list>.top-loading{flex:1;position:relative;height:20px}.main-container>.content>.list-container>.list>.items{display:flex;flex-wrap:wrap;margin-right:-24px}.main-container>.content>.list-container>.list>.items>.no-data{display:flex;padding:24px 0;justify-content:center;font-size:14px;color:#999;flex:1}.main-container>.content>.list-container>.list>.items>.item{display:flex;align-items:center;width:276px;height:74px;margin-right:24px}.main-container>.content>.list-container>.list>.items>.item>.cover>img{width:50px;height:50px;border-radius:5px;object-fit:cover;background-color:aliceblue}.main-container>.content>.list-container>.list>.items>.item>.info{margin-left:12px;display:flex;flex-direction:column;width:164px}.main-container>.content>.list-container>.list>.items>.item>.info>.name{font-size:16px;font-weight:bold;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-container>.content>.list-container>.list>.items>.item>.info>.stat{display:flex;align-items:center;margin-top:3px;font-size:12px;font-weight:500;color:#999}.main-container>.content>.list-container>.list>.items>.item>.info>.stat>.dot{margin:0 5px}.main-container>.content>.list-container>.list>.items>.item>.action{display:flex;align-items:center;margin-left:12px}.main-container>.content>.list-container>.list>.items>.item>.action>.btn-follow{display:flex;align-items:center;justify-content:center;width:36px;height:22px;background:#49a8fc;border:1px solid #49a8fc;border-radius:5px;font-size:10px;font-weight:500;color:#fff;cursor:pointer;position:relative}.main-container>.content>.list-container>.list>.items>.item>.action>.btn-follow.joined{background:#f2f4fa;border:1px solid #f2f4fa;color:#999}.main-container>.content>.list-container>.list>.items>.item>.action>.btn-follow.duration{color:#49a8fc}.main-container>.content>.list-container>.list>.items>.item>.action>.btn-follow.joined.duration{color:#f2f4fa}.main-container>.content>.list-container>.filter{display:flex;flex-direction:column;width:320px;margin-left:12px}.main-container>.content>.list-container>.filter>.filter-search{width:272px;height:20px;padding:12px 24px}.main-container>.content>.list-container>.filter>.filter-search>.filter-search-input{width:100%;font-size:14px;border:0}.main-container>.content>.list-container>.filter>.filter-other{width:272px;padding:24px 24px 0 24px;margin-top:12px;display:flex;flex-direction:column}.main-container>.content>.list-container>.filter>.filter-other .label{font-size:14px;font-weight:500;color:#333}.main-container>.content>.list-container>.filter>.filter-other .filter-item{display:flex;padding:4px 0 24px 0;flex-wrap:wrap;margin-right:-8px}.main-container>.content>.list-container>.filter>.filter-other .filter-item-vertical{display:flex;flex-direction:column;padding:4px 0 24px 0}.main-container>.content>.list-container>.filter>.filter-other .filter-item>.filter-item-tag{height:16px;background:#fff;border:1px solid #f2f4fa;border-radius:20px;font-size:12px;font-weight:500;color:#999;opacity:1;padding:4px 12px;line-height:16px;margin-right:8px;margin-top:12px;cursor:pointer}.main-container>.content>.list-container>.filter>.filter-other .filter-item>.filter-item-tag:hover{color:#fff;border-color:#49a8fc;background:#49a8fc;opacity:1}.main-container>.content>.list-container>.filter>.filter-other .filter-item>.filter-item-tag.active{color:#fff;border-color:#49a8fc;background:#49a8fc;opacity:1}.main-container>.content>.list-container>.filter>.filter-other .filter-item>.filter-item-radio{display:flex;margin-right:16px;align-items:center;justify-items:center;font-size:14px;font-weight:500;color:#999;opacity:1;cursor:pointer;margin-top:12px}.main-container>.content>.list-container>.filter>.filter-other .filter-item>.filter-item-radio:hover{color:#49a8fc;opacity:1}.main-container>.content>.list-container>.filter>.filter-other .filter-item>.filter-item-radio.active{color:#49a8fc;opacity:1}.main-container>.content>.list-container>.filter>.filter-other .filter-item-vertical>.filter-item-radio{display:flex;margin-right:16px;align-items:center;justify-items:center;font-size:14px;font-weight:500;color:#999;opacity:1;cursor:pointer;margin-top:12px}.main-container>.content>.list-container>.filter>.filter-other .filter-item-vertical>.filter-item-radio:hover{color:#49a8fc;opacity:1}.main-container>.content>.list-container>.filter>.filter-other .filter-item-vertical>.filter-item-radio.active{color:#49a8fc;opacity:1}.main-container>.content>.list-container>.filter>.custom-ad-container{width:320px;height:350px;margin-top:12px;text-align:center;overflow:hidden}.pagination-container{display:flex;align-items:center;float:left;margin-top:24px}.pagination-container>.pagination{display:flex;align-items:center;font-family:'dinpro light',"PingFang SC","微软雅黑","Helvetica Neue","Helvetica","STHeiTi","Arial","sans-serif"}.pagination-container>.pagination>.prev{background:url("/style/img/common/pagination_prev.png");width:15px;height:15px;background-size:15px 15px;display:inline-block;margin-right:16px;cursor:pointer}.pagination-container>.pagination>.prev.active{background:url("/style/img/common/pagination_prev_active.png");width:15px;height:15px;background-size:15px 15px;display:inline-block;margin-right:16px;cursor:pointer}.pagination-container>.pagination>.next{background:url("/style/img/common/pagination_next.png");width:15px;height:15px;background-size:15px 15px;display:inline-block;margin-right:16px;cursor:pointer}.pagination-container>.pagination>.next.active{background:url("/style/img/common/pagination_next_active.png");width:15px;height:15px;background-size:15px 15px;display:inline-block;margin-right:16px;cursor:pointer}.pagination-container>.pagination>div{width:15px;height:15px;text-align:center;display:inline-table;margin-right:16px;cursor:pointer;color:#999;opacity:1;font-size:12px;font-weight:500}.pagination-container>.pagination>div.active{color:#49a8fc;opacity:1}.pagination-container>.pagination-jump{display:flex;margin-left:8px;align-items:center}.pagination-container>.pagination-jump>input{width:30px;height:17px;background:#fff;border:1px solid #f2f4fa;opacity:1;border-radius:5px;text-align:center;display:inline-table;color:#999;font-size:12px;font-weight:500}.pagination-container>.pagination-jump>.split{height:17px;border-left:1px solid #f2f4fa;margin-left:16px}.pagination-container>.pagination-jump>.total-page{font-size:12px;font-weight:500;color:#999;opacity:1;margin-left:16px}