html,body{margin:0;padding:0;font-family:"Microsoft YaHei","微软雅黑";overflow-x:hidden;background:#fff}p{margin:0;padding:0}.hide{display:none!important}.f51{font-size:.626667rem;font-weight:700;color:#fff}.f47{font-size:.626667rem;font-weight:700;color:#333}.f44{font-size:.586667rem}.f40{font-size:.533333rem;color:#333;font-weight:700}.f35{font-size:.466667rem;color:#333;font-weight:700}.f27{font-size:.36rem;color:#333;font-weight:700}.f21{font-size:.28rem;color:#333}.f-bold{font-weight:700}.page{position:relative}.page img{vertical-align:middle;width:100%}.page .center-img{width:100%;text-align:center}.page .img{width:100%;display:inline-block;vertical-align:middle}.page .title-max{font-size:.8rem;font-weight:700;letter-spacing:.026667rem;width:100%;line-height:.933333rem;padding-top:.533333rem;text-align:center;margin-left:auto;margin-right:auto}.page1 .f44{width:5.333333rem;position:absolute;bottom:1.52rem;left:3.586667rem;font-weight:700;color:#363636}.page2{background:url(https://static-assets-prod.okii.com/bbk-products/s5-old/h5/page2.jpg) no-repeat center / cover;height:12.746667rem;border-top:.133333rem solid #e7e7e7;border-bottom:.133333rem solid #fff}.page2 .f51{text-align:center;padding-top:.84rem}.page3{background:#f3f3f3;padding-top:.706667rem}.page3 .title{padding-left:.48rem;padding-bottom:.8rem}.page3 .f40{padding-top:.133333rem;padding-bottom:.426667rem}.page3 .f21{line-height:.4rem}.page3 img{width:100%}.page4{padding-top:.4rem}.page4 .center-img{padding-bottom:.533333rem}.page4 .center-img img{width:1.133333rem;height:1.106667rem}.page4 .f47{padding-top:.293333rem;padding-bottom:.053333rem}.page4 .f27{letter-spacing:1px}.page5 .center-img{padding-top:.133333rem;position:relative}.page5 .title{position:absolute;right:.573333rem;top:.76rem;width:3.786667rem}.page5 .title-2{width:4.6rem;left:.466667rem}.page5 .f35{text-align:right;padding-bottom:.786667rem}.page5 .f35-2{text-align:left;padding-bottom:.7rem}.page5 .f35-3{padding-bottom:0}.page5 .f27{padding-bottom:.84rem;padding-top:.08rem}.page5 .f21{text-align:left;line-height:.4rem}.page5 .f21-1{padding-right:.4rem}.page5 .f21-2{padding-top:.6rem}.page6 .center-img{padding-bottom:.2rem}.page6 .item-img img{width:100%}.page6 .item-img{padding-top:.133333rem;position:relative}.page6 .title{text-align:left;width:44rem;position:absolute;top:1.053333rem;left:.466667rem}.page6 .f21{letter-spacing:1px}.page6 .f35{padding-bottom:.613333rem}.page7 .center-img{padding-bottom:.333333rem}.page7 .f27{font-weight:700}.page8 .title{padding:.466667rem;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.page8 .img-box{position:relative}.page8 .title-1{position:absolute;top:.866667rem;right:.573333rem;text-align:right}.page8 .title-2{position:absolute;top:2.64rem;right:.613333rem}.page8 .f21-bold{font-weight:700}.page8 .f21-pt{padding-top:.346667rem;letter-spacing:1px}.page8 .img-pt{padding-bottom:.133333rem}.page9{padding-bottom:.16rem}.page9 .center-img{padding:.666667rem 0}.page9 .center-img img{width:1.053333rem;height:1.053333rem}.page9 .item-img{position:relative}.page9 .item-img img{width:100%}.page9 .item-img .title{position:absolute;top:.426667rem;left:.733333rem}.page9 .item-img .f40{letter-spacing:1px;line-height:.6rem}.page9 .item-img .f21-blod{font-weight:700;padding-top:.133333rem;padding-bottom:.466667rem}.page10{background:url(https://static-assets-prod.okii.com/bbk-products/s5-old/h5/page11.jpg) no-repeat center / cover;height:15.133333rem}.page10 .title{padding-top:1.333333rem;padding-left:.72rem}.page10 .f35{color:#fff;letter-spacing:.026667rem}.page10 .f21{color:#fff;line-height:.4rem;padding-top:.213333rem;letter-spacing:1px}.page10 .img{width:100%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.4)}.page10 .img .page-wifi{width:100%}.page11{background:url(https://static-assets-prod.okii.com/bbk-products/s5-old/h5/page12.jpg) no-repeat center / cover;height:12.88rem;border-top:.16rem solid #fff}.page11 .title{padding-top:.973333rem;padding-left:.72rem}.page11 .f35{color:#fff;letter-spacing:.026667rem}.page11 .f21{color:#fff;line-height:.4rem;padding-top:.213333rem;letter-spacing:1px}.page11 .f21-pd{padding-bottom:.44rem}.page11 .f21-ra{margin:.093333rem 0;width:1.6rem;height:.573333rem;border:1px solid #fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:0;border-radius:.293333rem}.page11 .mar-r{margin-right:.24rem}.page12{background:url(https://static-assets-prod.okii.com/bbk-products/s5-old/h5/page13.jpg) no-repeat center / cover;height:7.613333rem;border-top:.16rem solid #fff}.page12 .title{padding-left:4rem;padding-top:.933333rem}.page12 .f21{width:2.52rem;height:.68rem;text-align:center;line-height:.68rem;border-radius:.32rem;margin-bottom:.16rem;border:1px solid #8f8f8f}.page12 .tips{position:absolute;left:.453333rem;bottom:0;color:#3c3c3c;font-size:.28rem;line-height:.4rem}.page13{padding-top:.16rem}.page13 .bbk{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#e9e9e9;padding:.293333rem 0 .293333rem .733333rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page13 .bbk img{width:1.226667rem;height:1.426667rem;display:inline-block}.page13 .bbk .f21{display:inline-block;letter-spacing:1px;line-height:.4rem;padding-left:.533333rem;text-indent:.186667rem}.page13 .title{width:7.946667rem;margin:0 auto;padding-top:.4rem}.page13 .title .f35{padding-bottom:.466667rem}.page13 .title .f35-2{padding-top:.266667rem;padding-bottom:.373333rem}.page13 .title .item{padding-bottom:.373333rem}.page13 .title .item span{display:inline-block;background-color:#3c3c3c;width:.2rem;height:.2rem;vertical-align:middle}.page13 .title .item .f21{display:inline-block;vertical-align:middle;padding-left:.133333rem}.page13 .page-14{width:100%}.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}