#recruit{width:1200px; margin:0 auto 30px;}
#recruit .navigation{font-size:14px; font-weight:500; margin-top:30px;}
#recruit .navigation:before{content:""; width:5px; height:16px; background-color:#000; display:inline-block; position:relative; bottom:-4px; margin-right:5px;}
#recruit .navigation font{color:#888;}
#recruit .search{margin-bottom:20px; display:flex;}
#recruit .search .item{width:100px; margin-right:15px;}
.layui-form-select dl dd.layui-this{background-color:#fff; color:#FFBB12;}
#recruit ul{width:1200px; display:flex; flex-wrap:wrap;}
#recruit ul li{background-color:#FFF; border-radius:5px; margin:0 21px 21px 0; padding:20px; width:346px;}
#recruit ul a:nth-child(3n) li{margin-right:0;}
#recruit ul li .title{font-size:16px; width:3460px; overflow:hidden; text-overflow:ellipsis; font-weight:bold; white-space:nowrap;}
#recruit ul li .label{font-size:12px; color:#888; margin:15px 0 30px;}
#recruit ul li .label span{display:inline-block;}
#recruit ul li .label span:first-child{width:246px;}
#recruit ul li .label span:last-child{width:100px; text-align:right; color:#FFBB12; font-weight:bold; font-size:16px;}
#recruit ul li .company{width:346px; display:flex;}
#recruit ul li .company .left{width:60px; margin-right:10px;}
#recruit ul li .company .left img{width:60px; height:60px;}
#recruit ul li .company .right{width:276px; display:flex; flex-direction:column; justify-content:space-between; color:#888;}
#recruit ul li .company .right .name{width:276px; font-weight:bold; font-size:14px;}
#recruit ul li .company .right .time span{display:inline-block;}
#recruit ul li .company .right .time span:first-child{width:138px;}
#recruit ul li .company .right .time span:last-child{width:138px; text-align:right;}
#recruit .notdata{height:310px; line-height:310px; text-align:center; color:#666; font-size:14px;}
#banner{width:1200px; height:150px; margin:30px 0; background-size:cover; background-repeat:no-repeat; background-position:center;}