.opacity {
    opacity: 0;
    transition: 1s;
}

.top25 {
    transform: translate3d(0, -25%, 0);
}

.top50 {
    transform: translate3d(0, -50%, 0);
}

.top100 {
    transform: translate3d(0, -100%, 0);
}

.right25 {
    transform: translate3d(25%, 0, 0);
}

.right50 {
    transform: translate3d(50%, 0, 0);
}

.right100 {
    transform: translate3d(100%, 0, 0);
}

.bottom25 {
    transform: translate3d(0, 25%, 0);
}

.bottom50 {
    transform: translate3d(0, 50%, 0);
}

.bottom100 {
    transform: translate3d(0, 100%, 0);
}

.left25 {
    transform: translate3d(-25%, 0, 0);
}

.left50 {
    transform: translate3d(-50%, 0, 0);
}

.left100 {
    transform: translate3d(-100%, 0, 0);
}

.rotateX60 {
    transform: rotateX(60deg);
}

.rotateX120 {
    transform: rotateY(120deg);
}

.rotateY60 {
    transform: rotateY(60deg);
}

.rotateY120 {
    transform: rotateX(120deg);
}


/* 动画 */

.animate {
    transition: 1s;
}

.swiper-slide-active .opacity {
    opacity: 1;
}

.swiper-slide-active .top25,
.swiper-slide-active .top50,
.swiper-slide-active .top100,
.swiper-slide-active .right25,
.swiper-slide-active .right50,
.swiper-slide-active .right100,
.swiper-slide-active .bottom25,
.swiper-slide-active .bottom50,
.swiper-slide-active .bottom100,
.swiper-slide-active .left25,
.swiper-slide-active .left50,
.swiper-slide-active .left100 {
    transform: translate3d(0, 0, 0);
}

.swiper-slide-active .rotateX60,
.swiper-slide-active .rotateX120 {
    transform: rotateX(0);
}

.swiper-slide-active .rotateY60,
.swiper-slide-active .rotateY120 {
    transform: rotateY(0);
}


/* 时间 */

.swiper-slide-active .delay1-1 {
    transition-delay: 1.1s;
}

.swiper-slide-active .delay1-2 {
    transition-delay: 1.2s;
}

.swiper-slide-active .delay1-3 {
    transition-delay: 1.3s;
}

.swiper-slide-active .delay1-4 {
    transition-delay: 1.4s;
}

.swiper-slide-active .delay1-5 {
    transition-delay: 1.5s;
}

.swiper-slide-active .delay1-6 {
    transition-delay: 1.6s;
}

.swiper-slide-active .delay1-7 {
    transition-delay: 1.7s;
}

.swiper-slide-active .delay1-8 {
    transition-delay: 1.8s;
}

.swiper-slide-active .delay1-9 {
    transition-delay: 1.9s;
}

.swiper-slide-active .delay2-0 {
    transition-delay: 2s;
}

.swiper-slide-active .delay2-1 {
    transition-delay: 2.1s;
}

.swiper-slide-active .delay2-2 {
    transition-delay: 2.2s;
}

.swiper-slide-active .delay2-3 {
    transition-delay: 2.3s;
}

.swiper-slide-active .delay2-4 {
    transition-delay: 2.4s;
}

.swiper-slide-active .delay2-5 {
    transition-delay: 2.5s;
}

.swiper-slide-active .delay2-6 {
    transition-delay: 2.6s;
}

.swiper-slide-active .delay2-7 {
    transition-delay: 2.7s;
}

.swiper-slide-active .delay2-8 {
    transition-delay: 2.8s;
}

.swiper-slide-active .delay2-9 {
    transition-delay: 2.9s;
}

.swiper-slide-active .delay3-0 {
    transition-delay: 3s;
}

.swiper-slide-active .delay3-1 {
    transition-delay: 3.1s;
}

.swiper-slide-active .delay3-2 {
    transition-delay: 3.2s;
}

.swiper-slide-active .delay3-3 {
    transition-delay: 3.3s;
}

.swiper-slide-active .delay3-4 {
    transition-delay: 3.4s;
}

.swiper-slide-active .delay3-5 {
    transition-delay: 3.5s;
}

.swiper-slide-active .delay3-6 {
    transition-delay: 3.6s;
}

.swiper-slide-active .delay3-7 {
    transition-delay: 3.7s;
}

.swiper-slide-active .delay3-8 {
    transition-delay: 3.8s;
}

.swiper-slide-active .delay3-9 {
    transition-delay: 3.9s;
}

.swiper-slide-active .delay4-0 {
    transition-delay: 4s;
}

.swiper-slide-active .delay4-1 {
    transition-delay: 4.1s;
}

.swiper-slide-active .delay4-2 {
    transition-delay: 4.2s;
}

.swiper-slide-active .delay4-3 {
    transition-delay: 4.3s;
}

.swiper-slide-active .delay4-4 {
    transition-delay: 4.4s;
}

.swiper-slide-active .delay4-5 {
    transition-delay: 4.5s;
}

.swiper-slide-active .delay4-6 {
    transition-delay: 4.6s;
}

.swiper-slide-active .delay4-7 {
    transition-delay: 4.7s;
}

.swiper-slide-active .delay4-8 {
    transition-delay: 4.8s;
}

.swiper-slide-active .delay4-9 {
    transition-delay: 4.9s;
}

.swiper-slide-active .delay5-0 {
    transition-delay: 5s;
}