.swiper-slide img {
    /* height: 480px; */
    width: 100%;
}

.hgjf-app {
    
    padding-bottom: 30px;
}

.hgjf-app-image {
    display: flex;
    justify-content: center;
}

@keyframes appScale
{
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    to {
        transform: scale(1.06);
        -webkit-transform: scale(1.06);
        -moz-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
    }
}

.hgjf-app-image .active {
    box-shadow: 0 0px 14px #f7b1b1;
    filter: none;
    -webkit-filter: none;
    animation:appScale 500ms;
    -webkit-animation:appScale 500ms;
    animation-fill-mode:forwards;
}

.hgjf-app-image img {
    width: 283px;
    margin-left: 8px;
    margin-right: 8px;
    filter: blur(1.5px) grayscale(1);
    -webkit-filter: blur(1.5px) grayscale(1);
}

.hgjf-app-pagetion {
    display: flex;
    justify-content: center;
    padding-top: 18px;
    align-items: center;
}

.hgjf-app-pagetion img {
    width: 20px;
}

.hgjf-app-pagetion--item {
    width: 20px;
    height: 3px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #ccc;
}

.hgjf-app-pagetion--item.active {
    background-color: rgb(233, 56, 48);
}

.hgjf-mp-img {
    position: absolute;
    width: 200px;
    left: calc(50% - 100px);
    top: 150px;
}