//
// 上传
// ============================================================
.uploading-wrapper
    .uploading-img-size
        +px(width, 68px)
        +px(height, 68px)

    .uploading-img
        @extend .position-relative
        @extend .top
        @extend .left
        @extend .display-inline-block
        @extend .overflow-hidden
        @extend .cursor-pointer
        @extend .uploading-img-size
        .icon-addimg
            @extend .line-height-1
            @extend .color-gray-light
            +px(font-size, 68px)

        .input-file
            @extend .position-absolute
            @extend .top
            @extend .left
            @extend .overflow-hidden
            @extend .opacity-0
            @extend .cursor-pointer
            @extend .uploading-img-size

    .uploading-list
        @extend .display-flex
        li
            @extend .display-inline-block
            @extend .padding-top-md
            @extend .padding-right-sm
            @extend .padding-bottom-md
            @extend .padding-left-sm

        .uploading-show
            @extend .uploading-img-size
            @extend .position-relative
            @extend .top
            @extend .left
            @extend .text-align-center
            @extend .border
            +px(line-height, 68px)
            background-size: 100% auto !important

            .icon-roundclose
                @extend .position-absolute
                @extend .font-size-lg
                @extend .line-height-1
                @extend .color-gray-light
                @extend .cursor-pointer
                @extend .transition-1s
                +px(top, -10px)
                +px(right, -10px)
                &:hover
                    @extend .color-danger
                    transform: rotate(90deg)

        .uploading-load
            @extend .uploading-img-size
            @extend .position-absolute
            @extend .top
            @extend .left
            @extend .text-align-center
            .iconfont
                @extend .position-absolute
                @extend .top-50
                @extend .left-50
                @extend .line-height-1
                +px(font-size, 38px)
                +px(margin, -19px, 0, 0, -19px)
                transform-origin: center !important
                animation: loading-rotate 1s linear infinite
                @keyframes loading-rotate
                    0%
                        transform: rotate(0)
                    100%
                        transform: rotate(1turn)