.objimg {
	height: 22rem;
	object-fit: contain;
	position: relative;
}

.h420 {
	height: 22rem;
}

.row {
	width: 73.571428rem;
}

.border100 {
	width: 3.214285rem;
	height: 2.142857rem;
	border: 0.142857rem solid #fff;
	border-radius: 4.285714rem;
}

h5 {
	margin-bottom: 0;
}

.card:hover .acti {
	background-color: #fff;
}

.card:hover .icon-icon {
	color: #000;

}

.card:hover .noacti {
	color: #fff;
}

.wid450 {
	width: 25rem;
}

.wid20 {
	width: 17rem;
}

.hei300 {
	height: 16.5rem;
}

.greybg {
	background-color: #f5f5f5;
}

.icon-jiantou1 {
	color: #000000;
	font-size: 1.857142rem;
	height: 2.2rem;
	width: 2.3rem;
}

.bgblack {
	background-color: #ffc600;
	border-radius: 4.285714rem;
}

.acti:hover .greybg {
	background-color: #ffc600;
}

.acti:hover .bgblack {
	background-color: #000;
}

.acti:hover .icon-jiantou1 {
	color: #ffc600;
}

.fontbold {
	font-weight: bold;
}

.acti:hover .actifon {
	color: #000000;
}

.row {
	width: 100%;
	margin: 0;
}

.row._flex-row-mid:nth-child(3n+3) {
	margin-right: 0;
}
.yellowbg{
	color: #000000;
	background-color: #FFC600;
}



@media all and (max-width: 1285px) and (min-width: 885px) {
	.wid450.hei300{
		width: 24rem;
		height: 15.5rem;
	}
	.case ._pad-x-20._pad-y-20.wid450{
		width: unset;
	}
}
@media screen and (max-width: 768px) {
	.pages{
		margin: 0 1.785714rem;
		padding-bottom: 2rem;
	}
	.case{
		margin-right: 0;
		width: 100%;
	}
	.wid450.hei300{
		width: 100%;
		height: unset;
		object-fit: cover;
	}
	.wid450{
		width: 100%;
	}
	.mobile_qr{
		display: none;
	}
	
}