$min-scrwidth: 1190px;
$headt-high: 35px;
$headt-bg: #f5f5f5;
// 居中处理-container
.container {
    width: 1210px; min-width: $min-scrwidth; margin: 0 auto; position: relative;
}
header{
    width: 100%;
}
// 苏宁顶部导航工具栏
.header_top_toolbar {
    height: $headt-high; background: $headt-bg; width: 100%;
	/*工具栏-共用*/
	.toolbar_right,
	.toolbar_left{
	    display: block; height: $headt-high; color: #eee; font-size: 12px;
		.toolbar_node_box {
		    position: relative; float: left;
		}
		.toolbar_node_box:hover > .toolbar_node{
		    background: #fff; z-index: 9999; position: relative; top: 0; left: 0;
			color: #f60;
		}
		// 鼠标经过背景不变
		.back_home:hover > .toolbar_node,
		.login:hover > .toolbar_node,
		.register:hover > .toolbar_node,
		.yifubao:hover > .toolbar_node,
		.company_purchase:hover > .toolbar_node, {
			border: 0; background: $headt-bg;
		}
		.toolbar_node_box > .toolbar_node {
		    line-height: $headt-high; display: block; text-align: center;
		}
		/*长度不固定*/
		.toolbar_node_nofixed > .toolbar_node {
		    display: block; width: auto; padding: 0 10px;
		}
		/*长度固定*/
		.toolbar_node_fixed > .toolbar_node {
		    width: 65px; padding: 0 10px;
		}
		/*有下拉内容的*/
		.select_nav_box .toolbar_node > .icon-angle-up {display: none;}
		.select_nav_box:hover .toolbar_node {
			.icon-angle-down { display: none; }
			.icon-angle-up { display: inline-block; }
		}
		/*下拉内容-共有*/
		.toolbar_node_box > .select_nav_content {
		    padding: 20px; background-color: #fff;
		    position: absolute; top: $headt-high; z-index: 9998;
		    display: none; zoom: 1;
			border: 1px solid #ddd; border-top: 0;
			box-shadow: 1px 1px 4px rgba(0,0,0,.3);
		}
		.toolbar_node_box:hover > .select_nav_content {
		    display: block;
		}
		/*不设高清除浮动*/
		.toolbar_node_box > .select_nav_content::after {
		    clear: both; content: ""; display: table;
		}
		.toolbar_node_box > .select_nav_content {
		    color: #666;
		}
	}
	/*左侧工具栏*/
	.toolbar_left {
		float: left;
		.back_home {display: none;}
		.back_home_block {display: block;}
		// 网站导航
		.site_nav > .select_nav_content {
		    width: 988px; left: 0; padding: 20px 0px;
			/*网站导航下拉盒子列表-导航列表*/
			.select_nav_list {
				padding-left: 20px; border-right: 1px solid #eee; float: left; width: 176px;
				dt {
					display: block; font-size: 14px; width: 100%; height: 25px; line-height: 17px; font-weight: 500;
				}
				dd {
					width: 210px; height: 42px;
					p {
						display: block; float: left; width: 78px; height: 25px; line-height: 25px;
						a{
							position: relative;display: inline-block;
							&:hover {
								color: yellow
							}
							.hot{
							   position: absolute; display: block; width: 12px; height: 12px; background: #f00;
							   right: -18px; top: 0; background-position: 0 -205px;
						   }
						}
					}
				}
			}
		}
		/*商家入驻*/
		.shop_handle > .select_nav_content {
			width: 168px; left: 0; padding: 5px 0;
			a {
				height: 28px; line-height: 28px; display: block; padding-left: 10px;
				width: 74px; float: left;
			}
		}
	}
	/*右侧工具栏*/
	.toolbar_right {
		float: right;
		/*用户信息-下拉盒子列表*/
		.username_handle > .select_nav_content {
			width: 83px; left: 0; padding: 5px 0;
			a {
			    height: 30px; line-height: 30px; display: block; padding-left: 10px;
			    width: 73px; float: left;
			}
		}
		/*我的订单-下拉盒子列表*/
		.myorder_handle > .select_nav_content {
			width: 83px; left: 0; padding: 5px 0;
			a {
			    height: 30px; line-height: 30px; display: block; padding-left: 10px;
			    width: 73px; float: left;
				em {
					border-radius: 50%; width: 16px; height: 16px; background: #f7a705; float: right;
					display: none; text-align: center; z-index: 10; color: #FFF; line-height: 16px;
					margin-top: 7px; margin-right: 5px;
				}
			}
		}
		/*我的易购-下拉盒子列表*/
		.mysuning_handle > .select_nav_content {
			width: 168px; left: 0; padding: 5px 0;
			/*mysuning_infor*/
			.mysuning_infor{
			    width: 148px; height: 56px; margin: 5px 10px;
				.headimg{
				    float: left; width: 56px; height: 56px;
					#userHead {
					    width: 56px; height: 56px; border: 0;
					}
				}
				.mysuning_detail{
				    float: left; width: 72px; height: 56px; padding-left: 20px;
					.login {
					    height: 28px; line-height: 28px; width: 64px; display: block;
					}
					.daka {
					    display: block; height: 22px; text-align: center; color: #FFF; text-decoration: none;
					    line-height: 22px; background: #F60; border-radius: 4px; width: 64px;
					}
				}
			}
			& > a {
			    height: 30px; line-height: 30px; display: block; padding-left: 10px;
			    width: 74px; float: left;
			}
		}
		/*购物车*/
		.sn_cart > .toolbar_node {
			position: relative; font-size: 14px; color: #333;
			.count {
			    border-radius: 50%; width: 16px; height: 16px; background: #f7a705; position: relative;
			    display: inline-block; text-align: center; z-index: 10; color: #FFF; line-height: 16px;
			    top: -10px;
			}
		}
		/*购物车-下拉盒子列表*/
		.sn_cart > .select_nav_content {
			width: 300px; right: 0; padding: 0;
			.cart_panel {
				width: 280px; padding: 10px; background: #fff;z-index: 2;
				// box-shadow: 1px 1px 4px rgba(0,0,0,.3);
				.cart_list {
					li {
						position: relative; margin-bottom: 10px;
						em,h5,span,del {display: block;position: absolute;}
						em {position: absolute;color: $cff;background: $cf60;left: 0;top: 0;padding: 2px 5px;}
						img {display: block;width: 58px;height: 58px;border: 1px solid $cdd;}
						h5 {
							width: 210px;line-height: 20px;height: 40px;overflow: hidden;color: $blue;
							font-weight: normal;font-size: 12px;right: 0;top: -3px;
						}
						span {
							bottom: 0;left: 70px;color: $red;font-size: 16px;font-weight: bold;
						}
						del {
							bottom: 0;right: 0;color: $blue;cursor: pointer;
						}
					}
					.cart_no {color: $c55;font-size: 14px;line-height: 3;text-align: center;}
				}
				.cart_total {
					font-size: 12px;color: $c55;text-align: right;line-height: 1.6;padding: 5px 0;
					em,span {color: $red;}
					a {
						display: inline-block;font-size: 12px;padding:5px 10px;margin-top: 3px;
						background: $cf60;border-radius: 4px;
						color: $cff;
					}
				}
			}
		}
		/*手机苏宁*/
		.app_download > .toolbar_node > .icon-mobile-phone {font-size: 24px;vertical-align: middle;}
		.app_download > .select_nav_content {
			width: 360px; padding: 5px 0; height: 220px;
		    left: -64px;
			.app_code li {
				float: left; width: 180px; margin: 10px 0 0;
				img.top_code {
					width: 145px; margin: 0 auto 10px;
					display: block; height: 145px;
				}
				img.aoyun-text {
					width: 145px; height: 16px; margin: 8px auto; display: block;
				}
				p {
					width: 100%; height: 14px; line-height: 14px; text-align: center; font-size: 12px; color: #666;
				}
			}
		}
		/*客户服务*/
		.service_handle > .select_nav_content {
			width: 168px; padding: 5px 0; right: 0;
			a {
				height: 30px; line-height: 30px; display: block; padding-left: 10px;
				width: 74px; float: left;
			}
		}
	}
}

