.listCon{
	width: 1200px;
	margin: 0 auto;
}
.listDetailCon .leftCon{
	background-color: #FFFFFF;
	width: 184px;
	margin-right: 10px;
	padding: 20px 0;
}
.leftCon .topCon{
	width: 145px;
    margin-left: 20px;
}
.leftCon .topCon a{
	display: block;
	color: #000000;
	font-size: 14px;
	margin-bottom: 20px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.leftCon .topCon a.active{
	color: #208ECF;
}
.leftCon .topCon a.activeEn{
	color: #008750;
}
.leftCon .classCon{
	width: 145px;
	margin-left: 20px;
}
.leftCon .classCon h3{
	font-size: 14px;
	color: #7F7F7F;
	margin-bottom: 10px;
}
.leftCon .classCon a{
	display: block;
	color: #000000;
	font-size: 12px;
	margin-bottom: 10px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.leftCon .classCon a.active{
	color: #208ECF;
}
.leftCon .classCon a.activeEn{
	color: #008750;
}
.rightTopCon{
	background-color: #FFFFFF;
	padding: 20px;
	margin-bottom: 10px;
}
.g-giftcardlist .m-main-box .list-box .list{
	width: 243px;
    border-radius: 8px;
    /* border: 1px solid #C9EAFD; */
    margin: 0 6px 10px 0;
    box-sizing: border-box;
    padding-top: 25px;
    text-align: center;
    cursor: pointer;
    position: relative;
    background-color: #FFFFFF;
	box-shadow: 0px 3px 8px 0px rgb(50 153 208 / 16%);
}
.listRelative{
	display: inline-block;
    position: relative;
    vertical-align: top;
}
.currencyImgCon{
	width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgb(25 38 52 / 17%), 0px 1px 1px 0px rgb(15 15 14 / 18%);
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center;
    z-index: 1000;
    line-height: 26px;
}
.currencyImgCon img{
	width: 25px;
}
.g-giftcardlist .m-main-box .list-box .list:hover{
	-webkit-box-shadow:0px 3px 8px 0px rgba(50, 153, 208, 0.16);
	-moz-box-shadow:0px 3px 8px 0px rgba(50, 153, 208, 0.16);
	box-shadow:0px 3px 8px 0px rgba(50, 153, 208, 0.16);
}
.g-giftcardlist .m-main-box .list-box .list:nth-child(4n+4){
	margin-right: 0;
}
.g-giftcardlist .soldpay{
	color: #000000;
	font-size: 14px;
	margin: 3px 10px 0 5px;
	min-width: 70px;
	text-align: center;
	height: 22px;
	line-height: 20px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
	display: inline-block;
}
.g-giftcardlist .soldpay span{
	color: #8b8b8b;
}
.g-giftcardlist .m-main-box .list-box .list .listBottom2{
	width: 200px;
    height: 23px;
    line-height: 23px;
	/* background: #A9FFEC; */
	border-radius: 12px;
    margin: 0 auto;
	margin-bottom: 10px;
}
.lineFg{
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #64C7B1;
	margin-top: 7px;
}
.listBottom2 .saveCon{
	font-size: 12px;
	color: #515151;
}
.listBottom2 .discountCon{
	font-size: 12px;
	color: #000000;
}
.listBottom2 .saveCon2{
	font-size: 12px;
	color: #515151;
}
.listBottom2 .discountCon2{
	font-size: 16px;
	color: #F6289E;
}
.g-giftcardlist .m-main-box .list-box .list .u-img{
	width: 200px;
	height:130px;
	line-height: 85px;
	font-size: 0;
	margin:0 auto;
}
.g-giftcardlist .m-main-box .list-box .list .u-img img{
	max-width: 100%;	
	/* max-height: 100%; */
}
.g-giftcardlist .m-main-box .list-box .list .u-name{
	height: 22px;
	font-size: 16px;
	font-weight: 600;
	color: #231F20;
	line-height: 22px;
    margin: 15px 5px 15px 5px;
    overflow: hidden;
}
.g-giftcardlist .m-main-box .list-box .list .u-name .saveCon{
	font-size: 14px;
	font-weight: 600;
	color: #231F20;
}
.g-giftcardlist .m-main-box .list-box .list .u-name .discountCon{
	font-size: 18px;
	font-weight: 600;
	color: #F6289E;
}
.g-giftcardlist .m-main-box .list-box .list .u-discount{
	font-size: 18px;
	height:18px;
	line-height: 18px;
	margin:5px 5px 0 5px;
	overflow: hidden;
}
.u-tab{
	line-height: 10px;
	font-size: 10px;
}
.u-tab li{
	padding: 10px;
	cursor: pointer;
	font-size: 14px;
	border-radius: 5px;
	color: #000000;
}
.u-tab li span{
	color: #8B8B8B;
}
.u-tab li.active{
	color:#208ECF;
	/* background-color: #208ED0; */
}
.u-tab li.activeEn{
	color:#008750;
}
.u-tab li.nocilck{
	color:#CCCCCC;
	cursor:default;
}
.rightTopCon .topCon{
	margin-bottom: 20px;
	height: 32px;
	position: relative;
}
.rightTopCon h3{
	font-size: 16px;
	font-weight: 600;
    color: #141416;
	line-height: 32px;
}
.rightTopCon .chooseCon{
	height: 32px;
	position: absolute;
    top: 0px;
    right: 0px;
}
.rightTopCon .chooseCon p{
	display: inline-block;
	vertical-align: top;
	line-height: 34px;
	color: #626262;
	font-size: 14px;
	margin-right: 20px;
}
.screenCon{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}
.screenCon span{
	text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 32px;
    line-height: 34px;
    /* border: 1px solid #8B8B8B; */
    color: #141416;
    background-color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    margin-left: -5px;
}
.screenCon span:first-child{
	border-radius: 5px 0 0 5px;
}
.screenCon span:last-child{
	border-radius: 0 5px 5px 0;
}
.screenCon span.active{
	color: #208ECF;
}
.screenCon span.activeEn{
	color: #008750;
}