/*	.nav-header {
	height: 70px;
	background: #7c211e;
	border-bottom: 1px solid #e7e7e7;
	position: fixed;
	top: 0;
	z-index: 20;
	box-shadow: 0 1px 9px #9c9c9c;
	width: 100%;
}

.nav>li {
	padding: 0 10px
}

.nav>li a.menu_login {
	background: #dfb700;
	border-radius: 40px;
	color: #fff;
	padding: 5px 20px;
	margin: 10px 10px
}

.navbar-nav {
	padding-top: 10px
}*/
	/*teacher*/
	
	.box {
		height: 228px;
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	
	#roll {
		width: 200%;
	}
	
	#roll dd {
		width: 118px;
		height: 178px;
		float: left;
		margin-right: 15px;
                margin-bottom:8px;
	}
	
	#roll dd img {
		width: 100%;
                height: 148px;
                margin-bottom:5px;
                object-fit: cover;
	}
	
	.box span {
		position: absolute;
		bottom: 55%;
		display: inline-block;
		width: 20px;
		text-align: center;
		cursor: pointer;
		background: #0573c1;
		z-index: 90;
		color: #fff;
	}
	
	.box .next {
		right: 0;
	}
	.box2 .next2 {
		right: 0;
	}
	.box3 .next3 {
		right: 0;
	}
	
	.box p {
		padding: 3px 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	.box2 {
		height: 228px;
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	
	#roll2 {
		width: 200%;
	}
	
	#roll2 dd {
		width: 340px;
		height: 280px;
		float: left;
		margin-right: 15px;
		object-fit:cover;

	}
	
	#roll2 dd img {
		width: 100%;
		height:200px;
		overflow: hidden;
	}
	
	.box2 span {
		position: absolute;
		bottom: 60%;
		display: inline-block;
		width: 25px;
		text-align: center;
		cursor: pointer;
		background: #0573c1;
		z-index: 90;
		color: #fff;
	}
	
	.box2 .next {
		right: 0;
	}
	
	.box2 p {
		padding: 8px 0
	}  

   .box3 {
		height: 228px;
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	
	#roll3 {
		width: 200%;
	}
	
	#roll3 dd {
		width: 340px;
		height: 280px;
		overflow:hidden;
		float: left;
		margin-right: 15px;
	}
	
	#roll3 dd img {
		width: 100%;
		height:200px;
		overflow: hidden;

	}
	
	.box3 span {
		position: absolute;
		bottom: 60%;
		display: inline-block;
		width: 25px;
		text-align: center;
		cursor: pointer;
		background: #0573c1;
		z-index: 90;
		color: #fff;
	}
	
	.box3 .next {
		right: 0;
	}
	
	.box3 p {
		padding: 8px 0
	}

/*box4开始*/
.box4 {
	height: 228px;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#roll4 {
	width: 200%;
}

#roll4 dd {
	width: 340px;
	height: 280px;
	overflow:hidden;
	float: left;
	margin-right: 15px;
}

#roll4 dd img {
	width: 100%;
	height:200px;
	overflow: hidden;

}

.box4 span {
	position: absolute;
	bottom: 60%;
	display: inline-block;
	width: 25px;
	text-align: center;
	cursor: pointer;
	background: #0573c1;
	z-index: 90;
	color: #fff;
}

.box4 .next4 {
	right: 0;
}

.box4 p {
	padding: 8px 0
}
/*box4结束*/


/*box5开始*/
.box5 {
	height: 228px;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#roll5 {
	width: 200%;
}

#roll5 dd {
	width: 340px;
	height: 280px;
	overflow:hidden;
	float: left;
	margin-right: 15px;
}

#roll5 dd img {
	width: 100%;
	height:200px;
	overflow: hidden;

}

.box5 span {
	position: absolute;
	bottom: 60%;
	display: inline-block;
	width: 25px;
	text-align: center;
	cursor: pointer;
	background: #0573c1;
	z-index: 90;
	color: #fff;
}

.box5 .next5 {
	right: 0;
}

.box5 p {
	padding: 8px 0
}
/*box5结束*/