.wi-select {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: auto;
    margin: 10px 0 15px;
}

    .wi-select:after {
        content: "";
        width: 6px;
        height: 6px;
        position: absolute;
        border-right: 1px solid #777;
        border-bottom: 1px solid #777;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        display: block;
        top: 50%;
        left: 7px;
        z-index: 9;
        margin-top: -3px;
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s;
    }

    .wi-select > span {
        padding: 8px 0;
        display: block;
        position: relative;
        z-index: 9;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #fff;
        border: 1px solid #e7e7e7;
        text-indent: 10px;
    }

    .wi-select > ul {
        list-style: none;
        padding: 0;
        margin: 0;
        border: 1px solid #dfe5e8;
        border-bottom: 0 none;
        border-top: 0 none;
        position: absolute;
        width: 100%;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        opacity: 0;
        background-color: #fff;
        z-index: 10;
    }

        .wi-select > ul > li {
            height: 36px;
            line-height: 36px;
            padding: 0 15px 0 30px;
            color: #757575;
            display: block;
            margin: 0 !important;
        }

            .wi-select > ul > li:last-child {
                border-bottom: 1px solid #dfe5e8;
            }

            .wi-select > ul > li:hover {
                background-color: #f0f1f2;
            }

            .wi-select > ul > li.selected {
                color: #111;
            }

    .wi-select.active {
        overflow: visible;
    }

        .wi-select.active:after {
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

        .wi-select.active > span {
            background-color: #f0f1f2;
        }

        .wi-select.active > ul {
            opacity: 1;
        }