.selectImg{
    .group{
        width: 100%;
        padding: 0 0 0 20px;
        box-sizing: border-box;
    }
    .contentbb{
        width: 100%;
        height: 100%;
        max-height: 550px;
        overflow-y: auto;
        padding: 0 2px;
    }
    .contentaa{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 20px -10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        &>div{
            margin: 0 10px;
        }
    }
    .box_card {
        margin-bottom: 20px !important;
        > div {
          padding: 0;
        }
    }
    .cardSelect{
        box-shadow: 0 0 0 1px #1890ff;
        &::before{
            content: '';
            position: absolute;
            right: -1px;
            bottom: -1px;
            border: 12px solid #1890ff;
            border-top-color: transparent;
            border-left-color: transparent;
            z-index: 9;
        }
        &::after{
            content: '';
            width: 5px;
            height: 10px;
            position: absolute;
            right: 4px;
            bottom: 4px;
            border: 2px solid #fff;
            border-top-color: transparent;
            border-left-color: transparent;
            transform: rotate(45deg);
            z-index: 9;
        }
    }
    .selected{
        border-top: 1px solid #f0f0f0;
        padding: 20px;
        box-sizing: border-box;
        .title{
            color: rgb(143, 143, 143);
            font-size: 12px;
            margin-bottom: 20px;
        }

        .antImg{
            display: inline-block;
            margin-right: 15px;
            position: relative;
            border-radius: 4px;
            .clear{
                width: 20px;
                height: 20px;
                position: absolute;
                top: -7px;
                right: -12px;
                z-index: 10;
                color: rgb(155, 155, 155);
                cursor: pointer;
            }
            .imgAnt{
                border-radius: 4px;
            }
        }
    }
}
.tooltipTip{
    width: 320px;
}

.tooltipImgs{
    .tooltipImg{
        cursor: pointer;
        position: relative;
        line-height: normal;
        margin: 0;
        padding: 0;
        border-radius: 4px;
        overflow: hidden;
        box-sizing: border-box;
        &:not(:first-child) {
            margin-top: 5px;
        }
        &.selected {
            box-shadow: 0 0 0 1px #1890ff;
            &::before{
                content: '';
                position: absolute;
                right: 0;
                bottom: 0;
                border: 12px solid #1890ff;
                border-top-color: transparent;
                border-left-color: transparent;
                z-index: 9;
            }
            &::after{
                content: '';
                width: 5px;
                height: 10px;
                position: absolute;
                right: 4px;
                bottom: 4px;
                border: 2px solid #fff;
                border-top-color: transparent;
                border-left-color: transparent;
                transform: rotate(45deg);
                z-index: 9;
            }
        }
    }
}
