body {
	min-height: 100vh;
	background: #f4f4f4;
	color: #020202
}

.relative {
	position: relative;
}

.w-456 {
	width: 456px
}

.flex {
	display: flex
}

.flex-1 {
	flex: 1
}

.wrap-title {
	font-size: 26px;
	font-weight: 500;
	position: relative;
	border-bottom: 1px solid #e4e4e4;
	padding: 15px 0;
	color: #960200
}

.wrap-title span {
	color: #020202
}

.wrap-title a {
	position: absolute;
	right: 10px;
	font-size: 14px;
	bottom: 20px
}

.ml-30 {
	margin-left: 50px
}

.mt-30 {
	margin-top: 30px
}

.mr-20 {
	margin-right: 20px
}

.mt-15 {
	margin-top: 15px
}

.pt-15 {
	padding-bottom: 15px
}

.pt-20 {
	padding-bottom: 20px
}

.wrap-title a span {
	font-family: '宋体';
	padding-left: 5px
}

.wrap-title a:hover span {
	color: #960200
}

.team li:last-child {
	margin-right: 0 !important
}

.left-img {
	width: 292px;
	height: 192px;
	max-width: 292px;
	min-width: 292px;
	margin-right: 30px
}

.left-img img {
	width: 100%;
	height: 100%
}

.swiper-title {
	font-size: 20px
}

.swiper-subtitle {
	line-height: 30px;
	color: #474747;
	padding-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.link {
	line-height: 50px;
	font-size: 16px
}

.link-title {

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wrap-swipers .swiper-pagination {
	bottom: 0;
	right: 0
}

.swiper-button-next,
.swiper-button-prev {
	color: #fff !important
}

.wrap-swipers .swiper-pagination-bullet {
	margin-left: 8px
}

.swiper-pagination-bullet-active {
	background: #960200 !important
}

.warp-video {
	width: 100%;
	height: 440px;
	background: #fff
}

.warp-video img {
	height: 380px
}

.warp-video p {
	color: #960200;
	text-align: center;
	font-size: 16px;
	padding-top: 10px
}

.bg-white {
	background: #fff;
}

.w-3 {
	width: 434px;
	min-width: 434px;
	max-width: 434px
}

.flex-space-between {
	justify-content: space-between;
}

.w-2 {
	width: 675px;
	min-width: 675px;
	max-width: 675px
}
.detail{
position: absolute;
left:0;
right:0;
}
.teacher_name {
	background: url(/school/u/cms/www/202512/25140440l3br.png);
	width: 87px;
	height: 44px;
	position: absolute;
	left: 0;
	bottom: 20px;
	color: #fff;
	font-size: 16px;
	line-height: 44px;
	padding-left: 90px;
transition: left 0.5s;
}

.teacher-desc {
	position: absolute;
	left: 0; 
right:0;
	background: rgba(150, 2, 0, 0.8);
	bottom: 0;
padding:20px;
bottom:-100%;
transition: bottom 0.5s;
}
.teacher-name{
font-size:18px;
    text-align: center;
color:#fff;
padding-bottom:10px;
font-weight:650
}
.desc{
font-size:14px; 
color:#fff;
line-height:30px;
overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.covers{
position: relative;
display:block;
overflow: hidden;
}

.covers:hover .teacher-desc{
bottom:0
}
.covers:hover .teacher_name{
left:-100%
}