@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;
}

//使分类中的文字不会点击换行
.panel {
	dl {
		dd {
			a {
				word-break:keep-all;
				&.selected {
					width: auto;
					padding: 0 4px;
				}
			}
		}
	}
}


// 视频列表
.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(255, 255, 255, 0.5);
    text-align: center;
    cursor: pointer;
}