.job-list li{display: flex;padding:  0 20px;height: 80px;align-items: center;color: rgba(0,0,0,0.6)}
.job-list li:first-child{background-color: #f7f7f7;}
.job-list li:not(:first-child){border-bottom: 1px solid #dedede;}
.job-list li:not(:first-child):hover{background-color: #F7F7F7;color: #005CA9;}
.job-list li span{display: inline-block;}
.job-list li span.span1{width:25%;}
.job-list li span.span2{width: 22%;}
.job-list li span.span3{width: 15%;}
.job-list li span.span4{width: 18%;}
.job-list li a.span5{width: 20%;text-align: center;}
.job-list li a.apply-btn{width: 100px;height: 35px;background-color: #005ca9;border-radius: 18px;line-height: 35px;text-align: center;color: #FFF;margin: 0 auto;}

.job-detail .detail-left{width: 240px;background-color: #F7F7F7;padding: 30px;position: relative;}
.job-detail .detail-left .left-item:not(:last-child){margin-bottom: 30px;}
.job-detail .detail-left .left-item span{font-size: 16px;}
.job-detail .detail-left .left-item p{font-size: 22px;}
.job-detail .detail-left .upload-btn{background-color: #cccccc;color: #FFF;text-align: center;height: 40px;border-radius: 20px;line-height: 40px;}
.job-detail .detail-left .upload-btn a{color: #FFF;display: block;}
.job-detail .detail-left .upload-btn.active{background-color: #005CA9;}
.job-detail .detail-left .apply-btn{height: 55px;line-height: 55px;text-align: center;background-color: #005CA9;position: absolute;width: 100%;font-size: 20px;left: 0;bottom: -55px;}
.job-detail .detail-left .apply-btn a{color: #FFF;display: block;}
.job-detail .detail-right{width: calc(100% - 360px);}
.job-detail .detail-right .comm-content{line-height: 3.2;}

@media only screen and (max-width:1680px ) {
}

@media only screen and (max-width:1440px ) {

}

@media only screen and (max-width:1366px ) {
.job-detail .detail-right .comm-content{line-height: 3;}

}

@media only screen and (max-width:1280px ) {


}

@media only screen and (max-width:1024px ) {
.job-list li{height: 70px;}
.job-detail .detail-left .left-item p{font-size: 18px;}
.job-detail .detail-left{padding: 20px;width: 240px;}
.job-detail .detail-right{width: calc(100% - 320px);}
.job-detail .detail-right .comm-content{line-height: 2.6;}

}

@media only screen and (max-width:768px ) {
.job-list li span.span3{display: none;}
.job-list li span.span2{width: 32%;}
.job-list li{height: 60px;}
.job-detail .detail-left .apply-btn{height: 50px;line-height: 50px;font-size: 18px;bottom: -50px;}
.job-detail .detail-left .left-item:not(:last-child){margin-bottom: 20px;}
}

@media only screen and (max-width:640px ) {
.job-list li{height: 50px;}
.job-list li span.span4{display: none;}
.job-list li span.span1{width: 33.33333%;}
.job-list li a.apply-btn{width: 70px;height: 28px;line-height: 28px;font-size: 12px;}
.job-list li span.span2{width: 46%;}
.job-detail .detail-left{padding: 10px;}
.job-detail .detail-left{width:calc(100% - 20px);}
.job-detail .detail-right{width: 100%;margin-top: 80px;}
.job-detail .detail-left .left-item span{font-size: 12px;}
.job-detail .detail-left .left-item:not(:last-child){margin-bottom: 10px;}
.job-detail .detail-left .left-item p{font-size: 15px;}
}

@media only screen and (max-width:480px ) {

}

@media only screen and (max-width:414px ) {
	
}

@media only screen and (max-width:375px ) {
	
}

@media only screen and (max-width:320px ) {
	
}