.app-upload {

    .ant-upload.ant-upload-select-picture-card {
        width: auto !important;
        height: auto !important;
    }

    .ant-upload-disabled{
        .upload-img-war{
            &:hover .upload-war-modal{
                display: none;
            }
        }
    }

    .upload-img-war{
        position: relative;
        img {
            width: 100px;
            height: 100px;
        }

        .upload-war-modal{
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            cursor: default;


            .upload-war-modal-back{
                width: 100%;
                height: 100%;
                background-color: rgba(0,0,0,.5);
                pointer-events: none;
            }

            .remove-icon{
                position: absolute;
                top: 7px;
                right: 7px;
                color: rgba(255,255,255, .85);
                font-size: 16px;

                &:hover{
                    color: #fff;
                }
            }
        }

        &:hover .upload-war-modal{
            display: block;
        }
    }

    .tip {
        display: flex;
        align-items: center;

        &.tip-right {
            margin-left: 10px;
        }

        &.tip-left {
            margin-right: 10px;
        }

        &.tip-top {
            margin-bottom: 10px;
        }

        &.tip-bottom {
            margin-top: 10px;
        }
    }

    .ant-upload.ant-upload-select-picture-card{
        margin: 0;
    }

    .ant-upload.ant-upload-select-picture-card > .ant-upload {
        display: block;
    }

    .upload-empty {
        width: 100px;
        height: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}


.ant-form-item-has-error {
    .app-upload {
        .ant-upload-select-picture-card {
            border: 1px #ff4d4f solid !important;
        }
    }
}