@media (max-width:767px) {
    .swiper-group {
        position:relative;
        width:100%;
        overflow:hidden;
    }
    .swiper-slide {
        flex-shrink:1!important;
        margin-left:8px!important;
        text-align:center;
        font-size:18px;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .swiper {
        width:calc(100% - 40px);
        margin:0 20px;
        height:70px;
    }
}
@media (min-width:768px) {
    .swiper-group{
        position:relative;
        width:100%;
        margin-top:10px;
        overflow:hidden;
    }
    .swiper-slide {
        flex-shrink:1!important;
        margin-left:15px!important;
        text-align:center;
        font-size:18px;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .swiper {
        width:calc(100% - 40px);
        margin:0 20px;
        height:70px;
    }
}

.msg_list .swiper-group {
    width:100%;
    height:70px;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-button-next{
    width:15px!important;
    height:15px!important;
    margin-right:-13px!important;
    margin-top:-15px !important;
}
.swiper-button-prev{
    width:15px !important;
    height:15px !important;
    margin-left:-13px!important;
    margin-top: -15px !important;
}

.swiper-button-next:after{
    font-size:15px !important;
    color:#495057;
    font-weight: 800;
}
.swiper-button-prev:after{
    font-size:15px !important;
    color:#495057;
    font-weight: 800;
} 
.swiper-slide > div span {
    display:inline-block;
    width:18px;
    height:18px;
    background:#FF6284;
    color:var(--bg-white);
    line-height:18px;
    font-size:12px;
    bottom:-15px;
    right:-8px;
}