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:2.40625rem;line-height:2.40625rem;background:#1566fc;color:#fff;font-size:.703125rem;font-weight:600;text-align:center}.page{width:100%;text-align:center;position:relative}.page .title{visibility:hidden;margin-top:.94rem;font-size:.65625rem;color:#282828;font-weight:300}.page .text{visibility:hidden;color:#282828;margin-top:.55rem;line-height:1.7;font-size:.3125rem}.page .img{position:absolute;bottom:0;width:100%;left:0}.page1{height:16rem}.page1 .img{top:0}.page2{height:15.27rem;background:#f7f7f7}.page3{height:14rem}.page4{height:11.71875rem;width:100%;position:relative}.page4 .img-app{width:90%;margin-top:.78125rem}.page5{height:15.75rem;width:100%;background:url(https://static-assets-prod.okii.com/bbk-products/s3pro/h5/page5-1.jpg) no-repeat;background-size:100% auto;position:relative}.page5 .title{margin-top:.7rem}.page5 .text{width:8.6rem;margin:.3rem auto}.page5 .img-app{width:8.15625rem;margin-top:.9rem}.page6{height:14.0625rem;background:url(https://static-assets-prod.okii.com/bbk-products/s3pro/h5/page6-1.jpg) no-repeat;background-size:100% auto}.page6 .img-box{position:absolute;bottom:0;width:100%;height:2.421875rem;background:#f7f7f7}.page6 .img-box .img-item{margin-top:.546875rem;width:7.578125rem}.page7{height:14.58rem;background:#e6f0fe;background:url(https://static-assets-prod.okii.com/bbk-products/s3pro/h5/page7-1.jpg) no-repeat;background-size:100% auto}.page7 .title{line-height:1.5}.page7 .text-box{visibility:hidden!important;margin-bottom:.6rem;text-align:left;margin-left:.86rem}.page7 .text-box .small-title{font-weight:600;color:#282828;font-size:.40625rem}.page7 .text-box .text{visibility:visible;width:8.8rem;margin-top:.18rem}.page7 .first{margin-top:.8rem}.page8{height:15.71875rem;background:#f6f6f6}.page8 .img-app{width:7.609375rem;margin-top:.6rem}.page9{height:17.5625rem;padding-bottom:1.25rem;position:relative}.page9 .title{line-height:1.5}.page10{height:11.25rem;position:relative}.page10 .title-box{background:#fcfaf7}.page10 .second{margin-top:.15625rem}.page10 img{width:100%;position:absolute;bottom:0;left:0}.page10 .text{margin-top:.046875rem;margin-left:.95rem;text-align:left;width:8.4rem;line-height:1.7;font-size:.3125rem}.page10 .text span{font-weight:600;font-size:.375rem}.page10 .text .small-text{display:inline-block;position:relative;top:.046875rem;width:7.1rem;vertical-align:top;line-height:1.6;text-align:left;font-weight:400;font-size:.3125rem}.page10 .first{margin-top:.55rem}.page11{background:#000;height:18rem;position:relative}.page11 .title{color:#fff}.page11 .text{color:#fff}.page11 .img-app{position:absolute;z-index:3;width:5.46875rem;left:0;right:0;top:4.8rem;margin:auto}.page12{height:12.75rem;position:relative}.page12 .img-app{width:8.125rem;margin-top:1rem}.page13{height:3.125rem;position:relative;overflow:hidden}.page13 .left-box{display:inline-block;width:4.95rem;height:100%;float:left;background:#e6e9ed}.page13 .left-box img{position:absolute;left:0;width:4.03125rem}.page13 .right-box{float:right;width:4.95rem;height:100%;position:relative;background:#e6e9ed}.page13 .right-box img{position:absolute;left:0;bottom:0;width:4.53125rem}.page14{height:14rem;position:relative}.page14 img{margin-top:.8rem;width:8.5625rem}.page15{height:15.15625rem;background:#e3fdf9;position:relative}.page16{height:16rem;position:relative;background:url(https://static-assets-prod.okii.com/bbk-products/s3pro/h5/page16-1.jpg) no-repeat;background-size:100% auto}.page16 .bold{font-weight:700}.page16 .text{margin-top:.5rem}.page17{height:13.5rem;position:relative;background:#fff}.page17 .no-wrap{white-space:nowrap}.page17 .text{margin:.5rem auto;width:8.6rem}.page17 .gif-box{background:url(https://static-assets-prod.okii.com/bbk-products/s3pro/h5/machine.png) no-repeat;width:5.4rem;height:7.09rem;background-size:contain;margin:1.2rem auto}.page17 .gif-box .search-gif{width:4.3rem;margin-top:.66rem}.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}