test/userWeb/UI/css/control.css

#control header{
	height:123px;
	padding-top: 1px;
}
#control header nav{
	float:left;
	width:50%;
	padding-left:80px;
	height: inherit;
}
#control header nav a:nth-child(1){
	color: #2d3037;
	background: url(../img/Logo.svg) 47% 49% no-repeat;
	margin-right:8%;
	width:65px;
}
#control header nav a:nth-child(1):hover{color: #2d3037;}
#control header nav a{
	display: inline-block;
    height: 123px;
    width: 130px;
    text-align: center;
    line-height: 123px;
    font-weight: 500;
    color: #A8AAB1;
    font-size: 16px;
    font-family: HelveticaNeue-Medium;
}
#control header nav a:hover{
	color:#161A21;
    font-weight: 600;
	text-decoration:none;
}
#control header .controlBtn{
    float: right;
    width: 50%;
    text-align: right;
    height: inherit;
    padding-top: 45px;
    padding-right: 94px;
}
#control header .controlBtn span{
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 46px;
}
#control .search{background:url("../img/search_icon.svg") no-repeat;
}
#control .search:hover{background:url("../img/search_icon_hover.svg") no-repeat;
}
#control .avatar{background:url("../img/avatar_default.svg") no-repeat;
}
#control .avatar:hover{background:url("../img/avatar_default_hover.svg") no-repeat;
}
#control .cart{background:url("../img/cart_icon.svg") no-repeat;
}
#control .cart:hover{background:url("../img/cart_icon_hover.svg") no-repeat;
}
#control .menu{background:url("../img/menu_icon.svg") no-repeat;
}
#control .menu:hover{background:url("../img/menu_icon_hover.svg") no-repeat;
}
#control header .hr{
	float: left;
    width: 88%;
    height: 1.5px;
    background: #F8F8F8;
    margin: 0 6%;
}