.nav-bar-box[data-v-531f22c2]{width:100vw;overflow-x:hidden;height:50px;position:fixed;top:0;left:0;z-index:2;font-weight:700;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#028539}.nav-bar-box .nav-bar-tit[data-v-531f22c2]{z-index:1;height:50px;text-align:center;color:#fff;font-size:.42667rem}@media only screen and (max-width:414px){.nav-bar-box .nav-bar-tit[data-v-531f22c2]{line-height:1.33333rem}}@media only screen and (min-width:415px){.nav-bar-box .nav-bar-tit[data-v-531f22c2]{margin-top:10px}}@media only screen and (min-width:500px){.nav-bar-box .nav-bar-tit[data-v-531f22c2]{margin-top:-5px}}.nav-bar-box .home-box[data-v-531f22c2],.nav-bar-box .save-box[data-v-531f22c2]{margin:0 10px;width:22px;height:22px}.nav-bar-box .home-box img[data-v-531f22c2],.nav-bar-box .save-box img[data-v-531f22c2]{width:100%;height:100%;display:block}.mqtt-log-box[data-v-ce1502da]{overflow:hidden}.mqtt-log-box .mqtt-log-empty[data-v-ce1502da]{width:100%}.mqtt-log-box .mqtt-log-empty img[data-v-ce1502da]{width:100%;margin:100px 0 20px 0}.mqtt-log-box .mqtt-log-empty div[data-v-ce1502da]{font-size:.37333rem;color:#999}.mqtt-log-box .mqtt-log-list[data-v-ce1502da]{overflow:auto;height:calc(100vh - 112px);padding:50px 10px 62px;box-sizing:border-box}.mqtt-log-box .mqtt-log-list .mqtt-log-item[data-v-ce1502da]{margin:12px 0;padding:10px;border:1px dashed #04aa23;background:#fff}.mqtt-log-box .mqtt-log-list .mqtt-log-item .log-title[data-v-ce1502da]{display:flex;align-items:center;margin-bottom:8px}.mqtt-log-box .mqtt-log-list .mqtt-log-item .log-title img[data-v-ce1502da]{width:36px;height:36px;margin-right:10px}.mqtt-log-box .mqtt-log-list .mqtt-log-item .log-title div[data-v-ce1502da]{flex:1;text-align:left;overflow:hidden}.mqtt-log-box .mqtt-log-list .mqtt-log-item .log-title div p[data-v-ce1502da]{margin:0;color:#111;font-size:.4rem;line-height:.58667rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mqtt-log-box .mqtt-log-list .mqtt-log-item .log-title div span[data-v-ce1502da]{color:#999;font-size:.32rem;line-height:.48rem}.mqtt-log-box .mqtt-log-list .mqtt-log-item .table[data-v-ce1502da]{width:100%;border:1px solid #0a8d2b}.mqtt-log-box .mqtt-log-list .mqtt-log-item .table th[data-v-ce1502da]{width:30%;background:#18a73c;color:#fff;font-size:.37333rem;font-weight:500;height:40px}.mqtt-log-box .mqtt-log-list .mqtt-log-item .table tr[data-v-ce1502da]{height:45px;border-bottom:1px solid #0a8d2b;background:#e6efe3;color:#000;font-size:.37333rem;font-weight:500}.mqtt-log-box .mqtt-log-list .mqtt-log-item .table td[data-v-ce1502da]{text-align:center}.mqtt-log-box .mqtt-log-list .mqtt-log-item .flow-btn[data-v-ce1502da]{min-width:96px;height:30px;padding:0 14px;border:none;border-radius:15px;background:#18a73c;color:#fff;font-size:.34667rem;line-height:.8rem}.mqtt-log-box .flow-popup[data-v-ce1502da]{max-height:80vh;background:#f7f8fa}.mqtt-log-box .flow-popup .flow-popup-content[data-v-ce1502da]{min-height:320px;max-height:80vh;padding:18px 16px 24px;box-sizing:border-box;overflow:auto}.mqtt-log-box .flow-popup .flow-popup-title[data-v-ce1502da]{color:#111;font-size:.45333rem;font-weight:600;line-height:.64rem;text-align:center}.mqtt-log-box .flow-popup .flow-popup-subtitle[data-v-ce1502da]{margin:6px 28px 18px;color:#666;font-size:.34667rem;line-height:.48rem;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mqtt-log-box .flow-popup .flow-empty[data-v-ce1502da],.mqtt-log-box .flow-popup .flow-loading[data-v-ce1502da]{display:flex;align-items:center;justify-content:center;min-height:220px;color:#999;font-size:.37333rem}.mqtt-log-box .flow-popup .flow-timeline[data-v-ce1502da]{position:relative;padding-left:18px}.mqtt-log-box .flow-popup .flow-timeline[data-v-ce1502da]:before{content:"";position:absolute;top:8px;bottom:8px;left:6px;width:2px;background:#d9efd7}.mqtt-log-box .flow-popup .flow-timeline-item[data-v-ce1502da]{position:relative;padding-bottom:14px}.mqtt-log-box .flow-popup .flow-dot[data-v-ce1502da]{position:absolute;top:14px;left:-17px;width:10px;height:10px;border:2px solid #18a73c;border-radius:50%;background:#fff;box-sizing:border-box;z-index:1}.mqtt-log-box .flow-popup .flow-card[data-v-ce1502da]{padding:12px;border-radius:8px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}.mqtt-log-box .flow-popup .flow-card-header[data-v-ce1502da]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.mqtt-log-box .flow-popup .flow-status[data-v-ce1502da]{flex:1;margin-right:10px;color:#111;font-size:.4rem;font-weight:600;line-height:.58667rem;text-align:left}.mqtt-log-box .flow-popup .flow-time[data-v-ce1502da]{color:#999;font-size:.32rem;line-height:.48rem;white-space:nowrap}.mqtt-log-box .flow-popup .flow-row[data-v-ce1502da]{display:flex;justify-content:space-between;padding-top:6px;color:#666;font-size:.34667rem;line-height:.50667rem}.mqtt-log-box .flow-popup .flow-row span[data-v-ce1502da]{margin-right:12px;white-space:nowrap}.mqtt-log-box .flow-popup .flow-row em[data-v-ce1502da]{color:#222;font-style:normal;text-align:right;word-break:break-all}