@charset "utf-8";




#main .top_area,
#main .inner,
#main .navi-area{
	font-family:		"微软雅黑","Microsoft Yahei","黑体",SimHei,STHeiti,Helvetica,serif,Arial;
}



.mt10{
	margin-top:		10px !important;
}
.mr16{
	margin-right:		16px;
}


.appendix{display:none;}


#main .navi-area{
	background-color:	#fff;
	margin: 20px 0 0 0;
}

#main .navi-area p{
	margin: 20px auto 0;
	width:			890px;
}

#main .navi-area .navi{
	box-sizing: border-box;
	margin: 0 auto;
	padding:		10px 24px 20px 25px;
	width:			890px;
	//height:			140px;
	text-align:center;
	background:		#D9D9D9;
	position:relative;
}

#main .navi li{
	box-sizing: border-box;
	float:			left;
	margin:			0 0px 0px 0;
	padding-top: 10px;
	//height:			30px;	
	//position:absolute;
	//border-right:			#018dfe solid 10px;
	background:		#fff;
}

#main .navi li span{
	display: block;
	padding-bottom: 5px;
}

#main .navi li span a{
	padding-right: 10px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAABLsQqMrBsAAAABdFJOUwBA5thmAAAAFElEQVQI12NgAIImBhcGDQYBBgYAB3QA/zGyjSsAAAAASUVORK5CYII=") no-repeat right 5px;
	font-size: 14px;
}


#main .navi li a:hover{
	text-decoration:none;

}

#main .navi li img {
	border-right: 1px solid #ddd;
}

#main .navi li.nav06 img {
	border-right: 0;
}



#main .navi li a .naviInnerBlock img{
	float:			left;
	padding:		1px 0 0 20px;
	
}

#main .navi li a .txt{
	display:		block;
	float:			right;
	width:			227px;
	height:			58px;
	padding:		10px 40px 0 0;
	font-size:		30px;
	color:			#226A92;
	text-align:		right;
}




#main .inner{
	width:			890px;
	margin:			0 auto;
}


#main .inner h2{
	background:		transparent;
	border:			0;
	height:			50px;
	margin:			36px auto 20px;
	height:			50px;
	padding:		0 0 0 50px;
	border-top: 	19px solid #fff;	
	font-size:		32px;
	line-height:		1.2;
	text-align:		left;
	position:		relative;
}


#main .inner h2 a{
	position:		absolute;
	box-sizing: border-box;
	margin-top: 6px;
	padding-top: 0;
	padding-left: 20px;
	width:			176px;
	height:			40px;
	text-align:		center;
	right:			7px;
	top:			0px;
	line-height:	36px;
	font-size:		15px;
	color:			#520000;
	background:		url("../images/make.png") no-repeat 0 0;
}

#main .inner h2 img{
	position:		absolute;
	margin:			0 0 0 -138px;
	left:			50%;
	top:			-19px;
}

#main .inner h2.colorA01{
	background:		#BF6378;
}

#main .inner h2.colorA02{
	background:		#E73828;
}

#main .inner h2.colorA03{
	background:		#8A969E;
}

#main .inner h2.colorA04{
	background:		#00A9D9;
}

#main .inner h2.colorA05{
	background:		#C8AB73;
}

#main .inner h2.colorA06{
	background:		#5F8CE0;
}

#main .inner h2.colorA07{
	background:		#E95587;
}


#main ul li{
	float:			left;
}

#main .item li h3{
	margin:			0;
	padding:		3px 0 2px 20px;
	border:			0;
	font-size:		30px;
	line-height:		1.6;
	font-weight:		bold;
	position:		relative;
}

#main .item li h3 a{
	position:		absolute;
	right:			10px;
	top:			10px;
	padding:		3px 5px 3px 10px;
	font-size:		16px;
}
#main .item li h3 a.colorB01{
	background-color:			 #ff730a;
}













#main .item li .content{
	padding:		0 0px 15px 0px;
}

#main .item li .last{
	margin-right:		0 !important;
}

#main .item li .content .flt{
	position: relative;
}

#main .item li .content .pic{
	text-align:		center;
}

#main .item li .content .down{
	box-sizing: border-box;
	margin: 10px auto 0;
	width: 47px;
	height: 48px;
	background: url("../images/down_mark.png") 0 0 no-repeat;
	font-family:		Helvetica,"黑体",SimHei,STHeiti,serif,Arial;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 0;
}

