.environment-panel{border-width:3px;border-style:solid;-o-border-image:url(../img/environment-panel-border.a5fb985a.svg) 5;border-image:url(../img/environment-panel-border.a5fb985a.svg) 5;background:rgba(4,27,62,.6);background-clip:content-box}.environment-panel .environment-panel-header{height:55px;background:linear-gradient(90deg,rgba(41,100,187,.6) 20%,rgba(9,49,108,.5));display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:15px 15px 15px 50px;box-sizing:border-box;position:relative;color:#fff}.environment-panel .environment-panel-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:50px;background:url(../img/arrow-right-double.7f014fa3.svg) 50% no-repeat;background-size:90%}.environment-panel .environment-panel-header>.title{font-size:20px;line-height:25px;letter-spacing:2px;text-shadow:3px 4px 5px rgba(0,0,0,.9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.environment-panel .environment-panel-body{padding:10px}.environment-slide{transition:transform .3s ease-out}.environment-slide>*{transition:opacity .3s ease-out}.environment-slide.active.up{transform:translateY(-100%)}.environment-slide.active.down{transform:translateY(100%)}.environment-slide.active.left{transform:translateX(-100%)}.environment-slide.active.right{transform:translateX(100%)}.environment-slide.active>*{opacity:0}.environment-legend{color:#fff;font-size:12px;box-sizing:border-box;max-height:450px;overflow:hidden}.environment-legend,.environment-legend .title{display:flex;flex-direction:column;align-items:center}.environment-legend .title{font-size:13px}.environment-legend .title .label{font-weight:700}.environment-legend .title .label sub{bottom:0}.environment-legend .title .unit{font-size:10px;margin-top:3px;border-top:1px solid #fff;padding-top:2px}.environment-legend .levels{display:flex;flex-direction:column-reverse;overflow:auto;padding-top:10px;box-sizing:border-box}.environment-legend .levels .level{width:10px;height:33px;position:relative;padding:0 60px;background-clip:content-box}.environment-legend .levels .level .scale{position:absolute;top:0;left:60px;line-height:14px;transform:translate(-100%,-50%);padding-right:15px;text-align:right}.environment-legend .levels .level .scale:before{content:"";position:absolute;right:1px;top:50%;transform:translateY(-50%);width:9px;height:2px;background-color:#fff;z-index:1}.environment-legend .levels .level .label{position:absolute;top:50%;left:70px;transform:translateY(-50%);max-width:50px;padding-left:5px;box-sizing:border-box}.environment-completion[data-v-9177b9e0] .el-carousel__item{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff}.environment-completion .completion-detail[data-v-9177b9e0]{width:180px;height:100%;display:flex;flex-direction:column;justify-content:center}.environment-completion .completion-detail .completion-detail-title[data-v-9177b9e0]{flex:none;font-size:24px;line-height:32px}.environment-completion .completion-detail .completion-detail-items[data-v-9177b9e0]{margin:15px 0}.environment-completion .completion-detail .completion-detail-row[data-v-9177b9e0]{display:flex;flex-direction:row;align-items:center;line-height:28px}.environment-completion .completion-detail .completion-detail-row>.completion-detail-row-label[data-v-9177b9e0]{width:90px;font-size:14px}.environment-completion .completion-detail .completion-detail-row>.completion-detail-row-label.radio[data-v-9177b9e0]{width:40px}.environment-completion .completion-detail .completion-detail-row>.completion-detail-row-value[data-v-9177b9e0]{font-size:18px;font-weight:700}.environment-completion .completion-detail .completion-detail-row>.completion-detail-row-value .el-icon-caret-top[data-v-9177b9e0]{color:#dc000a}.environment-completion .completion-detail .completion-detail-row>.completion-detail-row-value .el-icon-caret-bottom[data-v-9177b9e0]{color:#52c41a}.environment-completion .completion-chart[data-v-9177b9e0]{width:220px;height:160px}.environment-analyze-info-window{width:200px;padding:5px 15px 10px;position:relative;background-color:rgba(18,75,145,.6);color:#fff;font-size:12px;box-sizing:border-box}.environment-analyze-info-window .title{line-height:20px;padding:6px 20px 6px 0;font-weight:700;border-bottom:1px solid #aaa}.environment-analyze-info-window .metas{margin:5px 0 2px}.environment-analyze-info-window .metas .meta{line-height:22px;display:flex;flex-direction:row;align-items:center}.environment-analyze-info-window .metas .meta .meta-label{padding-right:5px}.environment-analyze-info-window .metas .meta.time{margin-top:10px}.environment-analyze-info-window .pic{width:100%;height:100px;background:50% no-repeat;background-size:cover}.environment-analyze-info-window .close{position:absolute;top:5px;right:5px;padding:0 5px;cursor:pointer;font-size:16px;line-height:32px}$primary-color:#1f7ee2;$dark-color:#202124;$bg-color:#f0f2f5;$color-text-primary:#303133;$color-text-regular:#606266;$color-text-secondary:#909399;$color-text-placeholder:#c0c4cc;.style-bar ::-webkit-scrollbar{width:.2rem!important;height:.2rem!important}.style-bar ::-webkit-scrollbar-thumb{background:#ddd!important;border-radius:.1rem!important}.environment-analyze>.left,.environment-analyze>.right{height:100%;padding-top:0;padding-bottom:15px;box-sizing:border-box;pointer-events:none;position:relative}.environment-analyze>.left .scroller,.environment-analyze>.right .scroller{height:100%;display:flex;flex-direction:column;pointer-events:auto;overflow:auto}.environment-analyze>.left{padding-left:15px;padding-right:108px}.environment-analyze>.left .tools{position:absolute;top:0;bottom:0;left:calc(100% - 93px);opacity:1}.environment-analyze>.left .tools .btn{width:88px;height:32px;line-height:32px;background:linear-gradient(to bottom right,#185daf,#02a7f0);color:#fff;font-size:13px;text-align:center;cursor:pointer;transition:all .3s ease-in-out;border-radius:2px;box-shadow:5px 5px 5px rgba(0,0,0,.35);pointer-events:auto}.environment-analyze>.left .tools .btn:hover{background:linear-gradient(to bottom right,#185daf,#185daf)}.environment-analyze>.left .tools .btn+.btn{margin-top:15px}.environment-analyze>.right{padding-left:290px;padding-right:15px;transform:translateZ(0)}.environment-analyze>.right .flip-container{width:calc(22vw + 6px);min-width:426px;height:100%;transform:translateZ(0)}.environment-analyze>.right .flip-container>.flip-wrapper{position:relative;width:100%;height:100%;transition:all .5s ease-in-out;transform-style:preserve-3d}.environment-analyze>.right .flip-container>.flip-wrapper>.detail,.environment-analyze>.right .flip-container>.flip-wrapper>.overview{width:100%;height:100%;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.environment-analyze>.right .flip-container>.flip-wrapper>.detail{transform:rotateY(180deg);pointer-events:none}.environment-analyze>.right .flip-container>.flip-wrapper>.detail .environment-panel{pointer-events:none}.environment-analyze>.right .flip-container>.flip-wrapper>.overview{transform:rotateY(0);pointer-events:auto}.environment-analyze>.right .flip-container>.flip-wrapper>.overview .environment-panel{pointer-events:auto}.environment-analyze>.right .flip-container.show-detail>.flip-wrapper{transform:rotateY(180deg)}.environment-analyze>.right .flip-container.show-detail>.flip-wrapper>.detail,.environment-analyze>.right .flip-container.show-detail>.flip-wrapper>.detail .environment-panel{pointer-events:auto}.environment-analyze>.right .flip-container.show-detail>.flip-wrapper>.overview,.environment-analyze>.right .flip-container.show-detail>.flip-wrapper>.overview .environment-panel{pointer-events:none}.environment-analyze>.right .tools{position:absolute;bottom:32px;left:0;width:280px;opacity:1;display:flex;flex-direction:row-reverse;align-items:flex-end}.environment-analyze>.right .tools .controls{pointer-events:auto;width:110px;padding:20px;border-radius:5px;background-color:rgba(18,75,145,.4)}.environment-analyze>.right .tools .controls .el-checkbox-group{display:flex;flex-direction:column}.environment-analyze>.right .tools .controls .el-checkbox{color:#fff;font-size:16px;line-height:22px}.environment-analyze>.right .tools .controls .el-checkbox+.el-checkbox{margin-top:10px}.environment-analyze>.right .tools .controls .el-checkbox .el-checkbox__label{color:inherit;font-size:inherit;text-shadow:1px 1px 2px #333}.environment-analyze>.right .tools .controls .el-checkbox .el-checkbox__input .el-checkbox__inner{background:#fff;border:1px solid #dcdfe6;box-shadow:1px 1px 2px #333}.environment-analyze>.right .tools .controls .el-checkbox .el-checkbox__input .el-checkbox__inner:after{border-color:#000}.environment-analyze>.minimize{position:absolute;width:40px;height:54px;right:0;top:calc(50% - 27px);cursor:pointer;background:linear-gradient(90deg,#2964bb 15%,#09316c);box-shadow:0 0 5px #333;display:flex;align-items:center;justify-content:center;pointer-events:auto;border-top-left-radius:5px;border-bottom-left-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.environment-analyze>.minimize>i{color:#fff;font-size:25px;transform-origin:center;transition:transform .2s ease-in-out}.environment-analyze>.minimize.active i{transform:rotateY(180deg)}.environment-analyze .environment-panel{width:22vw;min-width:420px}.environment-analyze .full{flex:1;color:#fff}.environment-analyze .full>.environment-panel-body{height:calc(100% - 55px);display:flex;flex-direction:column;box-sizing:border-box}.environment-analyze .full .close{width:25px;font-size:20px;line-height:25px;text-align:center;cursor:pointer}.environment-analyze .full .trend-chart{height:210px}.environment-analyze .analyze-count{display:flex;flex-direction:column;min-height:320px}.environment-analyze .analyze-count .environment-panel-body{display:flex;flex-direction:column}.environment-analyze .analyze-count .environment-table{flex:1}.environment-analyze .analyze-count .footer{flex:none}.environment-analyze .overview{height:315px}.environment-analyze .environment-panel+.environment-panel{margin-top:12px}.environment-analyze .filters{flex:none}.environment-analyze .filters .environment-panel-body{padding:5px;display:flex;flex-direction:row}.environment-analyze .filters .el-select{width:33.3%}.environment-analyze .footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-top:10px;padding-top:10px;border-top:1px solid #eee}.environment-analyze .count-item{color:#fff}.environment-analyze .count-item span:first-child{font-size:14px}.environment-analyze .count-item span:nth-child(2){font-size:18px;color:#0ff;padding-left:4px}.environment-analyze .tab-box{width:110px;display:flex;justify-content:space-between}.environment-analyze .arrow-title{margin-top:10px;display:flex;flex-direction:row;align-items:center;color:#fff;font-size:18px;font-weight:700;letter-spacing:2px;text-shadow:2px 3px 4px rgba(0,0,0,.6)}.environment-analyze .arrow-title:before{content:"";flex:none;width:35px;height:35px;margin-right:5px;background:url(../img/arrow-right.0b5511c3.svg) 50% no-repeat;background-size:contain}.environment-analyze .arrow-title:after{content:"";flex:1;height:1px;margin-left:25px;background-color:#f59a23}.environment-analyze .switch{display:flex;justify-content:flex-end;margin-bottom:10px}.environment-analyze .switch>div{width:60px;height:24px;line-height:24px;text-align:center;padding-left:8px;padding-right:8px;font-size:12px;cursor:pointer}.environment-analyze .switch>div+div{border-left:1px solid #fff}.environment-analyze .switch>.active{background:hsla(0,0%,66.7%,.4)}.environment-analyze .pollutants{padding-top:20px;height:200px;width:100%;display:flex;justify-content:space-between}.environment-analyze .pollutants .chart{flex:none;width:180px}.environment-analyze .pollutants .el-table .cell{padding-left:5px;padding-right:5px}.environment-analyze .pollutants .el-table tr{font-size:10px!important}.environment-analyze .pollutants .analyze-table-circle{width:12px;height:12px;border-radius:50%;margin:0 auto}.environment-analyze .pb0 .environment-panel-body{padding-bottom:0}.environment-analyze .table-wrapper{margin:10px 0 0 15px;flex:1;min-height:200px}.environment-analyze .cell-red{background-color:rgba(255,0,0,.3)}.environment-analyze .cell-green{background-color:rgba(0,255,0,.3)}.factor-label sub{bottom:0}