.xg {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1 !important;
    -webkit-transition-property: all;
    transition-property: all;
}

.xg1 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.active .newsbox li:nth-child(1) .xg1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.active .newsbox li:nth-child(3) .xg1 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.active .xg_fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.active .xg_fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.active .xg_bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

.active .xg_bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}