body{margin:0 auto;font-size:.28rem;font-family:-apple-system,Helvetica Neue,sans-serif;line-height:1.5;color:#fff}.page-wrap{position:relative;background-color:#0a121f}.fp-next,.fp-prev{display:none}.panel .box-bottom,.panel .box-center,.panel .box-top{flex:0 0 33.33%;display:flex;flex-direction:column}.panel .box-item{width:100%;height:100%;display:flex;flex-direction:column}.panel .big-h2{font-size:.72rem}.panel .big-h2,.panel .box-title{width:100%;height:1.6rem;display:flex;align-items:center;margin:0;padding:0}.panel .box-title span{font-size:.56rem;margin:0}.panel .set-span{width:100%;height:1.2rem;line-height:1.2rem;margin:0;padding:0}.panel .set-span span{font-size:.6rem;margin:0}.panel .sub-title{width:100%;height:1.2rem;line-height:1.2rem;margin:0;padding:0}.panel .sub-title span{font-size:.56rem}.panel .sub-title .rate{margin-left:.5rem}.panel .box-item .chart-wrap,.panel .box-top .box-item .chart{width:100%;height:calc(100% - 1.6rem);display:flex}.panel .box-item .chart-wrap .chart{height:100%!important}.panel .box-center .box-item .chart-wrap{width:100%;flex:1;display:flex;align-items:center}.panel .box-top .prods-box{width:90%;flex:1;height:calc(100% - 2.8rem);margin:0 auto;display:flex;align-items:center}.panel .box-top .prods-box .prods-item{flex:1;width:auto;height:70%;margin:0 .1rem;position:relative;display:flex;justify-content:center;align-items:center}.panel .box-top .prods-box .prods-small{flex-direction:column;align-items:flex-start}.panel .box-top .prods-box .dot{height:70%;margin:0 .1rem;font-size:.64rem;display:flex;align-items:flex-end}.panel .box-top .prods-box .dot>span{margin-bottom:.2rem}.panel .prods-box .prods-item .prod-unit{flex:0 0 50%;background-size:65% auto;background-position:0}.panel .prods-box .prods-item .prod-timer{flex:0 0 50%;width:100%;display:flex;align-items:center}.panel .prods-box .prods-item .prod-timer .prod-decimal{display:flex;justify-content:center;align-items:center;font-size:.7rem}.panel .prods-box .pi-wrap{font-size:3rem;position:relative;height:auto;top:0}.panel .prods-box .prods-item .prod-timer .prod-decimal .pi-wrap{font-size:1.4rem;position:relative;width:100%;height:auto;top:0}.one .box-ban .box-item .chart:first-child{width:40%}.one .box-ban .box-item .chart:nth-child(2){width:60%}.four .panel .box-top{flex:0 0 66.67%}.five .box-chart .box-item .chart-wrap .half{width:50%;height:100%;float:left}.five .box-chart .box-item .chart-wrap .prodSpeed{width:30%;height:95%;float:left;position:relative}.five .prodSpeed .speed-box{width:80%;bottom:10%;position:absolute;right:10%}.five .prodSpeed .speed-box .speed-item{width:100%}.five .prodSpeed .speed-box .speed-item>div{box-sizing:border-box;height:1rem;border:.02rem solid hsla(0,0%,100%,.6);float:left}.five .prodSpeed .speed-box .speed-item .speed-item-color{width:8%}.five .prodSpeed .speed-box .speed-item .speed-item-hour{width:92%}.five .prodSpeed .speed-box .speed-item .speed-item-hour p{font-size:.26rem;height:.5rem;line-height:.5rem;text-align:center}.five .prodSpeed .speed-box .speed-item .speed-item-hour p:first-child{border-bottom:.02rem solid hsla(0,0%,100%,.6)}.panel-svg{height:100%}.svg-wrap{flex-direction:column}.svg-wrap .svg-bottom,.svg-wrap .svg-top{flex:1;height:auto;position:relative}.svg-wrap .svg-top>div{flex:0 0 25%}.svg-wrap .svg-top .svg-2{flex:0 0 20%}.svg-wrap .svg-bottom .layer-type{height:auto}.svg-wrap .svg-bottom .svg-9{background:url(../img/9.f3057ed9.svg) no-repeat 50%;flex:0 0 35%}.svg-wrap .svg-bottom .svg-8{flex:0 0 35%}.svg-wrap .svg-bottom .svg-line{flex:0 0 25%}.svg-wrap .svg-top .svg-3{flex:0 0 35%}.svg-wrap .svg-top .svg-4{flex:0 0 20%;background-position:50%}.svg-wrap .svg-bottom .svg-7{flex:0 0 60%}.svg-wrap .svg-bottom .svg-6,.svg-wrap .svg-top .svg-5{flex:0 0 70%}.quick-img{position:absolute;width:100%;bottom:0;background-color:#0a121f}.quick-img a{width:11.111%;height:1.5rem;float:left;box-sizing:border-box}.quick-img a.active{border:5px solid #4bd1d7}.quick-img .img-1{background:url(../img/1.19367a76.png) no-repeat top;background-size:auto 100%}.quick-img .img-2{background:url(../img/2.23f70471.png) no-repeat top;background-size:auto 100%}.quick-img .img-3{background:url(../img/3.fb2d6a2a.png) no-repeat top;background-size:auto 100%}.quick-img .img-4{background:url(../img/4.dabe0717.png) no-repeat top;background-size:auto 100%}.quick-img .img-5{background:url(../img/5.6c296458.png) no-repeat top;background-size:auto 100%}.quick-img .img-6{background:url(../img/6.361f5b43.png) no-repeat top;background-size:auto 100%}.quick-img .img-7{background:url(../img/7.44077e2f.png) no-repeat top;background-size:auto 100%}.quick-img .img-8{background:url(../img/8.eff2fafe.png) no-repeat top;background-size:auto 100%}.quick-img .img-9{background:url(../img/9.df60cecb.png) no-repeat top;background-size:auto 100%}.close-btn{width:.8rem;height:.8rem;position:absolute;right:.125rem;top:.125rem;background-color:hsla(0,0%,100%,.2);border-radius:50%;font-size:.5rem;text-align:center;line-height:.7rem;z-index:999}.video .box-bottom,.video .box-center,.video .box-top{height:33.33%}.video .panel .panelbg{padding:0}.video-wrapper,.videoPlay{width:100%;height:100%}.video-play{position:absolute;left:50%;top:50%;width:1.28rem;height:1.28rem;margin:-.64rem 0 0 -.64rem;border:.04rem solid hsla(0,0%,100%,.8);border-radius:50%;display:flex;justify-content:center;align-items:center}.video-play .el-icon-caret-right{font-size:.9rem;color:hsla(0,0%,100%,.8)}.svg-bottom .layer-txt{position:absolute;top:-25%;right:auto;z-index:1}.svg-bottom .layer-txt .layer-item{font-size:.32rem;height:auto;padding:.2rem .4rem;border-radius:.08rem}.svg-bottom .layer-type,.svg-top .layer-type{position:absolute;top:20%;width:96%;display:flex;flex-direction:row;justify-content:space-around;z-index:99}.svg-bottom .layer-type{margin-top:.08rem}.svg-top .layer-type .type-item{color:#fff;background-color:#17283e;border-radius:.1rem;flex:0 0 24%}.svg-bottom .layer-type .type-item{color:#fff;background-color:#394c6c;border-radius:.1rem;flex:0 0 49%}.layer-type .type-item .ti-box{padding:.2rem .1rem}.svg-bottom .layer-type .type-item span,.svg-top .layer-type .type-item span{font-size:.32rem;width:100%;display:inline-block;text-align:left;margin-bottom:.1rem}.svg-bottom .layer-type .type-item p,.svg-top .layer-type .type-item p{margin-bottom:.05rem;font-size:.28rem}.svg-bottom .layer-type .type-item p .t-consume,.svg-top .layer-type .type-item p .t-consume{width:auto;display:inline;text-align:right}.layer-content{display:flex}.lc-left{flex:60% 0 0}.lc-right{flex:40% 0 0}.lc-img{background:url(../img/surface.d3a29a40.svg) no-repeat}.lc-img,.lc-img-core{width:100%;height:100%}.lc-img-core{background:url(../img/core.b6dc3aea.svg) no-repeat}