@charset "gb2312";
/* LESS Document */
.box{position: relative;top:0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.box>div{position: absolute;top:0;left: 0;width: 100%;height: 100%;overflow: hidden;display: none;}
.box>div>div{position: absolute;}
.box>.load{display: block}
/*dian*/
.point{width:1.7rem;height: 1.7rem;}
.point>div{border-radius: 50%;background: #f9d329;position: absolute; }
.point>.round{width: 0.5rem;height: 0.5rem;top:50%;left: 50%;margin: -0.25rem 0 0 -0.25rem;}
.point>.focus{width:1.7rem;height: 1.7rem;margin: -0.85rem 0 0 -0.85rem;top:50%;left:50%;opacity: 0.5;
}
/*load*/
.load{z-index: 7;background: url("http://n.sinaimg.cn/31e47777/20150813/load.jpg") no-repeat;background-size: cover;}
.load .loadDiv{top:7rem;left:7.2rem;}
.load .loadP{position:absolute; top:55%; left:0; width:100%; height:100%;text-align: center;font-size: 0.9rem;color: #fff;}

/*cover*/
.cover{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 6}
.cover>div{top:0;left: 0;width: 100%;}
.cover img{width: 100%}
.cover .sina{width: 5.15rem;}
.cover .logo{width: 4.53rem;top:15%;left: 4.5rem;}
.cover .strong{width: 3.7rem;top:60%;left:5.5rem;}
.cover .title{width:1.76rem;top:16% ;left: 2rem;}
/*those*/
.those{background:url("http://n.sinaimg.cn/31e47777/20150813/twoTab.jpg") no-repeat;background-size: cover;top:0;z-index: 5 }
.those .intro{font-size: 0.55rem;color: #fff;width: 12.7rem;left: 50%;margin-left:-6.35rem;line-height: 1rem;position: relative;text-indent: 2em;top:2.5rem; }
.those .intro i{width:1rem;height:1rem;background:url("http://n.sinaimg.cn/31e47777/20150813/intro_i.png") no-repeat;background-size: cover; position: absolute;top:0;left: 0;}
.those .route{top:17.5rem;left:3.8rem;}
.those .tab{width: 100%;height: 100%;top:0;left: 0}
.those .tab>div,.those .tabCont>div{position: absolute}
.those .route_img{top:11.4rem;left: 4rem;width: 1.25rem;}
.those .veteran{top:9.5rem;left:7.8rem;}
.those .veteran_img{top:12rem;left:8rem;width: 1.35rem;}
.those .history{top:16rem;left:11.5rem;}
.those .history_img{top:8rem;left:11.7rem;width: 1.35rem;}
.those .hint{top:10.2rem;left:8.3rem;width:3rem;}
.those a{display: block;}
.those img{width: 100%}
.tabCont{background: url("http://n.sinaimg.cn/31e47777/20150813/three.jpg") no-repeat;background-size: cover;width: 100%;height: 100%;z-index: 4}
.routeCont{top:3rem;display: none}
.routeCont>img{height: 2.5rem;width: 100%}
.routeCont div{width: 5.25rem;margin-left: -2.825rem;left: 50%;position: absolute;top:4.5rem;}
.bigFocus{animation:bigFocus 1s infinite ;
    -moz-animation:bigFocus 1s infinite ;
    -webkit-animation:bigFocus 1s infinite ;
}
.bigFocus1{animation:bigFocus 1s 0.5s;
    -moz-animation:bigFocus 1s  0.5s;
    -webkit-animation:bigFocus 1s 0.5s;
}
.bigFocus2{animation:bigFocus 1s  1s;
    -moz-animation:bigFocus 1s  1s;
    -webkit-animation:bigFocus 1s 1s;
}
.bigFocus3{animation:bigFocus 1s  1.5s;
    -moz-animation:bigFocus 1s  1.5s;
    -webkit-animation:bigFocus 1s 1.5s;
}
.bigFocus4{animation:bigFocus 1s  2s;
    -moz-animation:bigFocus 1s  2s;
    -webkit-animation:bigFocus 1s 2s;
}
.bigFocus5{animation:bigFocus 1s  2.5s;
    -moz-animation:bigFocus 1s  2.5s;
    -webkit-animation:bigFocus 1s 2.5s;
}
.bigFocus6{animation:bigFocus 1s  3s;
    -moz-animation:bigFocus 1s  3s;
    -webkit-animation:bigFocus 1s 3s;
}
.bigFocus7{animation:bigFocus 1s  3.5s;
    -moz-animation:bigFocus 1s  3.5s;
    -webkit-animation:bigFocus 1s 3.5s;
}

@keyframes bigFocus{
    0%{width: 0.5rem;height:0.5rem;margin: -0.25rem 0 0 -0.25rem;}
    100%{width:1.7rem;height: 1.7rem;margin: -0.85rem 0 0 -0.85rem;}
}
@-webkit-keyframes bigFocus{
    0%{width: 0.5rem;height:0.5rem;margin: -0.25rem 0 0 -0.25rem;}
    100%{width:1.7rem;height: 1.7rem;margin: -0.85rem 0 0 -0.85rem;}
}

/*routeClick*/
.routeClick{z-index: 3;}
.routeClick img{width: 100%}
.box>.routeTitle{width:12.8rem;top:1rem;left:50%;margin-left: -6.4rem; z-index: 4;position: absolute;height: 3.5rem;opacity: 0}
.routeTitle a{width: 2.5rem;height: 2.5rem;border-radius: 0.4rem;border: 1px solid #fff;text-align: center;float: left;font-size: 0.6rem;color: #fff;margin:0.5rem 0.8rem;;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);}
.routeTitle a span{display: block;width: 2rem;height: 2rem;line-height: 0.8rem;margin: 0.3rem;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);	}

.routeTitle .a_click{border: 1px solid #ebe80a;color: #ebe80a}
.routeClick .routeSite,.routeClick .veteraneSite,.routeClick .historySite{width: 100%;height: 100%;position: absolute}
.routeClick .site{width: 1.7rem;height: 1.7rem;position: absolute;top:0;left:0;}
.routeClick .site>div{border-radius: 50%;background: #f9d329;position: absolute; }
.routeClick .site>.round{width: 0.5rem;height: 0.5rem;top:50%;left: 50%;margin: -0.25rem 0 0 -0.25rem;background: #fff}
.routeClick .site>.focus{width:1.7rem;height: 1.7rem;margin: -0.85rem 0 0 -0.85rem;top:50%;left:50%;opacity: 0.5;
}
.routeClick .routeSite,.routeClick .veteraneSite,.routeClick .historySite{display: none;}
.routeClick .routeSite .Kunming{top:4rem;left:13rem;}
.routeClick .routeSite .Dali{top:5rem;left:9rem;}
.routeClick .routeSite .Songshan{top:8rem;left:7.2rem;}
.routeClick .routeSite .Tongchong{top:7.8rem;left:4.5rem;}
.routeClick .routeSite .Mingzhinag{top:8.2rem;left:2rem;}
.routeClick .routeSite .Lacheng{top:13.1rem;left:5.2rem;}
.routeClick .routeSite .Mandele{top:16.8rem;left:3rem;}

/*veteraneSite*/
.routeClick .veteraneSite .Tongchong{top:9.8rem;left:4.2rem;}
.routeClick .veteraneSite .Mingzhinag{top:10rem;left:2.2rem;}
.routeClick .veteraneSite .Lacheng{top:14rem;left:5rem;}
.routeClick .veteraneSite .Mandele{top:17rem;left:3rem;}

/*historySite*/
.routeClick .historySite .Mingzhinag{top:7rem;left:5.6rem;}
.routeClick .historySite .Tongchong{top:6.8rem;left:7.6rem;}
.routeClick .historySite .Lacheng{top:11.1rem;left:8.2rem;}
.routeClick .historySite .Mandele{top:14.1rem;left:6.2rem;}
.routeClick .historySite .Tonggu{top:19.1rem;left:9.4rem;}

/*SizeIntro*/
.SizeIntro{background: url("http://n.sinaimg.cn/31e47777/20150813/he.png");z-index: 3;}
.SizeIntro>div{position: absolute;width: 100%;height: 100%;display: none;}
.SizeIntro>.movetext{top:0;left:0;width:100%;height:100%;background: url("http://n.sinaimg.cn/31e47777/20150813/he.png");z-index: 3;display: block;}
.SizeIntro>.movetext>div{top:9.5rem;height: 0.7rem;display: block;position:absolute;}
.SizeIntro .routeIntro,.SizeIntro .veteraneIntro,.SizeIntro .historyIntro{width:15rem;left:50%;margin-left: -7.5rem;margin-top: 32%;height:74%;overflow: hidden;}
.SizeIntro .routeUl{width: 105rem;position: absolute;top:0;left: 0;}
.SizeIntro .veteraneUl{width: 105rem;position: absolute;top:0;left: 0;}
.SizeIntro .historyUl{width: 135rem;position: absolute;top:0;left: 0;}
.SizeIntro li{float: left;width: 14.4rem;position: relative;margin:0 0.3rem;}
.SizeIntro li div{position: absolute;}
.SizeIntro li img{width: 100%}
.SizeIntro li .text{color: #fff;font-size: 0.55rem;line-height: 1rem;width: 14.4rem;margin:0 0.3rem;}
.SizeIntro .play{width:3rem;height: 3rem;position: absolute;top:2.5rem;left: 50%;margin-left:  -1.5rem; }

/*back*/
.back{background: url("http://n.sinaimg.cn/31e47777/20150813/backBg.jpg") no-repeat;background-size: cover;}
.back img{width: 100%}
.back .backSina{top:8%;}
.back .backLogo{top:20%;}
.back .backTitle{top:40%;}
.back .backClick{top:55%;width: 8.3rem;left: 50%;margin-left: -4.15rem;text-align: center ;}
.back .backClick a{display: block;width: 8.3rem;line-height:2.35rem;font-size: 0.75rem;color: #fff;margin-bottom: 1rem;background: #ccb73f;}
.back .backClick .again{background: #025826;}

/*sharePage*/
.sharePage div{position: absolute;top:0;left: 0;background: url("http://n.sinaimg.cn/31e47777/20150813/shareBg.png") no-repeat;background-size: cover;width: 100%;height: 100%}
.sharePage a{position: relative;width: 3.6rem;margin: auto;display: block;top:40%}

/*video*/
.video{background: #000;}
.video video{margin-top: 40%;}

.SizeIntro>.nav_div{top:0.5rem;right:0.5rem;width: 1.5rem;height: 1.5rem;display: block;overflow: hidden;}
/*up*/
.box>.up{position:absolute;top: 92%;left: 50%;width: 1.2rem;margin-left: -0.6rem;z-index: 10;height: 0.6rem;
    -webkit-animation: down 1s linear alternate infinite ;
    -o-animation: down 1s linear alternate infinite ;
    animation: down 1s linear alternate infinite;
}
.box>.close{width: 2.4rem;top:82%;left: 50%;margin-left: -1.2rem;z-index: 10;height: 2.4rem;}

/*¸÷ÖÖ¶¯Ð§*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated05 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animatedDelay{
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s;
}
.animatedDelay1 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
.animatedDelay15 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
}
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
@keyframes down {
    0%{top: 92%}
    100%{top: 94%}
}
@-webkit-keyframes down {
    0%{top: 92%}
    100%{top: 94%}
}
@-o-keyframes down {
    0%{top: 92%}
    100%{top: 94%}
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}