/* 仅窄屏生效，桌面端保持 main.css / plugin.css 原始 960px 居中布局 */
@media screen and (max-width: 960px) {
	html,
	body {
		width: 100%;
		overflow-x: hidden;
	}

	.width1200,
	.head_box,
	.list-nav,
	.addition-content,
	.stui-pannel,
	.kscont,
	.vod-detail-box,
	.white,
	.people,
	#content {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	.head_box {
		border-left: none;
		border-right: none;
	}

	.addition-content .videotitle {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		height: auto;
		line-height: 36px;
		padding: 0 12px;
	}

	.addition-content .videotitle span {
		float: none;
	}

	.addition-content .videotitle .videoName {
		flex: 1 1 auto;
		min-width: 0;
		text-align: left;
	}

	.addition-content .videoContent li {
		float: none !important;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 6px 10px;
		width: 100% !important;
		max-width: 100% !important;
		height: auto;
		min-height: 44px;
		line-height: 1.5;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 10px 12px;
		box-sizing: border-box;
	}

	.addition-content .videoContent a,
	.addition-content .videoContent span {
		float: none !important;
		display: block;
		height: auto !important;
		line-height: 1.5 !important;
		width: auto !important;
	}

	.addition-content .videoContent .videoName {
		flex: 1 1 100%;
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		text-align: left !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.addition-content .videoContent .address {
		flex: 0 0 auto;
	}

	.addition-content .videoContent .time {
		flex: 1 1 auto;
		text-align: right;
		white-space: nowrap;
	}

	.people .left {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		margin-right: 0 !important;
	}

	.people .left img {
		height: auto !important;
	}

	.people .right,
	.right {
		margin-left: 0 !important;
		clear: both !important;
		width: 100% !important;
	}

	.people .right p,
	.right p {
		width: 100% !important;
		max-width: 100% !important;
	}

	.footer {
		display: block !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		clear: both !important;
	}

	.footer_right {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	.vod-detail-inner {
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}

	.vod-detail-box .copy_text {
		word-break: break-all;
	}

	.kscont {
		padding: 16px 10px 24px;
		overflow: visible;
	}

	.pages {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 6px;
		height: auto !important;
		min-height: 36px;
		overflow: visible !important;
		line-height: normal !important;
		font-size: 14px !important;
		padding: 8px 0 4px;
	}

	.pages .disabled {
		width: 100%;
		flex: 0 0 100%;
		text-align: center;
		margin-bottom: 4px;
		font-size: 12px;
		line-height: 1.4 !important;
		height: auto !important;
	}

	.pages a,
	.pages span,
	.pages em,
	.pages label {
		float: none !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		min-width: 36px;
		min-height: 36px;
		height: auto !important;
		line-height: 1.2 !important;
		font-size: 14px !important;
		padding: 6px 10px !important;
		margin: 0 !important;
		box-sizing: border-box;
	}
}