html,body{margin:0;padding:0;font-family:"微软雅黑";overflow-x:hidden;background:#fff}p{margin:0;padding:0}.hide{opacity:0}.f24{font-size:.32rem}.f26{font-size:.453333rem}.f20{font-size:.346667rem}.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{width:100%;vertical-align:middle}.page1 .img{top:0}.page2{background:#c5eceb}.page2 .colorBox{width:100%;height:4rem;background:#c5eceb;position:absolute;top:0;left:0}.page2 .content{position:absolute;top:.666667rem;left:0;width:100%;text-align:center;color:#282828}.page2 .content .content-1{font-size:.666667rem;font-weight:700}.page2 .content .content-2{font-size:.32rem;padding-top:.533333rem;line-height:.453333rem}.page3 .content{position:absolute;top:1.066667rem;left:0;width:100%;text-align:center;color:#282828}.page3 .content .content-1{font-size:.666667rem}.page3 .content .content-2{font-size:.32rem;line-height:.453333rem;padding-top:.4rem}.page4 .content{position:absolute;top:1.066667rem;left:0;width:100%;text-align:center;color:#282828}.page4 .content .content-1{font-size:.666667rem}.page4 .content .content-2{font-size:.32rem;line-height:.453333rem;padding-top:.4rem}.page5{height:15.75rem;width:100%;background:url(https://static-assets-prod.okii.com/bbk-products/s1a/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 .content{position:absolute;top:.8rem;left:0;width:100%;text-align:center;color:#fff}.page6 .content .content-1{font-size:.666667rem}.page6 .content .content-2{font-size:.32rem;padding-top:.533333rem;line-height:.533333rem}.page6 .content .content-3{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-top:.666667rem}.page6 .content .content-3 img{width:.72rem}.page6 .content .content-3 p{font-size:.32rem;padding-top:.2rem}.page25{color:#282828}.page25 .content{position:absolute;top:.666667rem;left:0;width:100%;text-align:center}.page25 .content .content-1{font-size:.666667rem}.page25 .content2{position:absolute;top:2.333333rem;left:0;width:100%}.page25 .content2 .content2-1{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:60%;margin:0 auto}.page25 .content2 .content2-1 .content-left .solid{width:1.88rem;height:.026667rem;background-color:#3c3c3c;margin-top:.133333rem}.page25 .content2 .content2-1 .content-left .txt{font-size:.346667rem;text-align:center;line-height:.666667rem}.page25 .content2 .content-2-2{width:100%;width:6.6rem;margin:0 auto}.page25 .content2 .content-2-2 .titles{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:.533333rem}.page25 .content2 .content-2-2 .titles>div{width:6.4rem;text-align:left;vertical-align:top;padding-left:.133333rem;font-size:.346667rem}.page25 .content2 .content-2-2 .titles span{width:.24rem;height:.24rem;background:#3c8ef0;display:inline-block;margin-top:.066667rem}.page7{height:14.58rem;background:#e6f0fe;background:url(https://static-assets-prod.okii.com/bbk-products/s1a/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{background:#f6f6f6;padding-top:.8rem}.page8 .img-app{width:7.609375rem;margin-top:.6rem}.page8 .titles{font-size:.666667rem;color:#282828}.page9{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:11rem;position:relative}.page14 img{margin-top:.8rem;width:90%!important;margin-bottom:1rem}.page15{height:15.15625rem;background:#e3fdf9;position:relative}.page16{height:16rem;position:relative;background:url(https://static-assets-prod.okii.com/bbk-products/s1a/h5/page16-1.jpg) no-repeat;background-size:100% auto;color:#282828}.page16 .bold{font-weight:700}.page16 .text{margin-top:.5rem}.page16 .titles{font-size:.666667rem}.page16>p{padding:.133333rem 0}.page17{height:12.5rem;position:relative;background:#fff}.page17 .content{color:#282828;padding-top:.4rem;line-height:.533333rem}.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/s1a/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}