html,body{margin:0;padding:0;font-family:"微软雅黑";overflow-x:hidden;background:#fff}p{margin:0;padding:0}.hide{opacity:0}.page-nav{width:100%;height:1.6875rem;line-height:1.6875rem;background:url(https://static-assets-prod.okii.com/bbk-products/h20/h5/nav.jpg) no-repeat;background-size:100% auto;color:#fff;font-size:.6875rem;font-weight:600;text-align:center}.page{padding-top:1px;width:100%;text-align:center;position:relative}.page .title{visibility:hidden;font-size:.625rem;color:#fff;font-weight:600}.page .small-title{visibility:hidden;margin-top:.85rem;font-size:.625rem;color:#fff;font-weight:300}.page .text{visibility:hidden;color:#fff;margin-top:.4rem;line-height:1.5;font-size:.3125rem}.page .img{position:absolute;bottom:0;width:100%;left:0}.page1{height:16rem;background:url(https://static-assets-prod.okii.com/bbk-products/h20/h5/page1-1.jpg) no-repeat;background-size:100% auto}.page1 .title{position:absolute;left:0;right:0;top:3.45rem;margin:auto;color:#282828;font-size:.84375rem}.page1 .text{position:absolute;left:0;right:0;top:4.68rem;margin:auto;color:#282828;font-weight:300;font-size:.34375rem}.page1 .img{top:0}.page2{height:9.85rem;background:url(https://static-assets-prod.okii.com/bbk-products/h20/h5/page2-1.jpg) no-repeat;background-size:100% auto}.page2 .title{padding-left:.7rem;text-align:left;color:#282828}.page2 .small-title{padding-left:.7rem;text-align:left;color:#282828}.page3{height:14rem}.page4{height:14.7rem;background:url(https://static-assets-prod.okii.com/bbk-products/h20/h5/page4-1.jpg) no-repeat;background-size:100% auto;width:100%;position:relative}.page4 .img-app{width:6.40625rem;margin-top:.7rem}.page5{height:14.8rem;width:100%;background:url(https://static-assets-prod.okii.com/bbk-products/h20/h5/page5-1.jpg) no-repeat;background-size:100% auto;position:relative}.page5 .title{color:#282828}.page5 .small-title{color:#282828}.page5 .text{color:#282828}.page6{height:14.84375rem;background:#e3fdf9;background-size:100% auto}.page6 .title{color:#282828}.page6 .small-title{color:#282828}.page6 .text{color:#282828}.page7{height:14.85rem;background:#e6f0fe;background:url(https://static-assets-prod.okii.com/bbk-products/h20/h5/page7-1.jpg) no-repeat;background-size:100% auto}.page7 .title{color:#282828}.page7 .small-title{color:#282828}.page7 .text{color:#282828}.page7 .first{margin-top:.8rem}.page7 .img-box{position:absolute;bottom:0;width:100%;height:2.421875rem}.page7 .img-box .img-item{margin-top:.546875rem;width:7.828125rem}.page8{height:15.71875rem;background:#f6f6f6}.page8 .img-app{width:7.609375rem;margin-top:.7rem}.page8 .title{color:#282828}.page8 .small-title{color:#282828}.page8 .text{color:#282828}.page9{height:15.75rem;background:#f0f0f0;position:relative}.page9 .img-app{width:9.14rem;margin-top:1.3rem}.page9 .title{color:#282828}.page9 .small-title{color:#282828}.page9 .text{color:#282828}.page10{height:14.2rem;background:url(https://static-assets-prod.okii.com/bbk-products/h20/h5/page10-1.jpg) no-repeat;background-size:100% auto;position:relative}.page11{height:14.84375rem;background:url(https://static-assets-prod.okii.com/bbk-products/h20/h5/page11-1.jpg) no-repeat;background-size:100% auto}.page11 .title{color:#fff}.page11 .text{color:#fff}.page12{height:13.55rem;background:url(https://static-assets-prod.okii.com/bbk-products/h20/h5/page12-1.jpg) no-repeat;background-size:100% auto;position:relative}.page12 .title{margin-top:.85rem}.page14{height:15rem;position:relative;background:#f7f8fa}.page14 img{margin-top:.8rem;width:8.5625rem}.page14 .title{margin-top:.85rem;color:#282828}.page15{height:15.15625rem;background:#e3fdf9;position:relative}.slideInUpWord{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUpWord;animation-name:slideInUpWord}@-webkit-keyframes slideInUpWord{from{visibility:hidden;-webkit-transform:translate3d(0,120%,0);transform:translate3d(0,120%,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUpWord{from{visibility:hidden;-webkit-transform:translate3d(0,120%,0);transform:translate3d(0,120%,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.moveLeft{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:moveLeft;animation-name:moveLeft}@-webkit-keyframes moveLeft{from{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes moveLeft{from{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.moveUp{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:moveUp;animation-name:moveUp}@-webkit-keyframes moveUp{from{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes moveUp{from{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;animation-duration:1s}.delay1{-webkit-animation-delay:.5s;animation-delay:.5s}.delay2{-webkit-animation-delay:1s;animation-delay:1s}.delay3{-webkit-animation-delay:1.5s;animation-delay:1.5s}.delay4{-webkit-animation-delay:2s;animation-delay:2s}.delay5{-webkit-animation-delay:2.5s;animation-delay:2.5s}