.surround-box[data-v-22591e9a]{position:relative}.surround-box .first-row[data-v-22591e9a]{width:100%;display:flex;align-items:stretch;height:40px}.surround-box .first-row .col-1[data-v-22591e9a]{display:flex;flex-direction:column;width:16px}.surround-box .first-row .col-1 .left-top-corner[data-v-22591e9a]{width:100%;height:16px;flex-grow:0;flex-shrink:0;box-sizing:border-box;position:relative;overflow:hidden}.surround-box .first-row .col-1 .left-top-corner .rotate-content[data-v-22591e9a]{width:32px;height:32px;border-left:3px solid #0090ff;position:absolute;left:6px;top:0;transform:rotate(45deg);background:rgba(0,0,0,.5)}.surround-box .first-row .col-1 .col-1-bottom[data-v-22591e9a]{flex-grow:1;flex-shrink:1;background:rgba(0,0,0,.5);border-left:3px solid #0090ff}.surround-box .first-row .col-2[data-v-22591e9a]{width:16px;border-top:3px solid #0090ff;background:rgba(0,0,0,.5)}.surround-box .first-row .title[data-v-22591e9a]{color:#fff;flex-grow:1;flex-shrink:1;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:18px;background:rgba(0,0,0,.5);padding-right:32px}.surround-box .content-box[data-v-22591e9a]{width:100%;background:#082c3a}.surround-box .right-top-corner[data-v-22591e9a]{width:16px;height:16px;border-top:3px solid #0090ff;border-right:3px solid #0090ff;position:absolute;right:0;top:0}.surround-box .right-bottom-corner[data-v-22591e9a]{width:16px;height:16px;border-bottom:3px solid #0090ff;border-right:3px solid #0090ff;position:absolute;right:0;bottom:0;z-index:1}.surround-box .left-bottom-corner[data-v-22591e9a]{width:16px;height:16px;border-bottom:3px solid #0090ff;border-left:3px solid #0090ff;position:absolute;left:0;bottom:0;z-index:1}.outer-page[data-v-4055a9eb]{border-radius:4px;color:#fff;padding:16px}.outer-page .guanbi[data-v-4055a9eb]{position:absolute;right:0;top:0;cursor:pointer;padding-right:10px;padding-top:10px;font-size:9px;color:#fff}.outer-page .base-info[data-v-4055a9eb]{height:380px;border-radius:8px}.outer-page .base-info ul[data-v-4055a9eb]{width:100%;display:flex;flex-wrap:wrap}.outer-page .base-info ul li[data-v-4055a9eb]{text-align:center;width:50%;height:90px;padding-top:16px}.outer-page .base-info ul li span[data-v-4055a9eb]:first-child{font-size:26px;font-family:PingFang SC;color:#d8e0f3}.content-box[data-v-4055a9eb]{width:100%;height:230px;position:relative}.content-box .popbox[data-v-4055a9eb]{background:radial-gradient(rgba(0,255,220,0) 55%,rgba(0,145,255,.2) 70%,rgba(0,145,255,.7) 85%,#0091ff 100%);position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column}.content-box .popbox>span[data-v-4055a9eb]:first-child{color:#36d8ff}.content-box .popbox>span[data-v-4055a9eb]:last-child{color:#fff}.content-box .sb[data-v-4055a9eb]{left:10px;top:6px;width:80px;height:80px;border-radius:45px}.content-box .yzgm[data-v-4055a9eb]{left:204px;top:20px;width:100px;height:100px;border-radius:50px}.content-box .ss[data-v-4055a9eb]{left:218px;top:135px;width:90px;height:90px;border-radius:50px}.content-box .yztd[data-v-4055a9eb]{left:20px;top:100px;width:116px;height:116px;border-radius:70px}.content-box .jcd[data-v-4055a9eb]{left:100px;top:20px;width:80px;height:80px;border-radius:40px}.content-box .yzc[data-v-4055a9eb]{left:140px;top:100px;width:80px;height:80px;border-radius:40px}.cont-box[data-v-4055a9eb]{display:flex;align-items:center;justify-content:center;color:#fff;padding:20px 0}.cont-box>div[data-v-4055a9eb]{flex-shrink:0;flex-grow:0;text-align:center;margin-left:20px}.cont-box>div .percent[data-v-4055a9eb]{font-size:26px;color:#08dddd}.chart[data-v-4055a9eb]{width:100%;height:180px}.monitor-value-box[data-v-4055a9eb]{width:100%;justify-content:center;max-height:170px;align-items:center;overflow-y:auto;min-height:170px}.monitor-value-box .monitor-value-item[data-v-4055a9eb]{width:150px;height:59.2px;display:flex;align-items:center;border:1px solid #4c6c7a;border-radius:4px;cursor:pointer;float:left;margin-right:5px;margin-top:10px;margin-left:5px}.monitor-value-box .monitor-value-item[data-v-4055a9eb]:after{clear:both}.monitor-value-box .monitor-value-item img[data-v-4055a9eb]{width:62.4px;height:62.4px}.monitor-value-box .monitor-value-item .value[data-v-4055a9eb]{width:81.6px;height:62.4px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}.monitor-value-box .monitor-value-item .value .num[data-v-4055a9eb]{font-size:12px;font-weight:700}.monitor-value-box .monitor-value-item .value[data-v-4055a9eb]:last-child{font-size:10px}