body{margin:0;padding:0;box-sizing:border-box}.main-wrap{width:100%;height:100%}.main{position:relative;width:100%;overflow:hidden}.head{position:relative;width:100%;height:100px;background:url(../images/head_bg.png) no-repeat;background-size:100% 100%}.map-wrap{position:fixed;top:70px;right:0;bottom:0;left:0;z-index:0}.content{width:100%}.content .content-left{position:relative;float:left}.content .content-mid{float:left;margin:0 16px}.content .content-right{position:relative;float:left}.hover-box{overflow:hidden;transition:all .6s}.chart-box{background:url(../images/chart_bg.png) no-repeat;background-size:100% 100%}.chart-box-head{display:flex;align-items:center}.chart-box-head .icon-normal{display:inline-block;margin-left:9px}.chart-box-head .title{margin-left:9px;color:#fff}.chart-box .inner-box{position:absolute;bottom:0;left:0;width:100%}.chart-box-head .icon-laji{background:url(../images/icon_laji.png) no-repeat;background-size:100% 100%}.chart-box-head .icon-zhifa{background:url(../images/icon_zhifa.png) no-repeat;background-size:100% 100%}.chart-box-head .icon-weiting{background:url(../images/icon_weiting.png) no-repeat;background-size:100% 100%}.chart-box-head .icon-gongzuoliang{background:url(../images/icon_zonghe.png) no-repeat;background-size:100% 100%}.chart-box-head .icon-shirong{background:url(../images/icon_shirong.png) no-repeat;background-size:100% 100%}.laji-box{position:absolute;top:0;left:0}.zhifa-box{position:absolute;left:0}.weiting-box{position:absolute;left:0;bottom:16px}.gongzuoliang-box{position:absolute;top:0;right:0}.shirong-box{position:absolute;right:0;bottom:16px}.chart-box.active{position:absolute;z-index:99;background:url(../images/chart_black_bg.png) no-repeat;background-size:100% 100%}.chart-box.active .chart-box-head .icon-normal{margin-left:18px}.chart-box.active .chart-box-head .title{margin-left:18px}.chart2-box{background:url(../images/chart2_bg.png) no-repeat;background-size:100% 100%}.chart2-box .sub-title{position:absolute;bottom:10px;left:0;width:100%;text-align:center;font-size:12px;line-height:16px;color:#fff}.chart2-box .inner-box2{position:absolute;bottom:0;left:0;width:100%}.chart2-box.active{z-index:99;background:url(../images/chart2_black_bg.png) no-repeat;background-size:100% 100%}.chart2-box.active .chart-box-head{height:45px;line-height:45px}.chart2-box.active .chart-box-head .icon-normal{margin-left:13px;width:36px;height:36px}.chart2-box.active .chart-box-head .title{margin-left:13px;font-size:30px}.icon-legend{display:flex;flex-direction:row;justify-content:space-between;position:absolute;left:50%;margin-left:-92.5px;padding:0 12px;width:185px;height:40px;color:#fff;background:url(../images/legend_box.png) no-repeat;background-size:100% 100%}.icon-legend p{display:flex;flex-direction:row;align-items:center}.icon-legend p.yellow-point span{background:url(../images/service-icon.png);display:inline-block;width:20px;height:20px}.icon-legend p.green-point span{background:url(../images/transfer-icon.png);display:inline-block;width:20px;height:20px}.map-box .data-list{position:absolute}.data-list .data-item{margin-bottom:8px;padding-top:4px;width:210px;height:90px;background:url(../images/data_bg.png) no-repeat;background-size:100% 100%;cursor:pointer}.data-list .data-item .item-title{font-size:20px;text-align:center;line-height:45px;color:#07e8d2}.data-list .data-item .item-num{font-size:30px;text-align:center;line-height:45px;color:#fff}.table-box{position:absolute;bottom:16px;background:url(../images/table_bg.png) no-repeat;background-size:100% 100%;overflow:hidden}.table-box .title{margin-left:8px;font-size:18px;color:#fff}.table-box .table-thead .table-tr{font-size:20px;color:#ffb63e}.table-box .table-tbody .table-tr{font-size:16px;color:#fff}.table-tbody .tbody-scroll{height:100%;overflow:hidden}.table-tbody .table-tr:nth-child(odd){background-color:rgba(26,127,241,.2);border-radius:0}.table-tbody .table-tr:nth-child(even){background-color:rgba(27,31,32,.2);border-radius:0}.table-box .table-tr{display:flex;height:40px;line-height:40px}.table-box .table-tr>div{flex:1;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.table-box .table-tr .width100{width:100px;flex:none}.table-box .table-tr .width120{width:120px;flex:none}.table-box .table-tr .width150{width:150px;flex:none}.table-box .table-tr .width180{width:180px;flex:none}.table-box .table-tr .widthmax100{flex:none;width:100px;text-overflow:ellipsis;white-space:nowrap}.table-box .table-tr .widthmin180{width:180px}.case-btn{position:absolute;right:10px;top:-2px;z-index:9;width:80px;height:24px;font-size:14px;line-height:24px;color:#fff;text-align:center;background-color:#11918f;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer}.case-btn.active{width:133px;height:40px;font-size:20px;line-height:40px}.case{position:absolute;top:50%;left:50%;z-index:99;margin-left:-510px;margin-top:-360px;padding-bottom:12px;width:1020px;height:640px;background-color:rgba(6,24,42,.9);border:1px solid #0e7878}.case-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:rgba(0,0,0,.8)}.case-close{position:absolute;top:5px;right:20px;width:72px;height:72px;background:url(../images/case-close.png) no-repeat;background-size:100% 100%;cursor:pointer}.case-title{margin:0 20px;padding:28px 0 9px 0;font-size:40px;line-height:40px;color:#fff;border-bottom:2px dashed #50e3c2}.case-content{display:flex}.case-content .case-left-list,.case-content .case-right-list{flex:1;margin-top:20px;padding:0 20px}.case-content .case-mid-line{border-left:2px dashed #50e3c2}.case-item{display:flex;margin-bottom:12px}.case-item .case-item-no{margin-right:10px;width:20px;height:20px;border-radius:10px;border:1px solid #34de75;font-size:12px;text-align:center;line-height:20px;color:#fff}.case-item .case-item-text{margin-right:20px;width:164px;height:40px;font-size:14px;line-height:20px;color:#fff}.case-item .case-item-count{flex:1;margin-right:10px;height:20px}.case-item .case-item-progress{width:auto;height:20px;background:linear-gradient(90deg,#31dc72 0,#72ffbc 100%);border-radius:10px}.case-item .case-item-num{margin:0 5px;width:36px;font-size:14px;line-height:20px;color:#fff}.case-item .case-item-icon{width:16px;height:16px;color:#fff}.case-item .case-item-up{background:url(../images/icon_up.png) no-repeat;background-size:100% 100%}.case-item .case-item-down{background:url(../images/icon_down.png) no-repeat;background-size:100% 100%}.map-icon-box .service-icon-point{display:inline-block;width:40px;height:40px;background:url(../images/onservice.png);background-size:100% 100%}.map-icon-box .online-icon-point{display:inline-block;width:40px;height:40px;background:url(../images/online.png);background-size:100% 100%}