@-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}