.first-screen {
    /* width: 100%;
    height: 462px;
    background: url(../image/index-top-bg.png) no-repeat;
    background-size: cover; */
    position: relative;
    margin-top: 44px;
}
.index-top-bg{
    width: 100%;
    display: block;
}

.free-btn {
    width: 28%;
    height: 7.8%;
    background: #FFFFFF;
    box-shadow: 0px 30px 48px 0px rgba(0, 0, 0, 0.05);
    border-radius: 75px;
    font-weight: 600;
    font-size: 14px;
    color: #FD2B54;
    position: absolute;
    left: 50%;
    top: 37.88%;
    transform: translateX(-50%);
}

.swiper-wrapper {
    height: 188px !important;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 38px;
}
.scroller_roll{
    height: 188px !important;
    display: flex;
    align-items: center;

}

.scroller_roll>ul {
    height: 188px !important;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.scroller_roll>ul>li,
.scroller_roll>ul>li>img {
    width: 130px !important;
    height: 158px !important;
}
.scroller_roll>ul>li{
    border-radius: 16px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.16);

}
.content-img{
    width: 100%;
    display: block;
    object-fit: cover;
}