.miao-image-picker {
    
    &--list {
        display : grid;
        gap     : 10Px;
        
        
        .add-action {
            justify-content : center;
            align-items     : center;
            display         : flex;
            border-radius   : 6Px;
            font-size       : 40Px;
        }
        .preview-img {
            position : absolute;
            width    : 100%;
            height   : 100%;
        }
        
        .remove-btn {
            position                : absolute;
            display                 : -webkit-flex;
            display                 : flex;
            -webkit-align-items     : center;
            align-items             : center;
            -webkit-justify-content : center;
            justify-content         : center;
            top                     : 6PX;
            right                   : 6PX;
            z-index                 : 2;
            width                   : 18PX;
            height                  : 18PX;
            font-size               : 0;
            border-radius           : 50%;
            overflow                : hidden;
            text-align              : center;
            background-color        : #999;
            opacity                 : .8;
            box-sizing              : border-box;
            &:before {
                -webkit-transform : translate3d(-50%, -50%, 0) rotate(45deg);
                transform         : translate3d(-50%, -50%, 0) rotate(45deg);
            }
            &:after {
                content       : "";
                position      : absolute;
                top           : 50%;
                left          : 50%;
                display       : inline-block;
                width         : 10PX;
                height        : 1PX;
                border-radius : 1PX;
                background    : #fff;
            }
        }
        
        .items{
          //  min-height: 40Px;
        }
    }
    
    
    &--flex-box {
        display    : flex;
        overflow   : hidden;
        box-sizing : border-box;
    }
    
    &--flex-item {
        position    : relative;
        margin-left : 0.21333rem;
        flex        : 1;
        height      : 100%;
        box-sizing  : border-box;
        &:after {
            content        : "";
            display        : block;
            padding-bottom : 100%;
        }
    }
    
    &--choose-btn {
        display         : flex;
        justify-content : center;
        align-items     : center;
        font-size       : 0;
        box-sizing      : border-box;
        border-top      : 1PX #d6e4ef solid;
        border-bottom   : 1PX #d6e4ef solid;
        border-right    : 1PX #d6e4ef solid;
        border-left     : 1PX #d6e4ef solid;
    }
    
    
    &--item {
        position      : absolute;
        top           : 50%;
        width         : 100%;
        height        : 100%;
        border-radius : 0.17067rem;
        transform     : translateY(-50%);
        overflow      : hidden;
    }
    
}