.card-container[data-v-0cebe4ad]{text-align:left;cursor:pointer;border-radius:5px;margin:0 10px 20px 10px;width:100%;position:relative;-webkit-box-shadow:0 10px 10px -6px rgba(54,54,54,.7176470588235294),0 0 3px rgba(0,0,0,.2) inset;box-shadow:0 10px 10px -6px rgba(54,54,54,.7176470588235294),inset 0 0 3px rgba(0,0,0,.2);border:1px solid #2166af}.card-container .title[data-v-0cebe4ad]{color:#fff;font-size:16px;font-weight:600}.left-bg[data-v-0cebe4ad],.rigth-bg[data-v-0cebe4ad]{background:-webkit-gradient(linear,left top,right top,from(rgba(1,44,79,.8)),to(rgba(1,44,79,.8)));background:linear-gradient(90deg,rgba(1,44,79,.8),rgba(1,44,79,.8))}.plot[data-v-0ddcdcff]{margin:0;padding:0;width:100%;height:calc(33.33333vh - 93.33333px)}.grid-box[data-v-0ddcdcff]{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;padding:18px 0 20px 0}.grid-item[data-v-0ddcdcff]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-ico[data-v-0ddcdcff]{font-size:30px;padding:5px 5px 5px 0;color:#fff}.grid-ico[data-v-0ddcdcff]:hover{color:#c2b954}.grid-right[data-v-0ddcdcff]{color:#fff;text-align:center}.grid-num[data-v-0ddcdcff]{color:#c2b954;font-size:14px}.grid-item:hover .grid-ico[data-v-0ddcdcff]{color:#c2b954}.grid-title[data-v-0ddcdcff]{font-size:14px;color:#fff}@-webkit-keyframes an1-data-v-0ddcdcff{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes an1-data-v-0ddcdcff{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}.container[data-v-e407ce72]{position:relative;width:100%;height:100%}.card-container[data-v-2151c466]{text-align:left;cursor:pointer;border-radius:5px;margin:0 10px 20px 10px;width:100%;position:relative;-webkit-box-shadow:0 10px 10px -6px rgba(54,54,54,.7176470588235294),0 0 3px rgba(0,0,0,.2) inset;box-shadow:0 10px 10px -6px rgba(54,54,54,.7176470588235294),inset 0 0 3px rgba(0,0,0,.2);border:1px solid #2166af}.card-container .title[data-v-2151c466]{margin:auto;color:#fff;font-size:16px;font-weight:600;text-align:center}.left-bg[data-v-2151c466],.rigth-bg[data-v-2151c466]{background:-webkit-gradient(linear,left top,right top,from(rgba(1,44,79,.8)),to(rgba(1,44,79,.8)));background:linear-gradient(90deg,rgba(1,44,79,.8),rgba(1,44,79,.8))}@-webkit-keyframes changDeg-data-v-6a3a5958{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes changDeg-data-v-6a3a5958{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.body-content[data-v-6a3a5958]{position:relative}.statusBar[data-v-6a3a5958]{padding-bottom:15px;line-height:100%;vertical-align:middle}.statusBar .alarmMarker[data-v-6a3a5958]{width:220px;height:195px;position:relative;top:-110px}.statusBar .alarmMarker .bg-img[data-v-6a3a5958]{height:220px;width:220px}.statusBar .alarmMarker .bg-img.grade_bg[data-v-6a3a5958]{-webkit-animation:changDeg-data-v-6a3a5958 2s linear .2s infinite;animation:changDeg-data-v-6a3a5958 2s linear .2s infinite}.statusBar .statusBox[data-v-6a3a5958]{width:120px;padding:20px 10px;height:120px;border-radius:60px;border:6px solid #009fec;text-align:center}.statusBar .red[data-v-6a3a5958]{border:6px solid red}.statusBar .orange[data-v-6a3a5958]{border:6px solid orange}.statusBar .blue[data-v-6a3a5958]{border:6px solid #009fec}@-webkit-keyframes changDeg-data-v-0dec733c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes changDeg-data-v-0dec733c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes an1-data-v-0dec733c{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes an1-data-v-0dec733c{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}.body-content[data-v-0dec733c]{position:relative;display:grid;grid-template-columns:repeat(2,50%);grid-template-rows:repeat(2,50%)}.grid-item[data-v-0dec733c]{display:-webkit-box;display:-ms-flexbox;display:flex;height:170px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.first-grid[data-v-0dec733c]{border-right:1px solid #8c8c8c}.first-grid[data-v-0dec733c],.two-grid[data-v-0dec733c]{border-bottom:1px solid #8c8c8c}.three-grid[data-v-0dec733c]{border-right:1px solid #8c8c8c}.grid-ico[data-v-0dec733c]{padding:10px;width:75px;-webkit-transition:all 1s;transition:all 1s}.grid-ico[data-v-0dec733c]:hover{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}.grid-right[data-v-0dec733c]{float:left;width:40%;color:#fff;font-size:16px;font-weight:700}.grid-num[data-v-0dec733c]{color:#c2b954;font-size:14px}.statusBar[data-v-0dec733c]{line-height:100%;vertical-align:middle}.statusBar .alarmMarker[data-v-0dec733c]{width:220px;height:195px;position:relative;top:-110px}.statusBar .alarmMarker .bg-img[data-v-0dec733c]{height:220px;width:220px}.statusBar .alarmMarker .bg-img.grade_bg[data-v-0dec733c]{-webkit-animation:changDeg-data-v-0dec733c 2s linear .2s infinite;animation:changDeg-data-v-0dec733c 2s linear .2s infinite}.statusBar .statusBox[data-v-0dec733c]{width:120px;padding:20px 10px;height:120px;border-radius:60px;border:6px solid #009fec;text-align:center}.statusBar .red[data-v-0dec733c]{border:6px solid red}.statusBar .orange[data-v-0dec733c]{border:6px solid orange}.statusBar .blue[data-v-0dec733c]{border:6px solid #009fec}.plot[data-v-34095086]{margin:0;padding:0;width:100%;height:calc(33.33333vh - 93.33333px)}.card-container[data-v-770fe86e]{text-align:left;cursor:pointer;border-radius:5px;margin:20px 10px 0 10px;width:100%;-webkit-box-shadow:0 10px 10px -6px rgba(54,54,54,.7176470588235294),0 0 3px rgba(0,0,0,.2) inset;box-shadow:0 10px 10px -6px rgba(54,54,54,.7176470588235294),inset 0 0 3px rgba(0,0,0,.2);border:1px solid #06d4fb}.main-box[data-v-770fe86e]{margin-top:30px;padding:0 15px;clear:both;width:100%;position:relative;border-top:1px solid #06d4fb}.main-box[data-v-770fe86e]:first-child{margin-top:0;border-top:none}.title[data-v-770fe86e]{position:absolute;top:-15px;left:20%;margin:auto;color:#fff;font-size:16px;font-weight:600;text-align:center;width:60%;height:30px;line-height:30px;background:linear-gradient(135deg,transparent 15px,#2e6c8f 0) 0 0,linear-gradient(-135deg,transparent 15px,#2e6c8f 0) 100% 0,linear-gradient(-45deg,transparent 15px,#2e6c8f 0) 100% 100%,linear-gradient(45deg,transparent 15px,#2e6c8f 0) 0 100%;background-size:50% 50%;background-repeat:no-repeat;z-index:19}.first-title[data-v-770fe86e]{position:absolute;top:-30px;left:20%}.content[data-v-770fe86e]{width:100%}.left-bg[data-v-770fe86e],.rigth-bg[data-v-770fe86e]{background:-webkit-gradient(linear,left top,right top,from(rgba(1,44,79,.8)),to(rgba(1,44,79,.8)));background:linear-gradient(90deg,rgba(1,44,79,.8),rgba(1,44,79,.8))}