.selectImg11{
    .covercc{
        position: relative;
        height: 170px;
        .boxcc{
            position: absolute;
            top: 5px;
            left: 10px;
            z-index: 5;
        }
        .boxdd{
            position: absolute;
            top: 5px;
            right: 10px;
            z-index: 5;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            .singleImg{
                font-size: 16px;
                color: #FFF;
            }
            .zt{
                color: #FFF;
                font-size: 12px;
                background-color: rgba(0, 0, 0, .7);
                padding: 1px 3px;
                margin-right: 8px;
                border-radius: 2px;
            }
        }
        .boxdetail{
            position: absolute;
            right: 6px;
            bottom: 8px;
            color: #FFF;
            font-size: 12px;
            background-color: rgba(0, 0, 0, .7);
            padding: 2px 4px;
            border-radius: 2px;
            cursor: pointer;
        }
        &>div.imgs{
            position: relative;
            height: 170px;
            // filter: blur(10px);
            background-repeat: no-repeat;
            &>.imgz{
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                width: 300px;
                height: 170px;
                &>.ant-image{
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    display: flex;
                    justify-content: center;
                    &>img{
                        height: 100%;
                        width: auto;
                    }
                    &:not(:nth-child(1)) {
                        position: absolute;
                        top: 0;
                        left: 0;
                        z-index: -10;
                    }
                }
                &>.con2{
                    width: 300px;
                    height: 170px;
                    display: grid;
                    grid-template-columns: 150px 150px;
                    justify-content: center;
                    align-items: center;
                }
                &>.con3{
                    width: 300px;
                    height: 170px;
                    display: grid;
                    grid-template-columns: 100px 100px 100px;
                    justify-content: center;
                    align-items: center;
                }
                &>.con4{
                    width: 300px;
                    height: 170px;
                    display: grid;
                    grid-template-columns: 85px 85px;
                    grid-template-rows: 85px 85px;
                    justify-content: center;
                }
                &>.con6{
                    display: grid;
                    grid-template-columns: 85px 85px 85px;
                    grid-template-rows: 85px 85px 85px;
                    justify-content: center;
                }
            }
            
            &>.preview{
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-color: rgba(0, 0, 0, .5);
                display: flex;
                justify-content: center;
                align-items: center;
                display: none;
                z-index: 3;
                &>button{
                    color: #FFF;
                }
            }
            &:hover>.preview{
                display: flex;
            }
            
            &>.backImg{
                width: 300px;
                height: 170px;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                overflow: hidden;
                img{
                    filter: blur(10px);
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
    .bottom{
        display: flex;
        justify-content: space-between;
        margin-top: 5px;
        align-items: center;
        &>div{
            font-size: 12px;
            &.right{
                color: #1890ff;
            }
            .channer{
                background-color: #f50;
                display: inline-block;
                padding: 1px 4px;
                color: #FFF;
                font-size: 12px;
                border-radius: 2px;
            }
        }
    }
    .pagin{
        margin-top: 5px;
        margin-bottom: 5px;
        display: flex;
        justify-content: center;
    }
}