#catalog ul.flexbox.list.sect > li {
	height: 241px;
	width: 24%;
	position: relative;
	background: #0A2734;
}
@media only screen and (max-width: 1400px) {
	#catalog ul.flexbox.list.sect > li {
		height: 13.2417rem;
	}
}
@media only screen and (max-width: 896px) {
	#catalog ul.flexbox.list.sect > li {
		width: 100%;
		height: 60vw;
	}
}
#catalog ul.flexbox.list.sect > li img {
	height: 202px;
	margin: auto;
	display: block;
	max-width: 100%;
	object-fit: contain;
}
@media only screen and (max-width: 1400px) {
	#catalog ul.flexbox.list.sect > li img {
		height: 11.0989rem;
	}
}
@media only screen and (max-width: 896px) {
	#catalog ul.flexbox.list.sect > li img {
		height: 53vw;
	}
}
#catalog ul.flexbox.list.sect > li span {
	background: #6FC727;
	display: flex;
	color: #fff;
	position: absolute;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	padding: 1px 14px;
	bottom: 0;
	width: 100%;
	min-height: 38px;
	align-items: center;
}
@media only screen and (max-width: 1400px) {
	#catalog ul.flexbox.list.sect > li span {
		font-size: 1.0989rem;
		line-height: 1.4285rem;
		padding: 0.0549rem 0.7692rem;
		min-height: 2.0879rem;
	}
}
@media only screen and (max-width: 896px) {
	#catalog ul.flexbox.list.sect > li span {
		font-size: 4vw;
		padding: 1.21vw 4.83vw;
		line-height: 5.2vw;
	}
}
#catalog ul.flexbox.list.sect > li div.top {
	color: #fff;
	padding: 16px 8px;
	position: absolute;
	right: 0;
	font-size: 17.875px;
	line-height: 23px;
}
@media only screen and (max-width: 1400px) {
	#catalog ul.flexbox.list.sect > li div.top {
		font-size: 0.9821rem;
		padding: 0.8791rem 0.4395rem;
		line-height: 1.2637rem;
	}
}
@media only screen and (max-width: 896px) {
	#catalog ul.flexbox.list.sect > li div.top {
		font-size: 4vw;
		padding: 3.62vw 1.93vw;
		line-height: 4.35vw;
	}
}