.container-search-tips ul li {
    margin-bottom: 0;
    border-bottom: 1px solid #f2f2f2;
    transition: all ease .4s;
    display: block;
    padding: 6px;
    line-height: 1.8em;
    cursor: pointer;
    background-image: url(images/icon-search-01.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 5px 12px;
    padding-left: 30px;
}

    .container-search-tips ul li:hover, .container-search-history ul li:hover {
        color: #4e6ef2;
        background-color: #f8f9fa;
    }

.container-search-tips ul, .container-search-history ul {
    padding-left: 0;
}

    .container-search-history ul li {
        margin-bottom: 0;
        border-bottom: 1px solid #f2f2f2;
        transition: all ease .4s;
        display: block;
        padding: 6px;
        line-height: 1.8em;
        cursor: pointer;
        background-image: url(images/icon-history.svg);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: 5px 12px;
        padding-left: 30px;
    }

        .container-search-history ul li .delete-btn {
            display: inline-block;
            width: 14px;
            height: 14px;
            background: #cccccc;
            border-radius: 20px;
            float: right;
            color: #fff;
            text-align: center;
            line-height: 13px;
            font-style: normal;
            font-size: 12px;
            margin-top: 6px
        }

            .container-search-history ul li .delete-btn:before {
                content: "x"
            }

            .container-search-history ul li .delete-btn:hover {
                background: #428bca;
            }

.container-search-history {
    padding: 20px;
}