//
// 下拉
// ============================================================

.list-wrapper
    @extend .position-absolute
    @extend .alert-content-z-index
    @extend .display-none
    @extend .top-50
    @extend .left-50
    &.active
        @extend .display-inline-block
    dl
        @extend .overflow-hidden
        @extend .opacity-0
        transform: scale(0)
        transform-origin: top center
        box-shadow: 0 0 10px rgba(0, 0, 0, 0)
        transition: .3s
        &.active
            @extend .webkit-scrollbar
            +px(box-shadow, 0, 0, 10px, rgba(0, 0, 0, .15))

        .item
            @extend .background-white
            a
                @extend .display-block
                @extend .input-height
                @extend .padding-right-lg
                @extend .padding-left-lg
                @extend .color-gray
                @extend .cursor-pointer
                @extend .text-overflow-ellipsis
                @extend .transition-1s
                &.disabled
                    @extend .color-gray
                    @extend .background-f9
                &:hover, &.active
                    @extend .color
                    @extend .background-f9

.dropdown-button
    @extend .cursor-pointer