html,body{margin:0;padding:0;font-family:"微软雅黑";overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#fff}@media (max-width:768px){.logo{position:absolute;left:0;right:0;top:.28rem;margin:auto;width:1.786667rem}}.nav{height:1rem;width:100%;background:#e5e5e5;position:fixed;top:44px;left:0;line-height:1.05rem;z-index:99;-webkit-transition:top .3s;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: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;-webkit-box-sizing:border-box;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;-webkit-transform:translateX(-50%);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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;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:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1.026667rem;-webkit-box-pack:justify;-ms-flex-pack:justify;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;-webkit-transform:translateX(-50%);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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;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%;-webkit-transform:translate(-25%);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;-webkit-transform:translateX(-50%);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}.page66 .content{position:absolute;left:0;top:1.2rem;color:#fff;text-align:center;width:100%}.page66 .content .f60{color:#fff;font-size:.8rem}.page66 .content .f32{font-size:.426667rem;padding-bottom:.4rem}.page66 .content .f24{font-size:.32rem}.page66 .contetn-t{position:absolute;left:0;bottom:.266667rem;color:#fff;width:100%;text-align:center}.page66 .contetn-t img{width:.8rem}.page66 .contetn-t .f18{font-size:.293333rem;font-weight:700}.page66 .contetn-t .f14{font-size:.186667rem}.page66 .contetn-t .list-item{display:inline-block;vertical-align:top;padding-bottom:.4rem;margin:0 .266667rem}.page66 .contetn-t .page66-icon{width:100%;height:.8rem}.page66 .contetn-t .tips{position:initial;padding:0 .266667rem;font-size:.16rem}.page-6{padding-top:1.413333rem}.page-6 .content{padding-top:1.133333rem;padding-left:.68rem;padding-right:.786667rem;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;-webkit-animation-name:scaleAniBLUE;animation-name:scaleAniBLUE;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:120ms;animation-delay:120ms;-webkit-animation-duration:1000ms;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}@-webkit-keyframes scaleAniBLUE{from{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:1}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.3}}@keyframes scaleAniBLUE{from{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:1}to{-webkit-transform:scale(1.2);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;line-height:.48rem}.page-9 .tips .more-area{cursor:pointer;font-weight:700}.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:-webkit-box;display:-ms-flexbox;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:#e1dbdb}.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 0}.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;-webkit-transform:translateX(-50%);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{position:relative;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 .content{position:relative}.page-15 .remark-box{position:absolute;z-index:100;background:#f5f5f5;margin-top:-13.7rem;color:#111;font-size:.306667rem;padding-left:.666667rem;padding-right:.6rem;text-align:left;line-height:.56rem}.page-15 .remark-box .remark-body{background:#f5f5f5;margin-top:.3rem}.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}.y-hidden{overflow-y:hidden}.call-police-modal{position:fixed;width:100%;height:100vh;top:0;left:0;z-index:99;background-color:#fff}.call-police-modal .header{padding:.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.call-police-modal .header .close{width:.8rem;height:.8rem;background:url(https://static-assets-prod.okii.com/xtc-products/z6/h5/close.png);background-size:cover}.call-police-modal .modal-content{overflow-y:auto;height:calc(96.275vh)}.call-police-modal .modal-title{width:8.6rem;height:1.28rem;background-color:#fff6e4;font-size:.453333rem;font-weight:700;color:#ff7800;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}.call-police-modal .province-list{margin:0 auto;width:8.6rem;color:#040000;border:1px solid #d6d6d6;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:3rem}.call-police-modal .province-list .list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:1.333333rem;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #d6d6d6}.call-police-modal .province-list .list-item:last-child{border-bottom:0}.call-police-modal .province-list .list-item .item-province{font-size:.373333rem;width:100px;height:100%;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;min-height:1.333333rem;height:1.333333rem;-webkit-box-sizing:border-box;box-sizing:border-box}.call-police-modal .province-list .list-item .item-city{border-left:1px solid #d6d6d6;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.346667rem;height:100%;padding:.266667rem;min-height:1.333333rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}