.h-matrix {
	background-color: #fff;
	overflow: hidden;
	margin-right: -1px;
	margin-bottom: -1px;

	.h-matrix-item {
		width: 20%;
		height: 0;
		padding-bottom: 20%;
		float: left;
		text-align: center;
		color: #999;
		font-size: 12px;

		&-view {
			display: flex;
			width: 61px;
			height: 48px;
			margin: auto;

			img {
				width: 100%;
			}
		}

		&-name {
			margin-top: 5px;
		}
	}

	&.h-matrix-8 {
		.h-matrix-item {
			width: 25%;
			padding-bottom: 25%;
		}
	}

	&.h-matrix-bordered {
		.h-matrix-item {
			border-bottom: 1px solid #e5e5e5;
			border-right: 1px solid #e5e5e5;
		}
	}
}