/* 仅窄屏生效，桌面端保持 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;
	}
}