.app {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.main {
	flex: 1;
}

.m-title {
	margin: 0;
}

.footer {
	margin-bottom: 0px;
}

@media (max-width:1000px) {
	.list1 {
		width: 100%;
		height: auot;
		display: flex;
		justify-content: flex-start;
		align-content: flex-start;
		flex-wrap: wrap;
		padding: 10px 0;
		marign-bottom: 30px;
	}

	.l1-box {
		width: 27%;
		height: 100px;
		border-radius: 5px;
		/* box-shadow: 0px 5px 5px gray; */
		overflow: hidden;
		margin-bottom: 15px;
		position: relative;
		background-color: #26292e;
		transition: all linear 0.1s;
		padding: 8px;
	}

	.l1-box {
		width: 27%;
		height: 100px;
		border-radius: 5px;
		/* box-shadow: 0px 5px 5px gray; */
		overflow: hidden;
		margin-bottom: 15px;
		position: relative;
		background-color: #26292e;
		transition: all linear 0.1s;
		padding: 8px;
	}
}



@media (min-width:1000px) {
	.list1 {
		justify-content: flex-start;
	}

	.l1-box {
		/* width: 10%; */
		margin-right: 15px;
	}

	.l1-box:nth-of-type(9n) {
		margin-right: 0px;
	}

	.footer {
		margin-bottom: 5px;
	}
}