.use-map{width:100%;height:100%;position:relative;background-color:#0b3d65}.use-map .map-container-box{width:100%;height:100%;display:flex;justify-content:center;background:url(../img/map_container_bg.d14900a4.png)}.use-map .map-container-1{position:relative;width:8.29rem;height:8.29rem;transform:translateY(-5vh);overflow:hidden}.use-map .map-container-1 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/echart_map_bg.a04342f2.png) no-repeat;background-size:100% 100%;animation:rotate360 8s linear infinite}.use-map .map-container{position:relative;width:10rem;height:calc(100% - 28vh)}.use-map .sel-box{position:absolute;top:16px;left:16px;z-index:100001}.use-map /deep/ .ivu-select-selection{border:1px solid #00fff7;box-shadow:none}.use-map /deep/ .ivu-select-dropdown,.use-map /deep/ .ivu-select-selection{background:linear-gradient(180deg,rgba(14,56,50,.28),rgba(3,42,34,.81))}.use-map /deep/ .ivu-select-arrow,.use-map /deep/ .ivu-select-item,.use-map /deep/ .ivu-select-placeholder,.use-map /deep/ .ivu-select-selected-value{color:#fff}.use-map /deep/ .ivu-select-item-focus,.use-map /deep/ .ivu-select-item:hover{background:linear-gradient(180deg,rgba(14,56,50,.28),rgba(3,42,34,.81))}.use-map .rightEchart{position:absolute;right:.08rem;top:1.1vh;z-index:10000;display:grid;grid-template-columns:2.99rem 2.99rem;grid-column-gap:.08rem;grid-row-gap:.6vh;grid-template-rows:29.8vh 29.8vh 29.8vh}.use-map .leftEchart{position:absolute;left:.08rem;top:1.1vh;z-index:10000}.use-map .leftEchart>div{display:grid;grid-template-columns:2.99rem 2.99rem;grid-column-gap:.08rem;grid-row-gap:.6vh;grid-template-rows:29.8vh 29.8vh 29.8vh}.use-map .topCenter1{top:1.1vh;position:absolute;left:6.5rem;z-index:100}.use-map .bottomCenter{position:absolute;z-index:100;left:50%;transform:translateX(-50%);margin-top:1.4vh}.use-map .statistics-panel{position:absolute;top:32px;left:32px;width:400px;height:calc(100% - 32px);z-index:10000}.use-map .icon-container{position:absolute;width:calc(100% - 40px);height:50%;left:20px;top:25%;z-index:10000;overflow:hidden;pointer-events:none}.use-map .farm-legend{position:absolute;bottom:32px;right:450px;width:260px;z-index:1000}.use-map .accept-num{top:32px}.use-map .accept-num,.use-map .muscle-account{position:absolute;right:32px;width:400px;min-height:230px;z-index:10000}.use-map .muscle-account{bottom:32px}.use-map .sale-account{position:absolute;right:32px;top:608px;width:400px;min-height:230px;z-index:10000}.use-map .farm-video{bottom:16px;height:300px}.use-map .farm-video,.use-map .monitor-panel{position:absolute;right:16px;width:450px;z-index:10000}.use-map .monitor-panel{top:16px;height:370px}.colorShili{position:absolute;bottom:32vh;left:6.15rem;background-color:rgba(0,47,88,.5);width:1rem;padding-left:.1rem;padding-right:.1rem;padding-top:1vh;border-bottom-left-radius:.24rem;border-bottom-right-radius:.24rem;border:1px solid #345c98;margin-left:.16rem}.colorShili>div{display:flex;justify-content:space-between}.colorShili>div:nth-child(n+2){margin-top:.95vh}.colorShili span:first-child{color:#b2bed1;font-size:.1rem}.colorShili .color{width:24px;height:16px;border-radius:0 0 0 0;opacity:1;border:1px solid #52ffee}.colorShili .icon{width:.24rem;height:31px;background-image:url(/imgs/sitetype4.png);background-repeat:no-repeat}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.use-map-1 .leftEchart>div,.use-map-1 .rightEchart{grid-template-columns:2.5rem 2.5rem;grid-template-rows:28.7vh 28.7vh 28.7vh}.use-map-1 .rightEchart .recyclingProductsProduction /deep/ .highcharts-legend.highcharts-no-tooltip .highcharts-legend-item:first-child{transform:translate(0)}.use-map-1 .rightEchart .recyclingProductsProduction /deep/ .highcharts-legend.highcharts-no-tooltip .highcharts-legend-item:nth-child(2){transform:translate(1rem)}.use-map-1 .rightEchart .recyclingProductsProduction /deep/ .highcharts-legend.highcharts-no-tooltip .highcharts-legend-item:nth-child(3){transform:translateY(2.5vh)}.use-map-1 .rightEchart .recyclingProductsProduction /deep/ .highcharts-legend.highcharts-no-tooltip .highcharts-legend-item:nth-child(4){transform:translate(1rem,2.5vh)}.use-map-1 .colorShili{left:5.1rem;bottom:31vh}.use-map-1 .topCenter1{left:5.2rem;transform:scale(.8)}.use-map-1 /deep/ .surroundContainer{width:100%;height:100%}.use-map-1 /deep/ .surroundContainer .title{font-size:.12rem;line-height:1.2}.use-map-1 .bottomCenter /deep/ .surroundContainer{width:6rem}.use-map-1 .carbon-neutral /deep/ .item-box .item{width:2.1rem}