.newCardDetailCon{
	width: auto;
	max-width: 1200px;
	min-width: 768px;
	margin:  0 auto;
}
.newCardDetailCon .leftCon{
	width: 340px;
	background-color: transparent;
	margin-right: 10px;
}
.newCardShow{
	background-color: #FFFFFF;
	padding: 20px;
	border-radius: 4px;
	margin-bottom: 20px;
	position: relative;
}
.newCardShow .cardBanner{
	width: 100%;
	margin-bottom: 20px;
}
.newCardShow .cardExCon{
	font-size: 14px;
	color: #1A1A1C;
	line-height: 30px;
	word-wrap: break-word;
}
.newCardShow .showMore{
	text-align: right;
	font-size: 14px;
	cursor: pointer;
}
.newCardShow .showMore2{
	text-align: right;
	font-size: 14px;
	cursor: pointer;
	display: none;
}
.trustCon{
	height: 116px;
	background: #FFFFFF;
	border-radius: 4px;
	padding: 20px;
	margin-bottom: 20px;
}
.trustCon h3{
	text-align: center;
	color: #1A1A1C;
	font-size: 20px;
	font-weight: bold;
}
.trustCon .trustImg{
	width: 120px;
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 11px;
}
.trustCon .trustText{
	font-size: 12px;
	color: #555856;
	text-align: center;
	font-style: italic;
	margin-bottom: 12px;
}
.trustCon .trustText span{
	color: #1C201E;
	font-style: italic;
}
.truName{
	width: 100%;
	line-height: 18px;
	height: 18px;
}
.truName img{
	width: 72px;
}
.newMsgCon{
	background: #FFFFFF;
	border-radius: 4px;
	padding: 20px;
	font-size: 24px;
}
.newMsgCon h3{
	color: #1C201E;
	font-weight: bold;
	margin-bottom: 18px;
	font-size: 20px;
}
.newMsgCon .termsCon{
	color: #1C201E;
	font-size: 16px;
	word-wrap: break-word;
}
.termsCon p{
	margin-bottom:15px;
	line-height: 22px;
}
.cardDataCon .cardData{
	padding: 20px 40px;
	background-color: #FFFFFF;
	border-radius: 4px;
	margin-bottom: 20px;
	position: relative;
}
.cardData .cardTitle{
	/* margin-bottom: 20px; */
}
.cardData .cardTitle h1{
	color: #1C201E;
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	margin-right: 40px;
	max-width: 300px;
	margin-bottom: 10px;
	
}
.cardData .shareCon{
	width: 40px;
	height: 40px;
	background: #FFFFFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.21);
	border-radius: 21px;
	position: absolute;
	right: 20px;
	top:20px;
	transition: height 0.5s;
	overflow: hidden;
}
.cardData .shareCon.add{
	height: 132px;
}
.cardData .shareCon .iconWidth20{
	width: 20px;
	height: 20px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	cursor: pointer;
}
.cardData .shareCon .iconWidth20 i{
	font-size: 20px;
}
.cardData .shareCon .iconWidth20 img{
	width: 20px;
	height: 20px;
}
.cardData .shareCon .iconWidth20.addmargin{
	margin-top: 20px;
}
.cardData .cardTitle .tagShow{
	display: inline-block;
	margin-right: 28px;
	height: 24px;
	line-height: 24px;
	background-color: rgba(255, 83, 6, 0.3);
	color: #FF5306;
	font-weight: 600;
	border-radius: 14px;
	padding: 0 15px;
	font-size: 12px;
	margin-bottom: 10px;
}
.cardDataCon .disShow{
	color: #FF5306;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px;
}
.cardDataCon .maxMinText{
	font-weight: bold;
	color: #1C201E;
	font-size: 14px;
	margin-bottom: 16px;
}
.cardDataCon .shopbox{
	margin-bottom: 10px;
}
.shopbox .width100{
	padding-left: 20px;
	width: 100px;
	font-size: 14px;
	color: #7E8183;
	line-height: 46px;
}
.shopbox .numInput{
	width: 226px;
	height: 38px;
	border-radius: 4px;
	border: 1px solid #98989A;
	text-align: center;
	font-size: 18px;
	margin-bottom: 0px;
}
.tsNumInput-div{
	width: 226px;
	height: 38px;
	border-radius: 4px;
	border: 1px solid #98989A;
}
.tsNumInput-div .numInput{
	width: 200px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 0px;
	border: none;
	height: 36px;
}
.shopbox .tsNumInput{
	text-align: left;
	width: auto;
	font-size: 20px;
	color: #1A1A1C;
}
.shopbox .symIcon{
	font-size: 20px;
	margin-left:22px;
	margin-right: 3px;
}
.shopbox .moneyTag{
	line-height: 46px;
	font-size: 14px;
	color: #C4C8C6;
}
.shopbox .mtag{
	margin-top: 6px;
	color: #FF4343;
	font-size: 12px;
}
.shopbox .allMoneyShow{
	line-height: 46px;
	font-size: 18px;
	color: #141416;
	font-weight: bold;
}
.cardDataCon .tapMoneyCon{
	margin-bottom: 20px;
}
.tapMoneyCon .width100{
	padding-left: 20px;
	width: 100px;
	font-size: 14px;
	color: #7E8183;
	line-height: 46px;
}
.cardDataCon .addDashLine{
	border-top: 1px dashed #C5C5CB;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 26px;
}
.tapMoney .m1{
	width: 78px;
	height: 38px;
	border-radius: 4px;
	border: 1px solid #98989A;
	line-height: 38px;
	margin-right: 30px;
	margin-bottom: 16px;
	color: #1C201E;
	font-size: 18px;
	background-color: #FFFFFF;
}
.tapMoney .m1.active{
	background-color: #FFFFFF;
	border: 1px solid #0C80F4;
}
.tapMoney .m1.active2{
	background: #FFFFFF;
	color: #7E8183 !important;
	border: 1px solid #B6BABE !important;
}
.tapMoney .m1 .soldOut{
	width: 60px;
    height: 24px;
    background: #DEE0E2;
    border-radius: 12px;
    line-height: 24px;
    font-size: 12px;
    color: #7E8183;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: 4px;
    top: -16px;
	display: none;
}
.tapMoney .m1:hover .soldOut.active{
	display: block;
}

