.works{padding:20px 0 60px}.classify_box{width:100%;border-radius:4px;background-color:#fff;padding:0 20px}.classify_box .classify_type{padding:20px 0;display:flex;align-items:flex-start}.classify_box .classify_type .title{text-align:right;color:#666;flex-shrink:0;margin-right:10px}.classify_box .classify_type .classify_list{display:flex;align-items:center;flex-wrap:wrap;margin-top:-5px}.classify_box .classify_type .classify_list .classify_item{color:#999;padding:0 10px;line-height:26px;text-align:center;margin-right:20px;cursor:pointer;flex-shrink:0;margin-bottom:10px;font-weight:400}.classify_box .classify_type .classify_list .classify_item:last-child{margin-right:0}.classify_box .classify_type .classify_list .classify_item.active_item,.classify_box .classify_type .classify_list .classify_item:hover{background-color:#68c4b1;color:#fff;border-radius:13px}.classify_box .big_classify{padding:20px 0 10px}.classify_box .big_classify{border-bottom:1px solid #ededed}.filter_box{width:100%;border-radius:4px;background-color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;margin-top:20px}.filter_box .filter_left{display:flex;align-items:center}.filter_box .filter_left .filter_type{display:flex;align-items:flex-start}.filter_box .filter_left .filter_type .title{text-align:right;color:#666;flex-shrink:0;margin-right:10px;font-size:12px;margin-top:7px}.filter_box .filter_left .filter_type .filter_list{display:flex;align-items:center}.filter_box .filter_left .filter_type .filter_list .filter_item{color:#999;padding:0 10px;line-height:26px;text-align:center;margin-right:20px;cursor:pointer;flex-shrink:0;font-size:12px;border:1px solid transparent}.filter_box .filter_left .filter_type .filter_list .filter_item:last-child{margin-right:0}.filter_box .filter_left .filter_type .filter_list .filter_item.active_item,.filter_box .filter_left .filter_type .filter_list .filter_item:hover{background:rgba(104,196,177,.1);border:1px solid #68c4b1;border-radius:13px;color:#68c4b1}.filter_box .filter_left .line{width:1px;height:14px;background-color:#ededed;margin:0 24px}.works_list{margin-top:20px}
.works_list .works_item{width:262px;height:336px;background-color:#fff;box-shadow:0 0 10px 0 rgba(51,51,51,.25);border-radius:4px;overflow:hidden;float:left;margin-right:22px;transition:all .3s ease-in-out}
.works_list .works_item:nth-child(5n){margin-right:0!important}.works_list .works_item:nth-of-type(n+6){margin-top:20px}.works_list .works_item .cover{width:100%;height:222px;overflow:hidden}.works_list .works_item .cover>img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}.works_list .works_item:hover{box-shadow:0 0 20px 0 rgba(51,51,51,.3)}.works_list .works_item:hover .cover>img{transform:scale(1.1)}.works_list .works_item .works_info{padding:0 14px}.works_list .works_item .works_info .top{padding:12px 0;border-bottom:1px solid #ededed}.works_list .works_item .works_info .top .title{font-weight:400;color:#33383e}.works_list .works_item .works_info .top .data{display:flex;align-items:center;margin-top:9px;color:#c1c1c1;font-size:12px}.works_list .works_item .works_info .top .data .item{margin-right:14px;display:flex;align-items:center}.works_list .works_item .works_info .top .data .item:last-child{margin-right:0}.works_list .works_item .works_info .top .data .item::before{content:'';display:block;width:18px;height:18px;margin-right:6px}.works_list .works_item .works_info .top .data .item.view::before{background:url(../../images/icons.png) no-repeat -375px -204px}.works_list .works_item .works_info .top .data .item.like::before{background:url(../../images/icons.png) no-repeat -348px -205px}.works_list .works_item .works_info .top .data .item.comment::before{background:url(../../images/icons.png) no-repeat -326px -204px}.works_list .works_item .works_info .bottom{padding-top:13px;display:flex;align-items:center;justify-content:space-between}.works_list .works_item .works_info .bottom .user_info{display:flex;align-items:center;color:#33383e}.works_list .works_item .works_info .bottom .user_info .avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;margin-right:8px}.works_list .works_item .works_info .bottom .date{color:#c1c1c1;font-size:12px}.all_subject .works{padding-top:0}.all_subject .works_list .works_item{width:264px;height:254px;margin-right:20px}.all_subject .works_list .works_item .cover{height:100%;position:relative}.all_subject .works_list .works_item .cover .title{width:100%;line-height:44px;background-color:rgba(0,0,0,.4);position:absolute;left:0;bottom:0;color:#fff;text-align:center}