.img {
	width: 100%;
}

.recruit,
.useP {
	width: 64%;
	margin: 0 auto;
}

.title {
	padding: 1.9rem 0;
}

.title span:nth-child(1) {
	color: #333;
	font-size: 1.4rem;
	padding-right: 15px;
	font-weight: 700;
}

.title span:nth-child(2) {
	color: #999;
	font-size: 1.4rem;
}
.recruit-title {
	width: 100%;
	margin: 1.9rem auto;
	overflow: hidden;
}

.recruit-title h4 {
	font-size: 1.78rem;
	color: #4981E5;
	float: left;
}

.recruit-title span {
	font-size: 1.78rem;
	color: #999;
	float: left;
	margin-left: 1rem;
}
.recCon {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.leftrec {
	width: 256px;
	float: left;
	overflow: hidden;
	border: 1px solid #e6e6e6;
}

.recrutMent {
	height: 3.2rem;
	line-height: 3.2rem;
	text-align: center;
	color: #4981e5;
	font-size: 1.6rem;
	font-weight: 700;
	background-color: #efefef;
}

.tys {
	width: -webkit-calc(100% + 16px);
	width: -moz-calc(100% + 16px);
	width: calc(100% + 16px);
	height: 29rem;
	overflow-y: scroll;
}

.types {
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
}

.types .activeLI {
	color: #4981e5;
}


.types li {
	width: 100%;
	height: 3.2rem;
	line-height: 3.2rem;
	text-align: center;
	border-top: 1px solid #e6e6e6;
	color: #666;
	font-size: 1rem;
	cursor: pointer;
}
.types .li:nth-last-child(1){
	border-bottom: 1px solid #e6e6e6;
}
.types li:hover{
	background-color: #efefef;
	color: #4981e5;
}
.types li:nth-child(1) {
	border-top: none;
}

.rightrec {
	float: left;
	width: -webkit-calc(100% - 256px);
	width: -moz-calc(100% - 256px);
	width: calc(100% - 256px);
	padding: 10px 0px 10px 1.9rem;
	overflow: hidden;
}
.sortType{
	width: calc(100% + 17px);
	width: -webkit-calc(100% + 17px);
	width: -moz-calc(100% + 17px);
	height: 29rem;
	overflow-y: scroll;
}
.sortType .curli{
	display: absolute;
}
.action {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #2164da;
	font-size: 1.5rem;
	border-bottom: 1px solid #d0d0d0;
}

.duty {
	padding: 20px 0 5px 0;
}

.sectionTitle {
	padding: 20px 0 5px 0;
}

.sectionTitle span {
	color: #333;
	font-weight: 700;
	font-size: 1rem;
}

.sectionTitle p {
	line-height: 1.4rem;
	color: #666;
	font-size: .875rem;
	text-align: justify;
}
.useP{
	margin-top: 1.9rem;
	border-top: 1px solid #E6E6E6;
}
.useP img {
	width: 100%;
	margin: 0 auto 2rem;

}
@media screen and (max-width: 1250px) {
  .recruit,
  .useP {
    width: 100%;
    padding: 0 15px;
  }
  .leftrec {
    width: 100px;
  }
  .rightrec {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
  }
  .rightrec{
	padding: 0px 0px 0px 10px;
  }
  .tys{
	  width: 100%;
  }
  .recrutMent{
	  font-size: 1.2rem;
  }
  .action{
	  font-size: 1.2rem;
  }
  .sectionTitle p{
	  width: 90%;
  }
  .sectionTitle,.duty {
	  padding: 10px 0 5px 0;
  }
}
.zpmess{
	height: 37rem;
}
.mess{
	height: 4rem;
	width: 100%;
	padding: 1rem;
	align-items: center;
	position: absolute;
	bottom: 0rem;
	display: flex;
    justify-content: space-between;
}
.action{
	display: flex;
	justify-content: space-between;
}
.mess a{
	font-size: 1rem;
	color: #333;
}
.mess a:hover{
	color: #fff;
	background-color: #2164da;
}