body{
	background: #f4f4f4;
}
.mainContainer{
	border:1px solid #ddd;
	background:#fff;
	padding-bottom: 30px;
}
.container1000>.leftPart, .container1000>.rightPart{
	padding-top:40px;
	padding-bottom:40px;
}
.container1000>.leftPart{
	float:left;
	width:500px;
	padding-left:30px;
}
.container1000>.rightPart{
	float:right;
	width:400px;
	background:#fff;
	padding-right:30px;
}

.currentPath{
	padding: 30px 0 15px;
}
.currentPath a{
	color: #888;
}
.currentPath, .leftPart>.currentPath a{
	color:#666666;
}
.currentPath a:hover{
	color:#222222;
}

.rightPart>.prodInfo{
	background:#e4f3d9;
	padding:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.rightPart>.prodInfo .s1{
	background:#fff;
	padding: 0 30px;
	height: 290px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.rightPart>.prodInfo .s1 h2{
	border-bottom: 1px dashed #ddd;
	line-height: 90px;
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
}
/* 原先整个按钮是 index_jifen_detail_btn1.png，「Redeem Now」烤在图里 ——
   与列表页两个按钮同源：图里的字 i18n 够不着，十种语言里恒为英文。文案回到模板走 L_DUE()。
   🔴 色值**不**照抄原 PNG（采样得顶 #8ec037 → 底 #82b809，描边 #7ab008）：那套配白字只有
   2.15 / 2.38:1，达不到 WCAG AA 的 4.5:1 —— 字烤在图里那些年没有任何东西量过它。
   同色相压暗到顶 #567f0c → 底 #4b7304（4.73 / 5.60:1），描边跟着压到 #43680a。
   要调亮先算一遍对比度：e2e-dark-mode-pages 会把渐变的**每个色标**都算一遍取最差的那个。 */
.rightPart>.prodInfo .jifenduihuan{
	display:block;
	width:378px;
	height:40px;
	line-height:38px;
	box-sizing:border-box;
	padding:0 12px;
	text-align:center;
	font-size:16px;
	color:#fff;
	background:linear-gradient(#567f0c,#4b7304);
	border:1px solid #43680a;
	border-radius:3px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top:5px;
}
.rightPart>.prodInfo .s1 .item {
	line-height: 45px;
	color: #333;
	font-size: 16px;
}
.rightPart>.prodInfo .s1 .item .highlight{
	font-size: 22px;
	font-weight: 600;
}

.rightPart>.remenduihuan{
	margin-top:30px;
	background:#e5f4f7;
	padding:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.rightPart>.remenduihuan .s1{
	background:#fff;
	padding: 20px 10px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.rightPart>.remenduihuan .s1 h2{
	line-height: 24px;
	padding: 0 10px;
	font-size: 22px;
	font-weight: 600;
}

.rightPart>.remenduihuan  .product{
	display:block;
	float:left;
	width: 150px;
	margin: 20px 10px 0;
	padding: 4px;
	border: 1px solid #ddd;
}
.rightPart>.remenduihuan  .product a{
	display:block;
}
.rightPart>.remenduihuan  .product .img{
	overflow:hidden;
	height: 160px;
}
.rightPart>.remenduihuan  .product img{
	width: 100%;
	height: 100%;
}
.rightPart>.remenduihuan  .product .name{
	overflow: hidden;
}
.rightPart>.remenduihuan  .product .info{
	padding-left:5px;
}
.rightPart>.remenduihuan  .product .price{
	color: #333;
}


.leftPart>.prodImgShow{
	
}
.leftPart>.prodImgShow .img{
	border: 1px solid #ddd;
	text-align: center;
}
.leftPart>.prodImgShow .img img{
}
.leftPart>.prodDetailCon{
	position:relative;
	margin-top:90px;
	border-top:1px solid #cccccc;
	padding:20px 10px 30px;
	background:#fff;
}
.leftPart>.prodDetailCon>.tabItem{
	position:absolute;
	display:block;
	top:-44px;
	border:1px solid #cccccc;
	line-height:42px;
	padding:0 20px;
	font-size:16px;
	background:#f7f7f7;
	color:#333333;
	cursor:pointer;
}
.leftPart>.prodDetailCon .tabItem.jianjie{
	left:50px;
}
.leftPart>.prodDetailCon .tabItem.active{
	font-weight:bold;
	background:#fff;
	border-bottom:1px solid #fff;
}

/* 2026-09-14 窄屏松绑:积分商品详情的左右两列(500+30 / 400+30)改为上下堆叠。
   两列都带 padding,所以要 box-sizing:border-box —— 否则 max-width 截不住它们。
   🔴 追加在末尾的理由同 index_prod_detail.css 的同名段(同特异性比文档顺序)。 */
@media (max-width:1204px){
	.container1000>.leftPart,
	.container1000>.rightPart{
		float:none;
		width:auto;
		max-width:100%;
		box-sizing:border-box;
	}
}

/* 2026-09-14 补:兑换按钮固定 378px,320/390 档会顶出 81/11px(实测)。 */
@media (max-width:1204px){
	.rightPart>.prodInfo .jifenduihuan{
		width:auto;
		max-width:378px;
	}
}