search_header.scss

.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;
}