.header_top {
	background: #f5f5f5;color: $c99;
	.welcome {
		float: left;line-height: 40px; color: #666;
		a {color: #666; display: inline-block; margin: 0 5px; &:hover{color: #f60;}}
	}
	.top_tool {
		float: right;line-height: 40px;@extend .cf;
		li {float: left;}
		a {color: #666; display: inline-block; margin: 0 5px; &:hover{color: #f60;}}
	}
	.header_cart {
		float: right;width: 120px;position: relative;z-index: 999;
		.go_cart {
			width: 120px;height: 40px;background: $c55;line-height: 40px;display: block;
			text-align: center;color: $cff;
			&:hover {
				background: $cff;color: $c55;text-decoration: none;
			}
		}
		&:hover {
			.go_cart {
				background: $cff;color: $c55;text-decoration: none;position: relative;z-index: 3;
			}
		}
		.cart_simple {
			position: relative;
			.cart_panel {
				width: 280px;padding: 10px;background: $cff;top: 0;right: 0;position: absolute;z-index: 2;
				box-shadow: 1px 1px 4px rgba($c00,.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_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;
					}
				}
			}
			.cart_no {color: $c55;font-size: 14px;line-height: 3;text-align: center;}
		}
	}
}

header.ucenter {
	width: 100%;
	.header_top_menu {
		width: 100%; height: 60px; background: #FF7700;
		.ms_logo {
			width: 160px; height: 60px; display: block; float: left; margin-right: 120px;
			img {
				height: 28px; width: 146px; margin-top: 16px;
			}
		}
		ul {
			margin-left: 100px; height: 60px;
			li {
				float: left;
				a {
					display: block; height: 60px; line-height: 60px; padding: 0 20px; float: left; color: #fff;
					font-size: 14px;
				}
			}
		}
	}
	.header_bottom {
		width: 100%; height: 5px; background: #fff;
	}
}

.ucenter_main {
	margin-top: 10px; min-height: 495px;
}
.ucenter_bar {
	padding: 20px 0 12px 0; background: #fff; margin-bottom: 14px;
}
.user_bar {
	background: $cff;@extend .cf; padding: 0 20px; box-sizing: border-box;
	h3 {
		height: 28px;background: $cff;line-height: 28px;
		font-size: 14px;
		&>i {
			width: 15px; height: 28px; line-height: 28px; display: block; float: left;
		}
	}
	ul {
		padding: 0 15px; width: 100px;
		li {
			height: 24px; line-height: 24px; position: relative; width: 100%;
			a {
				display: block;border-radius: 5px; width: 100%; font-size: 12px; color: #333;
			}
			&:last-child{border: none;}

			&.current {
				border-bottom: none;
				a {
					color: $cf60;
				}
			}
		}
	}
}
