body,html{padding:0;margin:0 auto;width:100%;min-width:100%;line-height:normal;font-family:"Microsoft YaHei","微软雅黑";overflow-x:hidden}p{padding:0;margin:0;height:auto;font-family:"Microsoft YaHei","微软雅黑"}img{padding:0;margin:0 auto}.show{visibility:visible!important}ul,li{list-style:none}.f60{font-size:.3125rem;color:#111}.f36{font-size:.1875rem;color:#111}.f24{font-size:.125rem;color:#111}.f-bold{font-weight:700}.container{overflow-x:hidden;background:#fff}.container .img{display:block;width:100%}.container p{margin:0}.page{position:relative;color:#111;width:100%}.page img{vertical-align:middle;margin-left:auto;margin-right:auto}.page .title{font-size:.125rem;line-height:.208333rem;padding-top:.208333rem;width:100%}.page .title-max{font-size:.3125rem;width:100%;height:.333333rem;line-height:.333333rem;text-align:center;padding-top:.677083rem;font-weight:700;letter-spacing:.020833rem}.page .center{text-align:center;margin:0 auto}.page1{position:relative}.page1 .tips{position:absolute;left:.208333rem;bottom:.052083rem}.page1 .icon-img{width:.692708rem;position:absolute;right:.286458rem;bottom:.208333rem}.page2-new{padding-top:.8125rem;padding-bottom:.520833rem;text-align:center}.page2-new .f24{margin-top:.166667rem;line-height:.208333rem}.page2-new .img{width:6.953125rem;margin-top:.46875rem}.page2 .content{width:3.083333rem;position:absolute;right:18%;top:.677083rem}.page3-new{padding-top:.520833rem;padding-bottom:.520833rem;text-align:center}.page3-new .f24{margin-top:.166667rem;line-height:.208333rem}.page3-new .img{width:6.958333rem;margin-top:.302083rem}.page3 .title{text-align:center;padding-bottom:.46875rem}.page3 .solid{height:.104167rem;width:1.5625rem}.page3 .solid p{background:#dcdcdc;width:.145833rem;height:.015625rem;border-radius:.015625rem;display:inline-block;margin:0 .041667rem}.page3 .solid .on{background:#b5b5b5}.page3 .marginLeft{width:6.635417rem;height:5.40625rem;position:relative;padding-top:0;overflow:hidden}.page3 .marginLeft ul{width:400%;position:absolute;top:0;left:0}.page3 .marginLeft li{width:6.635417rem;height:5.40625rem;float:left}.page3 .marginLeft li img{margin-left:0}.page4 .title{text-align:center}.page4 .content{position:absolute;top:0;left:0;width:100%}.page5 .title{text-align:center}.page5 .center{padding-top:.416667rem}.page5 .center img{width:5.177083rem}.page6{background:url(https://static-assets-prod.okii.com/bbk-products/s3prow/pc/page6.jpg) no-repeat;height:5.776042rem}.page6 .title-max{color:#fff}.page6 .center{padding-top:.625rem}.page6 img{padding-bottom:.15625rem}.page6 .box-1{margin-top:.625rem}.page6 .img-box{width:5.208333rem;margin-left:auto;margin-right:auto}.page6 .img-box li{display:inline-block;width:2.083333rem;padding-left:.4375rem}.page6 .img-box li p{display:inline-block;color:#fff;font-size:.125rem;letter-spacing:.010417rem;line-height:.177083rem;vertical-align:top;padding-left:.052083rem}.page7{background:url(https://static-assets-prod.okii.com/bbk-products/s3prow/pc/page7-2.jpg) no-repeat;height:5.5625rem}.page7 .title-max{text-align:left;height:.677083rem}.page7 .content{position:absolute;top:0;left:23%}.page7 img{padding-top:.3125rem}.page7 .title{font-weight:700;color:#3b3b3b;padding-top:.104167rem;font-size:.15625rem;text-align:left}.page8{background:url(https://static-assets-prod.okii.com/bbk-products/s3prow/pc/page8.jpg) no-repeat;height:5.640625rem}.page8 .content{position:absolute;right:22%;top:.625rem;text-align:right}.page8 .title{padding-top:0}.page8 .title-color{color:#3b3b3b;font-weight:700;padding:.135417rem 0 .052083rem;font-size:.15625rem}.page-bq>img{width:100%}.page-bq .content{position:absolute;top:1.921875rem;left:2.15625rem;padding-top:0}.page-bq .title-max{padding-top:0}.page-bq .title-max,.page-bq .title{height:auto;text-align:left}.page9{background:#f0f0f0}.page9 .title{text-align:center}.page9 .center{padding-top:.3125rem}.page10 .title{text-align:center}.page10 .page10-1{padding:.15625rem 0;width:3.760417rem}.page11{background:#fff}.page11 .title{text-align:center}.page11 .title-max{padding-top:.260417rem}.page11 img{width:100%}.page12 .content{width:2.354167rem;position:absolute;right:18%;top:.520833rem;background:rgba(255,255,255,.45);padding:.15625rem}.page12 .content .img12-1{width:2.401042rem}.page12 .title-max{height:.729167rem;text-align:left;padding-top:0;line-height:.364583rem}.page12 .title{padding-bottom:.3125rem}.page13 .title{text-align:center}.page13 .center{padding-top:.286458rem;padding-bottom:.260417rem}.page13 .img13{width:6.614583rem}.page13 .img13-1{width:6.390625rem}.page14{background:#f7f8fa;padding-bottom:.520833rem;width:100%}.page14 .center:nth-child(1){padding-top:.208333rem}.page14 .center:nth-child(2){padding-top:.104167rem;padding-bottom:.833333rem}.page14 .center:nth-child(3){width:100%;padding-bottom:.520833rem}.page14 .img14-2{width:3.489583rem}.page14 .img14-1{width:1.5rem}.page14 .img14-3{width:7.244792rem}@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 moveLeft{0%{visibility:hidden;transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,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(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,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 moveUp{0%{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)}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 moveUp{0%{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)}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)}}.moveUp{animation-duration:1s;animation-fill-mode:forwards;animation-name:moveUp;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-name:moveUp}