.head-so{float:right;width:30px;} .header-button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: 0px;text-align:center; overflow: hidden; text-transform: capitalize; position: relative; z-index: 1; display: block; width: 30px; height:30px; margin-top:5px; outline: none; background:url(../imgc/sobj.png) no-repeat; border: none; cursor: pointer;color:#ececec; } .header-button i{font-size:15px;display:block;height:30px;line-height:30px} #toggle-menu {float: left;background-position: 0 0;background-color: #bc0023;} #toggle-search {float: right;background-position: -60px 0;} #toggle-search.open:after {top:40px;} #toggle-search:after { -moz-transition: top, 0.5s; -o-transition: top, 0.5s; -webkit-transition: top, 0.5s; transition: top, 0.5s; position: absolute; top:52px; left:50%; margin-left: -8px; content: ""; border-color: transparent transparent #ff7200; border-style: solid; border-width: 8px 8px 12px; } #toggle-basket { position: relative; float: right; background-position: -120px 0; } #toggle-basket:before { position: absolute; top: 5px; left: 0; width: 2px; height: 50px; content: ""; background-color: #000; } #search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top:40px;/***下拉位置***/ right: 0; width: 56%; max-height:0;z-index:999; overflow: hidden; background-color: #f0f1f2; } #search-form.open { max-height:60px; } #search-form fieldset { position: relative; margin: 0 60px 0 0; padding: 0; border: none; } #search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 50px; } #search-form input[type="search"] { width: 100%; padding: 0 5px 0 22px; background: transparent; border: none; } #search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #FFF; background: #ff7200; border: none; cursor: pointer; }