@charset "UTF-8";
.yun {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    .yun_up {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        //animation: myfirst 5s linear 2s  normal forwards;
        //-moz-animation: myfirst 5s linear 2s  normal forwards;
        // -webkit-animation:myfirst 5s linear 2s  normal forwards;
    }
    .yun_down {
        opacity: 0;
        position: absolute;
        bottom: -50px;
        left: 0;
    }
    .cloudsRight {
        animation: myfirst 3s linear normal forwards;
    }
    .cloudsLeft {
        animation: mysecond 3s linear normal forwards;
    }
    @keyframes myfirst {
        0% {
            z-index: 1000;
            opacity: 1;
            left: -1280px;
            transform: scale(2.0,2.0);
        }
        100% {
            z-index: 1000;
            opacity: 1;
            left: 0;
            transform: scale(2.0,2.0);
            z-index: 9999;
        }
    }
    @keyframes mysecond {
        0% {
            opacity: 1;
            left: 1280px;
            transform: scale(2.0,2.0);
        }
        100% {
            opacity: 1;
            transform: scale(2.0,2.0);
            left: 0;
            z-index: 9999;
        }
    }
    .cloudsRight2 {
        animation: mythree 3s linear normal forwards;
    }
    .cloudsLeft2 {
        animation: myfour 3s linear normal forwards;
    }
    @keyframes mythree {
        0% {
            opacity: 1;
            left: 0;
            transform: scale(2.0,2.0);
            z-index: 999;
        }
        100% {
            opacity: 1;
            left: 1280px;
            transform: scale(2.0,2.0);
            z-index: 999;
        }
    }
    @keyframes myfour {
        0% {
            z-index: 1000;
            opacity: 1;
            left: 0;
            transform: scale(2.0,2.0);
            
        }
        100% {
            z-index: 1000;
            opacity: 1;
            left: -1280px;
            transform: scale(2.0,2.0);
            
        }
    }
}