div[data-v-57e12230]{-webkit-box-sizing:border-box;box-sizing:border-box}#screen[data-v-57e12230]{height:100%;background-color:#060c21;background-image:url(../img/head.0c9ad436.png);background-position:center 0;background-repeat:no-repeat;position:relative;padding:30px;padding-top:0}#screen .updateTime[data-v-57e12230]{position:absolute;font-size:13px;color:#dadfed;text-align:right;top:49px;right:32px;line-height:1.3}.header[data-v-57e12230]{font-size:35px;color:#fff;text-align:center;padding-top:20px}.header img[data-v-57e12230]{width:40px;height:40px;vertical-align:middle;margin-right:16px}.context[data-v-57e12230]{height:calc(100% - 55px)}.context .tright[data-v-57e12230]{width:395px;float:right;height:100%}.context .tleft[data-v-57e12230]{margin:0 413px 0 0;height:100%}.context .title[data-v-57e12230]{font-size:26px;color:#fff}.context .title img[data-v-57e12230]{vertical-align:middle}.context .box[data-v-57e12230]{border:1px solid rgba(41,163,255,.4);border-radius:3px}.context #realTime[data-v-57e12230]{height:calc(100% - 66px);margin-top:10px;padding:17px;overflow:hidden}.context #realTime>div[data-v-57e12230]{width:100%;height:160px;border-radius:4px;background:rgba(8,22,63,.81);border:1px solid #11388c;margin-bottom:20px;-webkit-transition:all .4s;transition:all .4s}.context #realTime>div .headImg[data-v-57e12230]{width:90px;height:100px;float:left;margin:13px}.context #realTime>div .headImg img[data-v-57e12230]{width:100%;height:100%}.context #realTime>div .infos[data-v-57e12230]{height:124px;margin-left:105px;padding-top:14px;position:relative}.context #realTime>div .name[data-v-57e12230]{font-size:22px;line-height:30px;height:30px;color:#fff}.context #realTime>div .time[data-v-57e12230]{font-size:15px;position:absolute;color:#fff;right:16px;top:90px;font-weight:300}.context #realTime>div .tem[data-v-57e12230]{margin-top:26px;font-size:36px}.context #realTime>div .device[data-v-57e12230]{text-align:right;color:#fff;border-top:1px solid #11388c;padding-right:15px;line-height:2}.context #realTime>div .device.aa[data-v-57e12230]{border-top:1px solid rgba(255,65,65,.51)}.context #realTime .danger[data-v-57e12230]{background:rgba(195,0,0,.21);border:1px solid rgba(255,65,65,.51)}.context #today[data-v-57e12230]{height:312px;margin:10px 0 18px 0}.context .mid[data-v-57e12230]{height:calc(100% - 704px);margin-bottom:10px}.context .mid>div[data-v-57e12230]{height:100%}.context .mid .mright[data-v-57e12230]{float:right;width:587px}.context .mid .mright .chart[data-v-57e12230]{width:100%;height:60%}.context .mid .numbers>div[data-v-57e12230]{height:100%;width:50%;text-align:center;float:left;line-height:1.5}.context .mid .mleft[data-v-57e12230]{margin-right:605px}.context .bottom[data-v-57e12230]{height:256px;margin-top:10px;overflow:hidden}.context .bottom>div[data-v-57e12230]{height:256px}.context .bottom .ddright[data-v-57e12230]{float:right;width:587px}.context .bottom .ddleft[data-v-57e12230]{float:left;width:256px;padding:0 23px}.context .bottom .ddleft>div[data-v-57e12230]{overflow:hidden;margin-top:44px}.context .bottom .ddleft .imgbox[data-v-57e12230]{float:left}.context .bottom .ddleft .numbox[data-v-57e12230]{margin-left:67px}.context .bottom .ddleft .numbox p[data-v-57e12230]{color:#fff;font-size:16px}.context .bottom .ddleft .numbox p.num[data-v-57e12230]{font-size:26px;color:red;margin-top:10px}.context .bottom .bmid[data-v-57e12230]{margin:0 605px 0 274px}.context .bottom #peak[data-v-57e12230],.context .bottom #ranking[data-v-57e12230]{height:100%;width:100%}