/* ============================================================
   低代码平台 大菜单
   展开样式移植自 ddm/index.html 的「产品功能」下拉
   作用域：.header .naver li.ddmnav，不影响站点其余导航
   ============================================================ */

/* 导航项箭头 */
.header .naver li.ddmnav > h3 > a > i.bs-icon-icongongnengxiala {
	font-style: normal;
	font-size: 0.6rem;
	margin-left: 0.3rem;
	display: inline-block;
	vertical-align: middle;
	transition: transform 0.3s;
}
.header .naver li.ddmnav:hover > h3 > a > i.bs-icon-icongongnengxiala {
	transform: rotate(180deg);
}

/* 下拉面板：整行白色 + 顶部细线 + 投影，内容居中 */
.header .naver li.ddmnav .snli.ddm-snli {
	background: #fff;
	border-top: 1px solid #e0e0e0;
	box-shadow: 0 0.125rem 1.875rem 0 rgba(0, 0, 0, 0.1);
	text-align: left;
}
/* 站点 snli 自带的左侧浅色底条（解决方案用），这里不需要 */
.header .naver li.ddmnav .snli.ddm-snli:after {
	display: none;
}

.ddm-snli .ddm-cols {
	max-width: 73.125rem; /* 1170px */
	margin: 0 auto;
	padding: 2.5rem 1.25rem 3.125rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	box-sizing: border-box;
}
.ddm-snli .sections {
	flex: 0 1 12.5rem;
	min-width: 0;
	margin-right: 0.5rem;
}
.ddm-snli .sections:last-child {
	margin-right: 0;
}
.ddm-snli .sections dl {
	width: 100%;
	margin: 0;
}
.ddm-snli .sections dt {
	font-size: 1rem;
	font-weight: 500;
	color: #666666;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 1.25rem 1.5625rem;
	white-space: nowrap;
}
.ddm-snli .sections dd {
	margin: 0;
}
.ddm-snli .sections dd a {
	display: flex;
	align-items: center;
	height: 2.875rem;
	line-height: normal;
	padding: 0 1.25rem;
	border-radius: 0.125rem;
	color: #333333;
	text-decoration: none;
	transition: background-color 0.3s;
}
.ddm-snli .sections dd a i {
	font-size: 1rem;
	font-style: normal;
	flex: 0 0 auto;
}
.ddm-snli .sections dd a span {
	color: #333333;
	padding-left: 0.5rem;
	font-size: 0.875rem;
	white-space: nowrap;
}

/* 悬停底色：沿用 ddm 各分类配色 */
.ddm-snli .sections dd a:hover.blue {
	background: rgba(24, 144, 255, 0.1);
}
.ddm-snli .sections dd a:hover.blue1 {
	background: rgba(47, 84, 235, 0.1);
}
.ddm-snli .sections dd a:hover.green {
	background: rgba(160, 217, 17, 0.1);
}
.ddm-snli .sections dd a:hover.green1 {
	background: rgba(82, 196, 26, 0.1);
}
.ddm-snli .sections dd a:hover.green2 {
	background: rgba(19, 194, 194, 0.1);
}
.ddm-snli .sections dd a:hover.orange {
	background: rgba(250, 173, 20, 0.1);
}
.ddm-snli .sections dd a:hover.orange1 {
	background: rgba(250, 140, 22, 0.1);
}

@media (max-width: 1280px) {
	.ddm-snli .ddm-cols {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.ddm-snli .sections {
		flex: 0 0 calc(33.333% - 0.5rem); /* 扣掉右侧间距，保证一行 3 列铺满 */
		margin-bottom: 1rem;
	}
}
@media (max-width: 768px) {
	.ddm-snli .sections {
		flex: 0 0 calc(50% - 0.5rem);
	}
}