.main{margin-top:8px;width:100%;background-color:#fff}.main>.content{margin:auto;width:1280px;display:flex;padding-top:12px;flex-direction:column;justify-content:center;align-items:flex-start}.main>.content>.filter{font-size:14px;margin-bottom:8px;user-select:none;width:1260px}.filter>.filter-wrapper{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;margin-bottom:16px}.filter>.category>div{gap:10px;display:flex;flex-direction:row;align-items:center}.filter>.category>div>a{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:16px;color:rgba(0,0,0,.45);line-height:24px}.filter>.category>div>a.active{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:16px;color:#11c898;line-height:24px;text-align:left;font-style:normal}.filter>.category>div>a:hover{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:16px;color:#11c898;line-height:24px;text-align:left;font-style:normal}.filter>.filter-wrapper.form .filter-content{width:100%;display:flex;flex-flow:row nowrap;align-items:center}.filter>.filter-wrapper .filter-content>div{display:flex;align-items:flex-start;list-style:none;padding:0;margin:0;gap:16px}.filter>.filter-wrapper .filter-content>div>a{width:72px;height:30px;background:rgba(0,0,0,.04);border-radius:16px;display:flex;justify-content:center;align-items:center;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:16px;color:rgba(0,0,0,.65);line-height:24px}.filter>.filter-wrapper .filter-content>div>a:hover{width:72px;height:30px;font-family:PingFangSC,PingFang SC;font-weight:500;font-size:16px;color:#fff;line-height:24px;text-align:left;font-style:normal;background:#11c898;border-radius:16px;border:1px solid #11c898;transition:all .5s}.filter>.filter-wrapper .filter-content>div>a.active{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:16px;color:#fff;line-height:24px;text-align:left;font-style:normal;background:#11c898;border-radius:16px;border:1px solid #11c898;transition:all .5s}.content>.list{display:flex;flex-direction:row;flex-flow:row wrap;gap:15px;width:1280px}.content>.list>.list-card{width:240px;height:276px;border-radius:8px;display:flex;flex-direction:column;border:1px solid #e9e9e9}.content>.list>.list-card:hover{transform:translateY(-8px);box-shadow:0 8px 16px rgba(0,0,0,.3);transition:all .5s}.content>.list>.list-card>.card-image{width:238px;height:166px;border-radius:8px 8px 0 0}.content>.list>.list-card>.card-info{padding:8px 12px;display:flex;flex-direction:column;border-bottom:1px solid #e9e9e9}.content>.list>.list-card>.card-info>.card-content{margin-top:5px;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:rgba(0,0,0,.45);line-height:22px;text-align:left;font-style:normal;display:flex;flex-direction:row;gap:30px}.content>.list>.list-card>.card-user{padding:8px 12px;display:flex;flex-direction:row}.content>.list>.list-card>.card-user>.card-user-avatar{width:24px;height:24px;background:#daebf0;border:1px solid #f6f6f6;border-radius:25px}.content>.list>.list-card>.card-user>.card-user-name{margin-left:8px;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:rgba(0,0,0,.45);line-height:22px;text-align:left;font-style:normal}