/*logo与搜索*/
.body_wrapper {
    width: 100%; height: 100px; background: #fff; position: relative;
	/*logo*/
	.logo, .logo img {
		float: left; height: 90px; width: 190px; display: block;
	}
	/*搜索框*/
	.search_box {
		height: 100px; width: 600px;
		position: absolute; top: 0; left: 370px;
		/*搜索框*/
		.search {
			width: 550px; height: 45px; margin: 30px 0 0 0; float: right; position: relative;
			.icon-search {
				position: absolute; top: 2px; left: 2px; text-align: center;
				width: 30px; height: 36px; line-height: 36px; display: block;
				color: #ddd;
			}
			.search_keyword {
			    float: left; outline: none;
			    width: 416px; height: 36px; padding: 0 0 0 30px; margin: 0; border: 2px solid #ffc001;
			}
			.search_submit {
			    background: #ffc001; color: #333; font-weight: bold; width: 100px;
			    height: 40px; line-height: 40px; padding: 0; font-size: 14px; text-align: center;
			    border: 0; outline: none;
			}
		}
		/*热门搜索*/
		.search_hotwords {
			float: right; width: 550px; height: 18px; line-height: 18px;
			white-space: nowrap; overflow:hidden; text-overflow:ellipsis;
			a {
				float: left; margin-right: 10px; white-space: nowrap; color: #999;
				font-size: 12px;
			}
		}
	}
}

