.page[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;background-color:#e5e6eb;overflow:hidden}div[data-v-1be9ef20],span[data-v-1be9ef20]{font-size:.8vw}.header[data-v-1be9ef20]{position:relative;width:100%;height:5vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--theme)}.header .logo[data-v-1be9ef20]{position:absolute;left:24px;height:1.8vw}.header .title[data-v-1be9ef20]{color:#fff;font-weight:900;font-size:1.6vw;text-shadow:0 0 10px var(--theme)}.header .close-btn[data-v-1be9ef20]{position:absolute;right:24px;font-size:1.5vw;cursor:pointer}.main[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:16px;overflow:hidden}.grid-container[data-v-1be9ef20]{height:calc(100% - 5vw - 32px);display:grid;grid-template-columns:3fr 2fr;grid-auto-rows:1fr;gap:16px}.grid-item .classify-title[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.grid-item .classify-title .title-text[data-v-1be9ef20]{position:relative;font-size:1vw;color:#303133;line-height:1.75vw}.grid-item .classify-title .title-icon[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.8vw;color:#2e77ed;cursor:pointer}.grid-item .content-container[data-v-1be9ef20]{height:calc(100% - 2.55vw);padding:16px;background:#fff;-webkit-box-shadow:4px 4px 12px 0 rgba(94,94,94,.2);box-shadow:4px 4px 12px 0 rgba(94,94,94,.2);border-radius:8px;border-left:4px solid var(--theme)}.grid-item .content-container .change-box[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2vw;line-height:2vw}.grid-item .content-container .change-text[data-v-1be9ef20]{cursor:pointer;color:#86909c;padding:0 16px;margin-right:16px;border-bottom:2px solid #fff}.grid-item .content-container .one-color[data-v-1be9ef20]{color:var(--theme);border-bottom:2px solid var(--theme)}.grid-item .info-content[data-v-1be9ef20]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.grid-item .info-content .device-img[data-v-1be9ef20]{cursor:pointer}.grid-item .info-content .device-img .img-box[data-v-1be9ef20]{width:5vw;height:5vw;border-radius:8px}.grid-item .info-content .device-info[data-v-1be9ef20]{width:100%;height:100%;overflow:auto;margin-left:16px}.grid-item .info-content .device-info .name-menu[data-v-1be9ef20]{margin-bottom:14px}.grid-item .info-content .device-info .name-menu .name-box[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-item .info-content .device-info .name-menu .name-box .name[data-v-1be9ef20]{font-weight:700;color:#303133;margin-right:16px}.grid-item .info-content .device-info .name-menu .name-box .id[data-v-1be9ef20]{color:#86909c}.grid-item .info-content .device-info .name-menu .menu-box[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--theme)}.grid-item .info-content .device-info .name-menu .menu-box i[data-v-1be9ef20]{font-size:1vw;vertical-align:bottom}.grid-item .info-content .device-info .name-menu .menu-box .more-action[data-v-1be9ef20]{margin-left:24px;color:var(--theme);cursor:pointer}.grid-item .info-content .device-info .status-box-container[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.grid-item .info-content .device-info .arrow-box[data-v-1be9ef20]{padding:4px 0 4px 14px;cursor:pointer}.grid-item .info-content .device-info .arrow-box i[data-v-1be9ef20]{font-size:1vw;vertical-align:bottom}.grid-item .info-content .device-info .status-box[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.grid-item .info-content .device-info .status-box2[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden}.grid-item .info-content .device-info .status[data-v-1be9ef20]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;color:#2e77ed;padding:4px 14px;margin-right:12px;background:#e8f3ff;border-radius:4px;margin-bottom:8px}.grid-item .info-content .device-info .location[data-v-1be9ef20]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;color:#ff7d00;padding:4px 14px;margin-right:12px;background:#fff7e8;border-radius:4px;margin-bottom:8px}.grid-item .info-content .device-info .location span[data-v-1be9ef20]{color:#4e5969}.grid-item .info-content .device-info .use[data-v-1be9ef20]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;color:#026835;padding:4px 14px;margin-right:12px;background:#e8ffea;border-radius:4px;margin-bottom:8px}.grid-item .info-content .device-info .use span[data-v-1be9ef20]{color:#4e5969}.grid-item .info-content .device-info .no-use[data-v-1be9ef20]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;color:#4e5969;padding:4px 14px;margin-right:12px;background:#f3f4f6;border-radius:4px;margin-bottom:8px}.grid-item .info-content .device-info .no-use span[data-v-1be9ef20]{color:#4e5969}.grid-item .info-content .device-info .leave[data-v-1be9ef20]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;color:#e45656;padding:4px 14px;background:#ffece8;border-radius:4px}.grid-item .info-content .device-info .leave span[data-v-1be9ef20]{color:#4e5969}.grid-item .info-content .device-info .info-box-height[data-v-1be9ef20]{height:calc(100% - 2vw - 46px)}.grid-item .info-content .device-info .info-box-height2[data-v-1be9ef20]{height:calc(100% - 3vw - 66px)}.grid-item .info-content .device-info .info-box[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.grid-item .info-content .device-info .info-box .box-item[data-v-1be9ef20]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-right:24px}.grid-item .info-content .device-info .info-box .box-item .info-item[data-v-1be9ef20]{width:100%;overflow:auto;color:#86909c}.grid-item .info-content .device-info .info-box .box-item .info-item span[data-v-1be9ef20]{color:#303133}.grid-item .info-content .device-info .info-box .box-item .info-item .attach-box[data-v-1be9ef20]{max-width:350px;overflow-x:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-item .info-content .device-info .info-box .box-item .info-item .attach-box .attach-icon-box[data-v-1be9ef20]{width:1vw;font-size:1vw;margin-right:8px;cursor:pointer}.grid-item .info-content .device-info .info-box .box-item .info-item .attach-box .attach-icon-box .el-icon-i[data-v-1be9ef20]{color:#2e77ed}.grid-item .info-content .device-info .info-box .box-item[data-v-1be9ef20]:last-of-type{margin-right:0}.grid-item .use-content[data-v-1be9ef20]{height:calc(100% - 2vw);padding:14px}.grid-item .use-content .first-tabs .use-text[data-v-1be9ef20],.grid-item .use-content .first-tabs[data-v-1be9ef20]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-item .use-content .first-tabs .use-text[data-v-1be9ef20]{-ms-flex-wrap:wrap;flex-wrap:wrap;width:35%;color:#303133;line-height:1.45vw}.grid-item .use-content .first-tabs .use-text .use-item[data-v-1be9ef20]{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#303133}.grid-item .use-content .first-tabs .use-text .use-item div[data-v-1be9ef20]:first-child{color:#86909c}.grid-item .use-content .first-tabs .use-text .use-item div[data-v-1be9ef20]:nth-child(2){font-size:1vw;color:#303133;font-weight:700}.grid-item .use-content .first-tabs .use-text .use-item div:nth-child(2) span[data-v-1be9ef20]{font-size:.6vw;font-weight:400}.grid-item .use-content .first-tabs .use-text .use-item div[data-v-1be9ef20]:last-child{color:var(--theme);font-size:.6vw}.grid-item .use-content .first-tabs .use-text .use-item[data-v-1be9ef20]:last-of-type{margin-bottom:0}.grid-item .use-content .first-tabs .charts[data-v-1be9ef20]{width:65%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-item .use-content .first-tabs .charts .chart-box[data-v-1be9ef20]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:100%}.grid-item .use-content .first-tabs .charts .pic[data-v-1be9ef20]{width:100%;height:100%}.grid-item .use-content .second-tabs[data-v-1be9ef20]{height:100%}.grid-item .use-content .second-tabs .time-text[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:24px}.grid-item .use-content .second-tabs .time-text .time-item[data-v-1be9ef20]{color:#86909c}.grid-item .use-content .second-tabs .time-text .time-item span[data-v-1be9ef20]:first-child{color:#303133;font-weight:700}.grid-item .use-content .second-tabs .time-text .time-item span[data-v-1be9ef20]:last-child{font-size:.6vw;color:#303133}.grid-item .use-content .second-tabs .charts-box[data-v-1be9ef20]{width:100%;height:calc(100% - 1vw - 24px);padding-top:16px;background:#f3f4f6;border-radius:8px}.grid-item .use-content .second-tabs .charts-box .line-box[data-v-1be9ef20]{width:100%;height:100%}.grid-item .use-content .third-tabs[data-v-1be9ef20]{height:100%}.grid-item .use-content .third-tabs .location-info[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.grid-item .use-content .third-tabs .location-info .location-info-first[data-v-1be9ef20]{width:35%}.grid-item .use-content .third-tabs .location-info .location-info-second[data-v-1be9ef20]{width:65%}.grid-item .use-content .third-tabs .location-info .location-item[data-v-1be9ef20]{color:#86909c}.grid-item .use-content .third-tabs .location-info .location-item span[data-v-1be9ef20]{color:#303133}.grid-item .use-content .third-tabs .location-info .location-item .ele-img[data-v-1be9ef20]{width:1.2vw;height:1.2vw;margin-left:4px}.grid-item .use-content .third-tabs .location-info .location-item[data-v-1be9ef20]:nth-child(odd){margin-bottom:8px}.grid-item .use-content .third-tabs .map[data-v-1be9ef20]{position:relative;width:100%;height:calc(100% - 24px - 2vw)}.grid-item .use-content .third-tabs .map .map-screen[data-v-1be9ef20]{position:absolute;top:16px;left:16px;background-color:#fff;-webkit-box-shadow:2px 2px 4px 0 rgba(94,94,94,.3);box-shadow:2px 2px 4px 0 rgba(94,94,94,.3);border-radius:4px;padding:12px;z-index:9}.grid-item .use-content .third-tabs .map .map-screen .top-screen[data-v-1be9ef20]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.grid-item .use-content .third-tabs .map .map-screen .top-screen .time-choose[data-v-1be9ef20],.grid-item .use-content .third-tabs .map .map-screen .top-screen[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-item .use-content .third-tabs .map .map-screen .top-screen .time-choose .picker-label[data-v-1be9ef20]{color:#86909c;font-size:.6vw;margin-right:8px}.grid-item .use-content .third-tabs .map .map-screen .top-screen .time-choose .el-date-editor.el-input__inner[data-v-1be9ef20],.grid-item .use-content .third-tabs .map .map-screen .top-screen .time-choose[data-v-1be9ef20] .el-date-editor.el-input{width:280px!important}.grid-item .use-content .third-tabs .map .map-screen .top-screen .quick-choose[data-v-1be9ef20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-item .use-content .third-tabs .map .map-screen .top-screen .quick-choose .quick-item[data-v-1be9ef20]{color:#86909c;font-size:.6vw;margin-left:8px;cursor:pointer}.grid-item .use-content .third-tabs .map .map-screen .top-screen .quick-choose .quick-item-check[data-v-1be9ef20]{color:var(--theme);font-size:.6vw;margin-left:8px;cursor:pointer}.grid-item .use-content .third-tabs .map .map-screen .screen-table[data-v-1be9ef20]{width:100%;height:calc(100% - 48px);overflow-y:auto;margin-top:16px}.grid-item .use-content .third-tabs .map .map-screen .screen-table[data-v-1be9ef20] .el-table div{font-size:.6vw}.grid-item .use-content .third-tabs .map .map-screen .screen-table[data-v-1be9ef20] .el-table thead{color:#303133}.grid-item .use-content .third-tabs .map .map-screen .screen-table[data-v-1be9ef20] .el-table th.el-table__cell{background-color:#e5e6eb}.grid-item .use-content .third-tabs .map .map-screen .screen-table[data-v-1be9ef20] .el-table th.el-table__cell .cell{line-height:20px}.grid-item .use-content .third-tabs .map .map-screen .nomore[data-v-1be9ef20]{color:#86909c;font-size:.6vw;text-align:center;margin:4px 0}.grid-item .use-content .third-tabs .map .map-expand[data-v-1be9ef20]{position:absolute;top:16px;right:16px;color:var(--theme);padding:8px;background:#fff;-webkit-box-shadow:2px 2px 4px 0 rgba(94,94,94,.3);box-shadow:2px 2px 4px 0 rgba(94,94,94,.3);border-radius:4px;z-index:9;cursor:pointer}.grid-item .use-content .third-tabs .map .map-expand i[data-v-1be9ef20]{font-size:1vw}.grid-item .use-content .third-tabs .map .map-box[data-v-1be9ef20]{width:100%;height:100%}.grid-item-one[data-v-1be9ef20]{grid-area:1/1/3/2}.grid-item-two[data-v-1be9ef20]{grid-area:1/2/3/3}.grid-item-three[data-v-1be9ef20]{grid-area:3/1/6/2}.grid-item-four[data-v-1be9ef20]{grid-area:3/2/6/3}.big-map[data-v-1be9ef20]{width:100%;height:calc(100vh - 120px)}[data-v-1be9ef20] .el-dropdown-menu__item{font-size:.8vw!important;color:#303133}[data-v-1be9ef20] .el-dropdown-menu__item:not(.is-disabled):hover{background-color:#f3f4f6;color:var(--theme)}.map-animation[data-v-1be9ef20]{-webkit-animation:screenAnimation-1be9ef20 1s ease;animation:screenAnimation-1be9ef20 1s ease}.map-animation-open[data-v-1be9ef20]{-webkit-animation:screenAnimationOpen-1be9ef20 1s ease;animation:screenAnimationOpen-1be9ef20 1s ease}@-webkit-keyframes screenAnimation-1be9ef20{0%{height:calc(100% - 32px)}to{height:56px}}@keyframes screenAnimation-1be9ef20{0%{height:calc(100% - 32px)}to{height:56px}}@-webkit-keyframes screenAnimationOpen-1be9ef20{0%{height:56px}to{height:calc(100% - 32px)}}@keyframes screenAnimationOpen-1be9ef20{0%{height:56px}to{height:calc(100% - 32px)}}