.header[data-v-f68b5124]{width:100%;height:96px;background:url(/canary/assets/header_bg@2x-BkNh7qv3.png) no-repeat;background-size:100% 100%;padding:14px 32px;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.header .left[data-v-f68b5124]{display:flex;align-items:end;gap:32px;font-weight:700;color:#fff;font-family:YouSheBiaoTiHei}.header .right[data-v-f68b5124]{display:flex;align-items:center;gap:32px}.header .right .action-item[data-v-f68b5124]{font-weight:400;font-size:16px;color:#fff;line-height:16px;display:flex;align-items:center}.header .right .action-item .icon[data-v-f68b5124]{width:24px;height:24px;margin-right:8px}.header .right .action-item[data-v-f68b5124]:last-child{cursor:pointer}.time[data-v-f68b5124]{display:flex;font-size:16px;color:#fff;align-items:center;font-family:ex}.time .yearMonthDay[data-v-f68b5124],.time .week[data-v-f68b5124]{font-size:14px;color:#7cbeff;margin-right:16px}.time span[data-v-f68b5124],.time .nowTime[data-v-f68b5124]{margin-right:16px;font-size:18px;color:#fff}.echart-wrap[data-v-6d612509]{width:100%;height:100%;background:url(/canary/assets/pie-bg-DSK9menh.png) no-repeat;background-size:261px 139px;background-position:center 50px;position:relative}.echart-wrap .current-info[data-v-6d612509]{position:absolute;top:39px;left:66px;text-align:center;color:#000;width:100px;pointer-events:none}.echart-wrap .current-info .value[data-v-6d612509]{font-size:24px;line-height:34px}.echart-wrap .current-info .label[data-v-6d612509]{font-size:14px}.echarts[data-v-6d612509],.line-x[data-v-255ff72e]{width:100%;height:100%}.box1[data-v-5052fead]{height:310px}.box2[data-v-5052fead]{height:258px;margin-top:10px}.box3[data-v-5052fead]{height:358px;margin-top:10px}.chart[data-v-5052fead]{flex:1}.card-wrap[data-v-5052fead]{margin:23px 10px 0;position:relative;height:100%}.card-wrap .gas-cylinder[data-v-5052fead]{width:216px;height:167px;background:url(/canary/assets/qiping@2x-DogRZwwr.png) no-repeat;background-size:100% 100%;position:absolute;top:50px;left:50%;transform:translate(-50%)}.card-content[data-v-5052fead]{display:flex;justify-content:space-between;padding:0 10px}.card-content.gas-info[data-v-5052fead]{margin-bottom:24px;padding:0 60px}.card-content.day-info[data-v-5052fead]{margin-bottom:26px}.card-content.month-info[data-v-5052fead]{padding:0 60px}.card-content .card-bg[data-v-5052fead]{width:151px;height:48px;background:url(/canary/assets/bg1@2x-CJNFdAvA.png) no-repeat;background-size:100% 100%;position:relative;z-index:10}.card-content .card-bg.bg-left[data-v-5052fead]{margin-right:23px}.card-content .card-bg[data-v-5052fead]:before{width:54px;height:54px;z-index:11;position:absolute;content:"";background-size:100% 100%!important}.card-content .card-bg.gas-station[data-v-5052fead]:before{background:url(/canary/assets/qizhan@2x-DmxRbWni.png) no-repeat;left:-12px;top:-4px}.card-content .card-bg.gas-num[data-v-5052fead]:before{background:url("/canary/assets/qiping@2x(1)-Cjdlxgjl.png") no-repeat;right:-12px;background-size:100% 100%!important;top:-4px}.card-content .card-bg.day-cylinder[data-v-5052fead]{margin-right:66px}.card-content .card-bg.day-cylinder[data-v-5052fead]:before{background:url("/canary/assets/qiping@2x(1)-Cjdlxgjl.png") no-repeat;left:0;background-size:100% 100%!important}.card-content .card-bg.day-num[data-v-5052fead]:before{background:url(/canary/assets/chongzhuangliang@2x-CJ2ANYNx.png) no-repeat;right:-12px;background-size:100% 100%!important}.card-content .card-bg.month-cylinder[data-v-5052fead]{margin-right:24px}.card-content .card-bg.month-cylinder[data-v-5052fead]:before{background:url("/canary/assets/qiping@2x(1)-Cjdlxgjl.png") no-repeat;left:-12px;background-size:100% 100%!important}.card-content .card-bg.month-num[data-v-5052fead]:before{background:url(/canary/assets/chongzhuangliang@2x-CJ2ANYNx.png) no-repeat;right:-12px;background-size:100% 100%!important}.card-content .card-bg .bg-wrap[data-v-5052fead]{margin-left:43px}.card-content .card-bg .bg-wrap.bg-wrap-right[data-v-5052fead]{margin-left:0;text-align:right;margin-right:43px}.card-content .card-bg .bg-wrap.bg-wrap-middle[data-v-5052fead]{margin-left:56px}.card-content .card-bg .bg-wrap .device-num[data-v-5052fead]{font-family:ex;font-size:24px;color:#ffd64d;font-style:normal;font-weight:500;height:28px}.card-content .card-bg .bg-wrap .device-desc[data-v-5052fead]{font-weight:400;font-size:10px;color:#fff;height:20px}.charts-label[data-v-4c0136df]{display:flex;flex-wrap:wrap;padding:0 10px}.charts-label .charts-label-item[data-v-4c0136df]{display:flex;align-items:center;margin-right:20px;cursor:pointer}.charts-label .charts-label-item[data-v-4c0136df]:nth-of-type(4n){margin-right:0}.charts-label .charts-label-item .label-color[data-v-4c0136df]{width:10px;height:4px;background:#ff533b;border-radius:2px;margin-right:4px}.charts-label .charts-label-item .label-name[data-v-4c0136df]{height:17px;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:12px;color:#ffffffd9}.charts-label .charts-label-item.active .label-name[data-v-4c0136df]{color:#ffd64d}.alarm-charts[data-v-4c0136df]{width:100%;flex:1;overflow:hidden}.charts-wrap[data-v-4c0136df]{height:100%;display:flex;flex-direction:column}.alarm-lst[data-v-68f55a5a]{height:100%}.alarm-lst[data-v-68f55a5a]::-webkit-scrollbar{width:3px;height:3px;background-color:#f0f0f0}.alarm-lst[data-v-68f55a5a]::-webkit-scrollbar-track{box-shadow:inset 0 0 #f0f0f080;border-radius:3px;background-color:#f0f0f080}.alarm-lst[data-v-68f55a5a]::-webkit-scrollbar-thumb{border-radius:3px;box-shadow:inset 0 0 #f0f0f080;background-color:#f0f0f080}.alarm-lst .alarm-item[data-v-68f55a5a]{display:flex;align-items:center;margin-bottom:8px;background:linear-gradient(270deg,#13427800,#13457e);border-radius:4px}.alarm-lst .alarm-item .alarm-image[data-v-68f55a5a]{width:180px;height:120px}.alarm-lst .alarm-item .alarm-context[data-v-68f55a5a]{padding:10px 0}.alarm-lst .alarm-item .alarm-context .alarm-title[data-v-68f55a5a]{height:22px;font-family:PingFangSC,PingFang SC;font-weight:500;font-size:16px;color:#fff;margin-left:11px;margin-bottom:8px}.alarm-lst .alarm-item .alarm-context .alarm-status[data-v-68f55a5a]{display:flex;align-items:center;position:relative;height:36px}.alarm-lst .alarm-item .alarm-context .alarm-status .status-img[data-v-68f55a5a]{width:34px;height:36px;position:absolute;z-index:10}.alarm-lst .alarm-item .alarm-context .alarm-status .alarm-text[data-v-68f55a5a]{width:80px;height:22px;position:absolute;z-index:9;left:16px;display:flex;align-items:center;justify-content:center}.alarm-lst .alarm-item .alarm-context .alarm-status .alarm-text .status-text[data-v-68f55a5a]{width:24px;height:17px;display:flex;font-weight:500;font-size:12px;color:#fff;font-style:normal;font-family:PingFangSC,PingFang SC}.alarm-lst .alarm-item .alarm-context .alarm-status .alarm-text.levelOne[data-v-68f55a5a]{background:linear-gradient(270deg,#7c1a1800,#7c1a1873 42%,#7c1a1880);text-shadow:0px 0px 3px rgba(255,94,94,.5)}.alarm-lst .alarm-item .alarm-context .alarm-status .alarm-text.levelTwo[data-v-68f55a5a]{background:linear-gradient(270deg,#7c341800,#7c341873 42%,#7c341880);text-shadow:0px 0px 3px rgba(255,132,94,.5)}.alarm-lst .alarm-item .alarm-context .alarm-status .alarm-text.levelThree[data-v-68f55a5a]{background:linear-gradient(270deg,#7c5b1800,#7c5b1873 42%,#7c5b1880);text-shadow:0px 0px 3px rgba(255,194,94,.5)}.alarm-lst .alarm-item .alarm-context .alarm-desc[data-v-68f55a5a]{margin-left:11px;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:12px;color:#d9ebffd9;margin-bottom:8px;margin-top:8px}.alarm-lst .alarm-item .alarm-context .alarm-time[data-v-68f55a5a]{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:12px;color:#d9ebffa6;margin-left:11px}.box1[data-v-f42473d4]{height:310px}.box2[data-v-f42473d4]{height:626px;margin-top:10px}.chart[data-v-f42473d4]{flex:1;overflow:hidden}.pop-up-modal[data-v-aeab0276]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:999}.pop-up-modal .pop-up-modal-content[data-v-aeab0276]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:912px;height:660px;background:url(/canary/assets/pop_bg@2x-eFo2ZGs7.png) no-repeat;background-size:100% 100%;padding:70px 78px 0}.pop-up-modal .pop-up-modal-content .title[data-v-aeab0276]{font-size:28px;color:#fff;line-height:33px;font-family:ex}.pop-up-modal .pop-up-modal-content .close[data-v-aeab0276]{position:absolute;top:70px;right:70px;color:#fff;width:24px;cursor:pointer}.full-x[data-v-ab5b7bcd]{text-align:right;margin:3px 0 11px}.video-x[data-v-ab5b7bcd]{height:450px;margin-top:20px}.map-echart{width:100%;height:100%}.alarm-scroll::-webkit-scrollbar{width:6px;height:6px}.alarm-scroll::-webkit-scrollbar-track{background-color:#0000001a;border-radius:6px}.alarm-scroll::-webkit-scrollbar-thumb{background-color:#1070cc;border-radius:6px;box-shadow:inset 0 0 6px #0000004d}.alarm-scroll::-webkit-scrollbar-thumb:hover{background-color:#555}.alarm-scroll::-webkit-scrollbar-button{display:none}.fullScreen{position:fixed;width:100%;top:0;left:0;z-index:99;padding:10px;overflow:hidden;background:url(/canary/assets/bg-DuOQxwGj.png) no-repeat;background-size:100%;background-color:#051329}.tab-item[data-v-9e93db03]{width:130px;height:43px;padding-top:7px;text-align:center;font-weight:500;font-size:16px;color:#7cbeff;cursor:pointer}.tab-active[data-v-9e93db03]{background:url(/canary/assets/tab-active-BqC8hqK8.png) no-repeat;background-size:100% 100%;color:#fff}.player-info[data-v-46733eb7]{width:100%;height:100%}.v-x[data-v-46733eb7]{display:flex;flex-direction:column;height:100%}.easy-player-item[data-v-46733eb7]{background:#011124;box-shadow:0 1px 5px #0000001a;border:1px solid #005DBF;width:100%}.full-x[data-v-46733eb7]{text-align:right;margin:3px 0 11px}.fullScreen[data-v-46733eb7]{position:fixed;width:100%;top:0;left:0;background-color:#051329;z-index:99;padding:10px;overflow:hidden}.row[data-v-46733eb7]{flex:1;overflow:hidden}.main-x[data-v-50ffad7b]{height:100%;display:flex;flex-direction:column}.tab-content[data-v-50ffad7b]{flex:1}.tabs[data-v-50ffad7b]{display:flex;justify-content:center;background:url(/canary/assets/tab-bg-2U7JWp2g.png) no-repeat;background-size:100% 100%;width:320px;height:38px;margin:0 auto}@font-face{font-family:ex;src:url(/canary/assets/ex-fahbdFno.ttf)}@font-face{font-family:title;src:url(/canary/assets/title-0LQho0GF.ttf)}.screen-wrap{background:url(/canary/assets/bg-DuOQxwGj.png) no-repeat;background-size:100%;color:#fff;background-color:#051329;overflow:hidden;height:100%}.common-title{background:url(/canary/assets/title@2x-U8zqyI_W.png) no-repeat;background-size:100% 100%;height:52px;font-size:24px;color:#fff;line-height:60px;text-shadow:0px 0px 8px rgba(111,165,255,.5);text-align:center;font-family:title}.screen-content{padding:10px 24px}.screen-side{width:550px}.screen-main{flex:1;margin:0 24px}.screen-card{background:linear-gradient(180deg,#2051cb14,#1a41a233);border:1px solid;border-image:linear-gradient(180deg,#034f9900,#034f9980) 1 1}