html,body{margin:0;padding:0;font-family:"微软雅黑";overflow-x:hidden;webkit-overflow-scrolling:touch;background:#fff}.nav{height:1rem;width:100%;background:#e5e5e5;position:fixed;top:44px;left:0;line-height:1.05rem;z-index:99;transition:top .3s}.move{top:0}.nav span{text-decoration:none;color:#8a8a8a;margin:auto .8rem auto .46rem;font-size:.43rem;float:right}.nav span.on{font-weight:700;color:#ff7800}.nav.active{height:1rem;width:100%;background:rgba(27,27,27,.8);position:fixed;top:0;left:0;z-index:99999}.nav.active span{text-decoration:none;color:#787878;margin:auto .8rem auto .46rem;line-height:1rem;font-size:.43rem;float:right}.nav.active span.on{font-weight:700;color:#fff}#oc-wrapper{padding:0}#oc-wrapper #oc-header{display:none}.container{width:100%;height:100%;overflow-y:auto}.container-on{padding-top:1rem}p{margin:0;padding:0}.hide{opacity:0}.img{width:100%;height:auto}.f60{font-size:.8rem;color:#111;font-weight:700}.f51{font-size:.68rem}.f47{font-size:.626667rem;color:#111}.f42{font-size:.640625rem;font-weight:700}.f46{font-size:.613333rem}.f40{font-size:.533333rem}.f39{font-size:.52rem;color:#111}.f33{font-size:.44rem;color:#111}.f30{font-size:.4rem;color:#fff}.f26{color:#111;font-size:.346667rem}.banner-bold{font-weight:700;height:.853333rem;line-height:.853333rem;padding-bottom:.266667rem}.banner-bold span{display:inline-block;width:.04rem;height:100%;background:#111;vertical-align:top;margin:0 20px}.f-bold{font-weight:700}.f25{color:#111;font-size:.333333rem}.f20{font-size:.3125rem;color:#111}.f16{font-size:.25rem;color:#000}#progress{color:#111;font-size:.346667rem;text-align:center;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.canvas-cover,.cpu-cover,.flip-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}#banner,#cpu,#flip{width:100vw;z-index:0}.canvas-cover{width:100vw;height:100vh}#banner{width:100vw;height:100vh;left:0;top:0;position:absolute}.page{width:100%;position:relative;background-size:100% 100%;background-position:center;box-sizing:border-box}.page img{width:100%}.page-1{text-align:center;position:relative;background:#f5f5f5;height:100vh}.page-1 .title-box{position:relative;z-index:3;padding-top:1.333333rem}.page-1 .f16{position:absolute;width:100%;text-align:center;bottom:5vh}.page-2{padding-top:1.466667rem;padding-left:.693333rem;padding-right:.693333rem}.page-2 .f26{margin-top:.933333rem;line-height:.56rem}.page-2 .f20{color:#727272}.page-2 .active .f20,.page-2 .active .f25{color:#111}.page-2 .f25{margin-top:.373333rem;margin-bottom:.213333rem;color:#727272}.page-2 .page2-1{margin-top:1.013333rem}.page-2 .icon-1{width:.493333rem}.page-2 .icon-2{width:.52rem}.page-2 .icon-3{width:.426667rem}.page-2 .slide{position:relative;width:100%;overflow:hidden;margin:1.013333rem auto 0;height:10.4rem}.page-2 .slide ul{position:relative;left:0;top:0;width:100%;height:100%}.page-2 .slide li{list-style:none;position:absolute;left:0;top:0;width:100%;height:100%}.page-2 .slide li img{position:absolute;left:0;top:0;width:100%;border:0}.page-2 .slide li:first-child{z-index:1}.page-2 .slide .dot{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:5;font-size:0}.page-2 .slide .dot span{display:inline-block;width:8px;height:8px;margin-left:.2rem;border:1px solid #fff;border-radius:50%;background:#cfcfcf}.page-2 .slide .dot .cur{background-color:#888}.page-2 .tab-box{display:flex;justify-content:space-around;text-align:center;padding-bottom:1.426667rem;margin-top:1rem}.page-2 .tab-box .tab-item{position:relative;padding-bottom:.266667rem}.page-2 .slide-1{position:relative}.page-2 .slide-1 #canvas{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0}.page-2 .slide-1 .slide-img{position:absolute;top:0;left:0;width:100%}.page-2 .slide-2{position:relative}.page-2 .slide-2 .slide-img{position:absolute;top:0;left:0;width:100%}.page-3{background-color:#f5f5f5}.page-3 .content{padding-top:1.533333rem;padding-left:.693333rem;padding-right:.933333rem}.page-3 .f26{margin-top:.96rem;line-height:.56rem}.page-3 .flex-box{display:flex;margin-top:1.026667rem;justify-content:space-between}.page-3 .flex-box .flex-item{width:50%}.page-3 .flex-box .flex-2{padding-left:.6rem}.page-3 .boxTop{margin-top:.4rem}.page-3 .f39{font-size:.4rem}.page-3 .third-tips{margin-top:.72rem;width:9.266667rem}.page-3 .page3-1{margin-top:1.986667rem;position:relative;text-align:right;width:100%}.page-3 .page3-1 #flip{position:absolute;top:0;left:0;width:100%;height:100%}.page-3 .page3-1 img{width:100%}.page-4{background:#fff}.page-4 .content{padding-top:1.533333rem;padding-left:.666667rem;padding-right:.666667rem;padding-bottom:.786667rem}.page-4 .f26{margin-top:.96rem;line-height:.56rem}.page-4 .active .f20,.page-4 .active .f25{color:#111}.page-4 .f25{margin-top:.373333rem;margin-bottom:.213333rem;color:#727272}.page-4 .f20{color:#727272}.page-4 #camera{position:absolute;top:0;left:0;width:100%;height:100%}.page-4 .slide{position:relative;width:100%;overflow:hidden;margin:1.013333rem auto 0}.page-4 .slide ul{position:relative;left:0;top:0;width:100%;height:100%}.page-4 .slide li{list-style:none;position:absolute;left:0;top:0;width:100%;height:100%}.page-4 .slide li img{position:absolute;left:0;top:0;width:100%;border:0}.page-4 .slide li:first-child{z-index:1}.page-4 .slide .dot{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:5;font-size:0}.page-4 .slide .dot span{display:inline-block;width:8px;height:8px;margin-left:.2rem;border:1px solid #fff;border-radius:50%;background:#cfcfcf}.page-4 .slide .dot .cur{background-color:#888}.page-4 .tab-box{display:flex;justify-content:space-around;text-align:center;padding-bottom:1.426667rem;margin-top:1rem}.page-4 .tab-box .tab-item{position:relative;padding-bottom:.266667rem}.page-4 .tips{text-align:center;color:#000}.page-5{background:#f2f2f2}.page-5 .content{padding-top:1.493333rem;padding-left:.693333rem;padding-right:.693333rem}.page-5 .f47{margin-bottom:1.053333rem}.page-5 .f26{margin-bottom:.7rem}.page-5 .first-bold{margin-top:1rem}.page-5 .page5-1{width:100%}.page-5 #swiperId{position:relative}.page-5 #swiperId .icon{position:absolute;width:3.7333333333333334rem}.page-5 #swiperId .icon1{left:50%;transform:translate(-25%)}.page-5 #swiperId .icon2{right:0;bottom:1rem}.page-5 .slide{position:relative;width:100%;overflow:hidden;margin:1.013333rem auto 0;height:10.4rem}.page-5 .slide ul{position:relative;left:0;top:0;width:100%;height:100%}.page-5 .slide li{list-style:none;position:absolute;left:0;top:0;width:100%;height:100%}.page-5 .slide li:first-child{z-index:1}.page-5 .slide .dot{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:5;font-size:0}.page-5 .slide .dot span{display:inline-block;width:8px;height:8px;margin-left:.2rem;border-radius:50%;background:#cfcfcf}.page-5 .slide .dot .cur{background-color:#888}.page-6{padding-top:1.413333rem}.page-6 .content{padding-top:1.133333rem;padding-left:.4rem;padding-right:.2rem;padding-bottom:1.413333rem;text-align:center}.page-6 .page6-1{width:100%}.page-6 .page6-2{width:3.64rem;margin-top:.826667rem}.page-6 .f40{color:#000}.page-6 .f26{line-height:.56rem;margin-top:.746667rem}.page-7{background:#fcdfc5}.page-7 .content{padding-top:1.493333rem;padding-left:.613333rem;padding-right:.666667rem}.page-7 .content .f47{margin-bottom:.933333rem}.page-7 .content .f26{margin-bottom:.5rem;line-height:.56rem}.page-7 .img-box{position:relative}.page-7 .page7-1{width:100%}.page-7 .page7-2{width:1rem;animation-name:scaleAniBLUE;animation-iteration-count:infinite;animation-delay:120ms;animation-duration:1000ms;position:absolute;right:1.98rem;bottom:3.1rem}.page-7 .page7-3{width:.5rem;position:absolute;right:2.2rem;bottom:3.8rem}@keyframes scaleAniBLUE{from{transform:scale(0.8);opacity:1}to{transform:scale(1.2);opacity:.3}}.page-8 .content{padding-top:1.493333rem;padding-left:.613333rem;padding-right:.666667rem}.page-8 .content .f47{margin-bottom:.933333rem}.page-8 .content .f26{margin-bottom:.5rem;line-height:.56rem}.page-8 .page8-1{width:100%}.page-9{background:#f2f2f2;padding-bottom:.8rem}.page-9 .content{padding-top:1.493333rem;padding-left:.613333rem;padding-right:.666667rem}.page-9 .content .f47{margin-bottom:.933333rem}.page-9 .content .f26{margin-bottom:.5rem;line-height:.56rem}.page-9 .page9-1{width:100%;margin-top:1.866667rem}.page-9 .tips{padding-left:.693333rem;padding-right:.56rem;margin-top:2.4rem;line-height:.36rem}.page-10 .content{padding-top:1.253333rem;padding-left:.666667rem;padding-right:.693333rem}.page-10 .f26{margin-top:.933333rem}.page-10 .page10-1{width:100%}.page-11{background:#000;color:#fff}.page-11 .content{padding-top:1.333333rem}.page-11 .f51{margin-bottom:.986667rem;padding-left:.693333rem}.page-11 .flex-box{padding-left:.52rem;padding-right:.52rem;margin-top:.933333rem;display:flex}.page-11 .flex-box .f-bold{margin-bottom:.2rem;margin-left:.173333rem}.page-11 .flex-box .flex-item{width:50%}.page-11 .flex-box .flex-2{margin-left:.533333rem}.page-11 .f26{margin-bottom:.8rem}.page-11 .cpu{width:100%}.page-11 .cpu-wrapper{position:relative}.page-11 .cpu-wrapper #cpu{position:absolute;top:0;left:0;width:100%;height:100%}.page-12{background:#eed6d6}.page-12 .content{padding-top:1.493333rem;padding-left:.613333rem;padding-right:.666667rem}.page-12 .content .f47{margin-bottom:.933333rem}.page-12 .content .f26{margin-bottom:.5rem;line-height:.56rem}.page-12 .page12-1{width:100%}.page-13{padding-top:1.28rem;text-align:center}.page-13 .f33{margin-top:.8rem}.page-13 .page13-1{margin-top:.866667rem;width:2.88rem}.page-13 .text-box{line-height:.56rem}.page-13 .text-box img{width:100%;margin-top:.773333rem}.page-13 #app{position:absolute;top:0;width:100%;height:100%;left:0;z-index:2}.page-13 .slide{position:relative;width:100%;overflow:hidden;margin:20px auto}.page-13 .slide ul{position:relative;left:0;top:0;width:100%;height:100%}.page-13 .slide li{list-style:none;position:absolute;left:0;top:0;width:100%;height:100%}.page-13 .slide li .text-box{position:absolute;left:0;top:0;width:100%;border:0}.page-13 .slide li:first-child{z-index:1}.page-13 .slide .dot{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:5;font-size:0}.page-13 .slide .dot span{display:inline-block;width:8px;height:8px;margin-left:.2rem;border:1px solid #fff;border-radius:50%;background:#cfcfcf}.page-13 .slide .dot .cur{background-color:#888}.page-13 .app-desc .zhifubao,.page-13 .app-desc .QQ{display:none}.page-13 .app-desc .title{font-size:.4666666666666667rem;font-weight:700;line-height:1.6;margin-top:.626667rem;margin-bottom:.17333333333333334rem}.page-13 .app-desc .desc{font-size:.3466666666666667rem;line-height:1.6;height:1.2rem}.page-14{padding-top:1.466667rem;padding-bottom:1.413333rem;text-align:center}.page-14 .f33{margin-top:1.066667rem;margin-bottom:.613333rem}.page-14 .page14-1,.page-14 .page14-2{width:7.8rem}.page-14 .page14-1{width:100%}.page-15{background:#f5f5f5;padding-top:1.44rem;padding-bottom:1.573333rem;text-align:center}.page-15 .page15-1{width:1.92rem;margin-top:.9rem}.page-15 .remark-box{margin-top:.8rem;color:#111;font-size:.306667rem;padding-left:.666667rem;padding-right:.6rem;text-align:left;line-height:.56rem}.page-15 .remark-box .remark-body{margin-top:.6rem}.page-16 img{width:100%}@-webkit-keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown1{animation-name:fadeInDown;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:fadeInDown}