ul li:hover .news-title { color: var(--theme_red); transition: all .3s; }


#stu_charm { margin-right: -5.5%; }
#stu_charm .swiper-pagination { width: 94.5%; background-color: #eee;	position: static;   margin: var(--gap_sapce) 0;}


.swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border-radius: 3px;
}

.icon-tips {
    width: 44px;
    height: auto;
    position: absolute;
    right: 15px;
    bottom: -1vh;
    z-index: 25;
	animation: uptips 1.5s ease .15s infinite;
	opacity: .5;
}

.icon-tips img { width: 100%; }

@keyframes uptips {
	0 { transform: translate(0,0);}
	50% {transform: translate(0,-20px);}
	100% { transform: translate(0,0);}
}



/* banner */
#banner { width: 100%;	height: 100vh;	position: relative; z-index: 1; }
#banner::before {
    content: "";
    width: 100%;
    height: 1.3rem;
	position: absolute;
	top: 0;
	z-index: 2;
	pointer-events: none;
    background: -webkit-linear-gradient(top , rgba(0,0,0,.15) , rgba(0,0,0,0) 67%);
	background: -moz-gradient(top , rgba(0,0,0,.65) 7%, rgba(0,0,0,.01) 95%);
	background: -ms-linear-gradient(top , rgba(0,0,0,.65) 7%, rgba(0,0,0,.01) 95%);
	background: linear-gradient(top , rgba(0,0,0,.65) 7%, rgba(0,0,0,.01) 95%);
}
#banner .news-type { opacity: .5; font-weight: normal; }
#banner .black_wamp {
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,.8) , rgba(0,0,0,0) 36%);
	background: -moz-linear-gradient(bottom, rgba(0,0,0,.8) , rgba(0,0,0,0) 36%);
	background: -ms-linear-gradient(bottom, rgba(0,0,0,.8) , rgba(0,0,0,0) 36%);
	background: linear-gradient(bottom, rgba(0,0,0,.8) , rgba(0,0,0,0) 36%);
}

#banner .swiper-slide a {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
	text-align: left;
}

#banner .banner-video { width: 100%;  height: 100%; } 
#banner .swiper-slide a video { width: 100%;  height: 100%;  object-fit: cover; }

#banner .inside-bottom { position: absolute; bottom: 1.8rem;	left: 50%;	transform: translateX(-50%); }
#banner .inside-bottom::before {
	content: "";
	width: calc(100% - 30px);
	border-bottom: 1px rgba(255,255,255,.35) solid;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + .2rem);
	display: none;
}

/* 2026-3-24 ds */
#banner .swiper-slide a .active-tags { display: none; }
/* #banner .swiper-pagination { position: static; color: #Fff;} */

#banner .swiper-pagination span { margin: 0 9px; }
#banner .swiper-pagination .swiper-pagination-bullet  { 
	min-width: 10px;
	min-height: 10px;
	width: .2rem; 
	height: .2rem; 
	margin-left: 10px;
	border: 2px #fff solid;
	background-color: transparent;
	border-radius: 2px;
	opacity: 1;
}

#banner span.swiper-pagination-bullet-active { background-color: #fff !important;  }
#banner .slide-tool-frize .slide-tool div { position: relative;  width: auto; bottom: unset;}

#banner .swiper-button-prev::after, 
#banner .swiper-button-next::after {
	content: "";
	width: 32px;
	border-top: 2px #ddd solid;
	position: absolute;
	top: 50%;
	left: 50%; 
	transform:translate(-50%,-50%) rotate(-45deg);
}

#banner .swiper-button-prev { border-bottom: 2px #ddd solid; border-left: 2px #ddd solid;  }
#banner .swiper-button-next { border-top: 2px #ddd solid; border-right: 2px #ddd solid; right: unset;  }

#banner .swiper-button-prev, 
#banner .swiper-button-next {
	width: 22px !important;
	height: 22px !important;
	display: block;
	margin: 0;
	transform-origin: center center;
	transform: rotate(45deg);
}
 
