.ant-message{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:fixed;top:16px;left:0;z-index:1010;width:100%;pointer-events:none}.ant-message-notice{padding:8px;text-align:center}.ant-message-notice:first-child{margin-top:-8px}.ant-message-notice-content{display:inline-block;padding:10px 16px;background:#fff;border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,.15);pointer-events:all}.ant-message-success .anticon{color:#52c41a}.ant-message-error .anticon{color:#ff4d4f}.ant-message-warning .anticon{color:#faad14}.ant-message-info .anticon,.ant-message-loading .anticon{color:#1890ff}.ant-message .anticon{position:relative;top:1px;margin-right:8px;font-size:16px}.ant-message-notice.move-up-leave.move-up-leave-active{overflow:hidden;-webkit-animation-name:MessageMoveOut;animation-name:MessageMoveOut;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}.ant-notification{box-sizing:border-box;margin:0 24px 0 0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:fixed;z-index:1010;width:384px;max-width:calc(100vw - 32px)}.ant-notification-topLeft,.ant-notification-bottomLeft{margin-right:0;margin-left:24px}.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active{-webkit-animation-name:NotificationLeftFadeIn;animation-name:NotificationLeftFadeIn}.ant-notification-close-icon{font-size:14px;cursor:pointer}.ant-notification-notice{position:relative;margin-bottom:16px;padding:16px 24px;overflow:hidden;line-height:1.5;background:#fff;border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.ant-notification-notice-message{display:inline-block;margin-bottom:8px;color:rgba(0,0,0,.85);font-size:16px;line-height:24px}.ant-notification-notice-message-single-line-auto-margin{display:block;width:calc(264px - 100%);max-width:4px;background-color:transparent;pointer-events:none}.ant-notification-notice-message-single-line-auto-margin:before{display:block;content:""}.ant-notification-notice-description{font-size:14px}.ant-notification-notice-closable .ant-notification-notice-message{padding-right:24px}.ant-notification-notice-with-icon .ant-notification-notice-message{margin-bottom:4px;margin-left:48px;font-size:16px}.ant-notification-notice-with-icon .ant-notification-notice-description{margin-left:48px;font-size:14px}.ant-notification-notice-icon{position:absolute;margin-left:4px;font-size:24px;line-height:24px}.anticon.ant-notification-notice-icon-success{color:#52c41a}.anticon.ant-notification-notice-icon-info{color:#1890ff}.anticon.ant-notification-notice-icon-warning{color:#faad14}.anticon.ant-notification-notice-icon-error{color:#ff4d4f}.ant-notification-notice-close{position:absolute;top:16px;right:22px;color:rgba(0,0,0,.45);outline:none}.ant-notification-notice-close:hover{color:rgba(0,0,0,.67)}.ant-notification-notice-btn{float:right;margin-top:16px}.ant-notification .notification-fade-effect{-webkit-animation-duration:.24s;animation-duration:.24s;-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.ant-notification-fade-enter,.ant-notification-fade-appear{opacity:0;-webkit-animation-duration:.24s;animation-duration:.24s;-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.ant-notification-fade-leave{-webkit-animation-duration:.24s;animation-duration:.24s;-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-play-state:paused;animation-play-state:paused}.ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-fade-appear.ant-notification-fade-appear-active{-webkit-animation-name:NotificationFadeIn;animation-name:NotificationFadeIn;-webkit-animation-play-state:running;animation-play-state:running}.ant-notification-fade-leave.ant-notification-fade-leave-active{-webkit-animation-name:NotificationFadeOut;animation-name:NotificationFadeOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes NotificationFadeIn{0%{left:384px;opacity:0}to{left:0;opacity:1}}@keyframes NotificationFadeIn{0%{left:384px;opacity:0}to{left:0;opacity:1}}@-webkit-keyframes NotificationLeftFadeIn{0%{right:384px;opacity:0}to{right:0;opacity:1}}@keyframes NotificationLeftFadeIn{0%{right:384px;opacity:0}to{right:0;opacity:1}}@-webkit-keyframes NotificationFadeOut{0%{max-height:150px;margin-bottom:16px;padding-top:16px 24px;padding-bottom:16px 24px;opacity:1}to{max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}}@keyframes NotificationFadeOut{0%{max-height:150px;margin-bottom:16px;padding-top:16px 24px;padding-bottom:16px 24px;opacity:1}to{max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{font-family:Helvetica,Tahoma,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei","YouSheBiaoTiHei" sans-serif;font-size:14px;user-select:none;-webkit-user-select:none;-ms-user-select:none;overflow:hidden}body::-webkit-scrollbar{display:none}*{box-sizing:border-box}#app{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:YouSheBiaoTiHei;src:url(/assets/YouSheBiaoTiHei.0aa7115b.woff);font-weight:400;font-style:normal}.title-box{width:494px;height:42px;background:url(/statics/images/title-box.png);background-size:100% 100%}.title-box text{line-height:18px;font-size:24px;font-family:YouSheBiaoTiHei;font-weight:400;color:#fff;text-shadow:0px 2px 0px rgba(0,10,18,.36),1px 2px 0px rgba(4,30,86,.2);left:35px;top:13px;position:relative}.title-box text span{font-size:14px}.anchorBL{display:none}.overview .left-box{top:97px;position:absolute;left:29px}.overview .left-box .scene .scene-body{margin-top:12px;width:492px;height:538px;background:rgba(109,188,255,.08);border-radius:4px;display:flex;align-items:center;flex-direction:column;justify-content:space-around}.overview .left-box .scene .scene-body .video{width:452px;height:220px;position:relative}.overview .left-box .scene .scene-body .video .video-img{width:100%;height:100%}.overview .left-box .scene .scene-body .video .btn-details{font-size:18px;font-family:Microsoft YaHei;font-weight:700;color:#fff;text-align:center;line-height:39px;width:112px;height:39px;background:url(/statics/images/btn-bg.png);background-size:100% 100%;position:absolute;right:26px;bottom:9px;z-index:9}.overview .left-box .alarm{margin-top:17px}.overview .left-box .alarm .alarm-body{margin-top:12px;width:492px;height:289px;background:rgba(109,188,255,.08);border-radius:4px;display:flex;align-items:center;flex-direction:column;justify-content:space-around}.overview .right-box{top:97px;position:absolute;right:29px}.overview .right-box .lamp .lamp-body{margin-top:14px;width:492px;height:282px;background:rgba(109,188,255,.08);border-radius:4px}.overview .right-box .lamp .lamp-body .wordcloud{width:492px;height:282px}.overview .right-box .pipe{margin-top:19px}.overview .right-box .pipe .pipe-body{margin-top:12px;width:492px;height:242px;background:rgba(109,188,255,.08);border-radius:4px}.overview .right-box .well{margin-top:21px}.overview .right-box .well .well-body{margin-top:11px;width:492px;height:234px;background:rgba(109,188,255,.08);border-radius:4px;position:relative}.overview .right-box .well .well-body .well-img{width:359px;height:241px;position:absolute;top:-16px;left:70px}.overview .right-box .well .well-body .well-icon1{position:absolute;top:119px;left:77px;width:73px;height:74px}.overview .right-box .well .well-body .well-icon2{position:absolute;top:158px;left:221px;width:68px;height:68px}.overview .right-box .well .well-body .well-icon3{position:absolute;top:89px;left:326px;width:96px;height:97px}.overview .right-box .well .well-body .text1{position:absolute;top:138px;left:98px;width:28px;height:31px;font-size:12px;font-family:Source Han Sans CN;font-weight:700;color:#a0efed;line-height:13px}.overview .right-box .well .well-body .text1 div{line-height:10px;text-align:center}.overview .right-box .well .well-body .text2{position:absolute;top:178px;left:242px;width:26px;height:29px;line-height:12px;font-size:10px;font-family:Source Han Sans CN;font-weight:700;color:#a0efed}.overview .right-box .well .well-body .text2 div{line-height:10px;text-align:center}.overview .right-box .well .well-body .text3{position:absolute;top:124px;left:350px;line-height:13px;width:55px;height:25px;font-size:10px;font-family:Source Han Sans CN;font-weight:700;color:#a0efed}.overview .right-box .well .well-body .text3 div{line-height:10px;text-align:center}.overview .top-center{top:130px;position:absolute;left:573px;display:flex;height:60px}.overview .top-center .base-item{display:flex;margin-right:20px}.overview .top-center .base-item .base-icon{width:56px;height:55px}.overview .top-center .base-item .base-content{margin-left:9px}.overview .top-center .base-item .base-content .base-label{line-height:17px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#a4b0db;margin-bottom:11px}.overview .top-center .base-item .base-content .base-value{line-height:25px;font-size:32px;font-family:Impact;font-weight:400;color:#fff}.overview .top-center .base-item .base-content .base-value span{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.overview .top-center .base-item .base-content .base-value1{line-height:25px;text-align:center;font-size:32px;font-family:Microsoft YaHei;font-weight:700;color:#39c5ff}.xuanzhuan{-webkit-transform:rotate(360deg);animation:rotation 5s linear infinite;-moz-animation:rotation 5s linear infinite;-webkit-animation:rotation 5s linear infinite;-o-animation:rotation 5s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.alarm .alarm-left{position:absolute;top:94px;left:27px}.alarm .alarm-left .lamppost{margin-bottom:20px;height:286px;padding:28px 40px 15px}.alarm .alarm-left .lamppost .chart{width:412px;height:243px}.alarm .alarm-left .pipe{margin-bottom:20px;height:242px;padding:22px 40px 21px}.alarm .alarm-left .pipe .title-legend{display:flex;justify-content:space-around;font-size:15px;font-family:Microsoft YaHei;font-weight:700;color:#fff;margin-bottom:21px}.alarm .alarm-left .pipe .title-legend .dot{display:inline-block;margin-right:13px;width:13px;height:13px}.alarm .alarm-left .pipe .chart{width:412px;height:160px}.alarm .alarm-left .manhole{height:232px;padding:5px 40px 11px}.alarm .alarm-left .manhole .chart{width:412px;height:216px}.alarm .alarm-right{position:absolute;top:94px;right:33px}.alarm .alarm-right .work-step{margin-bottom:20px;height:262px}.alarm .alarm-right .work-step .list{padding:30px 15px;height:100%;display:flex;flex-wrap:wrap;align-content:space-between}.alarm .alarm-right .work-step .list .work-btn{width:132px;height:39px;background:url(/statics/images/work-btn.png);background-size:100% 100%;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#00d2ff;text-align:center;line-height:39px}.alarm .alarm-right .work-step .list .work-btn2{width:190px;height:39px;background:url(/statics/images/work-btn2.png);background-size:100% 100%;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#00d2ff;text-align:center;line-height:39px}.alarm .alarm-right .work-step .list .work-btn3{width:106px;height:39px;background:url(/statics/images/work-btn3.png);background-size:100% 100%;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#00d2ff;text-align:center;line-height:39px}.alarm .alarm-right .work-step .list img{width:24px;height:26px;margin:6px 4px}.alarm .alarm-right .work-step .chart{padding:24px 40px 27px;width:100%;height:100%}.alarm .alarm-right .work-step .chart .title-legend{display:flex;justify-content:space-evenly;font-size:15px;font-family:Microsoft YaHei;font-weight:700;color:#fff;margin-bottom:21px}.alarm .alarm-right .work-step .chart .title-legend .dot{display:inline-block;margin-right:6px;width:28px;height:8px}.alarm .alarm-right .work-step .chart .work-chart{width:412px;height:184px}.alarm .alarm-right .analysis{height:234px}.alarm .alarm-right .analysis .list{padding:19px 37px 37px 47px;display:flex;justify-content:space-between}.alarm .alarm-right .analysis .list .item{display:flex;flex-direction:column;align-items:center}.alarm .alarm-right .analysis .list .item .analysis-bg{margin-bottom:18px;width:107px;height:113px;background:url(/statics/images/analysis-bg.png);background-size:100% 100%;text-align:center;padding-top:24px}.alarm .alarm-right .analysis .list .item .analysis-bg span{font-size:20px;font-family:Microsoft YaHei;font-weight:700;color:#fff;background:linear-gradient(0deg,#019dd2 0%,#00fcff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.alarm .alarm-right .analysis .list .item .name{width:80px;font-size:20px;font-family:Microsoft YaHei;font-weight:700;color:#fff}.alarm .top-center{position:absolute;top:136px;left:50%;transform:translate(-50%);display:flex;height:60px}.alarm .top-center .base-item{display:flex;margin-right:20px}.alarm .top-center .base-item .base-icon{width:56px;height:55px}.alarm .top-center .base-item .base-content{margin-left:9px}.alarm .top-center .base-item .base-content .base-label{line-height:17px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#a4b0db;margin-bottom:11px}.alarm .top-center .base-item .base-content .base-value{line-height:25px;font-size:32px;font-family:Impact;font-weight:400;color:#fff}.alarm .top-center .base-item .base-content .base-value span{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.alarm .top-center .base-item .base-content .base-value1{line-height:25px;text-align:center;font-size:32px;font-family:Microsoft YaHei;font-weight:700;color:#39c5ff}.alarm .item-bg{margin-top:12px;width:492px;background:rgba(109,188,255,.08);border-radius:4rpx}.environment .top-center{position:absolute;top:130px;left:673px;display:flex}.environment .top-center .base-item{display:flex;margin-right:83px}.environment .top-center .base-item .base-icon{width:56px;height:55px}.environment .top-center .base-item .base-content{margin-left:9px}.environment .top-center .base-item .base-content .base-label{line-height:17px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#a4b0db;margin-bottom:11px}.environment .top-center .base-item .base-content .base-value{line-height:25px;font-size:32px;font-family:Impact;font-weight:400;color:#fff}.environment .top-center .base-item .base-content .base-value span{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.environment .top-center .base-item .base-content .base-value1{line-height:25px;text-align:center;font-size:32px;font-family:Microsoft YaHei;font-weight:700;color:#39c5ff}.environment .top-center .base-text{position:absolute;top:100px;left:-10px}.environment .top-center .base-text .env{font-size:22px;font-family:Microsoft YaHei;font-weight:700;color:#fff}.environment .top-center .base-text .env .txt{padding:4px 12px;margin-right:5px}.environment .top-center .base-text .point{position:absolute;top:-1px;left:399px;width:100%;font-size:22px;font-family:Microsoft YaHei;font-weight:700;color:#fff}.environment .top-center .base-text .point .point-icon{position:absolute;top:-5px;left:170px}.environment .left-box{position:absolute;top:97px;left:29px}.environment .left-box .velocity .velocity-body{margin-top:12px;padding:23px;width:492px;height:282px;background:rgba(109,188,255,.08);border-radius:4px;display:flex;align-items:center;flex-direction:column;justify-content:space-around}.environment .left-box .speed{margin-top:20px}.environment .left-box .speed .speed-body{margin-top:18px;width:492px;height:242px;background:rgba(109,188,255,.08);border-radius:4px;display:flex;justify-content:space-around}.environment .left-box .speed .speed-body .temp .bg{margin-top:10px;background:url(/statics/images/speed-bg.png) no-repeat;background-size:185px 185px}.environment .left-box .speed .speed-body .temp .text{text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:400}.environment .left-box .speed .speed-body .temp .text span{color:#6dbcff}.environment .left-box .speed .speed-body .wetness .bg{margin-top:10px;background:url(/statics/images/speed-bg.png) no-repeat;background-size:185px 185px}.environment .left-box .speed .speed-body .wetness .text{text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:400}.environment .left-box .speed .speed-body .wetness .text span{color:#6dbcff}.environment .left-box .noise{margin-top:15px}.environment .left-box .noise .noise-body{padding:23px;margin-top:16px;width:492px;height:234px;background:rgba(109,188,255,.08);border-radius:4px;display:flex;align-items:center;flex-direction:column;justify-content:space-around}.environment .right-box{position:absolute;top:97px;right:29px}.environment .right-box .month .pm-c{margin-top:10px;width:473px;height:225px;background:rgba(255,255,255,.07);border-radius:4px;display:flex}.environment .right-box .month .pm-c .pm-chart{width:60%;height:100%}.environment .right-box .month .pm-c .pm-info{display:flex;flex-direction:column;align-items:center;justify-content:center}.environment .right-box .month .pm-c .pm-info text{font-size:20px;font-family:Microsoft YaHei;font-weight:400;color:#33e7fa;line-height:27px}.environment .right-box .month .pm-c .pm-info span{margin:16px 30px 13px;font-size:55px;font-family:Microsoft YaHei;font-weight:700;color:#fff;line-height:43px;background:linear-gradient(0deg,#28f2e6 0%,#0190bf 99.6826171875%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.environment .right-box .wind{margin-top:20px}.environment .right-box .wind .wind-body{margin-top:18px;padding:23px;width:492px;height:242px;background:rgba(109,188,255,.08);border-radius:4px}.environment .right-box .forecast{margin-top:15px}.environment .right-box .forecast .forecast-body{margin-top:16px;padding:23px;width:492px;height:234px;background:rgba(109,188,255,.08);border-radius:4px}.environment .right-box .forecast .forecast-body .weather-header{width:100%;height:42%;display:flex;flex-flow:row;justify-content:space-between}.environment .right-box .forecast .forecast-body .weather-header .header-item{width:15%}.environment .right-box .forecast .forecast-body .weather-header .header-item span{display:inline-block;width:100%;text-align:center;margin-bottom:10px;color:#fff;font-family:Microsoft YaHei;font-weight:400}.environment .right-box .forecast .forecast-body .weather-header .header-item span.name{font-size:15px;opacity:.7}.environment .right-box .forecast .forecast-body .weather-header .header-item span.date{font-size:9px}.environment .right-box .forecast .forecast-body .weather-header .header-item span.type{font-size:10px}.environment .right-box .forecast .forecast-body .weather-header .header-item .img{margin-left:23px;margin-bottom:10px;display:block}.environment .right-box .forecast .forecast-body .weather-body{padding-top:36px}.operating .operating-left{position:absolute;top:94px;left:27px}.operating .operating-left .wifi-box{margin-left:50px;display:flex;align-items:center}.operating .operating-left .wifi-box img{width:87px;height:80px}.operating .operating-left .wifi-box .wifi-content{margin-left:32px}.operating .operating-left .wifi-box .wifi-content .wifi-label{font-size:25px;font-family:YouSheBiaoTiHei;font-weight:400;color:#fff}.operating .operating-left .wifi-box .wifi-content .wifi-value{margin-top:8px;font-size:25px;font-family:YouSheBiaoTiHei;font-weight:400;color:#fff;background:linear-gradient(0deg,#019dd2 0%,#00fcff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.operating .operating-left .lamppost{margin-bottom:20px;height:286px;display:flex;flex-direction:column;justify-content:space-around}.operating .operating-left .pipe{margin-bottom:20px;height:242px;display:flex;flex-direction:column;justify-content:space-around}.operating .operating-left .manhole{height:232px;padding:13px 45px}.operating .operating-left .manhole .chart{width:412px;height:206px}.operating .operating-left .manhole .chart .title-legend{display:flex;justify-content:space-around;font-size:15px;font-family:Microsoft YaHei;font-weight:700;color:#fff;margin-bottom:-11px}.operating .operating-left .manhole .chart .title-legend .dot{display:inline-block;margin-right:13px;width:13px;height:13px}.operating .alarm-right{position:absolute;top:94px;right:33px}.operating .alarm-right .energy-box{height:262px;position:relative;margin-bottom:20px}.operating .alarm-right .energy-box .chart{height:262px}.operating .alarm-right .energy-box .chart .circle{position:absolute;left:147px;top:48px;width:197px;height:196px;background:rgba(37,59,63,0);border:1px solid rgba(0,109,255,.43);border-radius:50%}.operating .alarm-right .energy-save{height:262px;position:relative;margin-bottom:20px}.operating .alarm-right .energy-save .chart{height:262px}.operating .alarm-right .analysis,.operating .alarm-right .analysis .chart{height:234px}.operating .item-bg{margin-top:12px;width:492px;background:rgba(109,188,255,.08);border-radius:4rpx}.ant-select-item{font-size:20px!important}.system .left-box{top:97px;position:absolute;left:29px}.system .left-box .planning .planning-body{margin-top:14px;width:555px;height:252px;background:rgba(109,188,255,.08);border-radius:4px;display:flex;align-items:center;flex-direction:column;justify-content:space-around}.system .left-box .construction{margin-top:26px}.system .left-box .construction .construction-body{margin-top:9px;width:555px;height:246px;background:rgba(109,188,255,.08);border-radius:4px;display:flex;align-items:center;flex-direction:column;justify-content:space-around}.system .left-box .unit-score{margin-top:25px}.system .left-box .unit-score .unit-score-body{margin-top:11px;width:555px;height:255px;background:rgba(109,188,255,.08);border-radius:4px;display:flex;align-items:center;flex-direction:column;justify-content:space-around}.system .left-box .unit-score .unit-score-body .chart{width:100%;height:100%}.system .right-box{top:97px;position:absolute;right:29px}.system .right-box .device .device-body{margin-top:15px;width:555px;height:252px;background:rgba(109,188,255,.08);border-radius:4px;display:flex;align-items:center;flex-direction:column;justify-content:space-around;position:relative}.system .right-box .device .device-body .device-t{margin-top:11px;display:flex;align-items:center;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#fff;line-height:22px}.system .right-box .device .device-body .device-t img{width:61px;height:40px}.system .right-box .device .device-body .device-t .device-count{display:flex}.system .right-box .device .device-body .device-t .device-count span{margin-left:10px;font-size:24px;font-family:Impact;font-weight:400;color:#00ecff;line-height:22px}.system .right-box .device .device-body .device-t .device-count text{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.system .right-box .device .device-body .chart{width:100%;height:100%}.system .right-box .device .device-body .chart .circle{position:absolute;left:143px;top:82px;width:135px;height:135px;border:1px solid rgba(49,171,227,.99);border-radius:50%}.system .right-box .mount{margin-top:25px}.system .right-box .mount .mount-body{margin-top:10px;width:555px;height:192px;background:rgba(109,188,255,.08);border-radius:4px;display:flex;align-items:center;flex-direction:column;justify-content:space-around;position:relative}.system .right-box .carrier{margin-top:28px}.system .right-box .carrier .carrier-body{margin-top:12px;width:555px;height:304px;background:rgba(109,188,255,.08);border-radius:4px;display:flex;align-items:center;flex-direction:column;justify-content:space-around;position:relative}.system .right-box .carrier .carrier-body .carrier-box{display:flex;width:555px;height:304px;align-items:center;justify-content:space-around}.system .right-box .carrier .carrier-body .carrier:nth-child(1){margin-top:50px}.system .right-box .carrier .carrier-body .carrier:nth-child(2){margin-top:-50px}.system .right-box .carrier .carrier-body .carrier:nth-child(3){margin-top:50px}.system .right-box .carrier .carrier-body .carrier:nth-child(4){margin-top:-50px}.system .right-box .carrier .carrier-body .carrier{width:138px;height:138px;background-size:100% 100%!important}.system .right-box .carrier .carrier-body .carrier-lenged-box{margin-bottom:22px;display:flex;width:555px;align-items:center;justify-content:space-around}.system .right-box .carrier .carrier-body .carrier-lenged{display:flex;align-items:center}.system .right-box .carrier .carrier-body .carrier-lenged .block{margin-right:4px;width:12px;height:12px;border-radius:50%}.system .title-box{width:555px;height:42px;background:url(/statics/images/title-box.png);background-size:100% 100%}.system .title-box text{line-height:18px;font-size:24px;font-family:YouSheBiaoTiHei;font-weight:400;color:#fff;text-shadow:0px 2px 0px rgba(0,10,18,.36),1px 2px 0px rgba(4,30,86,.2);left:35px;top:13px;position:relative}.devops .title-box{width:556px;height:42px;background:url(/statics/images/title-box.png);background-size:100% 100%}.devops .title-box text{line-height:18px;font-size:24px;font-family:YouSheBiaoTiHei;font-weight:400;color:#fff;text-shadow:0px 2px 0px rgba(0,10,18,.36),1px 2px 0px rgba(4,30,86,.2);left:35px;top:13px;position:relative}.devops .devops-left{position:absolute;top:94px;left:27px}.devops .devops-left .lamppost{margin-bottom:5px;height:203px;padding:18px 40px 15px;position:relative}.devops .devops-left .lamppost .title-legend{position:absolute;top:20px;left:0;display:flex;justify-content:center;width:100%}.devops .devops-left .lamppost .title-legend .item{font-size:15px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.devops .devops-left .lamppost .title-legend .item .dot{display:inline-block;margin-right:5px;width:12px;height:12px;border-radius:50%;background:#fff}.devops .devops-left .lamppost .chart{width:476px;height:170px}.devops .devops-left .work{margin-bottom:5px;height:205px;padding:15px 33px 9px 39px;display:flex;justify-content:space-between}.devops .devops-left .work .temp{width:120px;display:flex;flex-direction:column;align-items:center}.devops .devops-left .work .temp .title{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.devops .devops-left .work .temp .bg{width:120px;height:120px;background:url(/statics/images/speed-bg.png);background-size:100% 100%}.devops .devops-left .work .temp .text{text-align:center;font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#fff}.devops .devops-left .work .temp .text span{color:#6dbcff}.devops .devops-left .analysis{height:173px;margin-bottom:7px}.devops .devops-left .analysis .list{padding:14px 80px 20px 86px;display:flex;justify-content:space-between}.devops .devops-left .analysis .list .item{display:flex;flex-direction:column;align-items:center}.devops .devops-left .analysis .list .item .analysis-bg{margin-bottom:6px;width:99px;height:99px;background:url(/statics/images/analysis-bg.png);background-size:100% 100%;text-align:center;padding-top:24px}.devops .devops-left .analysis .list .item .analysis-bg span{font-size:20px;font-family:Microsoft YaHei;font-weight:700;color:#fff;background:linear-gradient(0deg,#019dd2 0%,#00fcff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.devops .devops-left .analysis .list .item .name{width:60px;font-size:15px;font-family:Microsoft YaHei;font-weight:700;color:#fff}.devops .devops-left .inspection{height:169px;padding:21px 36px 10px}.devops .devops-right{position:absolute;top:94px;right:29px}.devops .devops-right .subarea{height:291px;margin-top:15px;margin-bottom:10px;padding:16px 34px 21px 27px}.devops .devops-right .subarea .chart{width:495px;height:222px}.devops .devops-right .subarea .title-legend{display:flex;justify-content:space-around;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-top:15px}.devops .devops-right .subarea .title-legend .dot{display:inline-block;margin-right:6px;width:10px;height:10px}.devops .devops-right .alarm{height:308px;margin-top:9px;margin-bottom:7px;padding:37px 0 10px}.devops .devops-right .alarm .chat{height:252px;width:556px}.devops .devops-right .alarm-list{height:189px;margin-top:9px;padding:23px 36px 10px}.devops .item-bg{margin-top:5px;width:556px;background:rgba(109,188,255,.08);border-radius:4rpx}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
