
.product {
    padding-bottom: 5%;
}
.product li {
	width: 30%;
}
.product-content ul {
	position: relative;
}
.product-content ul::after {
	content: '';
    width: 30%;
}
.switchList li {
    width: calc(100%/7.5);
	text-align: center;
}
@media screen and (max-width: 1280px) {
    .switchList li {
		width: calc(100%/6.1);
	}
}
@media screen and (max-width: 1024px) {
    .switchList li {
		width: calc(100%/4.9);
	}
}
@media screen and (max-width: 768px) {
	.content {
		display: flex;
		flex-direction: column-reverse;
	}
	.switchList {
		margin: 10px 0;
	}
    .switchList li {
		width: calc(100%/3.1);
	}
	.switchList a {
		font-size: 14px;
		padding: 10px 0;
	}
}
@media screen and (max-width: 425px) {
    .product li {
        width: 48%;
    }
	.switchList li {
		width: calc(100%/2.1);
	}
}
