@charset "utf-8";body{background:#fff}
body,html{width:100%;height:100%;font-family:"microsoft yahei"}
.download .header{width:100%;position:absolute;top:0;height:165px;z-index:10;box-sizing:border-box;-webkit-box-sizing:border-box}
.download .header-wrap{margin:0 auto;width:100%;height:100%;max-width:1300px}
.download .header-wrap .logo{display:block;margin-top:35px;float:left}
.download .header-wrap .nav-box{float:left;margin-left:70px}
.download .header-wrap .nav-box li{float:left;width:150px;height:140px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;margin-right: 20px;}
.download .header-wrap .nav-box li i{display:block}
.download .header-wrap .nav-box li .icon-area{width:54px;height:44px}
.download .header-wrap .nav-box li.one i{background:url(../images/download/icon-nav1.png) no-repeat;width:40px;height:36px;margin:0 auto}
.download .header-wrap .nav-box li.two i{background:url(../images/download/icon-nav2.png) no-repeat;width:26px;height:38px;margin:0 auto}
.download .header-wrap .nav-box li.three i{background:url(../images/download/icon-nav3.png) no-repeat;width:38px;height:38px;margin:0 auto}
.download .header-wrap .nav-box li.four i{background:url(../images/download/icon-nav2.png) no-repeat;width:26px;height:38px;margin:0 auto}
.download .header-wrap .nav-box li p{font-size:18px;color:#fff;margin-top:5px}
.download .header-wrap .nav-box li a{display:block;width:150px;height:140px;padding-top:24px}
.download .header-wrap .nav-box li.active a{background:url(../images/download/nav-bg.png) no-repeat}
.download .header-wrap .nav-box li.active p{color:#ff9700}
.download .header-wrap .nav-box li.active.one i{background:url(../images/download/icon-nav1-on.png) no-repeat}
.download .header-wrap .nav-box li.active.two i{background:url(../images/download/icon-nav2-on.png) no-repeat}
.download .header-wrap .nav-box li.active.three i{background:url(../images/download/icon-nav3-on.png) no-repeat}
.download .header-wrap .nav-box li.active.four i{background:url(../images/download/icon-nav2-on.png) no-repeat}
.download .header-wrap .nav-box li a:hover{background:url(../images/download/nav-bg.png) no-repeat}
.download .header-wrap .to-home{float:right;padding-top:35px}
.download .header-wrap .to-home a i{background:url(../images/download/icon-return.png) no-repeat;width:15px;height:13px;display:inline-block;margin-right:6px;vertical-align:middle;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.download .header-wrap .to-home a span{vertical-align:middle;font-size:14px;color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.download .header-wrap .to-home a:hover span{color:#ff9700}
.download .header-wrap .to-home a:hover i{background:url(../images/download/icon-return-on.png) no-repeat}
.download{width:100%;height:100%}
.download .swiper-container{width:100%;height:100%}
.download .swiper-container .swiper-pagination{position:inherit}
.swiper-container{width:100%;height:100%}
.swiper-container .swiper-pagination{left:30px;bottom:80px;width:auto}
.swiper-container .swiper-slide{position:relative;overflow:hidden}
.swiper-pagination-bullet{width:10px;height:10px;background:0 0;border:1px solid #fff;opacity:1}
.swiper-pagination-bullet-active{background:#fff}
/* @media only screen and (max-width:768px){footer,header{position:static}
.swiper-container{height:auto}
.swiper-button-next,.swiper-button-prev,header ul li:not(:first-child){display:none}
.homepage-left100 .txt{font-size:24px;letter-spacing:8px;line-height:36px}
.txtCenter .txt{font-size:60px;letter-spacing:0;line-height:55px}
.whiteTxt .txt{font-size:30px;letter-spacing:0;line-height:40px}
.swiper-container .swiper-pagination{bottom:10px}
.pcHidden{display:block}
} */
.banner .slide1{background:url(../images/download/banner1.jpg) no-repeat top center;width:100%;height:100%;background-size:cover}
.banner .slide2{background:url(../images/download/banner2.jpg) no-repeat top center;width:100%;height:100%;background-size:cover}
.banner .slide3{background:url(../images/download/banner3.jpg) no-repeat top center;width:100%;height:100%;background-size:cover}
.banner .slide4{background:url(../images/download/banner4.jpg) no-repeat top center;width:100%;height:100%;background-size:cover}
.banner .swiper-slide .cont{position:relative;width:100%;max-width:1300px;height:100%;margin:0 auto}
.banner .slide1 .displayer{position:absolute;left:0;top:44%;margin-top:-220px;width:566px;height:570px;background:url(../images/download/displayer.png) no-repeat}
.banner .slide2 .phone1{position:absolute;left:190px;top:44%;margin-top:-220px;width:210px;height:602px;background:url(../images/download/slide2-phone1.png) no-repeat;z-index:10}
.banner .slide4 .phone1{position:absolute;left:190px;top:38%;margin-top:-220px;width:340px;height:660px;background:url(../images/download/slide4-phone1.png) no-repeat;z-index:10}
.banner .slide3 .displayer{position:absolute;left:-64px;top:44%;margin-top:-181px;width:816px;height:495px;background:url(../images/download/displayer2.png) no-repeat}
.banner .slide1.swiper-slide-active .displayer{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .slide3.swiper-slide-active .displayer{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .slide2.swiper-slide-active .phone1{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .slide4.swiper-slide-active .phone1{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .slide1 .screen-0{position:absolute;left:64px;top:50%;margin-top:-275px;width:505px;height:370px;background:url(../images/download/screen0.png) no-repeat}
.banner .slide2 .phone2{position:absolute;left:300px;top:50%;margin-top:-310px;width:230px;height:660px;background:url(../images/download/slide2-phone2.png) no-repeat;z-index:11}
.banner .slide4 .phone2{position:absolute;left:150px;top:50%;margin-top:-310px;width:447px;height:624px;background:url(../images/download/slide4-phone2.png) no-repeat;z-index:11}
.banner .slide1.swiper-slide-active .screen-0{-webkit-animation:fadeInLeftBottom 1.25s both;animation:fadeInLeftBottom 1.25s both;-webkit-transform-origin:0 50%;transform-origin:0 50%}
.banner .slide1 .screen-1{position:absolute;left:90px;top:51%;margin-top:-325px;width:524px;height:383px;background:url(../images/download/screen1.png) no-repeat}
.banner .slide1.swiper-slide-active .screen-1{-webkit-animation:fadeInLeftBottomPlus 1.25s both;animation:fadeInLeftBottomPlus 1.25s both;-webkit-transform-origin:0 50%;transform-origin:0 50%}
.banner .slide2.swiper-slide-active .phone2{-webkit-animation:fadeInLeftBottomPlus 1.25s both;animation:fadeInLeftBottomPlus 1.25s both;-webkit-transform-origin:0 50%;transform-origin:0 50%}
.banner .slide4.swiper-slide-active .phone2{-webkit-animation:fadeInLeftBottomPlus 1.25s both;animation:fadeInLeftBottomPlus 1.25s both;-webkit-transform-origin:0 50%;transform-origin:0 50%}
.banner .slide1 .man{position:absolute;left:338px;top:46%;margin-top:-35px;width:514px;height:367px;background:url(../images/download/slide1-man.png) no-repeat}
.banner .slide2 .man{position:absolute;left:357px;top:46%;margin-top:74px;width:437px;height:369px;background:url(../images/download/slide2-man.png) no-repeat;z-index:13}
.banner .slide3 .man{position:absolute;left:512px;top:46%;margin-top:33px;width:432px;height:285px;background:url(../images/download/slide3-man.png) no-repeat;z-index:13}
.banner .slide4 .man{position:absolute;left:540px;top:42%;margin-top:74px;width:223px;height:322px;background:url(../images/download/slide4-man.png) no-repeat;z-index:13}
.banner .slide1.swiper-slide-active .man{-webkit-animation:fadeInRight 1s both;animation:fadeInRight 1s both;-webkit-transform-origin:0 50%;transform-origin:0 50% -webkit-animation-delay:2s;animation-delay:2s}
.banner .slide2.swiper-slide-active .man{-webkit-animation:fadeInRight 1s both;animation:fadeInRight 1s both;-webkit-transform-origin:0 50%;transform-origin:0 50% -webkit-animation-delay:2s;animation-delay:2s}
.banner .slide3.swiper-slide-active .man{-webkit-animation:fadeInRight 1s both;animation:fadeInRight 1s both;-webkit-transform-origin:0 50%;transform-origin:0 50% -webkit-animation-delay:2s;animation-delay:2s}
.banner .slide4.swiper-slide-active .man{-webkit-animation:fadeInRight 1s both;animation:fadeInRight 1s both;-webkit-transform-origin:0 50%;transform-origin:0 50% -webkit-animation-delay:2s;animation-delay:2s}
.banner .slide1 .txt1{position:absolute;right:40px;top:50%;width:448px;height:238px;background:url(../images/download/slide1-txt1.png) no-repeat;opacity:.85;margin-top:-208px}
.banner .slide1 .txt1 .btn{position:absolute;width:300px;height:76px;display:block;top:166px;left:74px}
.banner .slide1 .txt2{position:absolute;right:57px;top:50%;width:392px;height:156px;background:url(../images/download/slide1-txt2.png) no-repeat;opacity:.85;margin-top:82px}
.banner .slide2 .txt1{position:absolute;right:136px;top:50%;width:411px;height:130px;background:url(../images/download/slide2-txt1.png) no-repeat;opacity:.85;margin-top:-208px}
.banner .slide3 .txt1{position:absolute;right:0;top:50%;width:475px;height:268px;background:url(../images/download/slide3-txt1.png) no-repeat;opacity:.85;margin-top:-245px}
.banner .slide4 .txt1{position:absolute;right:136px;top:50%;width:411px;height:130px;background:url(../images/download/slide4-txt1.png) no-repeat;opacity:.85;margin-top:-208px}
.banner .slide3 .txt1 .btn{position:absolute;width:300px;height:76px;display:block;top:196px;left:92px}
.banner .slide2 .txt2{position:absolute;right:202px;top:50%;width:276px;height:350px;background:url(../images/download/slide2-txt2.png) no-repeat;opacity:.85;margin-top:-50px}
.banner .slide3 .txt2{position:absolute;right:42px;top:50%;width:379px;height:156px;background:url(../images/download/slide3-txt2.png) no-repeat;opacity:.85;margin-top:71px}
.banner .slide4 .txt2{position:absolute;right:202px;top:50%;width:276px;height:350px;background:url(../images/download/slide4-txt2.png) no-repeat;opacity:.85;margin-top:-50px}
.banner .slide1.swiper-slide-active .txt1{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity: 1;}
.banner .slide2.swiper-slide-active .txt1{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity: 1;}
.banner .slide4.swiper-slide-active .txt1{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity: 1;}
.banner .slide1.swiper-slide-active .txt2{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1.5s;animation-delay:1.5s;opacity: 1;}
.banner .slide2.swiper-slide-active .txt2{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1.3s;animation-delay:1.3s;opacity: 1;}
.banner .slide3.swiper-slide-active .txt1{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity: 1;}
.banner .slide3.swiper-slide-active .txt2{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1.3s;animation-delay:1.3s;opacity: 1;}
.banner .slide4.swiper-slide-active .txt2{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1.3s;animation-delay:1.3s;opacity: 1;}
.banner .layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}
.banner .layer>div{position:absolute}
.banner .slide1 .layer1{top:50%;right:auto;bottom:auto;left:-36px;width:122px;height:148px;background:url(../images/download/slide1-layer1.png) no-repeat;margin-top:215px}
.banner .slide1 .layer2{top:50%;right:auto;bottom:160px;left:650px;width:184px;height:176px;background:url(../images/download/slide1-layer2.png) no-repeat;margin-top:-350px}
.banner .slide3 .layer1{top:50%;right:auto;bottom:auto;left:100px;width:122px;height:148px;background:url(../images/download/slide3-layer1.png) no-repeat;margin-top:320px}
.banner .slide3 .layer2{top:50%;right:auto;bottom:160px;left:350px;width:184px;height:176px;background:url(../images/download/slide3-layer2.png) no-repeat;margin-top:-400px}
.banner .slide1 .layer3{top:40%;right:-190px;bottom:auto;left:auto;margin-top:39px;width:119px;height:117px;background:url(../images/download/slide1-layer3.png) no-repeat;margin-top:50px}
.banner .slide4 .layer1{top:50%;right:auto;bottom:160px;left:850px;width:119px;height:110px;background:url(../images/download/slide4-layer1.png) no-repeat;margin-top:-350px}
.banner .slide4 .layer2{top:56%;right:auto;bottom:auto;left:650px;width:71px;height:73px;background:url(../images/download/slide4-layer2.png) no-repeat;margin-top:215px}
.banner .slide4 .layer3{top:40%;right:-190px;bottom:auto;left:auto;margin-top:39px;width:138px;height:140px;background:url(../images/download/slide4-layer3.png) no-repeat;margin-top:50px}

.banner .slide3 .layer3{top:40%;right:-190px;bottom:auto;left:auto;margin-top:39px;width:119px;height:117px;background:url(../images/download/slide3-layer3.png) no-repeat;margin-top:50px}
.banner .slide2 .layer1{top:50%;right:auto;bottom:160px;left:850px;width:71px;height:73px;background:url(../images/download/slide2-layer1.png) no-repeat;margin-top:-350px}
.banner .slide2 .layer2{top:50%;right:auto;bottom:auto;left:666px;width:107px;height:118px;background:url(../images/download/slide2-layer2.png) no-repeat;margin-top:215px}
.banner .slide2 .layer3{top:40%;right:-190px;bottom:auto;left:auto;margin-top:39px;width:138px;height:140px;background:url(../images/download/slide2-layer3.png) no-repeat;margin-top:50px}
.banner .slide2 .game-logo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}
.banner .slide2 .game-logo>div{position:absolute}
.banner .slide2 .game-logo .item1{top:50%;right:auto;bottom:auto;left:86px;width:136px;height:107px;background:url(../images/download/game-logo1.png) no-repeat;margin-top:-180px}
.banner .slide2 .game-logo .item2{top:50%;right:auto;bottom:auto;left:68px;width:144px;height:133px;background:url(../images/download/game-logo2.png) no-repeat;margin-top:80px}
.banner .slide2 .game-logo .item3{top:50%;right:auto;bottom:auto;left:490px;width:157px;height:107px;background:url(../images/download/game-logo3.png) no-repeat;margin-top:-200px;z-index:12}
.banner .slide2.swiper-slide-active .game-logo{-webkit-animation:fadeInRight 1s both;animation:fadeInRight 1s both;-webkit-transform-origin:0 50%;transform-origin:0 50%}
.banner .slide2.swiper-slide-active .game-logo .item{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .slide2.swiper-slide-active .game-logo .item1{-webkit-animation-delay:1s;animation-delay:1s}
.banner .slide2.swiper-slide-active .game-logo .item2{-webkit-animation-delay:1.25s;animation-delay:1.25s}
.banner .slide2.swiper-slide-active .game-logo .item3{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.banner .slide3 .game-logo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}
.banner .slide3 .game-logo>div{position:absolute}
.banner .slide3 .game-logo .item1{top:50%;right:auto;bottom:auto;left:529px;width:137px;height:137px;background:url(../images/download/game-logo4.png) no-repeat;margin-top:-208px}
.banner .slide3 .game-logo .item2{top:50%;right:auto;bottom:auto;left:176px;width:118px;height:209px;background:url(../images/download/game-logo5.png) no-repeat;margin-top:-323px}
.banner .slide3 .game-logo .item3{top:50%;right:auto;bottom:auto;left:5px;width:143px;height:149px;background:url(../images/download/game-logo6.png) no-repeat;margin-top:-9px;z-index:12}
.banner .slide3.swiper-slide-active .game-logo{-webkit-animation:fadeInRight 1s both;animation:fadeInRight 1s both;-webkit-transform-origin:0 50%;transform-origin:0 50%}
.banner .slide3.swiper-slide-active .game-logo .item{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .slide3.swiper-slide-active .game-logo .item1{-webkit-animation-delay:1s;animation-delay:1s}
.banner .slide3.swiper-slide-active .game-logo .item2{-webkit-animation-delay:1.25s;animation-delay:1.25s}
.banner .slide3.swiper-slide-active .game-logo .item3{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.banner .slide4 .game-logo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}
.banner .slide4 .game-logo>div{position:absolute}
.banner .slide4 .game-logo .item1{top:49%;right:auto;bottom:auto;left:55px;width:136px;height:107px;background:url(../images/download/4-game-logo1.png) no-repeat;margin-top:-180px}
.banner .slide4 .game-logo .item2{top:49%;right:auto;bottom:auto;left:58px;width:144px;height:133px;background:url(../images/download/4-game-logo2.png) no-repeat;margin-top:80px}
.banner .slide4 .game-logo .item3{top:47%;right:auto;bottom:auto;left:540px;width:154px;height:106px;background:url(../images/download/4-game-logo3.png) no-repeat;margin-top:-200px;z-index:12}
.banner .slide4.swiper-slide-active .game-logo .item{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .slide4.swiper-slide-active .game-logo .item3{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.banner .slide4.swiper-slide-active .game-logo .item1{-webkit-animation-delay:1s;animation-delay:1s}
.banner .slide4.swiper-slide-active .game-logo .item2{-webkit-animation-delay:1.25s;animation-delay:1.25s}
.download .foot{position:absolute;width:100%;bottom:30px;z-index:15;text-align:center;color:rgba(255,255,255,0.4)};
.download .foot p{line-height:24px}
@-webkit-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes fadeInLeftBottom{0%{opacity:0;-webkit-transform:translateX(-50px) translateY(25px)}
80%{opacity:1}
100%{opacity:1;-webkit-transform:translateX(0) translateY(0)}
}
@keyframes fadeInLeftBottom{0%{opacity:0;transform:translateX(-50px) translateY(25px)}
80%{opacity:1}
100%{opacity:1;transform:translateX(0) translateY(0)}
}
@-webkit-keyframes fadeInLeftBottomPlus{0%{opacity:0;-webkit-transform:translateX(-110px) translateY(75px)}
80%{opacity:1}
100%{opacity:1;-webkit-transform:translateX(0) translateY(0)}
}
@keyframes fadeInLeftBottomPlus{0%{opacity:0;transform:translateX(-110px) translateY(75px)}
80%{opacity:1}
100%{opacity:1;transform:translateX(0) translateY(0)}
}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(60px)}
80%{opacity:1}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(60px)}
80%{opacity:1}
100%{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}