.search-head { height: 44px; display: flex; background-color: #F7F9FC; border-bottom: 1px solid #eee; .left { width: 44px; height: 44px; line-height: 44px; text-align: center; img { width: 14px; height: 14px; display: block; padding: 15px; } } .center { flex: 1; .am-search { background-color: #F7F9FC; .am-search-input { background: #F0F2F6; border-radius: 44px; } } .am-search-start { .am-search-input { background: #fff; border-radius: 44px; } } } .right { width: 44px; height: 44px; line-height: 44px; .am-icon-md { padding: 11px; } } .right-btn { width: auto; .submit-btn { line-height: 30px; border: 0; height: 30px; margin: 7px 0px; padding: 0 12px; margin-left: 0; border-radius: 3px; font-size: $font_14; color: $color_333; } .submit-btn--active { color: $active; } } } .am-search { height: 43px; padding: 0; }