.map-page-container{width:100%;height:100%;position:relative;background:url(../img/big-bg.6761e0ac.png) no-repeat 50%;background-size:100% 100%;display:flex;justify-content:space-between;padding:1.36296vh .16rem;overflow:hidden}.map-page-container canvas{max-width:100%}.map-page-container .left-position{flex-grow:0;flex-shrink:0;height:100%;display:flex;flex-direction:column;justify-content:space-between}.map-page-container .center-position{flex:1;overflow:hidden;padding:0 .16rem;display:flex;flex-direction:column;justify-content:space-between}.map-page-container .center-position .map-position-box{width:100%;height:calc(100% - 30vh);position:relative;overflow:hidden}.map-page-container .center-position .map-position-box :deep(canvas){opacity:.8}.map-page-container .center-position .map-position-box .map-component{position:relative;z-index:1000}.map-page-container .center-position .map-position-box .circle2{position:absolute;z-index:1;width:85%;top:50%;left:50%;margin:-42%;animation:circle 10s linear infinite}.map-page-container .center-position .map-position-box .group-box2{width:129px;height:164px;background:rgba(0,47,88,.5);border:1px solid #345c98;border-radius:0 0 0 24px;position:absolute;right:0;bottom:0;padding:10px}.map-page-container .center-position .map-position-box .group-box2 h4{width:100%;text-align:center;height:17px;line-height:17px;font-size:12px;font-weight:700;color:#dbe5f6}.map-page-container .center-position .map-position-box .group-box2 p{height:17px;line-height:17px;margin:11px 0}.map-page-container .center-position .map-position-box .group-box2 p span{width:60px;height:17px;line-height:17px;font-size:12px;font-weight:400;text-align:left;color:#b2bed1}.map-page-container .center-position .map-position-box .group-box2 p em{width:24px;height:16px;float:right}.map-page-container .center-position .map-position-box .group-box2 p img{width:20px;float:right}.map-page-container .center-position .map-position-box .group-box2 p:nth-child(2) em{background:#5490d5}.map-page-container .center-position .map-position-box .group-box2 p:nth-child(3) em{background:#2e77af}.map-page-container .center-position .map-position-box .group-box2 p:nth-child(4) em{background:#3b64c2}.map-page-container .center-position .map-position-box .group-box2 p:nth-child(5) em{background:#3685e0}.map-page-container .center-position .center-heng{flex:1;width:100%;display:flex;justify-content:space-between}.map-page-container .center-position .center-heng>div{flex-grow:0;flex-shrink:0}.map-page-container .right-position{flex-grow:0;flex-shrink:0;height:100%;display:flex;flex-direction:column;justify-content:space-between}.map-page-container .mask-background{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;pointer-events:none;background:radial-gradient(circle closest-corner,hsla(0,0%,100%,0) 30%,rgba(0,0,0,.8))}.map-page-container .chulan-box{position:absolute;left:32px;top:14px;z-index:201}.map-page-container .guimo-box{position:absolute;left:32px;top:304px;z-index:201}.map-page-container .zhuanyun-box{position:absolute;left:32px;top:592px;z-index:201}.map-page-container .produce-box{position:absolute;left:448px;top:592px;z-index:201;width:510px}.map-page-container .chengzai-box{position:absolute;right:32px;top:304px;z-index:201}.map-page-container .tongji-box{position:absolute;right:32px;top:14px;z-index:201}.map-page-container .prewarninginfo-box{position:absolute;right:32px;top:592px;z-index:201}.map-page-container .legend-box{position:absolute;left:448px;top:304px;z-index:201}.map-page-container .title-box{float:left;position:fixed;left:50%;width:9.7rem;margin-left:-4.85rem;top:8.06296vh;z-index:2001}.map-page-container .cunlan-record{position:absolute;right:452px;top:592px;z-index:201;width:500px}.map-page-container .group-box{position:absolute;z-index:201;right:16px;bottom:16px}.map-page-container .company-return{position:absolute;right:32px;top:32px;display:flex;align-items:center;z-index:201}.map-page-container .company-return .return-button{display:flex;align-items:center;border:1px solid #00fff7;height:40px;color:#00fff7;border-radius:4px;background:linear-gradient(180deg,rgba(14,56,50,.28),rgba(3,42,34,.81));padding:8px;margin-right:16px}.map-page-container .company-return .return-button>span:first-child{font-size:22px;padding-right:4px}.map-page-container .company-return .company-select /deep/ .ivu-input{background:linear-gradient(180deg,rgba(14,56,50,.28),rgba(3,42,34,.81));border:1px solid #00fff7;color:#fff;height:40px}.map-page-container .menu-pane{position:absolute;left:16px;top:250px;z-index:201}.map-page-container .farm-info-pane{position:absolute;right:32px;top:130px;z-index:201}@keyframes circle{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(1turn);-ms-transform:rotate(1turn);-webkit-transform:rotate(1turn)}}