/*导航栏*/
.nav_bar{
    width: 100%; height: 38px; background: #fff;
	/*分类列表*/
	.category_list {
		width: 190px; position: relative;
		.all_goods_sort {
			display: block; width: 178px; height: 38px; line-height: 38px; font-size: 14px;
			background: #ffc001; padding-left: 12px; float: left;
			color: #333 !important; font-weight: 700; overflow: visible;
			&:hover {background: #FF9900}
			// &::after {
			// 	content: ""; display: block; margin-top: 14px;
			// 	float: right; width: 0; height: 0; margin-right: 30px;
			// 	border-width: 5px 0 5px 5px; border-style: solid;
			// 	border-color: transparent transparent transparent #FFF;
			// }
		}
		.cat_list {
			width: 190px; position: absolute; left: 0; top: 38px;
			height: 456px; padding: 2px 0 0 0;
			box-shadow: 0 1px 1px 1px #eee; background: #fff; z-index: 7675;
			& > li {
				h3 a {
					float: left; width: 130px; padding: 0 30px; height: 35px; line-height: 35px;
					border: 0; overflow: hidden; display: block; color: #333; font-size: 13px;
					&::after {
						content: ""; display: block; margin-top: 12px;
						float: right; width: 0; height: 0;
						border-width: 5px 0 5px 5px; border-style: solid;
						border-color: transparent transparent transparent #FFF;
					}
				}
				&:hover h3 a{
					background: #F1474B;color: $cff;
				}
				&:hover .cat_more {display: block;}
			}
			.cat_more {
				display: none; position: absolute; left: 190px; top: 0; box-sizing: border-box;
				height: 460px; z-index: 599; width: 1020px; padding: 20px 0 10px 20px;
				overflow: hidden; background: $cff; box-shadow: 0 0 10px rgba($c00, 0.3);
				dl {
					display: table; width: 100%; margin-bottom: 8px; overflow: hidden;
					dt,dd {display: table-cell; }
					a {height: 24px; line-height: 24px; white-space:nowrap; }
					dt {
						width: 90px; position: relative;
						a {
							display: block; text-align: right; padding-right: 20px;
							font-weight: bold;
						}
					}
					dd {
						border-bottom: 1px solid $cee; width: 880px; display: block;
						a {
							display: inline-block; padding: 0 8px;
						}
					}
				}

			}
		}
		&:hover .cat_list {display: block;}
	}
	/*导航索引*/
	.nav_index {
		width: 785px; height: 36px; line-height: 36px; float: left; padding-left: 10px;
		.nav li {
			float: left; display: block; height: 36px; line-height: 36px;
			padding: 0 12px 0 13px;
			a {
				color: #333; font-size: 15px;
				&:hover {
					color: #f60;
				}
			}
		}
	}
}

/*底部*/
.foot {
	@extend .web_; padding-top: 20px; border-top: 1px solid $cdd;
	background: #F5F5F5;
	.service {
		@extend .web;border-bottom: 1px solid $cdd;
		ul {
			@extend .cf; padding: 12px 0;
			li {
				width: 240px; float: left; position: relative;
				img {
					display: block; float: left; margin-right: 8px;
					height: 48px; width: 48px; border-radius: 50%;
				}
				div {
					float: left; height: 48px; width: 170px;
					p {
						width: 100%; line-height: 24px;
						strong {
							font-size: 14px; color: $c55; font-weight: 700; display: inline-block;
						}
					}
				}
			}
		}
	}
	.help {
		@extend .web; height: 180px; overflow: hidden;
		dl {
			float: left; width: 200px; position: relative;
			dt {font-size: 14px; font-weight: bold; height: 35px; line-height: 40px; overflow: hidden;}
			dd {
				line-height: 22px; font-size: 12px;
				a {color: $c99;&:hover{color: $cf60;}}
			}
		}
		.contact {
 			width: 160px; float: right; text-align: center; margin-top: 20px;
 			em { font-size: 22px; color: $cf60; display: block; margin-bottom: 10px; }
 			span { display: block; margin-bottom: 10px; }
 			div {
				height: 26px; line-height:26px; border: 1px solid $cf60; padding: 0 10px;
				color: $cf60; text-decoration: none; display: inline-block; font-size: 12px;
				&:hover {
					background: $cf60; color: $cff;
				}
			}

		}
	}
	.copy {
		line-height: 2;color: #999;background: #33302B;padding: 20px;
		a {margin: 0 5px;color: #999;}
		a:hover {color: inherit;}
	}
}