.cardDataCon .couponSelect{
	width: 188px;
	height: 30px;
	padding-left: 0px;
	background: transparent;
	border-radius: 4px;
	border: 0px;
	margin-top: 7px;
	font-size: 14px;
	color: #7E8183;
}
.cardDataCon .couponSelect.active{
	color: #FF5306;
}
.cardDataCon .coupontip{
	font-size: 14px;
}
.cardDataCon .payButtonCon{
	text-align: right;
	line-height: 42px;
}
.payButtonCon .textcc{
	color: #7E8183;
	font-size: 12px;
	margin-right: 20px;
}
.payButtonCon .moneyshow{
	font-size: 20px;
	color: #1A1A1C;
	font-weight: 600;
	margin-right: 40px;
}
.payButtonCon .payBtn{
	width: 120px;
	height: 34px;
	background: #0C80F4;
	box-shadow: 0px 6px 13px 0px rgba(9, 27, 44, 0.12);
	border-radius: 34px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}
.payButtonCon .payBtn.active{
	background: #DEE0E2;
	color: #7E8183;
	box-shadow:none;
}
.cardDataCon .pdCon{
	padding: 30px 40px;
	background-color: #FFFFFF;
	border-radius: 4px;
	margin-bottom: 20px;
}
.cardDataCon .pdCon h3{
	color: #1C201E;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 16px;
}
.cardDataCon .pdCon .added{
	padding: 0;
	color: #1C201E;
	font-size: 14px;
}
.cardDataCon .recommendCon{
	padding: 30px 40px;
	background-color: #FFFFFF;
}
.cardDataCon .recommendCon h3{
	color: #1C201E;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: -6px;
}
.listArrs{
	width: 168px;
	height: auto;
	position: relative;
	margin-bottom: 40px;
	margin-right: 20px;
}
.cardDataCon .recommendCon .listArrs{
	margin-bottom: 0px;
	margin-top:30px;
}
.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{
	margin-bottom: 18px;
}
.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: 14px;
	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;
}
.cardDataCon .addred{
	border: 1px solid #FF4343 !important;
}
.numTag2{
	text-align: right;
	color: #4C4E50;
	font-size: 12px;
	margin-top: 10px;
}
.numTag2 .s1{
	color: #0C80F4;
}
.cardIconShow{
	margin-top: 120px;
	margin-bottom: 21px;
	font-size: 14px;
	color: #1A1A1C;
}
.cardIconShow span{
	margin-right: 20px;
	margin-left: 54px;
}
.cardIconShow img{
	width: 40px;
	margin-right: 5px;
	border-radius: 2px;
}
.termsCon p{
	color: #1A1A1C !important;
}
.fxTipCon{
	padding: 20px;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}
