@charset "utf-8";
/**
Author: Crony 2015.7.8
Version: 1.0
By：dianqi
**/
/*分类部分*/
.iconft{color: #e22a40;font-size: 18px;}
#nav{width:189px;position:relative;top:-41px;background:#07a2ec;z-index:1;}
#nav .mod_cate_hd{height:40px;line-height:40px;font-size:16px;color:#FFFFFF;text-indent:7px;background-color:#0085c5;border-bottom:1px #3487F2 solid;}
#nav .mod_cate_hd a{color:#fff;}
#nav .mod_cate_hd .all{background: url(../img/npbg.png) 10px -113px no-repeat;width: 25px;height:41px;float:left;display: block;}
#nav .tit{position: absolute;background: #fff;  width: 189px;}
#nav .mod_cate,#nav .mod_cate2{height:44.3px;line-height:44.3px;border-bottom:1px #dedede solid;border-top:none;padding:9px 10px 10px 10px;}
#nav .mod_cate h2,#nav .mod_cate2 h2{font-size:15px;font-weight:normal;  margin-top: -10px;}
#nav .mod_cate h2 a,#nav .mod_cate2 h2 a{color:#333;padding-right:5px;font-weight: 600;}
#nav .mod_cate a.hot_sub{background:#106AC0;font-size:12px;border-radius:9px;padding:0px 5px;margin-left:5px;}
#nav .mod_cate2{background:none;}
#nav .mod_cate2 a.yel{color:#fee602;}
#nav .mod_cate span{position: relative; top: -22px;left: 22px;}
#nav .mod_cate span a{color: #999;font-size: 12px;}
#nav .mod_cate .arrow {position: relative;top: 20px;right: 8px;font-family: simsun;}
#nav .mod_subcate{display:none;width:798px;height:448px;border:1px #0085c5 solid;background:#FFFFFF;position:absolute;top:0px;z-index:-1;left:189px;overflow:hidden;}

#nav .mod_subcate_main{width:530px;padding:0px 20px 1000px 20px;margin-bottom:-1000px;border-right:1px #ddd solid;float:left;}
#nav .mod_subcate_line{width:100%;height:1px;clear:both;font-size:0px;margin-bottom:5px;border-top:5px #fff solid;border-bottom:1px #dadada dotted;overflow:hidden;display:block;}
#nav .mod_subcate_main dl{padding:7px 0 7px 65px;border-bottom:1px #e5e5e5 solid;overflow:hidden;}
#nav .mod_subcate_main dl dd{line-height:22px;overflow:hidden;}
#nav .mod_subcate_main dl dd a{color:#666;font-size:12px;margin:0 5px 0 5px;float:left;display:inline;white-space:nowrap;}
#nav .mod_subcate_main dl dd a.org{color:#ff7300;}
#nav .mod_subcate_channel{clear:both;margin-top:15px;} 
#nav .mod_subcate_channel .mod_btn_arrow{height:26px;line-height:26px;font-size:12px;padding:0 10px 0 10px;margin-left:5px;text-decoration:none;color:#FFFFFF;background:#2785E6;cursor:pointer;display:inline-block;}
#nav .mod_subcate_channel .mod_btn_arrow b{font-weight:normal;float:left;}
#nav .arrow_dot { width:0px;height:0px;overflow:hidden;font-size:0px;margin:9px 0 0 5px;border:4px transparent dashed;border-left:4px #FFFFFF solid;}
#nav .mod_subcate_side{width:217px;padditop:5px;padding-left:10px;paddibottom:1000px;margin-bottom:-1000px;float:left;}

#nav .on{color:#fff;padding:8px 10px 9px 8px;height:47px;line-height:47px;border-bottom:1px #dedede solid;border-top:none;margin-left:1px;background:#0085c5;}
#nav .on h2 a{color:#fff;}
#nav .on .mod_subcate{display:block !important;/* !important 强制显示，否则会闪烁*/ }
#nav .on .mod_cate_r a{color:#666666;}
#nav .on a.hot_sub{color:#FFFFFF;}
#nav .on span a{color: #fff;}
#nav .on i{color: #fff;}

/*分类*/
.wrapper {
	width: 1190px;
	min-width: 1190px;
	clear: both;
	margin: auto;
}

.floor-promotion {
	position:relative;
	margin-top:10px;
	overflow:hidden
}
.floor-promotion .hd-title {
	position:absolute;
	top:0;
	left:1px;
	width:1188px;
	height:18px;
	_display:none
}
.floor-promotion .main {
	height:265px;
	border:1px solid #ddd;
	background:#fff;
	overflow:hidden
}
.floor-promotion .main li {
	float:left;
	width:149px;
	border-right:1px solid #ddd;
	overflow:hidden
}
.floor-promotion .main li {
	width:159px;
	-webkit-transition:width .5s;
	transition:width .5s
}
.floor-promotion .main li.item3 {
	margin-right:-10px
}
.floor-promotion .main li.item3 {
	margin-right:0
}
.floor-promotion .main li.item4 {
	margin-right:-10px
}
.floor-promotion .main li .small {
	display:block;
	width:160px;
	height:265px;
	margin-left:-6px
}
.floor-promotion .main li .small {
	margin-left:0
}
.floor-promotion .main li .big {
	display:none;
	width:550px;
	height:265px;
	margin-left:-6px
}
.floor-promotion .main li .big {
	margin-left:-1px
}
.floor-promotion .main li.on {
	width:538px
}
.floor-promotion .main li.on {
	width:548px
}
.floor-promotion .main li.on .small {
	display:none;
	width:160px;
	height:265px
}
.floor-promotion .main li.on .big {
	display:block
}
.sp-price {
	height:24px;
	margin-top:2px;
	font-size:0;
	overflow:hidden
}
.sp-price i {
	font-family:arial
}
.sp-price b {
	color:#d00;
	font:bold 14px/1.5 'microsoft yahei'
}
.sp-price .price-now {
	float:left;
	color:#d00
}
.sp-price .price-now i {
	margin-right:4px;
	font-size:16px
}
.sp-price .price-now span {
	font-size:18px;
	font-family:iconfont
}
.sp-price .price-now em {
	position:relative;
	top:1px;
	_top:0;
	font-size:14px;
	font-family:iconfont;
	vertical-align:top
}
.sp-price .price-old {
	float:left;
	margin-top:3px;
	padding-left:10px;
	color:#999;
	font-size:12px
}
.sp-price .price-old del {
	font-family:tahoma;
	text-decoration:line-through
}
.floor-hots {
	position:relative;
	padding-bottom:10px;
	background:#0eb8b8;
	overflow:hidden
}
.floor-hots .hd-title {
	height:42px;
	padding:0 10px;
	color:#fff;
	overflow:hidden
}
.floor-hots .hd-title h3 {
	float:left;
	padding-right:10px;
	font:bold 20px/42px 'microsoft yahei'
}
.floor-hots .hd-title h4 {
	float:left;
	margin-top:15px;
	*margin-top:13px;
	font:normal 14px/1.5 'microsoft yahei'
}
.floor-hots .main {
	position:relative;
	width:970px;
	height:331px;
	margin-left:10px;
	background:#fff;
	overflow:hidden
}
.floor-hots .main {
	width:1170px
}
.floor-hots .main ul {
	width:1180px;
	margin-right:-10px
}
.floor-hots .main li {
	position:relative;
	float:left;
	width:249px;
	height:165px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden
}
.floor-hots .main li {
	width:236px
}
.floor-hots .main li.big {
	width:222px;
	height:331px
}
.floor-hots .main li img {
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	width:236px;
	height:165px
}
.floor-hots .main li.big img {
	width:222px;
	height:331px
}
.floor-hots .main li .detail {
	position:absolute;
	z-index:2;
	top:11px;
	left:15px;
	width:190px;
	overflow:hidden
}
.floor-hots .main li .detail .name {
	height:23px;
	font:bold 16px/1.5 'microsoft yahei';
	overflow:hidden
}
.floor-hots .main li .detail .sp-price {
	height:44px;
	margin-top:4px
}
.floor-hots .main li .detail .sp-price .price-now {
	float:none
}
.floor-hots .main li .detail .sp-price .price-old {
	float:none;
	margin-top:-2px;
	padding-left:0
}
.floor-hots .main li .detail .buy {
	color:#666;
	font-family:'microsoft yahei'
}
.floor-hots .main li .detail .buy i {
	color:#83aa2b
}
.floor-hots .main li a {
	position:absolute;
	z-index:3;
	width:236px;
	height:165px;
	background:url(../img/blank.gif) repeat;
	_background:#fff;
	_filter:alpha(opacity=0)
}
.floor-hots .main li.big a {
	width:222px;
	height:331px
}
.floors-wrap {
	width:100%;
	min-width:990px;
	padding-bottom:62px;
}
.floors-wrap {
	min-width:1190px
}
.floors-wrap .floor {
	padding-top:20px
}
.floors-wrap .floor-header {
	height:38px;
	border-bottom:3px solid #36b7b7;
	overflow:hidden;
	color: #36b7b7;
}
.floors-wrap .floor-header h3 {
	float:left;
	font:bold 20px/38px 'microsoft yahei'
}
.floors-wrap .floor-header h4 {
	float:left;
	margin-top:12px;
	*margin-top:9px;
	padding-left:16px;
	font:normal 14px/1.5 'microsoft yahei'
}
.floors-wrap .floor-main {
	height:542px;
	border-bottom:1px solid #e7e7e7;
	overflow:hidden
}
.floors-wrap .floor-main .side {
	float:left
}
.floors-wrap .floor-main .side img {
	display:block;
	width:235px;
	height:542px
}
.floors-wrap .floor-main .main {
	position:relative;
	float:right;
	width:754px;
	height:542px;
	margin-left:-5px;
	border-right:1px solid #e7e7e7;
	background:#fff;
	overflow:hidden
}
.floors-wrap .floor-main .main {
	width:954px
}
.floors-wrap .floor-main .main ul {
	width:964px;
	height:542px;
	margin-right:-10px
}
.floors-wrap .floor-main .main li {
	position:relative;
	float:left;
	width:251px;
	height:271px;
	border-right:1px solid #e7e7e7;
	background:#fff;
	overflow:hidden
}
.floors-wrap .floor-main .main li {
	width:238px
}
.floors-wrap .floor-main .main li .face {
	width:160px;
	margin:20px auto 0
}
.floors-wrap .floor-main .main li .face img {
	display:block;
	width:160px;
	height:160px
}
.floors-wrap .floor-main .main li .name {
	height:17px;
	margin:8px 24px 0;
	overflow:hidden
}
.floors-wrap .floor-main .main li .name a {
	color:#666
}
.floors-wrap .floor-main .main li .name a:hover {
	color:#f60
}
.floors-wrap .floor-main .main li .sp-price {
	margin:8px 23px 0
}
.floors-wrap .floor-main .main li .buy {
	margin:-2px 23px 0;
	color:#666;
	font-family:'microsoft yahei'
}
.floors-wrap .floor-main .main li .buy i {
	color:#83aa2b
}
.floors-wrap .floor-main .main li .add-cart {
	position:absolute;
	z-index:2;
	top:220px;
	right:20px;
	width:32px;
	height:32px;
	background:url(../img/npbg.png) -257px -75px;
	font-size:0;
	cursor:pointer
}
.floors-wrap .floor-main .main li .discount {
	position:absolute;
	z-index:2;
	top:20px;
	left:20px;
	height:20px;
	overflow:hidden
}
.floors-wrap .floor-main .main li .discount em {
	float:left;
	height:20px;
	padding:0 4px;
	background:#ff3c00;
	color:#fff;
	font:14px/20px 'microsoft yahei'
}
.floors-wrap .floor-main .main li.out .discount em {
	background:#727272
}
.floors-wrap .floor-main .main li.out .discount i {
	background-position:-42px -51px
}
.floors-wrap .floor-main .main li .shadow {
	display:none;
	position:absolute;
	z-index:20;
	top:0;
	left:0;
	width:100%;
	height:271px;
	overflow:hidden
}
.floors-wrap .floor-main .main li.out .shadow {
	display:block
}
.floors-wrap .floor-main .main li .shadow i {
	position:absolute;
	top:60px;
	left:50%;
	width:110px;
	height:100px;
	margin-left:-55px;
	overflow:hidden
}
.floors-wrap .floor-main .main li .shadow em {
	position:absolute;
	right:22px;
	bottom:16px;
	color:#999;
	font:bold 14px/1.5 'microsoft yahei'
}
.floors-wrap .floor-main .main li.out .sp-price .price-now {
	color:#4a4a4a
}