#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%; } /*搜索*/ #control_search{ display:none; width: 88%; margin: 0 auto; } #control_search .title{ text-align: center; padding-top: 198px; padding-bottom: 60px; font-family: HelveticaNeue; font-size: 32px; color: #262c38; } #control_search .input{ text-align: center; } #control_search .input>div{ display: inline-block; } #control_search .input>div>p{ height:50px } #control_search .input>div>p>input{ float:left; height: 50px; width: 660px; } #control_search .input>div>p>span{ background: url(../img/search_icon_white.svg) no-repeat; float: left; display: inline-block; width: 71px; height: 50px; border-radius: 1px; line-height: 50px; border-left: 0; background-color: #00c400; background-position: 50% 50%; } #control_search .hot{ text-align: left; } #control_search .input>p{ background: #767a82; display: inline-block; width: 25px; height: 25px; }