#works{width:1200px; margin:30px auto;}
#works .navigation{font-size:14px; font-weight:500; margin-top:30px;}
#works .navigation:before{content:""; width:5px; height:16px; background-color:#000; display:inline-block; position:relative; bottom:-4px; margin-right:5px;}
#works .navigation font{color:#888;}
#works .search{background-color:#fff; padding:30px; margin:30px 0; font-size:14px; border-radius:6px;}
#works .search div{margin-bottom:25px;}
#works .search div:nth-child(3){margin-bottom:0;}
#works .search label{margin-right:10px;}
#works .search span{padding:2px 15px; border-radius:20px; cursor:pointer;}
#works .search span.active{background-color:#FFBB12; color:#fff;}
#works ul{width:1200px; display:flex; flex-wrap:wrap;}
#works ul li{background-color:#FFF; width:288px; border-radius:10px; margin-right:16px; margin-bottom:20px;}
#works ul li:nth-child(4n){margin-right:0;}
#works ul li a{color:#000;}
#works ul li .picture{width:288px; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px;}
#works ul li .picture img{width:288px; height:170px; transition:all 0.5s;}
#works ul li .picture img:hover{transform:scale(1.2);}
#works ul li .classify{padding:10px 15px;}
#works ul li .classify span{display:inline-block; vertical-align:middle;}
#works ul li .classify span:nth-child(1){width:200px; font-weight:600; margin-right:5px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:18px;}
#works ul li .classify span:nth-child(2){width:53px; text-align:right;}
#works ul li .prize{padding:0 15px 10px;}
#works ul li .prize span{display:inline-block;}
#works ul li .prize span:nth-child(1){width:170px;  margin-right:5px; color:#888;}
#works ul li .prize span:nth-child(2){width:80px; text-align:right;}
#works ul li .prize span:nth-child(2) img{width:15px; height:15px; position:relative; top:-2px;}
#works ul li .user{padding:15px; border-top:1px solid #EFEFEF;}
#works ul li .user .left{display:inline-block; width:200px; margin-right:5px;}
#works ul li .user .left .headimg{width:30px; height:30px; margin-right:10px; border-radius:50%;}
#works ul li .user .left span{font-size:14px; line-height:26px;}
#works ul li .user .left .levelimg{width:23px; height:20px; margin-left:8px; position:relative; top:-3px;}
#works ul li .user .right{display:inline-block; width:53px; text-align:right;}
#works ul li .user .right img{width:18px; height:18px; position:relative; top:-2px; cursor:pointer;}
#works .notdata{height:350px; line-height:350px; text-align:center; color:#666; font-size:14px;}