#mission{width:1200px; margin:0 auto 30px;}
#mission .navigation{font-size:14px; font-weight:500; margin-top:30px;}
#mission .navigation:before{content:""; width:5px; height:16px; background-color:#000; display:inline-block; position:relative; bottom:-4px; margin-right:5px;}
#mission .navigation font{color:#888;}
#mission .search{background-color:#fff; padding:30px; margin:30px 0; font-size:14px; border-radius:6px;}
#mission .search div{margin-bottom:25px;}
#mission .search div:nth-child(3){margin-bottom:0;}
#mission .search label{margin-right:10px;}
#mission .search span{padding:2px 15px; border-radius:20px; cursor:pointer;}
#mission .search span.active{background-color:#FFBB12; color:#fff;}
#mission ul{width:1200px; display:flex; flex-wrap:wrap;}
#mission ul li{padding:20px; background-color:#FFF; border-radius:6px; margin:0 15px 20px 0; position:relative; width:350px;}
#mission ul li .status{position:absolute; top:10px; right:10px; width:39px; height:35px;}
#mission ul li .title{font-size:16px; font-weight:bold; margin-bottom:15px;}
#mission ul li .description{background-color:#F4F4F4; height:58px; line-height:20px; padding:10px; margin:15px 0 5px; color:#333; overflow:hidden; text-overflow:ellipsis;}
#mission ul li .bottom{margin-top:20px; display:flex; align-items:center;}
#mission ul li .bottom .amount{font-weight:bold; width:140px;}
#mission ul li .bottom .amount font{color:#FFBB12; font-size:18px;}
#mission ul li .bottom .amount text{color:#FFBB12;}
#mission ul li .bottom .date{color:#888; width:210px; text-align:right;}
#mission ul li .bottom .date .headimg{width:30px; height:30px; border-radius:50%;}
#mission ul li .bottom .date font{margin-left:15px;}
#mission ul a:nth-child(3n) li{margin-right:0;}
#mission .notdata{height:440px; line-height:440px; text-align:center; color:#666; font-size:14px;}