.headCard{width:100%;height:87px;position:relative;overflow:hidden;background:url(../img/bttt.b239bab9.png) top no-repeat;background-size:100% 110px;position:absolute;top:0;z-index:5;background-color:rgba(8,28,60,.8)}.headCard .headNav ul li{float:left}.headCard .headNav a{display:block;text-decoration:none!important}.headCard .headNav .navBoxCard{height:57px;width:158px;cursor:pointer;overflow:hidden}.headCard .headNav .navBoxCard .navImg{position:absolute;z-index:-1;width:158px;height:57px}.headCard .headNav .navBoxCard .navText{text-align:center;line-height:57px;font-size:18px;color:#fff;text-decoration:none}.headCard .headNav .navBoxCard .navActive{color:#02fffc}.headCard .headNav .navBoxCard:hover .navText{text-decoration:none!important}.headCard .headNav .leftNavBox{position:absolute;left:142px;top:10px}.headCard .headNav .rightNavBox{position:absolute;right:300px;bottom:10px}.headCard .dateHeadName{font-weight:700;font-size:32px;text-shadow:0 0 20px #1797ff,0 0 20px #209cfe;letter-spacing:4px;position:absolute;top:20px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.headCard .headSupport span{position:absolute;top:28px;right:200px;color:#fff;font-size:18px}.headCard .headTime span{position:absolute;top:28px;right:20px;color:#fff;font-size:18px}body{background-color:#fff}body::-webkit-scrollbar{width:0;height:0}body::-webkit-scrollbar-thumb,body::-webkit-scrollbar-track{background:#111}h1,h2,h3,h4,li,p,ul{list-style:none;padding:0;margin:0;font-weight:400}.bodyCard{width:100vw;height:100vh;overflow:hidden;font-size:14px}.dataCenter{color:#fff;width:1920px;height:1080px;-webkit-transform-origin:left top;transform-origin:left top;background-color:#052d69;overflow:hidden;-webkit-transform:scale(var(--scale-width,1),var(--scale-height,1));transform:scale(var(--scale-width,1),var(--scale-height,1));position:relative}.indexPageBg,.otherPageBg{background-image:url(../img/bg.1db8e96f.jpg);background-size:1920px 1080px}.plantTooltip{position:absolute;line-height:1.2;background-color:#4888ea;padding:10px;z-index:999999;border-radius:5px;text-align:center;min-width:100px}.scrollBar{width:100%;overflow:auto}.scrollBar::-webkit-scrollbar{width:4px;height:1px}.scrollBar::-webkit-scrollbar-thumb{background:#1560ad}.scrollBar::-webkit-scrollbar-track{background:#1e254b}.el-select-dropdown{background-color:#00386e!important;border:1px solid #0c59b5}.el-select-dropdown__item.selected{color:#02fffc}.el-select-dropdown__item,.el-select-dropdown__list{color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#1456b4;color:#02fffc}.popper__arrow:after{border-bottom-color:#00386e!important;border-top-color:#00386e!important}.popper__arrow{border-bottom-color:#0c59b5!important;border-top-color:#00386e!important}.el-picker-panel{background-color:#00386e!important;border:1px solid #0c59b5}.el-date-picker__header--bordered{border-bottom:1px solid #1456b4}.el-date-picker__header-label{color:#fff!important}.el-year-table td .cell{color:#fff}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#f7bb1c}.el-year-table td.today .cell{color:#fff;font-weight:400}.el-picker-panel__icon-btn{color:#fff}.el-picker-panel__icon-btn:hover{color:#f7bb1c}.dialogBox{position:relative;height:950px;width:100%;padding:15px;margin-top:10px;overflow:hidden;top:87px}.closeIframe{position:absolute;display:block;right:20px;top:0;color:#fff;font-size:32px;cursor:pointer;z-index:999999}.dialogCard .el-dialog{background:none}.dialogCard .el-dialog__header{display:none}.dialogCard .el-dialog__body{background:rgba(28,63,68,.5647058823529412);padding:0}.dialogCard .el-dialog__footer{display:none}.dialogCard .dialogCardBody{height:90vh;border:1px solid #3cdbef;background-color:rgba(0,67,98,.7)}.dialogCard .dialogCardBody .dialogPage{position:relative;height:100%}.dialogCard .dialogCardBody .dialogPage .topLeftImg{position:absolute;top:-14px;left:-14px}.dialogCard .dialogCardBody .dialogPage .topRightImg{position:absolute;top:-14px;right:-14px}.dialogCard .dialogCardBody .dialogPage .bottomLeftImg{position:absolute;bottom:-14px;left:-14px}.dialogCard .dialogCardBody .dialogPage .bottomRightImg{position:absolute;bottom:-14px;right:-14px}.dialogCard .dialogCardBody .dialogPage .closeIcon{position:absolute;top:20px;right:20px;color:#fff;font-size:24px;cursor:pointer;z-index:100}.dialogCard .dialogCardBody .dialogPage .dialogCardBodyContent{width:100%;height:100%;padding:30px;overflow:hidden;color:#fff}.dialogCard .dialogCardBody .dialogPage .dialogCardBodyContent h2{margin-bottom:30px}.dialogCard .dialogCardBody .dialogPage .dialogCardBodyContent .chartsCard{height:100%}.dialogCard .dialogCardBody .dialogPage .dialogCardBodyContent img{height:100%;-o-object-fit:cover;object-fit:cover;margin:0 auto;display:block}@font-face{font-family:num;src:url(../fonts/num.048ff21f.TTF)}.indexPageBg .publicTitle{position:relative;height:24px}.indexPageBg .publicTitle span{display:block;font-size:20px;font-weight:700;text-align:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-gradient(linear,left bottom,left top,from(#408dff),color-stop(#408dff),color-stop(#69eaf0),to(#69eaf0));background-image:linear-gradient(0deg,#408dff,#408dff,#69eaf0,#69eaf0);z-index:9999}.indexPageBg .publicTitle img,.indexPageBg .publicTitle span{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.indexPageBg .cardTitle{background:url(../img/xbt.0513cf93.png) no-repeat 0 100%;height:40px;width:100%}.indexPageBg .cardTitle span{font-size:18px;line-height:40px;font-weight:700;text-shadow:0 0 20px #6db9f7,0 0 20px #3ca9fc;padding-left:40px}.indexPageBg .indexCardDown{width:1920px;height:1080px;position:relative}.indexPageBg .mapCard{width:1920px;height:100%;position:absolute;bottom:0;z-index:0;left:0;background-color:#0e2c5e}.indexPageBg .mapCard .bm-view{width:100%;height:100%}.indexPageBg .mapCard .mapDetailCard{line-height:1.5;width:200px}.indexPageBg .mapCard .mapDetailCard h2{font-size:16px}.indexPageBg .mapCard .mapDetailCard div,.indexPageBg .mapCard .mapDetailCard h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.statisticsBox{position:absolute;top:100px;left:calc(50% - 300px);width:600px;text-align:center}.statisticsBox .statisticsCard{padding:8px 0;width:100%;height:100%;font-size:16px;background-size:auto 100%;background-color:rgba(19,98,216,.6)}.statisticsBox .statisticsCard h3{color:#f4c015;font-family:num;font-size:36px;margin-bottom:10px}.statisticsBox .el-input .el-input__inner,.statisticsBox .el-select .el-input__inner{border:1px solid #2573bb;background-color:rgba(37,115,187,.9);color:#02fffc;font-size:16px;border-color:#02fffc!important}.statisticsBox .nameSearchBox .el-input--suffix .el-input__inner{padding-right:15px}.selectAreaBox{width:400px;position:absolute;left:calc(50% - 200px);top:200px}.selectAreaBox .el-select .el-input__inner{border:1px solid #2573bb;background-color:rgba(37,115,187,.8);color:#02fffc;font-size:16px;border-color:#02fffc!important}.indexLeftBox{position:absolute;width:460px;height:485px;background-color:rgba(20,53,110,.9);border-radius:8px;z-index:10}.indexLeftBox .leftCard{height:485px;padding:10px}.indexLeftBox .treesAge,.indexLeftBox .treesType{margin-top:10px;width:100%;height:435px}.indexLeftBox .leftBoxBut{position:absolute;z-index:10;right:-30px;top:calc(50% - 30px)}.indexLeftBox .leftBoxBut i{color:#02fffc;font-size:60px;cursor:pointer}.indexLeftBox .indexIotBox{height:415px;overflow:hidden}.indexLeftBox .environmentIcon{width:50%;height:80px;display:block;float:left;margin-top:10px;padding:5px;border-radius:6px;cursor:pointer}.indexLeftBox .environmentIcon:hover{background-color:rgba(12,89,181,.5);padding:5px}.indexLeftBox .environmentIcon img{width:50px;height:50px;border:1px solid rgba(132,202,255,.5);border-radius:4px;margin-top:10px;display:block;float:left}.indexLeftBox .environmentIcon span{display:block;font-size:14px;line-height:24px}.indexLeftBox .environmentIcon span:last-child{color:#84b1d3}.indexLeftBox .environmentIcon .environmentNum,.indexLeftBox .environmentIcon .windNum{color:#02fffc;font-size:18px}.leftClose{left:-450px}.leftShow{left:15px}.indexRightBox{position:absolute;width:460px;height:485px;background-color:rgba(20,53,110,.9);border-radius:8px;z-index:10}.indexRightBox .rigthBoxBut{position:absolute;z-index:10;left:-30px;top:calc(50% - 30px);border-radius:40px}.indexRightBox .rigthBoxBut i{color:#02fffc;font-size:60px;cursor:pointer}.indexRightBox .rightCard{height:485px;padding:10px;margin-bottom:10px}.indexRightBox .vrListsBox{height:425px;overflow:auto}.indexRightBox .vrListsBox .vrListCard{width:100%;padding:0 10px 10px;text-align:center;font-size:16px;cursor:pointer}.indexRightBox .vrListsBox .vrListCard img{width:100%;height:125px;-o-object-fit:cover;object-fit:cover}.indexRightBox .vrListsBox .vrListCard div{width:100%;padding:10px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.indexRightBox .vrListsBox .vrListCard:hover{color:#02fffc}.indexRightBox .videoListBox{height:425px}.indexRightBox .videoListBox .videoListCard{padding:0 10px 10px;text-align:center;font-size:16px;cursor:pointer;width:100%}.indexRightBox .videoListBox .videoListCard div{width:100%;padding:10px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.indexRightBox .videoListBox .videoListCard img{width:100%;height:125px;-o-object-fit:cover;object-fit:cover}.indexRightBox .videoListBox .videoListCard:hover{color:#02fffc}.rigthCLose{right:-450px}.rightShow{right:15px}.introDetailBox{height:100%;padding-right:15px;color:#fff!important}.introDetailBox h2{color:#02fffc;margin:10px 0;font-weight:700;text-align:center}.introDetailBox .detailContent a,.introDetailBox .detailContent h1,.introDetailBox .detailContent h2,.introDetailBox .detailContent h3,.introDetailBox .detailContent p,.introDetailBox .detailContent span{font-size:16px!important;line-height:1.8!important;color:#fff!important;background:transparent!important}.introDetailBox .detailContent img{max-width:80%!important}.introDetailBox img{width:100%}.indexIframe .iframeStyle{width:96%;display:block;height:720px;overflow:hidden;border:none;margin:30px auto 0 auto}.indexParamBox .activeBg{background-color:rgba(24,80,178,.7);border-radius:6px}.indexParamBox .sceneLeftItem{overflow:hidden;height:100px;padding:10px;width:18%;margin:10px 1%;float:left;display:inline-block}.indexParamBox .sceneLeftItem:hover{background-color:rgba(24,80,178,.6);border-radius:6px;cursor:pointer}.indexParamBox .sceneLeftItem .paramIcon{display:block;margin:6px auto 0 auto;width:60px;height:60px;border-radius:4px}.indexParamBox .sceneLeftItem span{display:block}.indexParamBox .sceneEnvironmentNum{font-size:20px;line-height:40px;color:#05fff9}.indexParamBox .environmentTitle,.indexParamBox .sceneEnvironmentTitle{font-size:14px;color:#fff}.indexParamBox .environmentNum{line-height:30px;color:#02fffc;font-size:17px}.indexParamBox .windNum{color:#02fffc;font-size:18px}.indexParamBox .sceneTime{padding-left:10px;margin-top:60px}.indexParamBox .sceneExample{display:inline-block;margin-left:20px}.indexParamBox .sceneExample .active{color:#05fff9}.indexParamBox .sceneExample span{font-size:16px;line-height:40px;margin-right:20px;cursor:pointer;padding:10px 15px;border-radius:2px;color:#fff}.indexParamBox .sceneExample span:hover{color:#05fff9}.indexParamBox .currentEnvironmentName{display:inline-block;height:40px;padding:0 15px;color:#fff;background-color:rgba(24,80,178,.7);line-height:40px}.indexParamBox .sceneChart{height:520px;overflow:hidden;position:relative}.indexParamBox .chartNoData{position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%);font-size:16px;color:#05fff9}.indexParamBox .sceneChartHeight{height:500px;width:100%}.emptyBox{height:415px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px}.app,.input_video{width:100%;height:100%}.input_video{margin:0 auto}