.list {
	width: 100%;
	display: inline-block;
}

.list .mp5 .html {
	margin-top: 4px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 显示 videojs 时间 */
.video-js .vjs-time-control {
	display:block;
}

.video-js .vjs-remaining-time {
	display: none;
}

.page {
	margin: 12px 4px 92px 4px;
}

/* pc */
@media screen and (min-width: 960px){

	.list .mp5 {
		margin: 2px;
		width: calc(20% - 4px);
		float: left;
		position: relative;
	}

	.float {
		position: fixed;
		right: 8px;
		bottom: 256px;
		z-index: 10001;	
	}

}

/* phone */
@media screen and (max-width: 960px){

	.list .mp5 {
		margin: 2px;
		width: calc(50% - 4px);
		float: left;
		position: relative;
	}

	.float {
		position: fixed;
		right: 8px;
		bottom: 128px;
		z-index: 10001;	
	}

}