@charset "utf-8";

.width { width: 1120px; margin: 100px auto; }

#list .listIn { display: flex; align-items: flex-start; flex-direction: row-reverse; position: relative; overflow: hidden; border-bottom: 1px solid var(--colorBg);   padding: 0 0 30px 0; margin: 0 0 30px 0; }
#list .listIn .thumb img {  width: 100%; height: 100%; opacity: 0.8; transition: all 300ms ease; }
#list .listIn:hover .thumb img { opacity: 1; transform: scale(1.05); }
#list .listIn:hover .cont .sub { color: #000; }
#list .listIn:hover .cont .desc { color: #444; }

#list .list { position: relative; text-align: left;  }
#list .list:last-child .listIn { border: none; }
#list .list .thumb { 
	display:flex;
	align-items:Center;
	position: relative; flex: 0 0 240px; width: 240px; height: 80px; overflow: hidden;  
}
#list .list.empty { text-align: center; color: #ccc; font-size: 17px; font-weight: 400; padding: 200px 0; background: #fff; } 

#list .cont { flex: 1 1 auto; padding: 0 60px 0 0; }
#list .cont .sub { font-size: 22px; font-weight: 600; margin: 10px 0 0 0; color: #444; letter-spacing: -1px; }
#list .cont .sub div { position: relative; display: inline-block; }
#list .cont .desc { text-overflow: ellipsis; font-size: 18px; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #777; white-space: normal; line-height: 1.7; margin: 20px 0; } 
	
.btn20250908 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background-color: #d32f2f;
  color: #fff;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  margin:0 auto;
}
.btn20250908:hover {
  background-color: #b71c1c;
}
.btn20250908 i {
  font-size: 20px;
}