.auto-col[data-v-65d29f3b]{-ms-flex-direction:column;flex-direction:column}.auto-row[data-v-65d29f3b]{-ms-flex-direction:row;flex-direction:row}.auto-col[data-v-65d29f3b],.auto-row[data-v-65d29f3b]{width:100%;height:100%;transform-origin:0 0;display:-ms-flexbox;display:flex;gap:10px}.auto-col .static[data-v-65d29f3b],.auto-row .static[data-v-65d29f3b]{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.auto-col .auto[data-v-65d29f3b],.auto-row .auto[data-v-65d29f3b]{border-radius:4px;overflow:hidden;-ms-flex:1;flex:1}.auto-height[data-v-65d29f3b]{height:auto}.color-block[data-v-65d29f3b]{width:100%;height:100px;border-radius:5px;margin-top:16px}.color-block .auto-row[data-v-65d29f3b]{gap:0}.color-block .icon-wrap[data-v-65d29f3b]{width:70px;height:70px;font-size:0;padding:15px 0 15px 40px;box-sizing:content-box}.color-block .icon-wrap img[data-v-65d29f3b]{width:100%}.color-block .text[data-v-65d29f3b]{text-align:center}.color-block .text .num[data-v-65d29f3b]{font-weight:500;font-size:38px;color:#ec0000;line-height:64px;margin-bottom:0}.color-block .text .title[data-v-65d29f3b]{font-size:16px;color:#000}.module[data-v-23e59404]{position:relative;transition:all .3s;width:100%}.j-table-force-nowrap[data-v-23e59404]{margin-top:0}.empty[data-v-23e59404]{position:relative;margin:0}.production-box[data-v-23e59404]{position:relative}.production-line[data-v-0dcaf073]{height:255px;position:relative}.production-line[data-v-0dcaf073] .text{padding-left:25px;color:#5e82f4}.production-line[data-v-0dcaf073] .text:before{content:"";display:block;height:14px;width:14px;border-radius:2px;background:#5e82f4;position:absolute;left:0;top:3px;transform:rotate(45deg)}.production-line .chart-tips[data-v-0dcaf073]{width:90%;position:absolute;bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.production-line .chart-tips .error[data-v-0dcaf073]{color:red}.production-line .chart-tips .wraing[data-v-0dcaf073]{color:#f5bc31}.production-line .chart-tips .normal[data-v-0dcaf073]{color:#049f60}.production-line-list[data-v-32276135]{height:100%;overflow:auto}.production-line[data-v-32276135]{margin-bottom:10px}.production-line[data-v-32276135]:last-child{margin-bottom:0}.production-line[data-v-32276135]:active{border:1px solid #e4e4e4}.production-line.active[data-v-32276135],.production-line[data-v-32276135]:hover{border:1px solid #2995ff;background:#fefefe}.module[data-v-c3220c1e]{position:relative;transition:all .3s;width:100%}.j-table-force-nowrap[data-v-c3220c1e]{margin-top:0}.empty[data-v-c3220c1e]{position:relative;margin:0}.auto-col[data-v-b078c258]{-ms-flex-direction:column;flex-direction:column}.auto-row[data-v-b078c258]{-ms-flex-direction:row;flex-direction:row}.auto-col[data-v-b078c258],.auto-row[data-v-b078c258]{width:100%;height:100%;transform-origin:0 0;display:-ms-flexbox;display:flex;gap:10px}.auto-col .static[data-v-b078c258],.auto-row .static[data-v-b078c258]{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.auto-col .auto[data-v-b078c258],.auto-row .auto[data-v-b078c258]{border-radius:4px;overflow:hidden;-ms-flex:1;flex:1}.auto-height[data-v-b078c258]{height:auto}.img-wrap[data-v-b078c258]{width:89px}.img-wrap img[data-v-b078c258]{width:100%}.machine[data-v-b078c258]{height:174px;background:linear-gradient(180deg,#f8f8f8 40px,#fff 0)}.machine[data-v-b078c258] .active{padding:25px 0 8px 0}.machine .content[data-v-b078c258]{-ms-flex-align:center;align-items:center}.machine .status[data-v-b078c258]{position:relative;padding-left:12px;font-size:12px}.machine .status.error[data-v-b078c258]{color:red}.machine .status.error[data-v-b078c258]:before{background:red!important}.machine .status.error[data-v-b078c258]:after{background:red!important}.machine .status.wraing[data-v-b078c258]{color:#f5bc31}.machine .status.wraing[data-v-b078c258]:before{background:#f5bc31!important}.machine .status.wraing[data-v-b078c258]:after{background:#f5bc31!important}.machine .status.normal[data-v-b078c258]{color:#049f60}.machine .status.normal[data-v-b078c258]:before{background:#049f60!important}.machine .status.normal[data-v-b078c258]:after{background:#049f60!important}.machine .status[data-v-b078c258]:before{display:inline-block;content:" ";width:6px;height:6px;border-radius:50%;background:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%)}.machine .status[data-v-b078c258]:after{display:inline-block;content:" ";width:4px;height:42px;background:#f8f8f8;border-radius:0;position:absolute;right:-10px;top:50%;transform:translateY(-55%)}.machine[data-v-b078c258] .text{padding-left:0}.machine[data-v-b078c258] .text:before{display:none}.legend[data-v-b078c258]{width:98px;font-size:12px;color:#000;background:#f8f8f8;padding:8px 0;border-radius:4px}.legend p[data-v-b078c258]{margin-bottom:0;padding:7px 8px}.legend p[data-v-b078c258]:last-child{margin-bottom:0;border-radius:4px}.legend b[data-v-b078c258],.legend i[data-v-b078c258]{font-style:normal;display:inline-block}.legend b[data-v-b078c258]{width:56px;text-align:right}.legend .error b[data-v-b078c258]{color:red}.legend .wraing b[data-v-b078c258]{color:#f5bc31}.legend .fault b[data-v-b078c258]{color:#35c68b}.machine-list[data-v-892aae8e]{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(calc(25% - 20px),1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(calc(25% - 20px),1fr));gap:10px}@media (max-width:1800px){.machine-list[data-v-892aae8e]{-ms-grid-columns:(minmax(calc(33.33333% - 20px),1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(calc(33.33333% - 20px),1fr))}}@media (max-width:1556px){.machine-list[data-v-892aae8e]{-ms-grid-columns:(minmax(calc(50% - 20px),1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(calc(50% - 20px),1fr))}}@media (max-width:1150px){.machine-list[data-v-892aae8e]{-ms-grid-columns:(minmax(calc(100% - 20px),1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(calc(100% - 20px),1fr))}}.auto-col[data-v-68da04b0]{-ms-flex-direction:column;flex-direction:column}.auto-row[data-v-68da04b0]{-ms-flex-direction:row;flex-direction:row}.auto-col[data-v-68da04b0],.auto-row[data-v-68da04b0]{width:100%;height:100%;transform-origin:0 0;display:-ms-flexbox;display:flex;gap:10px}.auto-col .static[data-v-68da04b0],.auto-row .static[data-v-68da04b0]{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.auto-col .auto[data-v-68da04b0],.auto-row .auto[data-v-68da04b0]{border-radius:4px;overflow:hidden;-ms-flex:1;flex:1}.auto-height[data-v-68da04b0]{height:auto}.head[data-v-68da04b0]{background:#fff;border-radius:5px;height:auto}.head .todo[data-v-68da04b0]{width:40%;background:#fff;border-radius:5px}.auto-col[data-v-bf9675d2]{-ms-flex-direction:column;flex-direction:column}.auto-row[data-v-bf9675d2]{-ms-flex-direction:row;flex-direction:row}.auto-col[data-v-bf9675d2],.auto-row[data-v-bf9675d2]{width:100%;height:100%;transform-origin:0 0;display:-ms-flexbox;display:flex;gap:10px}.auto-col .static[data-v-bf9675d2],.auto-row .static[data-v-bf9675d2]{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.auto-col .auto[data-v-bf9675d2],.auto-row .auto[data-v-bf9675d2]{border-radius:4px;overflow:hidden;-ms-flex:1;flex:1}.auto-height[data-v-bf9675d2]{height:auto}.page[data-v-bf9675d2]{height:calc(100vh - 88px)}.main .left[data-v-bf9675d2]{width:340px;border-radius:5px}.main .right[data-v-bf9675d2]{overflow:auto}.dashboard[data-v-b0e26492]{position:relative;background-color:#f0f2f5;min-height:100vh}.production-lines[data-v-b0e26492]{width:320px}.production-line-card[data-v-b0e26492]{background-color:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.1);margin-bottom:16px;padding:8px;position:relative}.line-title[data-v-b0e26492]{font-size:16px;font-weight:700;color:#1890ff}.line-content[data-v-b0e26492]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.chart-container[data-v-b0e26492]{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-bottom:16px}.donut-chart[data-v-b0e26492]{position:relative}.echarts-container[data-v-b0e26492]{position:relative}.chart-center[data-v-b0e26492]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1}.chart-value[data-v-b0e26492]{font-size:16px;font-weight:700}.chart-legend[data-v-b0e26492]{margin-top:12px}.legend-item[data-v-b0e26492]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:4px}.dot[data-v-b0e26492]{width:8px;height:8px;border-radius:50%;margin-right:8px}.red[data-v-b0e26492]{color:#ff4d4f}.yellow[data-v-b0e26492]{color:#faad14}.blue[data-v-b0e26492]{color:#1890ff}.green[data-v-b0e26492]{color:#52c41a}.line-stats[data-v-b0e26492]{width:120px;position:absolute;right:0;top:80px}.stat-item[data-v-b0e26492]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:15px}.stat-item span[data-v-b0e26492]{margin-right:8px}.value[data-v-b0e26492]{font-weight:700;margin-left:auto}.machine-grid[data-v-b0e26492]{position:absolute;top:0;right:0;width:calc(100% - 330px);-ms-flex:1;flex:1;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);gap:8px}.machine-card[data-v-b0e26492]{background-color:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.1);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:140px}.machine-header[data-v-b0e26492]{padding:16px;display:-ms-flexbox;display:flex;background:#f8f8f8;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:4px;height:20px;border-right:3px solid #faad14}.machine-id[data-v-b0e26492]{font-weight:700;font-size:14px}.machine-status[data-v-b0e26492]{font-size:12px;padding:1px 6px;border-radius:10px;color:#fff}.status-error[data-v-b0e26492]{background-color:#ff4d4f}.border-error[data-v-b0e26492]{border-right:3px solid #ff4d4f}.status-running[data-v-b0e26492]{background-color:#52c41a}.border-running[data-v-b0e26492]{border-right:3px solid #52c41a}.status-warning[data-v-b0e26492]{background-color:#faad14}.border-warning[data-v-b0e26492]{border-right:3px solid #faad14}.machine-body[data-v-b0e26492]{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:0;position:relative}.machine-img[data-v-b0e26492]{position:absolute;right:20px;top:10px}