@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
}



.list_show {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	transform-style:preserve-3d;
	height:605px
}
.list_show .card {
	position:relative;
	width:445px;
	height:508px;
	transform-style:preserve-3d;
	perspective:1000px; list-style: none;
}
.list_show .card .boxs {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:1s ease
}
.list_show .card:hover .boxs {
	transform:rotateY(180deg)
}
.list_show .card .boxs .imgBx {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.list_show .card .boxs .imgBx img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover
}
.list_show .card .boxs .contentBx {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	backface-visibility:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	transform-style:preserve-3d;
	transform:rotateY(180deg);
	display:none
}
.list_show .card .boxs .contentBx img {
	 transform-style:preserve-3d;
	 transform:translateZ(40px);
	display:block;
}
.list_show .card .boxs:hover .contentBx {
	display:block
}
.btn_look {
	background-position:-371px 0;
	width:113px;
	height:33px;
	display:block;
	position:absolute;
	bottom:40px;
	left:64px
}