.information-index-box{
	width: 96%;
	max-width: 1440px;
	min-width: 1200px;
	margin: 0 auto 30px;
	padding: 0;
	box-sizing: border-box;
}

h4,h5,p{
	margin:0;
}
b{
	font-weight:normal;
}
.flex{
	display:flex;
}
.flex1{
	flex:1;
}
.banner-module{
	margin-bottom:24px;
	display: flex;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
.banner-module .left{
	width:100%;
	height:360px;
	background:#eee;
}
.banner-module .banner-card{
	border-radius: 0;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	background: #ffffff;
	width: 100%;
	height: 100%;
}
.banner-module .info-banners{
	width: 100%;
	height: 100%;
}
.banner-module .banner-box{
	width: 100%;
	height: 100%;
}
.banner-module .left li{
	width: 100% !important;
	height: 360px;
	background-size: cover !important;
	background-position: center center !important;
	display: block;
}
.banner-module .info-banners .swiper-slide{
	width: 100% !important;
	height: 360px;
}
.banner-module .info-banners .swiper-pagination{
	bottom: 10px;
}
/* Swiper Navigation Arrows */
.banner-module .info-banners .swiper-button-prev,
.banner-module .info-banners .swiper-button-next{
	width: 48px;
	height: 48px;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
	transition: all 0.3s ease;
	z-index: 10;
	position: absolute;
}
.banner-module .info-banners .swiper-button-prev{
	left: 20px;
}
.banner-module .info-banners .swiper-button-next{
	right: 20px;
}
.banner-module .info-banners .swiper-button-prev:hover,
.banner-module .info-banners .swiper-button-next:hover{
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	transform: translateY(-50%) scale(1.1);
}
.banner-module .info-banners .swiper-button-prev:after,
.banner-module .info-banners .swiper-button-next:after{
	font-size: 20px;
	font-weight: 400;
	color: #0f172a;
	line-height: 48px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.banner-module .info-banners .swiper-button-prev:after{
	content: '◀';
}
.banner-module .info-banners .swiper-button-next:after{
	content: '▶';
}
.banner-module .info-banners .swiper-button-prev.swiper-button-disabled,
.banner-module .info-banners .swiper-button-next.swiper-button-disabled{
	opacity: 0.35;
	cursor: not-allowed;
}
.info-lists{
	width:calc(100% - 224px);
	flex: 1;
	min-width: 0;
}
.info-lists.article-list-card{
	border-radius: 10px;
	background: #ffffff;
	padding: 0 25px 20px;
	box-shadow: none;
	box-sizing: border-box;
}
.info-lists h4{
	font-weight:600;
	line-height:44px;
	border-bottom:2px solid #e2e8f0;
	margin-bottom: 16px;
	padding-bottom: 2px;
}
.info-lists h4{
	border-bottom-color: var(--color);
	border-bottom-width: 3px;
}
.info-lists h4 span{
	display:inline-block;
	font-size:18px;
	font-weight:600;
	color:#334155;
	padding-right:0;
	border-bottom:none;
	line-height:44px;
}
.info-conts{
	padding:0;
	margin-bottom:30px;
	display: flex;
	gap: 24px;
	align-items: flex-start;
}
.info-conts .class{
	width:280px;
	margin-right:0;
	flex-shrink: 0;
}
.info-conts .category-card{
	border-radius: 10px;
	background: #ffffff;
	padding: 15px;
	height: auto;
	box-shadow: none;
	box-sizing: border-box;
}
.info-conts .class h4{
	padding-left:0;
	margin-bottom: 10px;
	font-size:16px;
	font-weight:600;
	line-height:24px;
	color:#000000;
	border-bottom: 1px solid #e6e7eb;
	padding-bottom: 10px;
}
.info-lists h4{
	margin-top:0;
}
.info-lists ul li{
	padding: 25px 0;
	border-bottom:1px solid #e6e7eb;
	border-radius: 0;
	margin-bottom: 0;
	transition: none;
}
.info-lists ul li:hover{
	background: transparent;
	box-shadow: none;
	transform: none;
}
.info-lists ul li:last-child{
	border-bottom:none;
	margin-bottom: 0;
}
.info-lists ul li .img-box{
	display:inline-block;
	width:216px;
	height:150px;
	overflow: hidden;
	background:#eee;
	background-size:cover !important;
	border-radius: 12px;
	flex-shrink: 0;
}
.info-lists ul li .text-conts{
	padding-left:24px;
	width:calc(100% - 240px);
}

.info-lists li .text-conts h5 span{
	font-size:16px;
	color:#000000;
	font-weight:600;
	line-height:1.1;
	display:block;
	margin-bottom:12px;
	transition: none;
}
.info-lists ul li:hover .text-conts h5 span{
	color: #000000;
}

.info-lists li .text-conts .views *{
	font-size:14px;
	color:#838383;
}
.info-lists li .text-conts .views i{
	margin-right:6px;
	font-size:14px;
}
.info-lists li .text-conts .views em{
	display: flex;
	align-items: center;
	gap: 6px;
}
.info-lists li .text-conts .views time{
	display: flex;
	align-items: center;
	gap: 6px;
	padding-left: 16px;
}

/* Figma 1366:138 - 资讯列表：左日期 / 中文案 / 右图片 */
.information-index-box .info-lists ul li > .infoListItem{
	display: flex;
	align-items: center;
	gap: 24px;
}

.information-index-box .info-lists ul li .articleDateBadge{
	width: 124px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 6px;
}

.information-index-box .info-lists ul li .articleDateBadge__day,
.information-index-box .info-lists ul li .articleDateBadge__slash{
	margin: 0;
	font-size: 44px;
	font-weight: 600;
	line-height: 1.1;
	color: #ff6029;
}

.information-index-box .info-lists ul li .articleDateBadge__meta{
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.2;
}

.information-index-box .info-lists ul li .articleDateBadge__year,
.information-index-box .info-lists ul li .articleDateBadge__month{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	color: #333333;
}

.information-index-box .info-lists ul li .text-conts{
	width: auto;
	padding-left: 0;
	min-width: 0;
}

.information-index-box .info-lists ul li .columns{
	height: auto;
	display: block;
}

.information-index-box .info-lists ul li .articleIntro{
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: #838383;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.information-index-box .info-lists ul li .img-box{
	margin-left: auto;
}
.drap-ul .li{
	border-radius: 0;
	overflow: visible;
	background: transparent;
}
.drap-ul .li .conts{
	display:none;
	width:100%;
}
.drap-ul .li.active .conts{
	display:block;
}
.drap-ul .li.active .head{
	background: transparent !important;
	box-shadow: none;
}

.drap-ul .li .conts p.active span{
	color:var(--color);
	font-weight: 600;
}
.drap-ul .li .head span{
	font-size:14px;
	max-width: none;
	overflow: hidden;
	display: inline-block;
	height:auto;
	color:#333333;
}
.drap-ul .li .head,.drap-ul .li p{
	height:32px;
	line-height:32px;
}
.drap-ul .li p{
	border-bottom:none;
	transition: color 0.2s ease;
	cursor: pointer;
}
.drap-ul .li p:hover{
	background: transparent;
}
.drap-ul .li p span{
	font-size:14px;
	color:#333333;
	padding-left:0;
	height: auto;
	display: inline-block;
	overflow:hidden;
}
.drap-ul .li .head{
	padding-left:0;
	padding-right:0;
	background: transparent;
	cursor: pointer;
	transition: color 0.2s ease;
}

.drap-ul .li .head:hover{
	background: transparent;
	border-color: transparent;
}

.drap-ul .li .head *{
	color:#333333;
}
.drap-ul .li .head i{
	color:#333333;
	display:none;
}
.drap-ul .li.active .head *{
	color:#333333;
}
.drap-ul .li.active .head i{
	color:#333333;
}

.drap-ul .li .conts p{
	background:#ffffff;
}
.drap-ul .li .conts p.active{
	background: transparent;
	border-left: none;
}
 .drap-ul .li .conts p span:hover{
	 color:var(--color);
 }
 .columns{
	height:83px;
	display:flex;
	flex-direction: column;
	justify-content:space-around;
 }
 .noDatas.details{
	display:none;
 }
 .noDatas{
	padding:50px 0;
	text-align:center;
 }
 .noDatas i.iconfont{
	font-size:100px;
	color:var(--color);
 }
 .noDatas p{
	font-size:14px;
	color: var(--color);
	margin-top:20px;
 }
 .info-title{
	font-size:28px;
	font-weight:700;
	margin-top:0;
	margin-bottom:24px;
	text-align:left;
	letter-spacing: 0.5px;
	color: #1e293b;
	line-height: 1.4;
 }
 .info-detail-rel{
	width:100%;
	display:flex;
	justify-content:flex-start;
	gap: 32px;
	padding: 16px 0;
 }
 .info-detail-rel > span{
	font-size:14px;
	color:#64748b;
	display: flex;
	align-items: center;
	gap: 6px;
 }
 .info-detail-rel .author-name,
 .info-detail-rel .author-title,
 .info-detail-rel .author-socials {
	display: inline;
 }
 .info-detail-rel em{
	font-size:14px;
	color:#334155;
	font-weight: 500;
	font-style: normal;
 }
 .info-detail-rel .info-meta-icon{
	font-size: 14px;
	line-height: 1;
	color: inherit;
	flex-shrink: 0;
 }

 .info-details{
	margin-top:0;
	font-size:16px;
	color:#475569;
	border-top: none;
	padding: 32px 0;
	line-height: 1.8;
	min-height: 200px;
 }
 .info-details p {
	margin-bottom: 16px;
	line-height: 1.8;
 }
 .info-details img {
	max-width: 100%;
	border-radius: 8px;
	margin: 20px 0;
 }
 .info-details h1,
 .info-details h2,
 .info-details h3,
 .info-details h4,
 .info-details h5,
 .info-details h6{
	color: #1e293b;
	font-weight: 600;
	margin-top: 24px;
	margin-bottom: 12px;
 }
 /* 正文作者署名块（避免与站点 <footer> 样式冲突） */
 .info-details footer.article-author,
 .info-details .article-author {
	display: block;
	width: auto;
	margin: 28px 0 8px;
	padding: 16px 18px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	color: #475569;
	font-size: 14px;
	line-height: 1.7;
	box-sizing: border-box;
 }
 .info-details footer.article-author p,
 .info-details .article-author p {
	margin: 0 0 8px;
	color: #475569;
 }
 .info-details footer.article-author p:last-child,
 .info-details .article-author p:last-child {
	margin-bottom: 0;
 }
 .info-details footer.article-author a,
 .info-details .article-author a {
	color: #2563eb;
	text-decoration: underline;
 }
 /* 详情 */
 .info-lists.details{
	margin-top:40px;
	width:100%;
	padding: 0 40px;
	box-sizing:border-box;
 }

 .info-lists.details li{
	/* width:33.3%;
	float: left; */
	/* Empty ruleset - styles commented out */
 }
 .info-buttons{
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid #e2e8f0;
	display: flex;
	justify-content: space-between;
	align-items: center;
 }
 .info-detail-share{
	display: flex;
	align-items: center;
	gap: 12px;
 }
 .info-detail-share .shareLabel{
	font-size: 14px;
	color: #64748b;
	font-weight: 500;
 }
 .info-detail-share .shareBtn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-decoration: none;
	transition: all 0.2s ease;
	cursor: pointer;
	color: #ffffff;
 }
 .info-detail-share .shareBtn svg{
	width: 20px;
	height: 20px;
 }
 .info-detail-share .shareBtn-wechat{
	background: #07c160;
 }
 .info-detail-share .shareBtn-wechat:hover{
	background: #06ad56;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(7, 193, 96, 0.3);
 }
 .info-detail-share .shareBtn-weibo{
	background: #e6162d;
 }
 .info-detail-share .shareBtn-weibo:hover{
	background: #c91428;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(230, 22, 45, 0.3);
 }
 .info-detail-share .shareBtn-facebook{
	background: #1877f2;
 }
 .info-detail-share .shareBtn-facebook:hover{
	background: #166fe5;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(24, 119, 242, 0.3);
 }
 .info-detail-share .shareBtn-twitter{
	background: #1da1f2;
 }
 .info-detail-share .shareBtn-twitter:hover{
	background: #1a91da;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(29, 161, 242, 0.3);
 }
 .info-detail-share .shareBtn-linkedin{
	background: #0077b5;
 }
 .info-detail-share .shareBtn-linkedin:hover{
	background: #006699;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 119, 181, 0.3);
 }
 .info-back-btn{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: linear-gradient(135deg, var(--color) 0%, #2563eb 100%);
	color: #ffffff;
	text-decoration: none;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s ease;
 }
 .info-back-btn:hover{
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
	box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
	transform: translateY(-1px);
 }
 .info-back-btn i{
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
 }
.next{
	max-width:300px;
}
.details-conts{
	line-height: 1.8;
	background: #ffffff;
	border-radius: 8px;
	margin-bottom: 30px;
}

/* Figma 1390:1377 — 资讯详情页：标题 / 元信息 / 正文 / 底栏 */

.details-conts--fig1390 .info-title {
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Microsoft YaHei", sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 44px;
	color: #1b1c1c;
	margin-bottom: 16px;
}

.details-conts--fig1390 .info-detail-rel {
	gap: 24px;
	padding: 16px 0;
	border-top: 1px solid #efeded;
	border-bottom: 1px solid #efeded;
	flex-wrap: nowrap;
	align-items: center;
}

.details-conts--fig1390 .info-detail-rel > span {
	font-size: 14px;
	font-weight: 400;
	color: #838383;
	gap: 8px;
	line-height: 21px;
}

.details-conts--fig1390 .info-detail-rel em {
	font-size: 14px;
	font-weight: 400;
	color: #838383;
	line-height: 21px;
}

.details-conts--fig1390 .info-detail-rel .info-meta-icon {
	font-size: 14px;
	color: #838383;
	line-height: 1;
}

.details-conts--fig1390 .info-details {
	color: #1b1c1c;
	font-size: 16px;
	line-height: 24px;
	padding: 24px 0 32px;
	border-top: none;
}

.details-conts--fig1390 .info-details p {
	color: #1b1c1c;
	line-height: 24px;
	margin-bottom: 16px;
}

.details-conts--fig1390 .info-details h1,
.details-conts--fig1390 .info-details h2,
.details-conts--fig1390 .info-details h3 {
	color: #1b1c1c;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	margin-top: 22px;
	margin-bottom: 12px;
}

.details-conts--fig1390 .info-details h4,
.details-conts--fig1390 .info-details h5,
.details-conts--fig1390 .info-details h6 {
	color: #1b1c1c;
	font-weight: 600;
}

.details-conts--fig1390 .info-details img {
	border-radius: 8px;
	border: 1px solid #efeded;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.details-conts--fig1390 .info-details footer.article-author,
.details-conts--fig1390 .info-details .article-author {
	background: #f7f8fa;
	border-color: #efeded;
	color: #4b5563;
}

.details-conts--fig1390 .info-details footer.article-author p,
.details-conts--fig1390 .info-details .article-author p {
	color: #4b5563;
	margin-bottom: 8px;
}

.details-conts--fig1390 .info-buttons {
	margin-top: 0;
	padding-top: 33px;
	border-top: 1px solid #efeded;
	min-height: 75px;
	box-sizing: border-box;
	align-items: center;
}

.details-conts--fig1390 .info-detail-share {
	gap: 16px;
	align-items: center;
}

.details-conts--fig1390 .info-detail-share-icons {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.details-conts--fig1390 .info-detail-share .shareLabel {
	font-size: 12px;
	font-weight: 600;
	color: #495f84;
	letter-spacing: 0.24px;
	line-height: 1;
}

.details-conts--fig1390 .info-detail-share .shareBtn {
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 8px;
	overflow: hidden;
	background: transparent !important;
}

.details-conts--fig1390 .info-detail-share .shareBtn img {
	display: block;
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 8px;
	vertical-align: top;
}

.details-conts--fig1390 .info-detail-share .shareBtn:hover {
	transform: none;
	box-shadow: none;
	opacity: 0.92;
}

.details-conts--fig1390 .info-detail-share .shareBtn-facebook:hover,
.details-conts--fig1390 .info-detail-share .shareBtn-twitter:hover,
.details-conts--fig1390 .info-detail-share .shareBtn-linkedin:hover,
.details-conts--fig1390 .info-detail-share .shareBtn-whatsapp:hover,
.details-conts--fig1390 .info-detail-share .shareBtn-email:hover {
	transform: none;
	box-shadow: none;
}

.details-conts--fig1390 .info-back-btn {
	background: #ffffff;
	color: #ff6029;
	border: 1px solid #ff6029;
	border-radius: 100px;
	padding: 13px 25px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.24px;
	line-height: 1;
	gap: 8px;
	box-shadow: none;
}

.details-conts--fig1390 .info-back-btn:hover {
	background: #fff8f5;
	color: #ff6029;
	border-color: #ff6029;
	transform: none;
	box-shadow: none;
}

.details-conts--fig1390 .info-back-btn__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	line-height: 0;
}

.details-conts--fig1390 .info-back-btn__icon img {
	display: block;
	width: 16px;
	height: 16px;
	object-fit: contain;
}

.info-details li {
	list-style: unset;
}

/* 优化分页样式 */
.info-lists .box {
	margin: 20px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.info-lists .page {
	margin: 0;
	text-align: center;
}

.info-lists .ui-pagination-container {
	height: auto;
	line-height: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.info-lists .ui-pagination-container .ui-pagination-page-item,
.info-lists .ui-pagination-container .ui-pagination-page-btn {
	font-size: 14px;
	font-weight: 400;
	min-width: 40px;
	height: 40px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
	color: #838383;
	margin: 0;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	box-sizing: border-box;
}

.info-lists .ui-pagination-container .ui-pagination-page-item:hover,
.info-lists .ui-pagination-container .ui-pagination-page-btn:hover {
	background: #ffffff;
	border-color: #d9d9d9;
	color: #666666;
	transform: none;
	box-shadow: none;
	text-decoration: none;
}

.info-lists .ui-pagination-container .ui-pagination-page-item.active {
	background: #ff6029;
	border-color: #ff6029;
	color: #ffffff;
	font-weight: 600;
	box-shadow: none;
	cursor: default;
}

.info-lists .ui-pagination-container .ui-pagination-page-item.active:hover {
	background: #ff6029;
	transform: none;
	box-shadow: none;
}

/* 隐藏分页输入框和跳转按钮（无法翻译，直接隐藏） */
.info-lists .ui-pagination-container input[type="text"],
.info-lists .ui-pagination-container .ui-pagination-page-btn {
	display: none !important;
}

/* 分页文本样式 */
.info-lists .ui-pagination-container em,
.info-lists .ui-pagination-container span {
	font-style: normal;
	color: #64748b;
	font-size: 13px;
	margin: 0 4px;
}

.breadcrumb-nav {
	width: 96%;
	max-width: 1440px;
	min-width: 1200px;
	margin: 20px auto;
	box-sizing: border-box;
	color: #000;
}

.breadcrumb-nav a {
	color: #838383;
}