.fxTipCon h3{
	color: #1A1A1C;
	font-size: 24px;
	margin-bottom: 16px;
}
.fxTipCon h3 i{
	margin-right: 5px;
	font-size: 22px;
}
.fxTipCon .tipTextData{
	color: #1A1A1C;
	font-size: 16px;
}
@media screen and (max-width: 1222px) {
	.newCardDetailCon .leftCon{
		width: 235px;
	}
	.screenCon span{
		margin-right: 15px !important;
	}
	.list-box{
		justify-content: flex-start !important;
	}
	.listArrs{
		width: 200px;
		margin-right: 15px;
	}
}
@media screen and (max-width: 1222px) {
	.cardDataCon .cardData{
		padding: 20px;
	}
	.cardData .cardTitle h1{
		max-width: 240px;
	}
	.cardData .cardTitle .tagShow{
		margin-right: 20px;
	}
	.tapMoney .m1{
		margin-right: 20px;
	}
}
.allMoneyShow-span-01{
	font-weight: 600 !important;
}

.cardDetails-shadow-animaition-div .u-img{
	position: static;
}
.cardDetails-shadow-animaition-div{
	position: relative;
	width: 168px;
	height: 106px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom:14px;
}
.faceBookIcon{
	width: 24px;
	height: 24px;
	margin-bottom: 10px;
	margin-right: 20px;
	cursor: pointer;
}
.twitterIcon{
	width: 24px;
	height: 24px;
	margin-bottom: 10px;
	cursor: pointer;
}
.tapMoney2 .inventoryTag{
	height: 16px;
    padding: 0 4px;
    line-height: 16px;
    font-size: 12px;
    color: #FE5A00;
    background-color: #FEEEE5;
    position: absolute;
    border-radius: 5px;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
}
.tapMoney2 .m1{
	font-size: 14px;
	color: #1A1A1C;
	text-align: center;
	display: inline-block;
	width: 140px;
	background: #FFFFFF;
	border: 1px solid #98989A;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 15px;
	cursor: pointer;
	position: relative;
	padding: 15px 0px;
}
.tapMoney2 .m1 .isFixText{
	text-align: center;
	color: #7D7D80;
	font-size: 12px;
}
.tapMoney2 .m1 .isFixText.active{
	text-align: center;
	color: #3088FF;
	font-size: 12px;
}
.tapMoney2 .m1 .cnCon{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tapMoney2 .m1 .chooseIcon{
	position: absolute;
    right: -1px;
    bottom: -1px;
    width: 24px;
}
.tapMoney2 .m1.active{
	background-color: #FFFFFF;
    color: #0C80F4;
	font-weight: 600;
    border: 1px solid #0C80F4;
}
.tapMoney2 .m1.activeEn{
	background-color: #FFFFFF;
	color: #008750;
	border: 1px solid #008750;
}
.tapMoney2 .m1.active2{
	background: #F6F6F6;
	color: #CACACA !important;
	border: 1px dotted #D0D0D0 !important;
}
.tapMoney2 .m1 .soldOut{
	width: 95px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #FFFFFF;
    background: #FF981B;
    border-radius: 8px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -47.5px;
    top: -12px;
	display: none;
}
.tapMoney2 .m1:hover .soldOut.active{
	display: block;
}
.tapMoney2 .m1 .fztejia{
	width: 28px;
    height: 28px;
    position: absolute;
    left: -2px;
    top: -1px;
}
.collectIcon {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}