.girl_layer{

}
.girl_layer.on{
    display:block;
}

.girl_layer .girl_main{
    
}

.girl_layer .data_list{
    width:98%;
    max-width:1140px;
    margin:auto auto;
    display:flex;
    justify-content:center;
    flex-wrap: wrap;
    gap:10px 10px;
    margin-top:10px;
}

.girl_layer .data_list .item{
    flex:16.33% 0 0;
    min-width:170px;
    overflow:hidden;
    cursor:pointer;
    background: linear-gradient(66deg, #b51839, #2f4f96) border-box;
    border: solid 2px transparent;
    border-radius:7px;
    padding:1px;
}
.girl_layer .data_list .item{
    box-sizing:border-box;
    
}

.girl_layer .data_list .item .tags{
    position: absolute;
    margin-top:5px;
}

.girl_layer .data_list .item .tags .tag{
    border-radius: 5px;
    margin-left:3px;
    padding:3px;
    font-size:12px;
}

.girl_layer .data_list .item .tags .new{
    background-color:#01a8fe;
}

.girl_layer .data_list .item .tags .hot{
    background-color:#fb434a;
}

.girl_layer .data_list .item .tags .sup{
    background-color:#f39834;
}


.girl_layer .data_list .item .vtags{
    position: absolute;
    margin-top:215px;
}

.girl_layer .data_list .item .vtags .tag{
    border-radius: 5px;
    margin-left:3px;
    padding:3px;
    font-size:12px;
}
.girl_layer .data_list .item .vtags .covid,
.girl_layer .data_list .item .vtags .img{
    background-color:#46be8a;
}

.girl_layer .data_list .item .vtags .sex{
    background-color:pink;
}

.girl_layer .data_list .item .image_box{
    height:240px;
    border-radius:4px;
    background-size:cover;
    background-position:center center;
}

.girl_layer .data_list .item .info{
    
}

.girl_layer .data_list .item .info .name{
    width:100%;
    height:20px;
    font-size:18px;
    overflow:hidden;
    margin-bottom:3px;
    margin-left:5px;
}