#main .item li .content .flt .mar{
	position:		relative;
	height:			105px;
}

#main .item li .content .flt .mar .img{
	display:		block;
	position:		absolute;
}

#main .item li .content .flt .mar .mark{
	display:		block;
	right:			0;
	top:			0;
	position:		absolute;
}

#main .item li .content .brand{
	margin-bottom: 10px;
	height: 30px;
	font-size:		17px;
	line-height: 28px;
	color:			#fff;
	text-align:		center;
}

#main .item.color01 li .content .brand{
	background-color: #bf6378;
}

#main .item.color02 li .content .brand{
	background-color: #E73828;
}

#main .item.color03 li .content .brand{
	background-color: #8A969E;
}

#main .item.color04 li .content .brand{
	background-color: #00A9D9;
}

#main .item.color05 li .content .brand{
	background-color: #C8AB73;
}

#main .item.color06 li .content .brand{
	background-color: #5F8CE0;
}

#main .item.color07 li .content .brand{
	background-color: #E95587;
}


#main .item li .content .model{
	font-size:		14px;
	color:#666;
	text-align:		center;
}
#main .item li .content .name{
	font-size:		14px;
	font-weight:		bold;
	letter-spacing: -0.05em;
	text-align:		center;
}
#main .item li .content .price{
	font-size:		20px;
	font-weight:		bold;
	color:			#DB0011;
	font-family:		Helvetica,"黑体",SimHei,STHeiti,serif,Arial;
	text-align:		center;
}
#main .item li .content .price span{
	font-size:		28px;
}
#main .item li .content .button{
	//margin-top:		10px;
}

#main .item li .content .button a{
	margin: 0 auto;
	padding:		5px 0 0 15px;
	font-size:		14px;
	height:			25px;
	line-height:		1.4;
	width:			114px;
}

/* 尺寸在下面调整 */

#main .item li{
	width:			900px;
}

#main .item li .pic{
	text-align:		center;
}

#main .item li .content .flt{
	float:			left;
	box-sizing: 	border-box;
	width:			215px;
	margin:			10px 10px 0 0;
	padding: 		5px;
	border: 		1px solid #333;
}


#main .item.color07 li .content .flt{
	width:			170px;
}

#main .item.color07 li .content .brand{
	font-size: 18px;
}


#main .item li .content .flt.col2{
	width:			440px;
	position: relative;
}

#main .item li .content .flt.col2 .name{
	text-align: left;
}

#main .item li .content .flt.col2 .model{
	text-align: left;
}

#main .item li .content .flt.col2 .pic{
	text-align: left;
}

#main .item li .content .flt.col2 .price{
	text-align: left;
}

#main .item li .content .flt.col2 .down{
	position: absolute;
	top: 100px;
	right: 50px;
}

#main .item li .content .flt.col2 .button{
	position: absolute;
	right: 10px;
	bottom: 10px;
}












#main .note{
	margin-top:		32px;
	color: #ff0000;
}


p.backtop {
	text-align: right;
}
p.backtop a.backtop-a {
	background:		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAABLsQqMrBsAAAABdFJOUwBA5thmAAAAEElEQVQI12MQYNBgcGFoAgACjgD/5b/zoAAAAABJRU5ErkJggg==") no-repeat scroll 0 4px transparent;
	line-height:		36px;
	padding-left:		15px;
	text-decoration:	none;
}
p.backtop a.backtop-a:hover {
	text-decoration:	underline;
}
.contentsWrap a.button--strong,
.contentsWrap a.button--strong:visited,
.contentsWrap a.button--strong-s,
.contentsWrap a.button--strong-s:visited,
.contentsWrap a.button--strong02,
.contentsWrap a.button--strong02:visited,
.contentsWrap a.button--strong02-s,
.contentsWrap a.button--strong02-s:visited {
	box-shadow: inset 0 0 0 0 , 0 0 0 0 rgba(0, 0, 0, 0);

}
.contentsWrap a.button--conversion,
.contentsWrap a.button--conversion:visited,
.contentsWrap a.button--conversion-s,
.contentsWrap a.button--conversion-s:visited,
.contentsWrap a.button--conversion02,
.contentsWrap a.button--conversion02:visited,
.contentsWrap a.button--conversion02-s,
.contentsWrap a.button--conversion02-s:visited {
	box-shadow: inset 0 0px 0 0 , 0 0px 0 0 rgba(0, 0, 0, 0);
}