.listCon{
	width: auto;
	max-width: 1200px;
	min-width: 768px;
	margin: 0 auto;
}
.leftCon .topCon{
	padding: 20px 0;
	padding-left: 40px;
	margin-left: 0px;
	border-radius: 4px;
}
.leftCon .topCon a,.leftCon .classCon a{
	color: #555856;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 26px;
	transform-origin: 0 50%;
	transition:color 0.25s ease,transform 0.2s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.leftCon .topCon a:hover,.leftCon .topCon a.active,.leftCon .classCon a.active,.leftCon .classCon a:hover{
    color: #0C80F4;
    transform: scale(1.18) translate3d(0,0,0);
    transform-origin: 0 50%;
    transition:color 0.40s ease,transform 0.32s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.leftCon .topCon h3,.leftCon .classCon h3{
	color: #1C201E;
	font-size: 20px;
	margin-bottom: 28px;
	position: relative;
	left: -20px;
	font-weight: 600;
}
.leftCon .classCon{
	padding: 20px 0;
	padding-left: 40px;
	margin-left: 0px;
	width: auto;
	border-radius: 4px;
}
.listDetailCon .leftCon{
	width: 340px;
	background-color: transparent;
	padding: 0;
}
.listDetailCon .leftCon .bgwhite{
	background-color: #FFFFFF;
	margin-bottom: 11px;
}
.screenCon span{
	width: auto;
	margin-right: 30px;
	margin-left:0px;
}
.u-tab li{
	padding: 5px;
}
.rightTopCon{
	padding: 30px;
}
.rightTopCon h3{
	font-size: 24px;
	color: #1C201E;
	font-weight: 600;
}
.rightTopCon .chooseCon p{
	color: #1C201E;
	font-size: 16px;
	font-weight: 600;
}
.list-box{
	padding: 0 30px;
	padding-bottom: 20px;
	margin-left:-37px;
}
.listArrs{
	width: 168px;
	height: auto;
	position: relative;
	margin-left:37px;
	margin-bottom: 40px;
}
.listArrs .currCon{
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 4px 0px rgba(25, 38, 52, 0.17), 0px 1px 1px 0px rgba(15, 15, 14, 0.18);
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
	z-index: 9;
}
.listArrs .currCon img{
	width: 18px;
}
.listArrs .u-img{
	width: 100%;
	margin-bottom: 18px;
	max-height: 120px;
	overflow: hidden;
}
.listArrs .newCardName{
	padding-left: 10px;
	font-size: 14px;
	color: #1C201E;
	font-weight: 600;
	margin-bottom: 16px;
	overflow: hidden;
	height: 20px;
}
.listArrs .listImg{
	width: 100%;
	/* max-height: 112px; */
}
.listArrs .offerShow{
	width: 52px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	background: linear-gradient(270deg, #F64C00 0%, #FF824B 100%);
	border-radius: 0px 16px 16px 0px;
	position: absolute;
	left: 0px;
	top: 10px;
	z-index: 9;
	color: #FFFFFF;
}
.listArrs .cardMem{
	background-color:rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 20;
	border-radius: 6px;
}
.listArrs .cardMem .tag{
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	border-radius: 22px;
	padding: 10px 18px;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
	position: relative;
    top: 50%;
	transform: translateY(-50%) translateX(-50%);
	left: 50%;
	display: inline-block;
	min-width: 104px;
}
.listArrs .newMoneyCon{
	padding-left: 10px;
	font-size: 16px;
	color: #1C201E;
}
.listArrs .newMoneyCon .sale{
	color: #FF5306;
	font-size: 20px;
	font-weight: 600;
}
.listArrs .newMoneyCon .oldSale{
	color: #8F9391;
	font-size: 12px;
	text-decoration: line-through;
	margin-left: 10px;
}
.listImg{
	width: 100%;
}
@media screen and (max-width: 1222px) {
	.listDetailCon .leftCon{
		width: 235px;
	}
	.screenCon span{
		margin-right: 15px !important;
	}
	.list-box{
		justify-content: flex-start !important;
	}
	.listArrs{
		width: 200px;
		margin-right: 15px;
	}
	.listArrs .u-img{
		max-height: 140px;
	}
}