search_header.scss

@import "src/assets/css/variable";
.search-head {
    height: 44px;
    display: flex;
    background-color: #fff;

    .left {
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;

        img {
            width: 14px;
            height: 14px;
            display: block;
            padding: 15px;
        }

        .iconfont {
            font-size: 20px;
        }
    }

    .center {
        flex: 1;

        .am-search {
            background-color: #fff;

            .am-search-input {
                background: #fff;
                border: 1px solid rgba(225, 228, 230, 1);
                border-radius: 13px;
                color: #333;
                font-size: 12px;
            }

        }

        .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: 14px;
            color: $color_525B65;
        }
        .submit-btn--active {
            color: $active;
        }
    }
}

.am-search {
    height: 43px;
    padding: 0;
}