.swiper-wrapper-phone,
.nav-item-choice,
.swiper-button-prev-phone,
.nav-video,
.nav-retina,
.nav-item-img-none,
.text-center a span,
.nav-retina-column {
    display: none;
}

.center-Soon {
    font-family: ChakraPetch;
    font-size: 0.7375vw;
    line-height: 0.9375vw;
    display: inherit;
    width: 100%;
    text-align: center;
    color: grey;
}

@media screen and (max-width: 1125px) {
    .text-center {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        font-family: ChakraPetch;
    }

    .text-center a {
        width: 100%;
        display: inherit;
        display: flex;
        align-items: center;
        color: #D8D8D8;
        font-size: 3vw;
    }


    .text-center-box {
        width: 100%;
        height: 100%;
        font-family: ChakraPetch;
    }

    .center-Soon {
        width: 100%;
        display: inherit;
        text-align: center;
        font-family: ChakraPetch;
        font-size: 1.975vw;
        line-height: 0.1375vw;
        margin-top: -1vw;
        margin-left: -0.5vw;
    }

    .text-center span {
        width: 100% !important;
    }

    .text-center a span {
        display: inline-block;
        width: 100% !important;
        text-align: center;
    }

    .nav {
        position: fixed;
        top: 8vw;
        left: 0;
        z-index: 99;
        color: #D8D8D8;
        font-weight: 500;
        width: 100vw;
        height: 10vw;
    }

    .nav-bg {
        position: fixed;
        top: 8vw;
        left: 0;
        z-index: 97;
        width: 260vw;
        height: 10vw;
    }

    .nav-item-logo {
        position: unset;
        float: left;
        margin-top: -2.5vh;
        width: 46vw;
        /* height: 10vw; */
        margin-left: 3vw;
        cursor: pointer;
    }

    .nav-item-choice {
        display: inherit;
        width: 5vw;
        height: 4vw;
        cursor: pointer;
        position: fixed;
        top: 9.8vw;
        right: 5vw;
    }

    .nav-right-txt {
        text-align: center;
        font-size: 3vw;
        width: 43vw;
        height: 12vw;
        line-height: 9vw;
        background-color: #121919;
        margin-top: 3vw;
    }

    .nav-item-right {
        float: right;
        width: 46vw;
        margin-right: 1vw;
        margin-top: 9vw;
        height: 0;
        overflow: hidden;
        transition: all 0.3s linear;
    }

    .nav-right-img {
        text-align: center;
        margin: 3vw 0 0 0;
        width: 43vw;
        height: 12vw;
        background-color: #121919;
    }

    .nav-item-img {
        width: 5vw;
        height: 5vw;
        margin-left: 3vw;
        float: left;
    }

    .first-title {
        width: 100%;
        font-size: 19vw;
        height: 17vw;
        line-height: 17vw;
        font-family: Anton;
        font-weight: 400;
        position: fixed;
        bottom: 48vw;
        left: 7vw;
    }

    .first-sub-one {
        font-size: 4.5vw;
        height: 6vw;
        line-height: 5.18vw;
        width: 84vw;
        padding: 0.52vw 0 0.52vw 2vw;
        position: fixed;
        bottom: 37vw;
        left: 7vw;
        box-sizing: border-box;
        background: #000;
    }

    .first-sub-title-phone {
        font-size: 4.5vw;
        line-height: 5.8vw;
        font-family: ChakraPetch;
        font-weight: bold;
        position: fixed;
        bottom: 24vw;
        left: 7vw;
    }

    .first-mouse-title {
        display: none;
    }

    .nav-retina {
        display: inherit;
        width: 6vw;
        height: 9vw;
        position: fixed;
        bottom: 6vw;
        left: 47vw;
    }

    .nav-retina-column {
        display: inherit;
        width: 6vw;
        height: 9vw;
        position: absolute;
        top: 52vw;
        left: 21vw;
        transform: rotate(-90deg);
    }

    .nav-item-img-none {
        display: inherit;
    }

    .nav-video {
        display: inherit;
        font-size: 3vw;
        position: fixed;
        font-family: ChakraPetch;
        font-weight: bold;
        color: #FFFFFF;
        bottom: 15vw;
        left: 46vw;
        opacity: 0.7;
    }

    .swiper-wrapper {
        display: none;
    }

    .side-box {
        display: none;
    }

    .main-page-seventh {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        color: #fff;
        width: 100%;
        height: 100vh;
    }

    .main-page-second {
        position: fixed;
        display: flex;
        top: 8.07292vw;
        left: 15.98958vw;
        width: 74.036458vw;
        height: 78.6vh;
    }

    .video-box {
        position: absolute;
        left: calc(50% - 37.018229vw);
        top: calc(50% - 29.3vh);
        width: 74.036458vw;
        height: 78.6vh;
    }

    .video-icon {
        position: absolute;
        left: 3.4635vw;
        top: -3vw;
        width: 5.6667vw;
        height: 5.74479vw;
    }

    .video-txt {
        position: absolute;
        left: 11.09375vw;
        top: -4vw;
        width: 70vw;
        font-size: 2.8vw;
        font-family: ChakraPetch;
        font-weight: bold;
        color: #FFFFFF;
        transform: rotate(-1deg);
    }

    .main-page-second {
        position: fixed;
        display: flex;
        top: 8.07292vw;
        /* left: 15.98958vw; */
        width: 74.036458vw;
        height: 78.6vh
    }

    .video-bg {
        position: absolute;
        top: 2.401042vw;
        width: 94vw;
        left: -13.0125vw;
        height: 149.149vw;
        align-items: center;
        display: flex;
        flex: 1;
        flex-direction: row;
        justify-content: center;
        content: url('../img/video-bg-mobile.png');
    }

    .main-page-second #video {
        position: absolute;
        top: 9.603458vw;
        left: -8.6125vw;
        margin: 0 auto;
        display: block;
        width: 85.433vw;
        height: 135.7vw;
        z-index: 1;
    }

    .game-one-img {
        width: 90.508vw;
        height: 54.154vw;
    }

    .video-box-txt {
        position: absolute;
        left: -10vw;
        top: 1vh;
    }

    .main-page-third {
        display: none;
        opacity: 0;
        z-index: 1;
        color: #fff;
        position: fixed;
        display: flex;
        top: 13.328vw;
        left: 15.15625vw;
        width: 75vw;
        height: 208vw;
    }

    .game-one {
        left: calc(50% - 47.620364vw);
        top: calc(50% - 53.861vw);
        width: auto;
        height: auto;
    }

    .game-one-title {
        position: absolute;
        top: 40.71vw !important;
        right: 1vw;
        font-size: 3.66vw !important;
        font-family: Anton;
        font-weight: 400;
        color: #FF6C00;
        z-index: 1;
    }

    .game-one-content {
        position: absolute;
        top: 55.5555vw !important;
        left: 2.5074vw;
        opacity: 0;
        width: 80vw;
        text-align: left;
    }

    .game-detail {
        float: left;
    }

    .game-detail-img {
        width: 100%;
        height: 100%;
    }

    .game-01-00 {
        width: 97.8vw;
        /* height: 11.4259vw; */
        top: 38vw !important;
        left: -0.6vw;
    }

    .game-01-01 {
        width: 2.1354vw;
        height: 1.8229vw;
        left: 90.74vw !important;
        top: 10.19vw !important;
    }

    .game-01-02 {
        width: 3.125vw;
        height: 2.7604vw;
        left: -1.4271vw !important;
        top: 24.89vw !important;
    }

    .game-01-03 {
        width: 2.03125vw;
        height: 1.71875vw;
        left: 9.4667vw !important;
        top: 5.8vw !important;
    }

    .game-01-04 {
        width: 2.65625vw;
        height: 2.29166vw;
       /* left: 8.88889vw !important;
        top: 49.708vh !important; */
        left: 0.7vw !important;
        top: 7.708vh !important;
    }

    .game-two {
        left: calc(50% - 140.5833vw);
        width: 280.1667vw;
        top: calc(50% - 72.1759vw + 3.521vw);
        height: 82.35185vw;
    }

    .game-two-img {
        position: absolute;
        left: 93vw;
        width: 90.47vw;
        height: 56.382vw;
    }

    .game-02-01 {
        opacity: 1;
        left: 183.074vw !important;
        top: 40.89vw !important;
        width: 2.76vw;
        height: 1.82vw
    }

    .game-02-02 {
        opacity: 1;
        left: 91.5729vw !important;
        top: 45.89vw !important;
        width: 3.28125vw;
        height: 2.91667vw;
    }

    .game-02-03 {
        opacity: 1;
        left: 92.4vw !important;
        top: 15vw !important;
        width: 4.3958vw;
        height: 3.979vw;
    }

    .game-two-content {
        position: absolute;
        top: 58.0558vw;
        left: 95.54167vw;
        width: 32%;
        text-align: left;
        z-index: 1;
    }

    .game-two-title {
        position: absolute;
        z-index: 2;
        top: 0.718vw !important;
        left: 94.233vw;
        opacity: 0;
        color: #52D0FF;
        font-family: Anton;
        font-weight: 400;
    }

    .game-two-title-sub {
        position: absolute;
        z-index: 1;
        top: 3vw !important;
        left: 97.5vw;
        opacity: 0;
        color: #000000;
        font-family: Anton;
        font-weight: 400;
        font-size: 4.1vh;
    }

    .game-title {
        font-size: 8.6667vw;
    }

    .game-three {
        top: calc(50% - 87.8981vw + 3.521vw);
        left: calc(50% - 141.2778vw);
        width: 278.556vw;
        height: 93.7962vw;
    }

    .game-three-title {
        position: absolute;
        top: 70.911vw !important;
        left: 99.75vw;
        opacity: 0;
        z-index: 1;
    }

    .game-three-content {
        position: absolute;
        top: 87.314815vw !important;
        left: 96.958333vw;
        width: 32%;
        text-align: left;
    }

    .game-three-img {
        width: 91.527vw;
        height: 63.618vw;
        position: absolute;
        left: 94vw;
        top: 30vw;
    }

    .game-03-01 {
        opacity: 1;
        left: 183.8vw !important;
        top: 66.89vw !important;
        width: 3.28125vw;
        height: 2.91667vw;
    }

    .game-03-02 {
        opacity: 1;
        left: 93.2vw !important;
        top: 74.89vw !important;
        width: 3.28125vw;
        height: 2.91667vw;
    }

    .game-03-03 {
        opacity: 1;
        left: 90.9111vw !important;
        top: 60.7vw !important;
        width: 3.28125vw;
        height: 2.91667vw;
    }

    .game-03-04 {
        opacity: 1;
        left: 39.59vh !important;
        top: 9.89vh !important;
    }

    .dinoverse {
        position: relative;
        width: 100vw;
        height: 140vw;
    }

    .dinoverse-obj-img-01 {
        opacity: 1;
        width: 34vw;
        height: 21vw;
        position: absolute;
        top: 10vw;
        right: -32vw;
        transform: matrix(1, 0, 0, 1, 0, 0);
    }

    .dinoverse-number-01 {
        position: absolute;
        left: 86vw;
        top: 18.51vw;
        width: auto;
        height: auto;
        font-size: 5.5vw;
        font-family: Anton;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 5.5vh;
        transform: rotate(-10deg);
    }

    .dinoverse-text-01 {
        position: absolute;
        left: 87vw;
        top: 29vw;
        width: 22vw;
        height: auto;
        font-size: 2.5vw;
        font-family: ChakraPetch;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 3vw;
        transform: rotate(-3deg);
    }

    .dinoverse-box-01 {
        position: absolute;
        width: 79.06vw;
        height: 49.379vw;
        right: 19.89vw;
        top: 3.29vw;
    }

    .dinoverse-obj-img-00 {
        position: absolute;
        width: 44vw;
        height: 28vw;
        top: -24vw;
        left: -12vw;
    }

    .dinoverse-text-00 {
        position: absolute;
        width: 22vw;
        height: 18vw;
        top: -26vw !important;
        left: -3.5vw;
    }

    .dinoverse-obj-img-02 {
        position: absolute;
        width: 45vw;
        height: 27vw;
        left: -11vw;
        top: 41vw;
    }

    .dinoverse-number-02 {
        position: absolute;
        left: -6vw;
        top: 45vw;
        width: auto;
        height: auto;
        font-size: 7vw;
        font-family: Anton;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 5.5vh;
    }

    .dinoverse-text-02 {
        position: absolute;
        left: -5vw;
        top: 63.5vw;
        width: auto;
        height: auto;
        font-size: 2.5vw;
        font-family: ChakraPetch;
        color: #FFFFFF;
        line-height: 4vw;
        transform: rotate(-5deg);
    }

    .dinoverse-obj-img-03 {
        position: absolute;
        top: 94vw;
        left: 1vw;
        width: 69vw;
        height: 30vw;
    }

    .dinoverse-number-03 {
        position: absolute;
        left: 9vw;
        top: 99vw;
        width: auto;
        height: auto;
        font-size: 8vw;
        font-family: Anton;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 5.5vh;
        transform: rotate(10deg);
    }

    .dinoverse-text-03 {
        position: absolute;
        top: 118vw;
        left: 14vw;
        bottom: 0;
        right: 0;
        width: 62vw;
        height: auto;
        font-size: 2.5vw;
        font-family: ChakraPetch;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 2.97vw;
        transform: rotate(13deg);
    }

    .main-page-forth {
        position: fixed;
        display: flex;
        opacity: 0;
        color: #fff;
        width: 72.76vw;
        height: 152.709vw;
        top: 53.636vw;
        left: 16.51vw;
    }

    .main-page-fifth {
        width: 100vw;
        height: 144vw;
        display: flex;
        opacity: 0;
        color: #fff;
        top: 38.928vw;
        left: 0vw;
    }

    .nfts {
        width: 100vw;
        height: 166.712vw;
    }

    .nfts-title {
        position: absolute;
        font-size: 17vw;
        font-family: Anton;
        font-weight: 400;
        color: #FFFFFF;
        top: -11vh;
        left: 64vw;
    }

    .nfts-detail-under {
        transform: rotate(-8deg);
    }
    
    .nfts-img-two .nfts-detail-under {
        transform: rotate(8deg);
    }

    .nfts-img-two .nfts-detail-upper{
        width: 88%;
        top: 7.9vw;
        transform: rotate(8deg);
    }
    
    .nfts-img-one {
        position: absolute;
        top: -7vh;
        left: 8vw;
    }

    .nfts-detail-img {
        width: 46vw;
        height: 50vw;
    }

    .nfts-subject-one {
        color: #00BAFF;
        top: -6.6vh;
        left: -17.222vh;
    }

    .nfts-detail-upper {
        position: absolute;
        top: 7.5vw;
        left: 2.5vw;
        width: 92%;
        height: 80%;
        transform: rotate(-8deg);
    }

    .nfts-subject {
        position: absolute;
        left: 64vw;
        top: -0.5vh;
        font-size: 6vw;
        font-family: Anton;
        font-weight: 400;
        height: auto;
    }

    .nfts-content-one {
        top: 8.907vh;
        left: -19.15vh;
    }

    .nfts-content {
        position: absolute;
        left: 64vw;
        top: 7vw;
        color: #fff;
        width: 34vw;
        height: 13vw;
        line-height: 3.6vw;
        font-size: 2.8vw;
        font-family: ChakraPetch;
    }

    .nfts-img-two {
        top: 42vw;
        left: 48vw;
    }

    .nfts-subject-two {
        color: #FFBD4A;
        top: 44vw;
        left: 10vw;
    }

    .nfts-content-two {
        width: 39vw;
        top: 52vw;
        left: 10vw;
    }
    .main-page-pterosaur {
        height: 100vh;
    }
    .pterosaur-obj-img-00 {
        position: absolute;
        bottom: 12.4vw !important;
        left: -10vw !important;
        width: 69vw;
        height: 41vw;
    }

    .pterosaur-obj-img-01 {
        position: absolute;
        bottom: 27vw !important;
        left: 16vw !important;
        width: 63vw;
        height: 39vw;
    }

    .pterosaur-obj-img-02 {
        position: absolute;
        top: 19vw !important;
        left: 15vw;
        width: 64vw;
        height: 45vw;
    }

    .main-page-sixth {
        position: fixed;
        opacity: 0;
        color: #fff;
        width: 244.066vw;
        height: 125.929vw;
        top: 38.321vw;
        left: 0;
    }

    .pterosaur-obj-img-03 {
        position: absolute;
        top: 24vw !important;
        left: -19vw !important;
        width: 82vw;
        height: 77vw;
    }

    .nfts-subject-three {
        color: #AAEC8E;
        top: 95vw;
        left: 62vw;
    }

    .nfts-img-three {
        top: 90vw;
        left: 8vw;
    }

    .nfts-content-three {
        top: 103vw;
        left: 62vw;
        width: 36vw;
    }

    .dinoverse-title {
        font-size: 2.5vh;
        line-height: 5vh;
        font-family: Anton;
        font-weight: bold;
        color: #FFFFFF;
        width: 127.96vh;
        min-height: 5vh;
        float: left;
        margin-left: 0.648vh;
        position: relative;
        left: 6.6vw;
        top: -19vw;
    }

    .dinoverse-subtitle {
        width: 85vw;
        min-height: 15.128vw;
        float: left;
        font-size: 3.45vw;
        line-height: 4.076vw;
        font-family: ChakraPetch;
        font-weight: bold;
        color: #FFFFFF;
        margin: 3.34vw 2.083vw 0 2.083vw;
        position: relative;
        left: 6vw;
        top: -24vw;
    }

    .dinoverse-detail {
        position: relative;
        float: left;
        width: 30.16vw;
        height: 52.483vw;
        margin-top: 5.333vw;
    }

    .dinoverse-detail-item {
        position: absolute;
        text-align: center;
        height: auto;
        bottom: -5vw;
        width: 100%;
        padding: 4vw;
        box-sizing: border-box;
    }

    .dinoverse-box-detail {
        float: left;
        width: 227.466vw;
        height: auto;
        margin-top: 7.129vh;
        overflow: hidden;
    }

    .roadmap-box-items {
        width: 205vw;
        overflow-y: hidden;
        z-index: -1;
    }

    .roadmap {
        overflow-x: scroll;
    }

    .roadmap-img {
        width: 247%;
        height: 100vw;
        left: -30vw;
    }

    .roadmap-icon {
        position: absolute;
        left: 2vw;
        top: 24vw;
        width: 18vw;
        height: 18vw;
    }

    .roadmap-dinoverse {
        position: absolute;
        left: 21vw;
        top: 25vw;
        font-size: 4.8vw;
        font-family: ChakraPetch;
        font-weight: bold;
        color: #fff;
        line-height: 4.684vw;
        text-shadow: 0.494vw 0 #ffb400;
    }

    .roadmap-dinoverse-content {
        position: absolute;
        left: 21vw;
        top: 31vw;
        width: 70%;
        height: 6.1vw;
        font-size: 3.45vw;
        font-family: ChakraPetch;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 4.451vw;
    }

    .roadmap-title {
        position: absolute;
        left: 0;
        top: 4vw;
        width: 100%;
        z-index: 1;
        font-size: 2.8vw;
        font-family: Anton;
        font-weight: 400;
        color: #000000;
        line-height: 3.1vw;
        text-align: center;
    }

    .roadmap-detail {
        position: absolute;
        left: 0;
        top: 12.6vw;
        z-index: 1;
        font-size: 2.688vw;
        font-family: ChakraPetch;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 1.9866vh;
        margin: 0 8% 0 8%;
        width: 84%;
        word-wrap: break-word;
    }

    .roadmap-box {
        position: absolute;
        width: 22vw;
        height: 84.07vh;
    }

    .roadmap-box.box1 {
        left: 11.9vw;
        top: 68.71vh;
    }

    .roadmap-box.box2 {
        left: 36.07vw;
        top: 57.3156vh;
    }

    .roadmap-box.box3 {
        left: 60.24vw;
        top: 54.08vh;
    }

    .roadmap-box.box4 {
        left: 84.41vw;
        top: 42.9689vh;
    }

    .roadmap-box.box5 {
        left: 108.58vw;
        top: 38.3289vh;
    }

    .roadmap-box.box6 {
        left: 132.75vw;
        top: 33.7067vh;
    }

    .roadmap-box.box7 {
        left: 156.92vw;
        bottom: -8.98vh;
    }

    .roadmap-box.box8 {
        left: 181.09vw;
        bottom: 0vh;
    }

    .swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        left: 4vw;
        top: -40vw;
        z-index: 1;
    }

    .dinoverse-detail-img {
        float: left;
        width: 100%;
        height: 56vw;
    }

    .swiper-wrapper-box {
        display: flex;
        width: 180.8vw;
    }

    .swiper-wrapper-phone {
        display: inherit;
        width: 88vw;
        overflow: hidden;
    }

    .picture-rotation-right {
        width: 90.66vw;
        height: 131vw;
        z-index: 1;
        transition-property: transform;
        box-sizing: content-box;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        left: 8vw;
        transition: all 0.4s;
        /* flex-direction: column; */
    }

    .right-rotation {
        width: 90.66vw;
        height: 131vw;
        z-index: 1;
        transition-property: transform;
        box-sizing: content-box;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        left: -87vw;
    }

    .dinoverse-subject {
        position: absolute;
        top: -1.15vh;
        font-size: 1.42vh;
        font-family: Anton;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        width: 100%;
        line-height: 5.5vh;
    }

    .swiper-button-next {
        display: none;
    }

    .swiper-button-next-phone {
        background: none;
        float: left;
        display: inline-block;
        position: relative;
        z-index: 999;
        top: -114vw;
        left: 86vw;
    }

    .swiper-button-img {
        width: 8.833vw;
        height: 13vw;
    }

    .swiper-button-prev-phone {
        background: none;
        display: none;
        position: relative;
        float: right;
        z-index: 999;
        left: -87vw;
        top: 82vw;
    }

    .swiper-button-prev-phone img {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .partners-subject {
        font-size: 5.04vw;
        margin-top: 5vw;
    }

    .partners-icon {
        width: 24vw;
        /* height: 12vw; */
        float: left;
    }

    .partner1,
    .partner2,
    .partner3,
    .partner4,
    .partner5,
    .partner6,
    .partner7,
    .partner8,
    .partner9,
    .partner10,
    .partner11,
    .partner12,
    .partner13,
    .partner14 {
        display: flex;
        align-items: center;
    }

    .partner1 {
        top: 83vw;
        left: 12vw;
    }

    .partner2 {
        top: 99vw;
        left: 72vw;
    }

    .partner3 {
        top: 110vw;
        left: 40vw;
    }

    .partner4 {
        top: 127vw;
        left: 63vw;
    }

    .partner5 {
        top: 140vw;
        left: 34vw;
    }

    .partner6 {
        top: 168vw;
        left: 35vw;
    }
    
    .partner7 {
        left: 10vw;
        top: 24vh;
    }
    .partner8 {
        left: 67vw;
        top: 73vh;
    }
    .partner9 {
        left: 48vw;
        top: 41vh;
    }
    .partner10 {
        left: 32vw;
        top: 32vh;
    }
    .partner11 {
        left: 46vw;
        top: 83vh;
    }
    .partner12 {
        left: 54vw;
        top: 25vh;
    }
    .partner13 {
        left: 9vw;
        top: 57vh;
    }
    .partner14 {
        left: 5vw;
        top: 72vh;
    }
    

    .partners-title {
        font-size: 10vw;
    }

    .partners-detail {
        font-size: 4.5vw;
        width: 77vw;
        margin-left: 12vw;
        line-height: 5.14vw;
    }
    
    /*恐龙img*/
    /*恐龙img-0*/
    .scale-in-dinoverse-0 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-dinoverse-0;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 1s;
    }
    @keyframes scaleDrawIn-dinoverse-0 {
        0%{
            transform: scale(0);
            opacity: 0;
            top: 20vh;
            left: 21.04875vw;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: -24vw;
            left: -12vw;
        }
    }

    /*恐龙img-1*/
    .scale-in-dinoverse-1 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-dinoverse-1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 1s;
    }
    @keyframes scaleDrawIn-dinoverse-1 {
        0%{
            transform: scale(0);
            opacity: 0;
            right: 25vw;
            top: 18vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 10vw;
            right: -32vw;
        }
    }
    
    /*恐龙img-2*/
    .scale-in-dinoverse-2 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-dinoverse-2;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 1s;
    }
    @keyframes scaleDrawIn-dinoverse-2 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 22vw;
            bottom: 20vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: -11vw;
            top: 41vw;
        }
    }
    
    /*恐龙img-3*/
    .scale-in-dinoverse-3 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-dinoverse-3;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 1s;
    }
    @keyframes scaleDrawIn-dinoverse-3 {
        0%{
            transform: scale(0);
            opacity: 0;
            right: 25vw;
            bottom: 18vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 94vw;
            left: 1vw;
        }
    }
    
    /*翼龙img*/
    /*翼龙img-0*/
    .scale-in-pterosaur-0 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-pterosaur-0;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 2s;
    }
    @keyframes scaleDrawIn-pterosaur-0 {
        0%{
            transform: scale(0);
            opacity: 0;
    /*        left: 18vw;
            bottom: 20vh; */
        }
        100%{
            transform: scale(1);
            opacity: 1;
           /* left: 0.939375vw;
            bottom: 0vh; */
        }
    }
    /*翼龙img-1*/
    .scale-in-pterosaur-1 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-pterosaur-1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 2s;
    }
    @keyframes scaleDrawIn-pterosaur-1 {
        0%{
            transform: scale(0);
            opacity: 0;
          /*  right: 20vw;
            bottom: 15vh; */
        }
        100%{
            transform: scale(1);
            opacity: 1;
            /* right: 4.6856vw;
            bottom: 4.17vh; */
        }
    }
    .scale-in-pterosaur-in-1 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-pterosaur-in-1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 2s;
    }
    @keyframes scaleDrawIn-pterosaur-in-1 {
        0%{
            transform: scale(1);
            opacity: 1;
            /* right: 4.6856vw;
            bottom: 4.17vh; */
        }
        100%{
            transform: scale(0);
            opacity: 0;
         /*   right: 20vw;
            bottom: 15vh; */
        }
    }
    
    /*翼龙img-2*/
    .scale-in-pterosaur-2 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-pterosaur-2;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 2s;
    }
    @keyframes scaleDrawIn-pterosaur-2 {
        0%{
            transform: scale(0);
            opacity: 0;
        /*    right: 22vw;
            top: 15vh; */
        }
        100%{
            transform: scale(1);
            opacity: 1;
  /*          right: 0vw;
            top: 9.17vh; */
        }
    }
    .scale-in-pterosaur-in-2 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-pterosaur-in-2;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 2s;
    }
    @keyframes scaleDrawIn-pterosaur-in-2 {
        0%{
            transform: scale(1);
            opacity: 1;
       /*     right: 0vw;
            top: 9.17vh; */
        }
        100%{
            transform: scale(0);
            opacity: 0;
        /*    right: 22vw;
            top: 15vh; */
        }
    }
    /*翼龙img-3*/
    .scale-in-pterosaur-3 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-pterosaur-3;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 2s;
    }
    @keyframes scaleDrawIn-pterosaur-3 {
        0%{
            transform: scale(0);
            opacity: 0;
    /*        left: 10vw;
            top: 20vh; */
        }
        100%{
            transform: scale(1);
            opacity: 1;
  /*          left: 0vh;
            top: -4vh; */
        }
    }
    .scale-in-pterosaur-in-3 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-pterosaur-in-3;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 2s;
    }
    @keyframes scaleDrawIn-pterosaur-in-3 {
        0%{
            transform: scale(1);
            opacity: 1;
        /*    left: 0vh;
            top: -4vh; */
        }
        100%{
            transform: scale(0);
            opacity: 0;
/*            right: 20vw;
            bottom: 15vh; */
        }
    }
    
    
    /* partner */
    /* 1 */
    .scale-in-partner1 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner1 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 48.15vw;
            top: 50.862vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 83vw;
            left: 12vw;
        }
    }
    
    .scale-in-in-partner1 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner1 {
        0%{
            transform: scale(1);
            opacity: 1;
            top: 83vw;
            left: 12vw;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 48.15vw;
            top: 50.862vh;
        }
    }
    
    .scale-out-partner1 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner1 {
        0%{
            transform: scale(1);
            opacity: 1;
            top: 83vw;
            left: 12vw;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: -50vh;
        }
    }
    .scale-out-in-partner1 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner1 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: -50vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 83vw;
            left: 12vw;
        }
    }
    
    .scale-out-out-partner1 {
        transform: scale(1);
        opacity: 0;
        left: -30vw;
        top: -50vh;
    }
 
    /* 2 */
    .scale-in-partner2 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner2;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner2 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 47.89vw;
            top: 50.78vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 99vw;
            left: 72vw;
        }
    }
    
    .scale-in-in-partner2 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner2;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner2 {
        0%{
            transform: scale(1);
            opacity: 1;
            top: 99vw;
            left: 72vw;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 47.89vw;
            top: 50.78vh;
        }
    }
    
    .scale-out-partner2 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner2;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner2 {
        0%{
            transform: scale(1);
            opacity: 1;
            top: 99vw;
            left: 72vw;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: 130vw;
            top: -30vh;
        }
    }
    .scale-out-in-partner2 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner2;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner2 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: 130vw;
            top: -30vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 99vw;
            left: 72vw;
        }
    }
    
    .scale-out-out-partner2 {
        transform: scale(1);
        opacity: 0;
        left: 130vw;
        top: -30vh;
    }
         
    /* 3 */
    .scale-in-partner3 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner3;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner3 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 48.1vw;
            top: 50.99vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 110vw;
            left: 40vw;
        }
    }
    
    .scale-in-in-partner3 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner3;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner3 {
        0%{
            transform: scale(1);
            opacity: 1;
            top: 110vw;
            left: 40vw;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 48.1vw;
            top: 50.99vh;
        }
    }
    
    .scale-out-partner3 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner3;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner3 {
        0%{
            transform: scale(1);
            opacity: 1;
            top: 110vw;
            left: 40vw;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: 30vh;
        }
    }
    .scale-out-in-partner3 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner3;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner3 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: 30vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 110vw;
            left: 40vw;
        }
    }
    
    .scale-out-out-partner3 {
        transform: scale(1);
        opacity: 0;
        left: -30vw;
        top: 30vh;
    }
    
    /* 4 */
    .scale-in-partner4 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner4;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner4 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 49.85vw;
            top: 51.65vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 127vw;
            left: 63vw;
        }
    }
    
    .scale-in-in-partner4 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner4;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner4 {
        0%{
            transform: scale(1);
            opacity: 1;
            top: 127vw;
            left: 63vw;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 49.85vw;
            top: 51.65vh;
        }
    }
    
    .scale-out-partner4 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner4;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner4 {
        0%{
            transform: scale(1);
            opacity: 1;
            top: 127vw;
            left: 63vw;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: 130vw;
            top: 50vh;
        }
    }
    .scale-out-in-partner4 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner4;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner4 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: 130vw;
            top: 50vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 127vw;
            left: 63vw;
        }
    }
    
    .scale-out-out-partner4 {
        transform: scale(1);
        opacity: 0;
        left: 130vw;
        top: 50vh;
    }
    
    /* 5 */
    .scale-in-partner5 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner5;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner5 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 50.04vw;
            top: 39.51vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 140vw;
            left: 34vw;
        }
    }
    
    .scale-in-in-partner5 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner5;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner5 {
        0%{
            transform: scale(1);
            opacity: 1;
            top: 140vw;
            left: 34vw;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 50.04vw;
            top: 39.51vh;
        }
    }
    
    .scale-out-partner5 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner5;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner5 {
        0%{
            transform: scale(1);
            opacity: 1;
            top: 140vw;
            left: 34vw;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            top: 150vw;
            left: -30vw;
        }
    }
    .scale-out-in-partner5 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner5;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner5 {
        0%{
            transform: scale(1);
            opacity: 0;
            top: 150vw;
            left: -30vw;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 140vw;
            left: 34vw;
        }
    }
    
    .scale-out-out-partner5 {
        transform: scale(1);
        opacity: 0;
        top: 150vw;
        left: -30vw;
    }

    /* 6 */
    .scale-in-partner6 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner6;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner6 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50.8vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 168vw;
            left: 35vw;
        }
    }
    
    .scale-in-in-partner6 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner6;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner6 {
        0%{
            transform: scale(1);
            opacity: 1;
            top: 168vw;
            left: 35vw;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50.8vh;
        }
    }
    
    .scale-out-partner6 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner6;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner6 {
        0%{
            transform: scale(1);
            opacity: 1;
            top: 168vw;
            left: 35vw;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: 130vw;
            top: 150vh;
        }
    }
    .scale-out-in-partner6 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner6;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner6 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: 130vw;
            top: 150vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            top: 168vw;
            left: 35vw;
        }
    }
    
    .scale-out-out-partner6 {
        transform: scale(1);
        opacity: 0;
        top: 168vw;
        left: 35vw;
    }
    
    /* 7 */
    .scale-in-partner7 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner7;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner7 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 10vw;
            top: 24vh;
        }
    }
    
    .scale-in-in-partner7 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner7;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner7 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 10vw;
            top: 24vh;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
    }
    
    .scale-out-partner7 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner7;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner7 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 10vw;
            top: 24vh;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: 10vh;
        }
    }
    .scale-out-in-partner7 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner7;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner7 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: 10vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 10vw;
            top: 24vh;
        }
    }
    
    .scale-out-out-partner7 {
        transform: scale(1);
        opacity: 0;
        left: -30vw;
        top: 10vh;
    }
    
    /* 8 */
    .scale-in-partner8 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner8;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner8 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 67vw;
            top: 73vh;
        }
    }
    
    .scale-in-in-partner8 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner8;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner8 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 67vw;
            top: 73vh;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
    }
    
    .scale-out-partner8 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner8;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner8 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 67vw;
            top: 73vh;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: 130vh;
        }
    }
    .scale-out-in-partner8 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner8;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner8 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: 130vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 67vw;
            top: 73vh;
        }
    }
    
    .scale-out-out-partner8 {
        transform: scale(1);
        opacity: 0;
        left: -30vw;
        top: 130vh;
    }
    
    /* 9 */
    .scale-in-partner9 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner9;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner9 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 48vw;
            top: 41vh;
        }
    }
    
    .scale-in-in-partner9 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner9;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner9 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 48vw;
            top: 41vh;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
    }
    
    .scale-out-partner9 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner9;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner9 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 48vw;
            top: 41vh;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: 50vh;
        }
    }
    .scale-out-in-partner9 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner9;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner9 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: 50vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 48vw;
            top: 41vh;
        }
    }
    
    .scale-out-out-partner9 {
        transform: scale(1);
        opacity: 0;
        left: -30vw;
        top: 50vh;
    }
    
    /* 10 */
    .scale-in-partner10 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner10;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner10 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 32vw;
            top: 32vh;
        }
    }
    
    .scale-in-in-partner10 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner10;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner10 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 32vw;
            top: 32vh;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
    }
    
    .scale-out-partner10 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner10;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner10 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 32vw;
            top: 32vh;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: 130vw;
            top: 20vh;
        }
    }
    .scale-out-in-partner10 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner10;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner10 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: 130vw;
            top: 20vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 32vw;
            top: 32vh;
        }
    }
    
    .scale-out-out-partner10 {
        transform: scale(1);
        opacity: 0;
        left: 130vw;
        top: 20vh;
    }
    
    /* 11 */
    .scale-in-partner11 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner11;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner11 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 46vw;
            top: 83vh;
        }
    }
    
    .scale-in-in-partner11 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner11;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner11 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 46vw;
            top: 83vh;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
    }
    
    .scale-out-partner11 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner11;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner11 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 46vw;
            top: 83vh;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: 130vw;
            top: 120vh;
        }
    }
    .scale-out-in-partner11 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner11;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner11 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: 130vw;
            top: 120vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 46vw;
            top: 83vh;
        }
    }
    
    .scale-out-out-partner11 {
        transform: scale(1);
        opacity: 0;
        left: 130vw;
        top: 120vh;
    }
    /* 12 */
    .scale-in-partner12 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner12;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner12 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 54vw;
            top: 25vh;
        }
    }
    
    .scale-in-in-partner12 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner12;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner12 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 54vw;
            top: 25vh;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
    }
    
    .scale-out-partner12 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner12;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner12 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 54vw;
            top: 25vh;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: 130vw;
            top: 10vh;
        }
    }
    .scale-out-in-partner12 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner12;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner12 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: 130vw;
            top: 10vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 54vw;
            top: 25vh;
        }
    }
    
    .scale-out-out-partner12 {
        transform: scale(1);
        opacity: 0;
        left: 130vw;
        top: 10vh;
    }
    
    /* 13 */
    .scale-in-partner13 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner13;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner13 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 9vw;
            top: 57vh;
        }
    }
    
    .scale-in-in-partner13 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner13;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner13 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 9vw;
            top: 57vh;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
    }
    
    .scale-out-partner13 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner13;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner13 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 9vw;
            top: 57vh;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: 60vh;
        }
    }
    .scale-out-in-partner13 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner13;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner13 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: 60vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 9vw;
            top: 57vh;
        }
    }
    
    .scale-out-out-partner13 {
        transform: scale(1);
        opacity: 0;
        left: -30vw;
        top: 60vh;
    }
    
    /* 14 */
    .scale-in-partner14 {
        opacity: 1;
        -webkit-animation-name: scaleDrawIn-partner14;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-partner14 {
        0%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 5vw;
            top: 72vh;
        }
    }
    
    .scale-in-in-partner14 {
        opacity: 0;
        -webkit-animation-name: scaleDrawIn-in-partner14;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawIn-in-partner14 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 5vw;
            top: 72vh;
        }
        100%{
            transform: scale(0);
            opacity: 0;
            left: 50vw;
            top: 50vh;
        }
    }
    
    .scale-out-partner14 {
        opacity: 0;
        -webkit-animation-name: scaleDrawOut-partner14;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-partner14 {
        0%{
            transform: scale(1);
            opacity: 1;
            left: 9vw;
            top: 57vh;
        }
        100%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: 80vh;
        }
    }
    .scale-out-in-partner14 {
        opacity: 1;
        -webkit-animation-name: scaleDrawOut-in-partner14;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1; 
        -webkit-animation-duration: 0.25s;
    }
    @keyframes scaleDrawOut-in-partner14 {
        0%{
            transform: scale(1);
            opacity: 0;
            left: -30vw;
            top: 80vh;
        }
        100%{
            transform: scale(1);
            opacity: 1;
            left: 5vw;
            top: 72vh;
        }
    }
    
    .scale-out-out-partner14 {
        transform: scale(1);
        opacity: 0;
        left: -30vw;
        top: 80vh;
    }
}