body,html{padding:0;margin:0;width:100%;font-family:"Microsoft YaHei","微软雅黑";overflow-x:hidden}p{padding:0;margin:0;font-family:"Microsoft YaHei","微软雅黑"}.hide{display:none}.nav_top ul li.brand a{width:131px;background-position:-201px 0;margin-left:89px}.nav_top ul li.brand a:hover,.nav_top ul li.brand a.on{width:131px;background-position:-201px -68px;margin-left:89px}.container{border-top:1px solid #ececec;width:1910px;height:auto;margin:0 auto}.page-nav{text-align:center;width:1920px;height:150px;background:#6dd74f}.page-nav img{margin-top:50px}.page{width:1180px;margin:0 auto}.page .title{font-size:22px;color:#5a5a5a;position:absolute;left:106px;top:48px}.page0{height:45px;color:#3c3c3c;border-top:1px solid #ececec;border-bottom:1px solid #ececec;background:#fff;position:absolute;top:68px;width:100%;z-index:1}.page0 .page-con{position:relative;width:1180px;margin:0 auto;border:0}.page0 .title{font-size:22px;margin-left:54px;line-height:40px;font-weight:400;position:static}.page0 .page-box{position:absolute;right:0;top:0}.page0 .page-box .link{display:inline;display:inline-block;font-size:14px;color:#787878;line-height:40px;text-decoration:none;margin-right:34px}.buy-now{width:80px;height:40px;margin-top:12px;vertical-align:middle;background:url(https://static-assets-prod.okii.com/bbk-products/k5/pcbuy-now.png) no-repeat;display:inline-block;line-height:40px;text-decoration:none;margin-right:34px}.page1{overflow-y:hidden;height:1080px;text-align:center}.page1 p{font-size:12px;color:#b6b6b6}.page1 .title{width:700px;height:auto;-webkit-transition:-webkit-transform 2s cubic-bezier(0,0,.18,.93) 0s;transition:-webkit-transform 2s cubic-bezier(0,0,.18,.93) 0s;transition:transform 2s cubic-bezier(0,0,.18,.93) 0s;transition:transform 2s cubic-bezier(0,0,.18,.93) 0s,-webkit-transform 2s cubic-bezier(0,0,.18,.93) 0s;margin:120px auto 0}.page1 .banner{-webkit-transition:-webkit-transform 2s cubic-bezier(0,0,.18,.93) 0s;transition:-webkit-transform 2s cubic-bezier(0,0,.18,.93) 0s;transition:transform 2s cubic-bezier(0,0,.18,.93) 0s;transition:transform 2s cubic-bezier(0,0,.18,.93) 0s,-webkit-transform 2s cubic-bezier(0,0,.18,.93) 0s;margin-top:45px}.page2{overflow-y:hidden;height:200px;text-align:center}.page2 .heavy-title{font-size:48px;font-weight:700}.page2 .small-title{color:#3c3c3c;margin-top:25px;font-size:18px}.show{visibility:visible!important}.page3{overflow:hidden;position:relative;height:1076px;text-align:center}.page3 .title-box{height:330px;background:#fff;padding-top:1px}.page3 .heavy-title{font-family:"Microsoft YaHei","微软雅黑";margin-top:68px;font-size:48px;font-weight:700;color:#282829}.page3 .small-title{font-family:"Microsoft YaHei","微软雅黑";letter-spacing:1px;color:#3c3c3c;margin-top:25px;font-size:18px;line-height:2}.page3 .img-speak{width:1920px}.page3 .img-girl{margin-top:32px}.page4{position:relative}.page4 .title-box{height:200px}.page4 .time{position:absolute;right:250px;bottom:230px}.page4 .walk{position:absolute;right:210px;bottom:420px}.page4 .bright{position:absolute;left:440px;top:510px}.page4 .lie{position:absolute;left:310px;bottom:340px}.page4 .dark{position:absolute;left:310px;bottom:140px}.page5_bg{background:#f5f5f5}.bottom{padding-bottom:30px}.page5{width:100%;text-align:center}.page5 .title-box{padding-top:1px;height:280px;width:100%}.page5 img{margin-top:20px;width:96%}.page5 .heavy-title{font-family:"Microsoft YaHei","微软雅黑";margin-top:80px;font-size:48px;font-weight:700;color:#282829}.page5 .small-title{font-family:"Microsoft YaHei","微软雅黑";letter-spacing:1px;color:#3c3c3c;margin-top:25px;font-size:18px;line-height:2}.page6{height:950px;width:100%;position:relative;text-align:center}.page6 .img-app{margin-top:51px}.number{font-size:18px;font-family:"Microsoft YaHei","微软雅黑";color:#c8c8c8;margin-top:15px;text-align:center}.page7{background:#f5f5f5}.page7 .title-box{height:330px;background:#f5f5f5;padding-top:1px}.page7 .message-box{display:inline-block;position:relative;width:920px;height:785px}.page7 .img-mes{position:absolute;top:225px;left:35px}.page7 .img-mes2{position:absolute;top:300px;left:150px}.page7 .img-mes3{position:absolute;top:385px;left:40px}.page8{height:1060px}.page8 .title-box{height:250px}.page9{height:930px;text-align:center;background:#f5f5f5}.page9 .title-box{height:318px;background:#f5f5f5}.page10{height:780px;width:100%;border-top:1px solid #fff;background:url(https://static-assets-prod.okii.com/bbk-products/k5/pcpage10-1.jpg) no-repeat;background-size:100 auto}.page10 .word-box{border:1px solid #fff;height:250px;width:400px;margin:450px 0 0 430px}.page10 .word-box .title{color:#464c5b;font-size:20px;font-weight:600}.page10 .word-box .text{margin-top:20px;font-size:18px;color:#657180}.page10 .word-box .margin30{margin-top:35px}.page10 .word-box .margin50{margin-top:55px}.sunshine{position:absolute;top:395px;left:620px;width:261px;height:243px}.sunshine img{width:100%;height:100%}.list-box{position:absolute;left:430px;width:470px;top:320px;height:580px;display:inline-block;text-align:left}.list-box img{margin-top:55px}.img-app{position:absolute;bottom:0;left:520px}.food{width:1px;position:absolute;left:440px;overflow-x:hidden}.flow{position:absolute;top:75px;width:100px;height:161px;left:550px;overflow:hidden}.flow img{position:absolute;left:-260px}.note{width:0;position:absolute;left:680px;top:500px;overflow:hidden}.config{width:1920px;text-align:center;margin-top:30px;padding-bottom:60px}.apple{position:absolute;bottom:250px;right:500px}.img-detail{position:absolute;left:570px;top:460px}.page13{width:1920px;height:200px;background:#f8f8f8;color:#b6b6b6;text-align:center}.page13 .word-box{margin-top:35px;text-align:left;display:inline-block;width:1020px;height:140px}.flowRight{animation-name:flowRight;animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-duration:1.5s;-webkit-animation-fill-mode:both;-webkit-animation-name:flowRight}@-webkit-keyframes flowRight{from{width:0}to{width:1040px}}@keyframes flowRight{from{width:0}to{width:1040px}}.slideRight{animation-name:slideRight;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:slideRight}@-webkit-keyframes slideRight{from{width:0;visibility:hidden}to{width:475px;visibility:visible}}@keyframes slideRight{from{width:0;visibility:hidden}to{width:475px;visibility:visible}}.zoomChange{animation-name:jello;animation-duration:2s;animation-fill-mode:both;-webkit-animation-duration:2s;-webkit-animation-fill-mode:both;-webkit-animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes jello{0%{visibility:hidden}from,11.1%,to{transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none}22.2%{visibility:visible;transform:skewX(-12.5deg) skewY(-12.5deg);-ms-transform:skewX(-12.5deg) skewY(-12.5deg);-moz-transform:skewX(-12.5deg) skewY(-12.5deg);-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);-o-transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{visibility:visible;transform:skewX(6.25deg) skewY(6.25deg);-ms-transform:skewX(6.25deg) skewY(6.25deg);-moz-transform:skewX(6.25deg) skewY(6.25deg);-webkit-transform:skewX(6.25deg) skewY(6.25deg);-o-transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg);-ms-transform:skewX(-3.125deg) skewY(-3.125deg);-moz-transform:skewX(-3.125deg) skewY(-3.125deg);-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);-o-transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{visibility:visible;transform:skewX(1.5625deg) skewY(1.5625deg);-ms-transform:skewX(1.5625deg) skewY(1.5625deg);-moz-transform:skewX(1.5625deg) skewY(1.5625deg);-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);-o-transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{visibility:visible;transform:skewX(-.78125deg) skewY(-.78125deg);-ms-transform:skewX(-.78125deg) skewY(-.78125deg);-moz-transform:skewX(-.78125deg) skewY(-.78125deg);-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);-o-transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg);-ms-transform:skewX(0.390625deg) skewY(0.390625deg);-moz-transform:skewX(0.390625deg) skewY(0.390625deg);-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);-o-transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg);-ms-transform:skewX(-.1953125deg) skewY(-.1953125deg);-moz-transform:skewX(-.1953125deg) skewY(-.1953125deg);-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);-o-transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%{visibility:hidden}from,11.1%,to{transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none}22.2%{visibility:visible;transform:skewX(-12.5deg) skewY(-12.5deg);-ms-transform:skewX(-12.5deg) skewY(-12.5deg);-moz-transform:skewX(-12.5deg) skewY(-12.5deg);-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);-o-transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{visibility:visible;transform:skewX(6.25deg) skewY(6.25deg);-ms-transform:skewX(6.25deg) skewY(6.25deg);-moz-transform:skewX(6.25deg) skewY(6.25deg);-webkit-transform:skewX(6.25deg) skewY(6.25deg);-o-transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg);-ms-transform:skewX(-3.125deg) skewY(-3.125deg);-moz-transform:skewX(-3.125deg) skewY(-3.125deg);-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);-o-transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{visibility:visible;transform:skewX(1.5625deg) skewY(1.5625deg);-ms-transform:skewX(1.5625deg) skewY(1.5625deg);-moz-transform:skewX(1.5625deg) skewY(1.5625deg);-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);-o-transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{visibility:visible;transform:skewX(-.78125deg) skewY(-.78125deg);-ms-transform:skewX(-.78125deg) skewY(-.78125deg);-moz-transform:skewX(-.78125deg) skewY(-.78125deg);-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);-o-transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg);-ms-transform:skewX(0.390625deg) skewY(0.390625deg);-moz-transform:skewX(0.390625deg) skewY(0.390625deg);-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);-o-transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg);-ms-transform:skewX(-.1953125deg) skewY(-.1953125deg);-moz-transform:skewX(-.1953125deg) skewY(-.1953125deg);-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);-o-transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.slideInDown{animation-name:slideInDown;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:slideInDown}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);visibility:hidden}to{transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);visibility:visible}}@-webkit-keyframes slideInDown{from{transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);visibility:hidden}to{transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);visibility:visible}}@keyframes slideInUp{from{visibility:hidden;transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0)}to{visibility:visible;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}}@-webkit-keyframes slideInUp{from{transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0)}to{visibility:visible;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}}.delay1{animation-delay:.5s;-webkit-animation-delay:.5s}.delay2{animation-delay:1s;-webkit-animation-delay:1s}.delay3{animation-delay:1.5s;-webkit-animation-delay:1.5s}.delay4{animation-delay:2s;-webkit-animation-delay:2s}.delay5{animation-delay:2.5s;-webkit-animation-delay:2.5s}.slideInUp{animation-name:slideInUp;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:slideInUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:fadeIn}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-200px,0);-ms-transform:translate3d(0,-200px,0);-moz-transform:translate3d(0,-200px,0);-webkit-transform:translate3d(0,-200px,0);-o-transform:translate3d(0,-200px,0)}60%{opacity:1;transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-moz-transform:translate3d(0,25px,0);-webkit-transform:translate3d(0,25px,0);-o-transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-moz-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0)}to{transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none}}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-200px,0);-ms-transform:translate3d(0,-200px,0);-moz-transform:translate3d(0,-200px,0);-webkit-transform:translate3d(0,-200px,0);-o-transform:translate3d(0,-200px,0)}60%{opacity:1;transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-moz-transform:translate3d(0,25px,0);-webkit-transform:translate3d(0,25px,0);-o-transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-moz-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0)}to{transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none}}.bounceInDown{animation-duration:1s;animation-fill-mode:both;animation-name:bounceInDown;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:bounceInDown}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3,.3,.3);-ms-transform:scale3d(0.3,.3,.3);-moz-transform:scale3d(0.3,.3,.3);-webkit-transform:scale3d(0.3,.3,.3);-o-transform:scale3d(0.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes zoomIn{from{opacity:0;transform:scale3d(0.3,.3,.3);-ms-transform:scale3d(0.3,.3,.3);-moz-transform:scale3d(0.3,.3,.3);-webkit-transform:scale3d(0.3,.3,.3);-o-transform:scale3d(0.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-duration:1s;animation-fill-mode:both;animation-name:zoomIn;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:zoomIn}@keyframes moveLeft{0%{visibility:hidden;transform:translate3d(90%,0,0);-ms-transform:translate3d(90%,0,0);-moz-transform:translate3d(90%,0,0);-webkit-transform:translate3d(90%,0,0);-o-transform:translate3d(90%,0,0)}100%{visibility:visible;transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-moz-transform:translate3d(0%,0,0);-webkit-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0)}}@-webkit-keyframes moveLeft{0%{visibility:hidden;transform:translate3d(90%,0,0);-ms-transform:translate3d(90%,0,0);-moz-transform:translate3d(90%,0,0);-webkit-transform:translate3d(90%,0,0);-o-transform:translate3d(90%,0,0)}100%{visibility:visible;transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-moz-transform:translate3d(0%,0,0);-webkit-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0)}}.moveLeft{animation-duration:1s;animation-fill-mode:forwards;animation-name:moveLeft;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-name:moveLeft}@keyframes moveRight{0%{visibility:hidden;transform:translate3d(-90%,0,0);-ms-transform:translate3d(-90%,0,0);-moz-transform:translate3d(-90%,0,0);-webkit-transform:translate3d(-90%,0,0);-o-transform:translate3d(-90%,0,0)}100%{visibility:visible;transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-moz-transform:translate3d(0%,0,0);-webkit-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0)}}@-webkit-keyframes moveRight{0%{visibility:hidden;transform:translate3d(-90%,0,0);-ms-transform:translate3d(-90%,0,0);-moz-transform:translate3d(-90%,0,0);-webkit-transform:translate3d(-90%,0,0);-o-transform:translate3d(-90%,0,0)}100%{visibility:visible;transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-moz-transform:translate3d(0%,0,0);-webkit-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0)}}.moveRight{animation-duration:1s;animation-fill-mode:both;animation-name:moveRight;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:moveRight}.watchMove{animation-duration:3s;animation-fill-mode:both;animation-name:watchMove;-webkit-animation-duration:3s;-webkit-animation-fill-mode:both;-webkit-animation-name:watchMove}@keyframes watchMove{0%{visibility:hidden;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}50%{visibility:visible;transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0)}100%{visibility:visible;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}}@-webkit-keyframes watchMove{0%{visibility:hidden;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}50%{visibility:visible;transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0)}100%{visibility:visible;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}}.slideInDown{animation-duration:1s;animation-fill-mode:both;animation-name:slideInDown;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:slideInDown}.footer{overflow-y:hidden}