.mui-search-box {
    border: 1px solid $line-color;
    padding: .10rem 0.20rem;
    border-radius: .10rem;
    width: 100%;
    background: #f3f3f6;
    display: flex;
    align-items: center;
    .serarch-inp {
        flex: 1;
        height: 100%;
        input {
            width: 100%;
            line-height: .40rem;
            padding-left: .10rem;
            font-size: .28rem;
            border: none;
            background: none;
        }
    }
    .search-icon {
        i {
            color: #96929c;
            font-size: .30rem;
        }
    }
}