﻿#loading{background: #ebd6d5;}

.wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mask{
    position:fixed;
    top:0;
    left:0;
    z-index:99;
}
/* 第一部分动画 */
.z-img6{
    animation: flash 1000ms both;
}
.z-group4 {
    animation: bounceInRight 1000ms both
}
.z-img21,.z-img22,.z-img23,.z-img24,.z-img25{
    opacity:0;
}
.z-img21.active {
    animation: zoomIn 1000ms both;
}
.z-img22.active{
    animation: zoomIn 1000ms both;
}

.z-img23.active {
    animation: zoomIn 1000ms both;
}
.z-img24.active {
    animation: zoomIn 1000ms 1000ms both;
}
.z-img25.active {
    animation: zoomIn 1000ms 2000ms both;
}

/* 第二部分动画 */
.z-img33,
.z-img34,
.z-img35,
.z-img36,
.z-img37 {
    opacity: 0;
}

.z-img37.active {
    animation: zoomIn 1000ms both;
}

.z-img33.active {
    animation: zoomIn 1000ms both;
}

.z-img36.active {
    animation: zoomIn 1000ms both;
}

.z-img34.active {
    animation: zoomIn 1000ms 1000ms both;
}

.z-img35.active {
    animation: zoomIn 1000ms 2000ms both;
}

/* 第三部分动画 */
.z-img41,
.z-img42,
.z-img43,
.z-img44,
.z-img45,
.z-img49,
.z-img50,
.z-img51,
.z-img52,
.z-img53 {
    opacity: 0;
}

.z-img44.active,
.z-img45.active {
    animation: zoomIn 1000ms both;
}

.z-img53.active,
.z-img52.active {
    animation: zoomIn 1000ms both;
}

.z-img43.active,
.z-img49.active {
    animation: zoomIn 1000ms both;
}

.z-img42.active,
.z-img50.active {
    animation: zoomIn 1000ms 1000ms both;
}

.z-img41.active,
.z-img51.active {
    animation: zoomIn 1000ms 2000ms both;
}

.z-img56 img{
    width: 5.51rem;
    height: 3.16rem;
    transform: rotate(90deg);
    transform-origin: bottom left;
    position: absolute;
    top: -3.16rem;
}
.text {
    left: 1rem;
    top: 4.2rem;
    width: 3.68rem;
    height: 2.7rem;
    font-size: 0.2rem;
    font-family: "Source Han Sans CN";
    color: #000;
    line-height: 1.8;
    text-align: justify;
    transform: rotate(90deg);
    transform-origin: left bottom;
    text-indent: 2em;
}
.z-img11{
    position:fixed;
    top:initial;
    bottom:0.4rem;
    z-index:10;
    animation: bounce 1000ms infinite both;
}