.works{padding:20px 0 60px}.works .banner{width:100%;height:400px;position:relative;overflow:hidden}.works .banner .banner_box .banner_item img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px}.works .banner .hy-dot i{width:54px;height:3px;background-color:#f6f9fc;border-radius:2px}.works .banner .hy-dot i.active{background-color:#68c4b1}.works .content{margin-top:60px}.tab_box{position:relative}.tab_box .tab_list{display:flex;align-items:center;justify-content:center}.tab_box .tab_list .tab{font-size:28px;font-family:Source Han Sans CN;font-weight:500;color:#666;margin-right:60px;cursor:pointer}.tab_box .tab_list .tab::after{content:'';display:block;width:40px;height:5px;border-radius:3px;margin:18px auto 0}.tab_box .tab_list .tab:last-child{margin-right:0}.tab_box .tab_list .tab.active{color:#68c4b1}.tab_box .tab_list .tab.active::after{background-color:#68c4b1}.tab_box .more{font-size:16px;font-family:Source Han Sans CN;font-weight:500;color:#999;position:absolute;top:11px;right:0}.works_list{margin-top:40px}.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}
.banner_item img{object-fit: cover;}