.search-field .header{padding:0 .42667rem 0 .53333rem;position:fixed;left:0;top:0;width:calc(100% - .96rem);height:1.17333rem;background-color:#fff;z-index:99}.search-field .header,.search-field .header__field{display:flex;align-items:center;justify-content:space-between}.search-field .header__field{flex:1;height:.85333rem;background:#f5f5f5;border-radius:.48rem;margin-right:.42667rem;padding-left:.42667rem;padding-right:.32rem}.search-field .header__field .icon{width:.37333rem;height:.37333rem}.search-field .header__field form{width:100%}.search-field .header__field form input{border:none;caret-color:#c69546;height:.53333rem;line-height:.53333rem;font-size:.37333rem;width:100%;background-color:transparent;padding-left:.10667rem}.search-field .header__field form [type=search]::-webkit-search-decoration{display:none}.search-field .header__field form input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.search-field .header__field form input:-moz-input-placeholder,.search-field .header__field form input:-ms-input-placeholder,.search-field .header__field form input::-moz-input-placeholder,.search-field .header__field form input::-webkit-input-placeholder{color:#999}.search-field .header__cancel{font-size:.42667rem;color:#222;line-height:.64rem}body[data-name*=search]{background-color:var(--bg-1)}