#banner .slide-tool-frize {
	width: 100%;
	position: absolute;
	right: 0;
	z-index: 15;
	bottom: 1rem;
	right: 0; 
}

#banner .slide-tool-frize .slide-tool {  
	display: flex; 
	justify-content: flex-start; 
	align-items:center; 
	gap: 35px;
	font-size: 18px;
} 

#banner .svg-root i::before ,
#banner .svg-root i::after { border-color: #fff !important; } 

.banner-tittle { width: 85%; color: #fff; }

/* banner-end */


/* mode-news */
.mode-news { width: 100%; background-repeat: no-repeat; background-size: 100% auto; }
.mode-news .grid-news { grid-template-columns: 75% auto;  	gap: var(--gap_sapce);}
.mode-news .grid-news .news_list ul li a { padding: 0; }


#news .news_item { width: 100%; height: 100%; position: relative; display: block; }
/* #news .news_item dt ,
#news .news_item dt .imgsize { height: 100%; } */
#news .news_item dd {
	display: flex;
	flex-flow: column; 
	align-items: baseline;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80%;
	z-index: 15;
	padding: var(--gap_sapce);
	color: #fff;
}

#news .news_item dd .desc p { color: #fff; opacity: .5;  }
#news .news_item dd .unison-date { color: #fff; /* margin-top: 15px; */}
#news .news_item dd .news-title { color: #fff; margin-bottom: 0; font-size: .24rem; text-align: left; }

#news .swiper-pagination {
	width: 20%;
	right: 0;
	bottom: 0;
	padding: var(--gap_sapce);
	left: unset;
	text-align: right;
}



.news_list { }
.news_list ul { height: 100%; display: flex; flex-flow: column; gap: 0; justify-content: space-between;  }
.news_list ul li .news-title { font-size: .2rem; margin-bottom: 0; }
.news_list ul li .desc { display: none; }
.news_list ul li .desc p { -webkit-line-clamp: 1; }
.news_list ul li:first-child .desc {  display: block;}
.news_list ul li:first-child .news_item { flex-flow: column; gap: 0; } 

.news_list ul li:first-child .news_item dt .img16_9 {  padding-top: 66.8%; }

.news_list ul li:nth-child(2) .news_item dt .img16_9 ,
.news_list ul li:nth-child(3) .news_item dt .img16_9{ padding-top: 100%; }

.news_list ul li:nth-child(2) .news_item dt,
.news_list ul li:nth-child(3) .news_item dt { width:23%;}

.news_list ul li:nth-child(2) .news_item dd,
.news_list ul li:nth-child(3) .news_item dd {width: calc(77% - 10px); }

.news_list ul li { border-bottom: 1px #ddd solid; }
.news_list ul li a { padding: .28rem 0; }
.news_list ul li:first-child a {  padding-top: 0; }



.news_list .news_item {display: flex; align-items: center;	gap:  var(--gap_sapce);	flex-flow: row-reverse;}
.news_item dt { width: 100%; position: relative; }
.news_item dt::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	background: -webkit-linear-gradient(bottom, rgba(140,0,0,.95) ,rgba(140,0,0,0) 60%);
	background: -ms-linear-gradient(bottom, rgba(140,0,0,.95) ,rgba(140,0,0,0) 60%);
	background: -moz-linear-gradient(bottom, rgba(140,0,0,.95) ,rgba(140,0,0,0) 60%);
	background: linear-gradient(bottom, rgba(140,0,0,.95) ,rgba(140,0,0,0) 60%);
	opacity: 0;
	transition: all .35s;
}

ul li:hover dt::after,
.news_item:hover  dt::after { opacity: 1; transition: all .35s; }

.news_item dt,
.news_item dt .imgsize { border-radius: 5px; overflow: hidden; }
.news_item dd {  
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 8px;
	padding: 15px;
	justify-content: space-between;
} 

/* mode-news-end */



