.top{background: #fff;padding-bottom: 20px;padding-top: 20px;}
			.bottom{background:#f4f4f6;padding-top: 10px;padding-bottom: 20px;}
			.warp{width: 1200px;margin: 0 auto;}
			.search_box{height: 48px;line-height: 48px;background-color: #efefef;position: relative;margin-bottom: 30px;}
			.search_inp{height: 48px;padding-left: 48px;width: 100%;border: 1px solid transparent;outline: none;transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);font-size: 16px;line-height: 48px;color: #333333;background: no-repeat;}
			.search_inp:focus{border: 1px solid #007AFF;}
			.search_icon{width: 21px;height: 21px;background: url(../img/search.png) no-repeat center center;background-size: cover;position: absolute;top: 50%;transform: translateY(-50%);left: 15px;}
			
			
			.oul{display: flex;flex-direction: row;}
			.oli{    margin-right: 15px;width: 100px;height: 100px;text-align: center;transition: all .3s ease; background-color: #9C27B0;margin: 12px 28px;/* border-radius: 50%; */}
			.oul>.oli:nth-of-type(1){ background-color: #2196F3;}
			.oul>.oli:nth-of-type(2){ background-color: #F44336;}
			.oul>.oli:nth-of-type(3){ background-color: #00BCD4;}
			.oul>.oli:nth-of-type(4){ background-color: #4CAF50;}
			.oul>.oli:nth-of-type(5){ background-color: #9C27B0;}
			.oul>.oli:nth-of-type(6){ background-color: #FF9800;}
			.oul>.oli:nth-of-type(7){ background-color: #795548;}
			.oul>.oli:nth-of-type(8){ background-color: #E91E63;}
			.oul>.oli:nth-of-type(9){ background-color: #607D8B;}
			.oul>.oli:nth-of-type(10){ background-color:#9C27B0;}
			.oli:hover{transform: scale(1.1);}
			.acc{background: rgba(0,122,255,.2);}
			.oli:hover>span{color: rgba(255,255,255,.7);}
			.oli>img{display: block;width: 100%;height: 100%;margin: auto 0;margin-right: 10px; display:none;}
			
			.oli>span{ font-size: 20px;color: #fff;transition: .5s all ease;cursor: pointer;transform: translateX(-50%);line-height: 100px;}
			
			.zhiwei_box{padding: 0 30px;background: #fff;transition: .3s all ease;cursor: pointer;}
			.zhiwei_box_nei{padding: 20px 0;display: flex;flex-direction: column;border-bottom: 1px solid #eee;}
			.zhiwei_box:hover{background: #f9f9fa;}
			.zhiwei_box_nei>div{display: flex;flex-direction: row;justify-content: space-between;}
			.zhiwei_box_nei>span{color: #222831;font-size: 16px;line-height: 22px;margin-bottom: 10px;}
			.zhiwei_box_nei>div>div>span{border-right: 1px solid #f4f4f6;padding-right: 12px;margin-right: 12px;font-size: 14px;line-height: 20px;color: #a2a4a8;}
			.zhiwei_box_nei>div>span{font-size: 14px;line-height: 20px;color: #a2a4a8;}
			
			.flex_box{display: flex;flex-direction: row;justify-content: space-between;}
			.flex_right{width: 288px;}
			.flex_right>span{display: block;background: #fff;line-height: 60px;color: #222831;padding-left: 20px;font-size: 16px;}
			.flex_left{flex: 1;margin-right: 18px;background: #fff;}
			
			
			.right_list_box{background: #fff;padding: 0 20px;cursor: pointer;transition: .3s all ease;}
			.right_list_box:hover{background: #f9f9fa;}
			.right_list_box span{font-size: 14px;line-height: 20px;color: #5c6170;}
			.right_list_box>div{border-top: 1px dashed #eee;padding: 15px 0;display: flex;flex-direction: row;justify-content: space-between;}
			.right_list_box+div{}
			
			
			.fanhui{color: #5c6170;font-size: 15px;line-height: 60px;cursor: pointer;display: block;padding-left: 20px;transition: .3s all ease;}
			.fanhui:hover{color: #007AFF;}
			
			.zhiwei_details{display: flex;flex-direction: column;padding: 20px;}
			
			.show_time{font-size: 12px;color: #9a9fac;line-height: 1.5;}
			.jobTitle{margin-top: 6px;font-size: 20px;line-height: 28px;color: #222831;}
			.jobSalary{font-size: 14px;color: #5c6170;margin-top: 15px;}
			.jobAddress{font-size: 14px;color: #9a9fac;margin-top: 15px;}
			.zhiweimiaoshu{margin-bottom: 19px;font-size: 16px;color: #222831;margin-top: 40px;display: flex;flex-direction: row;align-items: center;}
			.line{height: 1px;background: #f4f4f6;flex-grow: 1;margin-left: 12px;}
			.gongzuozhize{font-size: 14px;line-height: 2;color: #5c6170;font-weight: bold;}
			.jobResponsibility{font-size: 14px;line-height: 2;color: #5c6170;}
			.renzhizige{font-size: 14px;line-height: 2;color: #5c6170;margin-top: 40px;font-weight: bold;}
			.jobRequires{font-size: 14px;line-height: 2;color: #5c6170;}
			.shenqing_box{margin-top: 20px;}
			.shenqing{background: rgb(20, 114, 255);font-size: 14px;line-height: 36px;padding: 11px 30px;color: #fff;cursor: pointer;}
			
			
			
			.mengban{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.8);z-index: 999;}
			/*弹窗*/
			.markbox{position: fixed;z-index: 1999;top: 50%;left: 50%;transform: translate(-50%,-50%);}
			.markbox>div{margin: auto;display: flex;flex-direction: column;background: #fff;padding: 40px 100px;border: 4px solid #afafaf;}
			.markbox>div>p{color: #000;font-size: 20px;font-weight: bold;line-height: 22px;margin-bottom: 3px;}
			.markbox>div>span{color: #000;font-size: 14px;line-height: 22px;}
			.markbox>div>span>a:hover{color: #007AFF !important;}
			.markbox>div>h3{color: #000;font-size: 14px;margin-top: 28px;}
			
			
			
@media only screen and (max-width: 768px) {
	.flex_right{display: none;}
	.warp{width: auto;margin: 0 auto;}
	.oul{display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;}
	.oli{width: 70px;height: 70px;margin-right: 0;margin: 10px 10px;}
	.oli>span{ font-size: 16px;color: #fff;transition: .5s all ease;cursor: pointer;transform: translateX(-50%);line-height: 70px;bottom: 0;}
	.top{padding-top: 0;}
	.dht2, .dht3{margin-bottom: 0;}
	.flex_left{margin-right: 0;}
	.markbox{width: 90%;}
	.markbox>div{padding: 20px 20px;}
}