html,body{margin:0;padding:0;font-family:"微软雅黑";overflow-x:hidden}p{margin:0;padding:0}.hide{opacity:0}.page1{height:10.9375rem}.page1 p{text-align:center;color:#b4b4b4;margin-top:.6rem;font-size:.2rem}.page1 .main-box{width:100%;text-align:center}.page1 .banner{width:2.4531rem;height:auto;margin-left:.625rem}.page1 .title{margin-top:1.2rem;width:7.8125rem;height:auto}.page1 .small-title{font-size:.5625rem;color:#646464;letter-spacing:.046875rem}.page1 .img-left{width:9.0625rem;margin-top:.47rem;height:auto}.page1 .img-right{margin-top:3.7rem;width:3.89rem;height:auto}.page-nav{width:100%;height:1.5625rem;background:#6ed750;text-align:center}.page-nav .nav{margin-top:.46875rem;width:8.45rem;height:auto}.page-nav .nav2{width:7.125rem}.page-nav .nav3{margin-top:.46875rem;width:6.96875rem}.page-nav .nav4{width:8.78rem}.page-nav .nav5{width:8.51rem}.page-nav2{height:2.34375rem}.page2{height:11.64rem;width:100%;padding-top:1px;position:relative}.page2 .title-box{padding-top:1px;width:100%;height:4.45rem;background:#fff;text-align:center}.page2 .title{visibility:hidden;margin-top:1.15rem;font-size:.5rem;color:#282828;font-weight:600}.page2 .text{visibility:hidden;color:#272727;margin-top:.55rem;line-height:2;font-size:.3125rem}.page2 .apple{width:2.21875rem;height:auto;position:absolute;right:10%;bottom:15%}.page2 .girl{margin-top:.95rem;width:100%}.page3{height:12.18rem;width:100%;position:relative}.page3 .note{position:absolute;left:2.15rem;top:6.1rem;height:1.796875rem;border:0;background:url(https://static-assets-prod.okii.com/bbk-products/k5/h5/page3-2.png) no-repeat;background-size:auto 100%;width:0;overflow-x:hidden}.page3 .note img{border:0;width:4.34375rem}.page4{height:12.5rem;width:100%;position:relative}.page4 img{width:100%;position:absolute;bottom:0;left:0}.page5{height:12.5rem;width:100%;position:relative}.page5 img{width:100%;position:absolute;bottom:0;left:0}.page6{height:11rem;width:100%;position:relative}.page6 img{width:100%;position:absolute;bottom:.6rem;left:0}.page6 .second{margin-top:.15625rem}.page6 .img-box{position:absolute;bottom:0;width:100%}.page6 .sunshine{position:absolute;z-index:999;bottom:3.6rem;left:22.5%;width:2.1875rem}.page6 .number{text-align:center;font-size:.21875rem;color:#a0a0a0;position:absolute;bottom:0;left:15%}.page7{height:10.64rem;width:100%;position:relative}.page7 .title-box{background:0 0}.page7 img{width:100%;position:absolute;bottom:0;z-index:-1;left:0}.page7 .second{margin-top:.15625rem}.page8{height:7.34rem;width:100%;position:relative}.page8 .item{margin:.67rem .3125rem 0 1.1875rem;width:3rem;height:auto}.page8 .last{width:3.53125rem;display:block;margin:.67rem auto}.page9{height:10.25rem;border-top:1px solid #fcfaf7;background:#fcfaf7;position:relative}.page9 .title-box{background:#fcfaf7}.page9 .second{margin-top:.15625rem}.page9 img{width:100%;position:absolute;bottom:0;left:0}.page10{height:11.25rem;position:relative;background:#fcfaf7}.page10 .title-box{background:#fcfaf7}.page10 .second{margin-top:.15625rem}.page10 img{width:100%;position:absolute;bottom:0;left:0}.page10 .text{margin-top:0;margin-left:.95rem;text-align:left;line-height:1.8;font-size:.3125rem}.page10 .text span{font-weight:600;font-size:.3125rem}.page10 .first{margin-top:.55rem}.page11{background:#f5f5f5;height:13.28rem;position:relative}.page11 .title-box{background:#f5f5f5}.page11 .second{margin-top:.15625rem}.page11 img{width:100%;position:absolute;bottom:0;left:0}.page12{height:10.05rem;position:relative}.page12 .second{margin-top:.15625rem}.page12 .title-box{background:#fcfaf7;padding-top:.01rem}.page12 .img-mobile{width:100%}.page12 .img-eat{width:1.96875rem;position:absolute;bottom:4.1rem;left:3rem}.page12 .img-pad{width:6.3125rem;height:auto;margin-top:.75rem}.page12 .img-wave{width:1.28125rem;position:absolute;left:4.65rem;bottom:7.65rem}.page13{height:10.37rem;position:relative;background:#f5f5f5}.page13 .second{margin-top:.15625rem}.page13 .title-box{background:#f5f5f5;padding-top:.01rem}.page13 .img-box{width:6.625rem;margin:1rem auto 0}.page13 .img-box img{height:1.1875rem;width:auto}.page13 .img-box .left{float:left}.page13 .img-box .right{float:right}.page13 .big-img{width:100%}.page14{height:12.16rem;position:relative}.page14 .second{margin-top:.15625rem}.page14 .img-food{height:2.578125rem;width:1px;float:left;background:url(https://static-assets-prod.okii.com/bbk-products/k5/h5/page14-1.jpg) no-repeat;background-size:auto 100%}.page14 img{width:100%}.page15{height:12rem;background:#f5f5f5;position:relative}.page15 .title-box{background:#f5f5f5}.page15 .second{margin-top:.15625rem}.page15 img{width:100%}.page15 .big-img{margin-top:.15rem}.page15 .small-img{width:3.46875rem;left:.2rem;bottom:1.2rem;position:absolute}.page16{background:#fcfaf7}.page16 img{margin-top:1.4rem;width:100%}.page17{height:3rem;background:#fcfaf7;padding-top:1rem}.page17 .buy{margin:0 auto;display:block;text-align:center;background:#7ed749;color:#fff;font-size:.40625rem;line-height:.82rem;width:2.9375rem;height:.83rem;border-radius:1rem}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.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)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);visibility:hidden}50%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);visibility:hidden}100%{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);visibility:hidden}50%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);visibility:hidden}100%{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-200px,0);-ms-transform:translate3d(0,-200px,0);-moz-transform:translate3d(0,-200px,0);-webkit-transform:translate3d(0,-200px,0);-o-transform:translate3d(0,-200px,0)}60%{opacity:1;transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-moz-transform:translate3d(0,25px,0);-webkit-transform:translate3d(0,25px,0);-o-transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-moz-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0)}to{transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none}}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-200px,0);-ms-transform:translate3d(0,-200px,0);-moz-transform:translate3d(0,-200px,0);-webkit-transform:translate3d(0,-200px,0);-o-transform:translate3d(0,-200px,0)}60%{opacity:1;transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-moz-transform:translate3d(0,25px,0);-webkit-transform:translate3d(0,25px,0);-o-transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-moz-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0)}to{transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none}}.bounceInDown{animation-duration:1s;animation-fill-mode:both;animation-name:bounceInDown;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:bounceInDown}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.zoomChange{animation-name:jello;animation-duration:2s;animation-fill-mode:both;-webkit-animation-duration:2s;-webkit-animation-fill-mode:both;-webkit-animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes jello{0%{visibility:hidden}from,11.1%,to{-webkit-transform:none;transform:none}22.2%{visibility:visible;-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{visibility:visible;-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{visibility:visible;-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{visibility:visible;-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%{visibility:hidden}from,11.1%,to{-webkit-transform:none;transform:none}22.2%{visibility:visible;-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{visibility:visible;-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{visibility:visible;-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{visibility:visible;-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.flowBigRight{animation-name:flowBigRight;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:flowBigRight}@-webkit-keyframes flowBigRight{from{width:1px}to{width:100%}}@keyframes flowBigRight{from{width:1px}to{width:100%}}.flowRight{animation-name:flowRight;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:flowRight}@-webkit-keyframes flowRight{from{width:0}to{width:4.34375rem}}@keyframes flowRight{from{width:0}to{width:4.34375rem}}.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}@media screen and (max-width:320px){.page11{height:14rem}.page10{height:13rem}.page2 .title-box{height:4.6rem}.page12{height:10.3rem}}