@charset "utf-8";
/* CSS Document */


.nav-tabs-i .nav-link-i.active {
	border-bottom: 4px solid #AA0507; /* 下划线的颜色和厚度 */
}
	
.red-hover:hover {
  color: red;
  text-decoration: underline; /* 添加下划线 */
  background-color: #FAE7C5;
}


/*超链接改变边框颜色*/
.my-border-link {
    text-decoration: none; /* 去掉下划线 */
    border: 2px solid transparent; /* 透明边框，以便在悬停时改变颜色 */
    padding: 4px 4px; /* 可选：增加一些内边距，以便更好地看到边框 */
    transition: border-color 0.3s ease; /* 添加过渡效果 */
}
 
.my-border-link:hover {
    border-color: #007bff; /* 鼠标悬停时边框颜色变为蓝色 */
}


/*超链接改变边框颜色[灰色]*/
.my-border-hui-link {
    text-decoration: none; /* 去掉下划线 */
    border: 2px solid transparent; /* 透明边框，以便在悬停时改变颜色 */
    padding: 4px 4px; /* 可选：增加一些内边距，以便更好地看到边框 */
    transition: border-color 0.3s ease; /* 添加过渡效果 */
}
 
.my-border-hui-link:hover {
	border-color: #747474;
}


/*图片高度限制*/
.img-cover-100{
    width: 100%;
	max-height: 100px;
	overflow-y: hidden;
    object-fit: cover; /* 关键样式，实现水平铺满且上下剪裁 */
}


/*图片高度限制*/
.img-cover-120{
    width: 100%;
	max-height: 120px;
	overflow-y: hidden;
    object-fit: cover; /* 关键样式，实现水平铺满且上下剪裁 */
}

	
/*图片高度限制*/
.img-cover-150{
    width: 100%;
	max-height: 150px;
	overflow-y: hidden;
    object-fit: cover; /* 关键样式，实现水平铺满且上下剪裁 */
}

.img-cover-180{
    width: 100%;
	max-height: 180px;
	overflow-y: hidden;
    object-fit: cover; /* 关键样式，实现水平铺满且上下剪裁 */
}


.img-cover-200{
    width: 100%;
	max-height: 200px;
	overflow-y: hidden;
    object-fit: cover; /* 关键样式，实现水平铺满且上下剪裁 */
}




/* 自定义链接样式 */
.yw-link {
  color: #504F4F;
  font-size: 20px;
  text-decoration: overline;
}
.yw-link:hover {
  color: #696969;
}

/*测试边框*/
.border_test{
	border: #DC1518 solid 1px;
}


/*扩展超链接*/
.custom-block-link {
	position: relative;
}
.custom-block-link a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


/*flex居中对齐*/
.mod_center{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.h1-color{
	color: #5C5C5C;
}