#banner{max-width:1920px; min-width:1200px; height:480px; margin:0 auto; background-size:cover; background-repeat:no-repeat; background-position:center;}
#content{width:1200px; margin:30px auto; background-color:#FFF; box-shadow:5px 5px 10px #e1e1e1; border-radius:15px; padding-top:20px; padding-bottom:50px;}
#content .description{line-height:30px; font-size:14px; padding:30px 60px 0;}
#content .description .title{font-size:16px; font-weight:bold; margin-bottom:10px;}
#content .description .title:before{content:""; width:5px; height:16px; background-color:#FFBB12 ; display:inline-block; position:relative; bottom:-4px; margin-right:5px;}
#content .description img{max-width:100%;}
#content .button{text-align:center; margin-top:100px;}
#content .button button{width:180px;}
#works{width:1200px; margin:50px auto 0;}
#works .title{font-size:20px; font-weight:bold; margin-bottom:40px;}
#works .title:before{content:""; width:5px; height:24px; margin-right:10px; background-color:#FFBB12; display:inline-block; position:relative; bottom:-5px;}
#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; border-radius:50%; margin-right:10px;}
#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;}

