@import "base.less";
@import "view.less";
@import "loading.less";
@import "list.less";
@import "video-list.less";


.cageListView, .channelView {
	background-color: @backgroundColor;
}

.cate-list {
	margin: 15px 0 0;

	.cate-item {
		display: block;
		float: left;
		width: 33.3%;
		text-align: center;
		margin: 0 0 1.5em;

		.thumb {
			background-repeat: no-repeat;
			background-size: cover;
			height: 120px;
			width: 80%;
			margin: 0 auto;
		}

		.title {
			margin-top: 0.5em;
			font-size: 0.9em;
			color: @titleColor;
			line-height: 18px;
		}
	}
}


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

	.cate-list {

		.cate-item {

			.thumb {
				width: 100px;
				height: 130px;
			}

			.title {
				font-size: 1em;
			}
		}
	}
}


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

	.cate-list {

		.cate-item {

			.thumb {
				width: 110px;
				height: 145px;
			}

			.title {
				font-size: 1em;
			}
		}
	}
}


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

	.cate-list {
		margin: 20px 0 0;

		.cate-item {
			width: 25%;

			.thumb {
				width: 120px;
				height: 160px;
			}

			.title {
				font-size: 1.1em;
			}
		}
	}
}