@import "base.less";
@import "view.less";
@import "loading.less";
@import "list.less";
@import "video-list.less";
html, body {
	height: 100%;
}
.listView{
	height: 100%;
}
.video-list{
	height: 100%;
	overflow-y: auto;
	margin: 0;
	padding-top: 15px;
	box-sizing: border-box;
}
// 视频列表
.video-list-landscape {

	.video-item {
		
		.cover{
			height: 63px;
			img {
				width: 84px;
				height: 63px;
			}
		} 
	}


	@media screen and (min-width: 375px) {

		.video-item {
			// width: 100px;
			
			.cover{
				height: 75px;
				img {
					width: 100px;
					height: 75px;
				}
			} 
		}
	}
	

	@media screen and (min-width: 414px) {

		.video-item {
			// width: 110px;
			
			.cover{
				height: 80px;
				img {
					width: 110px;
					height: 80px;
				}
			} 
		}
	}


	@media screen and (min-width: 768px) {

		.video-item {
			// width: 120px;
			
			.cover{
				height: 90px;
				img {
					width: 120px;
					height: 90px;
				}
			} 
		}
	}
}
.list-more-btn{
	display: block;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    clear: left;
    height: 30px;
    line-height: 30px;
    margin: 10px auto;
    width: 50%;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    cursor: pointer;
}