/* ============================================
   新闻列表移动端样式 (News List Mobile Styles)
   ============================================ */

/* 移动设备 (最大宽度 767px) */
@media screen and (max-width: 767px) {
	/* 主要内容区域容器 */
	.list-warp {
		padding: 0 15px;
		margin-bottom: 30px;
	}

	/* 左右布局改为上下布局 */
	.list-warp {
		display: flex;
		flex-direction: column;
	}

	/* 左侧菜单 - 移动端隐藏或改为顶部折叠菜单 */
	.column {
		width: 100%;
		margin-bottom: 20px;
		order: 2;
	}

	.column .column-tit {
		padding: 12px 15px;
	}

	.column .column-tit strong {
		font-size: 18px;
		padding: 0;
	}

	.column .column-tit i {
		margin-left: 0;
		width: 30px;
	}

	.column ul {
		display: none;
	}

	.column ul.active {
		display: block;
	}

	.column li {
		font-size: 16px;
	}

	.column li a {
		padding: 15px 20px;
	}

	.column .title {
		padding: 15px 20px;
	}

	.column li dl {
		display: none;
	}

	.column li.active dl {
		display: block;
	}

	.column li dl dd {
		padding: 10px 0 10px 30px;
	}

	.column li dl a {
		padding: 10px 0 10px 15px;
		font-size: 14px;
	}

	/* 右侧新闻列表 */
	.columnList {
		width: 100%;
		order: 1;
	}

	.columnList .columnList-tit {
		padding: 15px 0 10px;
		margin-bottom: 10px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.columnList .columnList-tit .text-info {
		width: 100%;
		margin-bottom: 10px;
	}

	.columnList .columnList-tit .text-info strong {
		font-size: 18px;
		line-height: 1.4;
	}

	.columnList .columnList-tit .text-info em {
		font-size: 12px;
	}

	.current-location {
		width: 100%;
		font-size: 14px;
		justify-content: flex-start;
		margin-bottom: 15px;
		line-height: 1.6;
		word-break: break-all;
	}

	/* 新闻列表项 */
	.columnList-box li {
		padding: 12px 0;
		font-size: 16px;
		display: flex !important;
		flex-direction: column;
		align-items: flex-start;
	}

	.columnList-box li * {
		display: block !important;
	}

	.columnList-box li a {
		width: 100%;
		display: flex !important;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		text-decoration: none;
	}

	.columnList-box li span {
		max-width: 70%;
		width: auto;
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 4px;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.columnList-box li em {
		font-size: 14px;
		color: #999;
		flex-shrink: 0;
		white-space: nowrap;
		display: block !important;
		width: auto;
		margin-left: auto;
		align-self: flex-end;
	}
}

/* iPhone 6/7/8 优化 (375px) */
@media screen and (max-width: 375px) {
	.list-warp {
		padding: 0 12px;
		margin-bottom: 20px;
	}

	.column {
		margin-bottom: 15px;
	}

	.column .column-tit {
		padding: 10px 12px;
	}

	.column .column-tit strong {
		font-size: 16px;
		padding: 0;
	}

	.column .column-tit i {
		width: 25px;
		margin-left: 0;
	}

	.column li {
		font-size: 15px;
	}

	.column li a {
		padding: 12px 15px;
		line-height: 1.5;
	}

	.column .title {
		padding: 12px 15px;
		line-height: 1.5;
	}

	.column li dl dd {
		padding: 8px 0 8px 25px;
	}

	.column li dl a {
		padding: 8px 0 8px 12px;
		font-size: 14px;
	}

	.columnList {
		width: 100%;
	}

	.columnList .columnList-tit {
		padding: 12px 0 8px;
		margin-bottom: 8px;
		flex-direction: column;
		align-items: flex-start;
	}

	.columnList .columnList-tit .text-info {
		width: 100%;
		margin-bottom: 8px;
	}

	.columnList .columnList-tit .text-info strong {
		font-size: 17px;
		line-height: 1.4;
	}

	.current-location {
		width: 100%;
		font-size: 12px;
		margin-bottom: 10px;
		line-height: 1.6;
		word-break: break-all;
	}

	.columnList-box {
		width: 100%;
	}

	.columnList-box ul {
		padding: 0;
		margin: 0;
	}

	.columnList-box li {
		padding: 12px 0;
		font-size: 15px;
		line-height: 1.6;
		display: flex !important;
		flex-direction: column;
		align-items: flex-start;
	}

	.columnList-box li * {
		display: block !important;
	}

	.columnList-box li a {
		width: 100%;
		display: flex !important;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		text-decoration: none;
	}

	.columnList-box li span {
		max-width: 100%;
		width: 100%;
		font-size: 15px;
		line-height: 1.5;
		margin-bottom: 6px;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		color: #383838;
	}

	.columnList-box li em {
		font-size: 13px;
		color: #999;
		flex-shrink: 0;
		white-space: nowrap;
		display: block !important;
		width: auto;
		margin-left: 0;
		align-self: flex-end;
	}
}

/* 小屏幕移动设备 (最大宽度 480px) */
@media screen and (max-width: 480px) {
	.list-warp {
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.column .column-tit {
		padding: 10px 15px;
	}

	.column .column-tit strong {
		font-size: 16px;
	}

	.column li {
		font-size: 14px;
	}

	.column li a {
		padding: 12px 15px;
	}

	.column .title {
		padding: 12px 15px;
	}

	.columnList .columnList-tit {
		padding: 10px 0 8px;
		margin-bottom: 8px;
	}

	.columnList .columnList-tit .text-info strong {
		font-size: 16px;
	}

	.current-location {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.columnList-box li {
		padding: 10px 0;
		font-size: 14px;
	}

	.columnList-box li span {
		max-width: 65%;
		font-size: 14px;
	}

	.columnList-box li em {
		font-size: 12px;
	}
}