/*****±³¾°*************/
body{
	#fff;
}
#mainBannerSection{
	overflow: hidden;
}
#mainBannerCon{
	position:relative;
	width: 100%;
}    
#mainBannerCon{position:relative;}  
#mainBannerCon .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
#mainBannerCon .bd ul{}
#mainBannerCon .bd li{display:none;overflow:hidden;text-align:center;background-position-x:50%;}
#mainBannerCon .bd li:first-child{display:block;}
#mainBannerCon .bd li a{display:block;height:305px;}
#mainBannerCon .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
#mainBannerCon .hd ul{text-align:center;margin-right: 20px;}
#mainBannerCon .hd ul li{
	display: inline-block;
	background: #cccccc;
	cursor: pointer;
	width: 40px;
	height: 5px;
	line-height: 26px;
	margin: 0 10px;
	font-size:0px;
}
#mainBannerCon .hd ul .on{
	background: #ff9900;
	color: #fff;
}
#mainBannerCon .prev,
#mainBannerCon .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
#mainBannerCon .next{left:auto;right:15%;background-position:-6px -137px;}


#introCon{
	width:100%;
	overflow: hidden;
}
#introCon .banner{
	position:relative;
	height:306px;
	background-position-x:50%;
}

.leftPart>.prodsCon .content{
	width:100%;
	padding-bottom:30px;
}
.leftPart>.prodsCon .product{
	float:left;
	width:210px;
	margin-top: 40px;
	margin-right:50px;
}
.leftPart>.prodsCon .product .img{
	text-align: center;
	height:200px;
}
.leftPart>.prodsCon .product img{
	width: 100%;
	height: 100%;
	vertical-align: middle;
	border: 0;
}
.leftPart>.prodsCon .product .name{
	font-size:15px;
	margin-top:12px;  
	color:#333333;
	overflow:hidden;
	text-align: center;
}
.leftPart>.prodsCon .product .xiaoshoujia{
	color: #222;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}
.leftPart>.prodsCon .product .btnCon{
	padding:0 15px;
	text-align:center;
}
/* 这两个按钮的文字原先烤在 index_jifen_btn1/2.png 里（Details / Redeem）——
   图里的字 i18n 管线够��：门�数�到�抽�收�到���语言里�为英文。
   改�真文字按钮�文案回到模�走 L_DUE()。
   🔴 宽度改� min-width 是承�的：�语言�长差得很远（zh「立�兑��/ en "Redeem" /
   ms "Tebus Sekarang"），写死 61px 会让长译文溢出或被�掉，而那�会报错。 */
.leftPart>.prodsCon .product .chakan,
.leftPart>.prodsCon .product .duihuan{
	display: inline-block;
	min-width:61px;
	height:27px;
	line-height:27px;
	padding:0 8px;
	box-sizing:border-box;
	font-size:13px;
	text-align:center;
	border-radius:3px;
	margin: 0 6px;
	cursor:pointer;
}
.leftPart>.prodsCon .product .chakan{
	background:#e2e2e2;
	color:#333;
}
/* 🔴 白字压这个底，底色就必须够暗：#51b1cd �有 2.46:1，达�到 WCAG AA 的 4.5:1，
   暗色模�下这颗「立�兑��几乎看�清（e2e-dark-mode-pages 会红）。#1f7690 是�色相压暗，5.18:1。
   �调亮先算一�对比度，别�看好�好看。 */
.leftPart>.prodsCon .product .duihuan{
	background:#1f7690;
	color:#fff;
}


.pagination-box{
	margin-top: 30px;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.pagination{
	display:inline-block;
	float:none;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	border: 0;
	font-size: 0;
	width:27px;
	height:31px;
	background:url("./web/index_jifen_btn4.png");
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border: 0;
	font-size: 0;
	width:27px;
	height:31px;
	background:url("./web/index_jifen_btn3.png");
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	border-color: #ddd; */
	background: #fff;
	font-weight: normal;
	border-color: #fff;
}
.pagination a, .pagination span {
	padding: 0.3em 0.2em;
}
.pagination>li>a, .pagination>li>span {
	color: #51b1cd;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	background-color: #fff;
}
.pagination>li>a, .pagination>li>span {
	border:0;
}

.remenCon{
	padding:30px 0;
	margin-bottom: 100px;
}
/* 原先是 HOT_PICKITEM_368_50.png（「HOT PICK ITEM�烤在图里，�上够�� i18n）。
   文案回到模�走 L_DUE('热门兑�')，与详情页 .remenduihuan 的标题��。 */
.remenCon .prodsHead{
	margin:0 auto;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:26px;
	font-weight:600;
	color:#333;
}
.remenCon>.prodsCon .product{
	display:block;
	float:left;
	width: 150px;
	margin-right: 45px;
	padding: 5px;
	border: 1px solid #ddd;
	margin-top: 35px;
}
.remenCon>.prodsCon .product a{
	display:block;
}
.remenCon>.prodsCon .product .img{
	overflow:hidden;
	height: 160px;
}
.remenCon>.prodsCon .product img{
	width: 100%;
	height: 100%;
}
.remenCon>.prodsCon .product .name{
	overflow: hidden;
}
.remenCon>.prodsCon .product .info{
	padding-left:5px;
}
.remenCon>.prodsCon .product .price{
	color: #333;
}