.mode-news,
.mode-student,
.mode-viewpoint  { background-color: #f7f7f7;  }

 
/* mode-viewpoint */
.mode-viewpoint {
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #f7f7f7; 
}

.mode-viewpoint .grid-container {
	width: 100%;
	grid-template-columns: 76% calc(100% - 76% - var(--gap_sapce));
	gap: var(--gap_sapce); 
}


/* lectrue  */
.box-lectrue { display: flex;  flex-flow: column;  justify-content: space-between;}
.box-lectrue .btn_more_lightred  { margin-top:var(--gap_sapce) ; }

.lectruelist { }
.lectruelist ul  { 
	gap: 0;  
	/* background-color: #f7f7f7; 
	padding: .25rem; */
}

.lectruelist ul li:nth-child(1),
.lectruelist ul li:nth-child(2){ 	border-top: 1px solid transparent;  }
.lectruelist ul li { 
	border-top: 1px #ddd solid;  
	background-color: #fff;
	/* padding-right: .3rem; */ 
	padding:.23rem .2rem;
	position: relative; 
	transition: all .35s;
}
/* .lectruelist ul li a {	padding: var(--gap_sapce) 0; } */
.lectruelist ul li .news-title { min-height: .52rem; }

/* .lectruelist ul li:nth-child(2n) { padding-right:0 ; padding-left: .3rem; } */
.lectruelist ul li:nth-child(2n)::before  { 
	content: "";
	display: block;
	height: 80%;
	border-right: 1px #ddd solid;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.lectruelist ul li:hover .news-title { color: var(--theme_red); transition: all .35s; }

/* .lectruelist ul li:nth-child(2n) .lectrue_item dt { width: 48%; }
.lectruelist ul li:nth-child(2n) .lectrue_item dd { width: 52%; } */
/* .lectruelist ul li:nth-child(2n) .lectrue_item dt .img1_1 {  padding-top: 46%;} */


/* #actives {  height: 63vh; } */
#actives .swiper { height:calc(100% - 1.03rem); }
#actives .swiper-slide { border-radius: 5px; overflow: hidden; }
#actives .swiper-slide .active_item,
#actives .swiper-slide .active_item dt ,
#actives .swiper-slide .active_item dt .imgsize { height: 103%;}


.lectrue_item {	display: flex; 	flex-flow: row-reverse;	gap: var(--gap_sapce); } 
.lectrue_item dt { width: calc(25% - var(--gap_sapce));}
.lectrue_item dt .imgsize { border-radius: 5px; }
.lectrue_item dd { 
	width: 75%; 
	display: flex;
	flex-flow: column;
	gap: var(--gap_sapce); 
	justify-content: space-between;
}

/* active */
.actives_list ul li {	border: 1px #ddd solid; }
.actives_list ul li ,
.actives_list ul li .active_item dt { border-radius: 3px; overflow: hidden; }
.actives_list ul li .active-tags { display: none; }

.actives_list ul li:hover {
	border-color: transparent;
	background:-webkit-linear-gradient(128deg,#910000 65%,#ba3200);
	background:-moz-linear-gradient(128deg,#910000 65%,#ba3200);
	background:-o-linear-gradient(128deg,#910000 65%,#ba3200);
	background:linear-gradient(128deg,#910000 65%,#ba3200); 
}
.actives_list ul li:hover a * { color: #fff !important;   }
.actives_list ul li:hover a .active_info,
.actives_list ul li:hover a .active_info::after { border-color: rgba(255,255,255,.15);}
.actives_list ul li:hover a .active_info span { opacity: .5; }

.active_item { 
	display: grid;	
	grid-template-columns: 27% auto; 
	gap: var(--gap_sapce);  
	padding: var(--gap_sapce);
}

.active_item dt .img9_16 {  padding-top: 156%;}



.active_item dd {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	/* gap: var(--gap_sapce); */
	/* justify-content: space-between; */
	/* padding: var(--gap_sapce); */
	position: relative; 
}

.active_item dd .news-title { font-size: .24rem; }

.active_item .active_desc p ,
.active_info p span { color: #999;}

.active_item .active_info { 
	border-top: 1px #ddd solid;
	display: grid;
	grid-template-columns: 48% 48%;
	justify-content: space-between;
    gap: 10%;
	width: 100%;
	position:absolute;
	left: 0;
	bottom: 0;
	padding: 15px 0 ;
}

.active_info::after {
	content: "";
	display: block;
	height: 67%;
	border-right: 1px #ddd solid;
	position: absolute;
	left: 50%;
	top: 62%;
	transform: translate(-50%,-50%);
}

.active_item .active_info p {  text-align: left; }
.active_info p span { display: block; color: #999; font-size: 73%;  margin-bottom: 5px;}


#actives .active_item {  width: 100%;  display: block; padding: 0; }
 
#actives .active_item dd {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: space-between;
	color: #fff;
	padding: var(--gap_sapce);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	text-align: left;
	transition: all .35s;
}

#actives .active_item dd::after {
	content: "";
	width: 100%;
	height: 37%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	transform: translateY(0);
	background: -webkit-linear-gradient(bottom,rgba(140,0,0,1) 63%,rgba(140,0,0,0) 99%);
	background: -ms-linear-gradient(bottom,rgba(140,0,0,1) 63%,rgba(140,0,0,0) 99%);
	background: -moz-linear-gradient(bottom,rgba(140,0,0,1) 63%,rgba(140,0,0,0) 99%);
	background: linear-gradient(bottom,rgba(140,0,0,1) 63%,rgba(140,0,0,0) 99%);
	transition: all .45s;
}

#actives .active_item .active_info { 
	border-top: 1px #fff solid;
	display: grid;
	grid-template-columns: 48% 48%;
	justify-content: space-between;
	gap: var(--gap_sapce); 
	position: relative;
	padding: 0 ;
	padding-top: 15px ;
}
#actives .active_item .active_info::after { border-right: 1px rgba(255,255,255,.5) solid; }
#actives .active_item .active_info p { color: #fff;font-size: 65%; }

#actives .swiper-slide .active_item .news-title { color:#fff; }

#actives .active_item .active-tags {
	display: inline-flex;
	padding: .1rem .15rem;
	line-height: 1;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	justify-content: center;
	align-items: center;
	background-image: radial-gradient(circle,#c60000, #9b0000);
}

#actives .active_item .active_slidetogle {width: 100%; display: flex;	flex-flow: column; 	color: #fff; padding-bottom: 20px; }
#actives .active_item .active_desc { /* height: 27vh; */ display: none; margin-bottom: var(--gap_sapce);}
#actives .active_item .active_desc p { color: rgba(255,255,255,.5); font-size: 14px; } 












/* mode-viewpoint-end */
 
 
/* mode-sort */
.mode-sort { 
	padding: 0; 
	background-image: url(../img/icon/bgsort.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.mode-sort .red_wamp { 
	padding: 1.35rem 0;  
	background: url(../img/bg_sort.png), -webkit-linear-gradient(left,rgba(140,0,0,0.35),rgba(140,0,0,.5) ) ;
	background-repeat: no-repeat;
	background-size: auto 112%, 126% auto;
	background-position: 18% 6%;
}

.mode-sort .grid-container { grid-template-columns: 60% 40%; }

.mode-sort * { color: #fff; }
.mode-sort .box-1 { min-height: 35vh; display: grid; gap: .5rem; }
.mode-sort .box-1 h3.stand-title-30,
.mode-sort .nums p span {  
	text-align: left; 
	word-spacing: 1px;
	font-size: .36rem;
}

.mode-sort .box-1 h3.stand-title-30 { position: relative; font-size: .6rem; }
.mode-sort .box-1 h3::before {
	content: "";
	display: block;
	width: 35%;
	border-top: 1px rgba(255,255,255,.5) solid;
	position: absolute;
	top: 129%;
}

.mode-sort .nums {
    text-align: end;
    font-size: 2.8rem;
    position: relative;
	display: flex;
	gap: .5rem;
	flex-flow: column;
    width: 100%;
    margin: auto;
    word-spacing: -9px;
}

.mode-sort .nums p {
	display: flex;
	align-items: flex-end;
}

.mode-sort .nums p span { display: block; }

.mode-sort .nums img {
	width: 33%;
	margin: auto;
	/* transform: scale(.5); */
	/* margin-left: auto;
	margin-right: 0; */
}

.mode-sort .nums sup { 
	font-size: 59%;
	position: absolute;
	left: 1rem;
	top: 88px;
}

.certification {
	border-top: 1px rgba(255,255,255,.5) solid;
	padding-top: var(--gap_sapce);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: .5rem;
}

.certification h5 { font-size: .2rem; } 
.certification ul { display: flex;	gap:.5rem; }
.certification ul img,
.ft-outlinks .ft-organization ul a { display: block; height:.35rem; }

/* mode-sort */


/* mode-process */
.mode-process {
	background: -webkit-linear-gradient(279deg, #580000, #aa0000, #ed8d01) ;
	padding: 0;
}

.mode-process .red_wamp {
	padding: 1rem 0;
	width: 100%;
	height: 100%;
	background-image:url(../img/icon/emba-bg.png) ,url(../img/icon/EMBA.png);
	background-repeat: no-repeat no-repeat;
	background-size: 100% auto ,auto auto;
	background-position: left top ,69% 10%;
}  


.timer {
	display: flex;
	flex-flow: column;
	gap: 5px;
	padding: 20px 10px;
	border-radius: 5px;
	background-color: rgba(255,255,255,.15);
	width: 100%;
	font-size: .24rem;
}

.timer small { font-size: 68%; }

.process_card {
	display: grid; 
	grid-template-columns: 45% calc(100% - var(--gap_sapce) - 45%);
	justify-content: space-between;
	gap: var(--gap-space);
	min-height: 1rem;
}

.process_card dt {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}

.process_card dd {
	display: flex;
	flex-flow: column;
	gap: 5px; 
	text-align: center;
	font-size: 14px;
}

.process_card dd img { max-width: 90%; margin: auto;}

.process_card .stand-title { color: #fff; font-size: .18rem;}


.processlist ul { 	display: flex;	flex-flow: row wrap; }
.processlist ul li { border-radius: 5px; overflow: hidden; }
.processlist ul li a { padding: .3rem; color: #fff; }
.processlist ul li big.nums { font-size: .36rem; margin-bottom: 10px; }

.processlist ul li:nth-child(1) ,
.processlist ul li:nth-child(3){ width:calc(( 100% - 40px - 50%) / 2); }

.processlist ul li:nth-child(2) { width: 50%; }
.processlist ul li:nth-child(2) p.tips { 
	position: absolute; 
	right: 0; 
	top: 40%; 
	transform: translateY(-50%);
	opacity: .5;
	font-size: 14px;
}
.processlist ol li:nth-child(2) { width: auto; }
 
 
 /* 2026-4-3  */
/* .processlist ul li:nth-child(4),
.processlist ul li:nth-child(5), 
.processlist ul li:nth-child(6), */
.processlist ul li { width: calc((100% - 40px) / 3); background-color: rgba(255,255,255,.35);}  

.for-uneven-number ul li:nth-last-child(2), 
.for-uneven-number ul li:last-child { width: calc((100% - 20px) / 2);}

.processlist ul li:nth-child(1) { 
	background: -webkit-linear-gradient(294deg, #b70700,#e83100) ;
	background-repeat: no-repeat ;
	background-size: auto  100%; 
	background-position: right center;
	z-index: 0 -1;
}

.processlist ul li:nth-child(2) { 
	background: -webkit-linear-gradient(294deg, #e88800,#f9a11d,#ffaa25) ;
	background-repeat: no-repeat no-repeat;
	background-size: auto  100%; 
	background-position: right center;
	z-index: 0 ;
}

#emba_process {  width: 100%; height: 100%; }
#emba_process::after {
	content: "";
	width: 12%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	pointer-events: none;
	background: -webkit-linear-gradient(right,rgba(253,167,34,1) 26%,rgba(255,255,255,0));
}
#emba_process ol { padding: 0; } 
#emba_process ol li { background: rgba(255,255,255,.15);	border-radius: 5px; padding: 0; transition: all .35s;}
#emba_process ol li p { line-height: 1; width: 100%; display: flex;	flex-flow: column;	gap: 5px; padding: 0 14px; }
#emba_process ol li p big { font-size: .36rem;  margin-bottom: 0;}
#emba_process ol li:hover {	background-color: #c97600; color: #fff;	transition: all .35s;}

#emba_process .swiper-pagination-progressbar {	position: static; margin-top: 20px;}
.processlist ul li:nth-child(2) .process_card { grid-template-columns: 20% 78%; }

.processlist ul li:nth-child(3) { 
	background: -webkit-linear-gradient(294deg, #24a680, #fff) ;
	background-repeat: no-repeat no-repeat;
	background-size: auto  100%; 
	background-position: right center;
	z-index: 0  ;
}

.processlist ul li:nth-child(3) a {
	background: -webkit-linear-gradient(294deg, rgba(64,175,141,1),rgba(255,255,255,0)) , url(../img/row-1.png);
	background-repeat: no-repeat no-repeat;
	background-size: cover; 
	background-position: right center;
	z-index: 0 -1;
}

.processlist ul li:nth-child(4) { 
	background: -webkit-linear-gradient(294deg,#914891,#ab70ab) ;
	background-repeat: no-repeat ;
	background-size: auto  100%; 
	background-position: right center;
	z-index: 0 -1;
}
 
.processlist ul li:nth-child(5) {
	background: -webkit-linear-gradient(294deg, #c5ae78, #fff ) , url(../img/row-2.png);
	background-repeat: no-repeat no-repeat;
	background-size: auto  100%; 
	background-position: right center;
	z-index: 0 -1;
}

.processlist ul li:nth-child(5) a {
	background: -webkit-linear-gradient(32deg, rgba(194,171,117,1),rgba(255,255,255,0)) , url(../img/row-3.png);
	background-repeat: no-repeat no-repeat;
	background-size: cove; 
	background-position: right center;
	z-index: 0 -1;
}

.processlist ul li:nth-child(6) { 
	background: -webkit-linear-gradient(294deg, #2c9dc0,#fff) ;
	background-repeat: no-repeat no-repeat;
	background-size: auto  100%; 
	background-position: right center;
	z-index: 0 -1;
}
 
.processlist ul li:nth-child(6) a {
 	background: -webkit-linear-gradient(32deg, rgba(44,157,192,1),rgba(255,255,255,0)) , url(../img/8.png);
 	background-repeat: no-repeat no-repeat;
 	background-size:cover; 
 	background-position: right center;
 	z-index: 0 -1;
}

/* mode-process-end */



/* mode-student */
.mode-student {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto;
}

.student_list ul li:nth-child(1) {
	grid-column-start: 1;
	grid-column-end: span 2;
	grid-row-start: 1;
	grid-row-end: span 2;
}

.student_list ul li:last-child {
	grid-column-start: 3;
	grid-column-end: span 2;
	grid-row-start: 2;
	grid-row-end: span 3;
} 

dl.stu-item { border-radius: 5px; overflow: hidden; }

.student_list ul li dl.stu-item {  display: block; position: relative;  }
.student_list ul li dl.stu-item dd .unison-date { display: none; }
.student_list ul li dl.stu-item dd h3 ,
#stu_charm ul li dd h3 { font-size: 18px; color: #fff;  margin-bottom: 0; text-align: left; }

.student_list ul li:nth-child(1) dl.stu-item dd .unison-date,
.student_list ul li:last-child dl.stu-item dd .unison-date ,
#stu_charm ul li dd .unison-date { display: block !important; }

.student_list ul li .img16_9 { padding-top: 59.8%; }


#stu_charm ul li dd,
.student_list ul li dd {
	display: grid;
	grid-template-columns: 100%;
	gap: 10px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	padding: .18rem; 
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,.85) 15%,rgba(0,0,0,0) 96%);
	transition: all .3s;
}

.student_list ul li:hover dd {
	background: -webkit-linear-gradient(bottom,rgba(140,0,0,1) 15%,rgba(140,0,0,0) 96%);
	transition: all .3s;
}



/* mode-student-end */