@media screen and (min-width: 751px){
	.campus-page{
		padding-bottom: 50px;
	}
	.cruit-progress{
		margin-bottom: 20px;
		text-align: center;
	}
	.cruit-progress .progress-item{
		margin: 0 20px;
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
		color: #666666;
	}
	.cruit-progress .progress-item img{
		max-width: 73px;
		max-height: 73px;
		margin-bottom: 15px;
	}
	.job-demand{
		width: 1200px;
	}
	.job-demand thead td{
		background: #f1f1f1;
		font-size: 16px;
	}
	.job-demand tbody tr td{
		font-size: 14px;
		border-bottom: 1px solid #f9f9f9;
	}
	.job-demand tbody tr:hover td{
		background: #fff3f3;
		color: #d71a1b;
		text-decoration: underline;
	}
	.job-demand td{
		padding-left: 50px;
		line-height: 55px;
	}
	.campus-page .pos-application{
		border: 1px solid #f1f1f1;
		margin-bottom: 20px;
	}


	/*lectures*/
	.lectures{
		position: relative;

	}
	.lectures .bd .lecture-info{
		margin: auto;
		width: 1100px;
	}
	.lectures .bd ul{
		height: 330px;
	}
	.lectures .bd li{
		float: left;
		margin: 10px;
		width: 255px;
		box-shadow: 0 0 10px #f1f1f1;
	}
	.lectures .bd li .cover_img {
	    width: 255px;
	    height: 247px;
	    text-align: center;
	    display: flex;
	    align-items: center;
	}
	.lectures .bd li img{
		max-width: 255px;
		max-height: 247px;
	}
	.lectures .bd li .text{
		padding: 0 15px;
		height: 60px;
		line-height: 60px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 14px;
	}
	.lectures .hd{ height:30px; line-height:30px; text-align:center; }
    .lectures .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:5px; border-radius: 5px; margin:4px; background: #f1f1f1; overflow:hidden; line-height:9999px; }
    .lectures .hd ul .on{ filter:alpha(opacity=100);opacity:1; width:29px; height:5px; border-radius: 3px; opacity: 1; background: #cc3333; }
    

    .lectures .hd a{
	    position: absolute;
	    top: 120px;
	    width: 32px;
	    height: 54px;
	    line-height: 54px;
	    text-align: center;
	    background: #f1f1f1;
	}
	.lectures .hd a:before{
	    content: '';
	    position: absolute;
	    top: 20px;
	    width: 10px;
	    height: 10px;
	    border-left: 2px solid #999999;
	    border-top: 2px solid #999999;
	}
	.lectures .hd a:hover{
		background: #cc3333;
	}
	.lectures .hd a:hover:before{
		background: #cc3333;
	    border-left: 2px solid #fff;
	    border-top: 2px solid #fff;
	}
	.lectures .hd .prev{
		left: 0;	
	}
	.lectures .hd .next{
		right: 0
	}
    .lectures .hd .prev:before{
    	left: 11px;
    	transform: rotate(-45deg);
    }
    .lectures .hd .next:before {
    	left: 10px;
	    transform: rotate(135deg);
	}

	.questions .questions-info{
		line-height: 24px;
		font-size: 14px;
	}
	.questions .questions-info .question{
		margin: 20px 0 12px;
	}
	.questions .questions-info .answer{
		margin-bottom: 30px;
		color: #666666;
	}
	.questions .questions-info span{
		/*display: inline-block;
		margin-right: 12px;
		width: 24px;
		height: 24px;
		text-align: center;
		border-radius: 50%;*/
	}
	.questions .questions-info .question span{
		color: #fff;
		background: #d71a1b;
	}
	.questions .questions-info .answer span{
		color: #333;
		background: #f1f1f1;
	}
	.questions .btn{
		display: block;
		margin: 50px auto 0;
	}

	.search-wrap{
		width: 480px;
		overflow: auto;
		margin: 15px auto 30px;
		text-align: center;
	}
	.search-wrap input{
		float: left;
		height: 48px;
		line-height: 48px;
		font-size: 16px;
		padding: 0 15px;
		vertical-align: middle;
		border: 0;
	}
	.search-wrap .search-keyword{
		width: 380px;
		background: #f1f1f1;
	}
	.search-wrap .btn{
		width: 105px;
		text-align: center;
		background: #d71a1b;
		color: #fff;
	    margin-left: -5px;
	}
}

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

	.campus-page{
		padding-bottom: 0.25rem;
	}
	.cruit-progress{
		margin-bottom: 0.1rem;
		text-align: center;
	}
	.cruit-progress .progress-item{
		margin: 0 0.01rem 0.1rem;
		display: inline-block;
		vertical-align: middle;
		font-size: 0.1rem;
		color: #666666;
	}
	.cruit-progress .progress-item img{
		width: 0.32rem;
		height: 0.32rem;
		margin-bottom: 0.08rem;
	}
	.cruit-progress .progress-item.onlyimg{
		position: relative;
		top: -0.1rem;
	}
	.cruit-progress .progress-item.onlyimg img{
		width: 0.08rem;
		height: auto;
	}
	.job-demand{
		background: #f1f1f1;
		padding-bottom: 0.2rem;
	}
	.job-demand .demand-item{
		display: block;
		margin: 0 auto 0.1rem;
		padding: 0.15rem;
		width: 3.55rem;
		background: #fff;
	}
	.job-demand .demand-item .name{
		font-size: 0.16rem;
	}
	.job-demand .demand-item .bor{
		margin: 0.15rem 0 0.1rem;
		width: 0.15rem;
		height: 0.05rem;
		background: #d71718;
	}
	.job-demand .demand-item .item-info{
		overflow: auto;
		line-height: 0.28rem;
		font-size: 0.13rem;
	}
	.job-demand .demand-item .item-info span{
		float: left;
		width: 50%;
		height: 0.28rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 0.1rem;
	}
	.see-more{
		margin: 0.2rem auto 0.1rem;
		width: 1.65rem;
		height: 0.3rem;
		line-height: 0.3rem;
		border-radius: 0.2rem;
		border: 1px solid #07081d;
		font-size: 0.13rem;
		text-align: center;
	}
	.lectures{
		overflow: auto;
		padding: 0 0.1rem 0.2rem;
	}
	.lecture-info {
	    overflow: auto;
	}
	.lectures .bd li{
	    background: #fff;
	    float: left;
	    width: 1.73rem;
	    margin: 0.05rem 0.07rem 0.1rem 0.01rem;
	    box-shadow: 0 0 10px #f1f1f1;
	}
	.lectures .bd li:nth-child(16)~li{
		display: none;
	}
	.lectures .bd li:nth-child(2n){
		margin-right: 0;
	}
	.lectures .bd li img{
	    width: 1.73rem;
	    height: 1.675rem;
	}
	.lectures .bd li .text{
		padding: 0 0.1rem;
		height: 0.4rem;
		line-height: 0.4rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 0.09rem;
	}

	.questions .questions-info{
		line-height: 0.12rem;
		font-size: 0.12rem;
	}
	.questions .questions-info .question{
		margin: 0.1rem 0 0.06rem;
	}
	.questions .questions-info .answer{
		margin-bottom: 0.15rem;
		color: #666666;
	}
	.questions .questions-info span{
		display: inline-block;
		margin-right: 0.06rem;
		width: 0.12rem;
		height: 0.12rem;
		text-align: center;
		border-radius: 50%;
	}
	.questions .questions-info .question span{
		color: #fff;
		background: #d71a1b;
	}
	.questions .questions-info .answer span{
		color: #333;
		background: #f1f1f1;
	}
	.questions .btn{
		display: block;
		margin: 0.25rem auto 0;
	}
}

.positions {
  display: flex;
  justify-content: space-between;
  text-align: center;
  width: 100%;
}

.position {
  display: flex;
  flex-direction: column;
  align-items: center; /* 使子元素在交叉轴上居中对齐 */
  margin: 0 10px; /* 添加一些左右边距 */
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.job-title {
  font-weight: bold;
}

.details {
  font-weight: normal;
  margin-top: 10px; /* 与上方留出间距 */
  font-size: 13px; /* 设置字体大小 */
}