.map[data-v-121019c6]{padding:20px}.map-container[data-v-121019c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:20px 0 20px 0;-webkit-transition:all .3s;transition:all .3s;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.map-container[data-v-121019c6]:hover{-webkit-box-shadow:0 4px 16px 0 rgba(0,0,0,.15);box-shadow:0 4px 16px 0 rgba(0,0,0,.15)}.map-header[data-v-121019c6]{margin-bottom:25px;border-bottom:1px solid #ebeef5;padding-bottom:15px;padding-left:20px;width:100%}.map-header h2[data-v-121019c6]{font-size:24px;color:#303133;margin:0 0 10px 0}.map-header p[data-v-121019c6]{font-size:14px;color:#909399;margin:0}.map-content[data-v-121019c6]{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:start;-ms-flex-align:start;align-items:flex-start;width:100%;background-color:#fff}.map-info[data-v-121019c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f7fa;border-radius:8px;padding:15px;margin-bottom:20px;margin-left:20px;margin-right:20px;width:calc(100% - 40px);max-width:1200px;-webkit-transition:all .3s;transition:all .3s}.map-info[data-v-121019c6]:hover{background-color:#eef1f6}.info-icon[data-v-121019c6]{font-size:36px;color:#409eff;margin-right:15px}.info-text[data-v-121019c6]{width:100%}.info-text p[data-v-121019c6]{margin:0;color:#606266;line-height:1.6}.single-line[data-v-121019c6]{white-space:normal;overflow:hidden;width:100%}.robot-selector[data-v-121019c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% - 40px);margin:0 20px 20px 20px;padding:15px;background-color:#f5f7fa;border-radius:8px;-webkit-transition:all .3s;transition:all .3s;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:2080px}.robot-selector[data-v-121019c6]:hover{background-color:#eef1f6}.robot-status[data-v-121019c6]{margin-left:30px;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:70%}.robot-status[data-v-121019c6],.status-item[data-v-121019c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.status-item[data-v-121019c6]{margin-right:20px;padding:5px 10px;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1)}.status-label[data-v-121019c6]{font-weight:700;color:#606266;margin-right:8px;font-size:14px}.status-value[data-v-121019c6]{color:#303133;font-size:14px}.selector-label[data-v-121019c6]{font-size:16px;font-weight:700;color:#606266;margin-right:15px}.robot-select[data-v-121019c6]{width:300px}.map-view[data-v-121019c6]{position:relative;text-align:center;width:calc(100% - 40px);height:100%;margin:0 20px;background-color:#f0f0f0;border-radius:8px;overflow:hidden;min-height:500px;max-width:2080px;max-height:1000px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.map-canvas[data-v-121019c6]{display:block;margin:0 auto;background-color:transparent;position:relative;border-radius:8px}.robot-info-panel[data-v-121019c6]{position:absolute;top:10px;right:10px;width:280px;text-align:left;font-size:14px;background-color:hsla(0,0%,100%,.9);border-radius:8px;padding:15px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:10}.robot-info-panel h3[data-v-121019c6]{margin-top:0;margin-bottom:15px;color:#303133;font-size:18px;border-bottom:1px solid #ebeef5;padding-bottom:10px}.info-item[data-v-121019c6]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.info-label[data-v-121019c6]{font-weight:700;width:70px;color:#606266}.info-value[data-v-121019c6]{color:#303133;-webkit-box-flex:1;-ms-flex:1;flex:1}.no-robot-selected[data-v-121019c6]{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f0f0f0;border-radius:8px;padding:40px 20px;margin:20px 0;text-align:center;min-height:500px;border:1px dashed #dcdfe6;max-width:2080px;margin:0 auto}.no-robot-selected .warning-icon[data-v-121019c6]{font-size:48px;color:#e6a23c;margin-bottom:20px}.no-robot-selected p[data-v-121019c6]{font-size:16px;color:#606266;max-width:400px;line-height:1.6}@media (max-width:768px){.map-info[data-v-121019c6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.info-icon[data-v-121019c6]{margin-bottom:10px}.robot-selector[data-v-121019c6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.robot-status[data-v-121019c6]{margin-left:0;margin-top:15px;width:100%}.status-item[data-v-121019c6]{margin-bottom:10px;width:100%}.robot-select[data-v-121019c6]{width:100%;margin-top:10px}.selector-label[data-v-121019c6]{margin-bottom:5px}.no-robot-selected[data-v-121019c6]{padding:30px 15px;min-height:200px}.no-robot-selected .warning-icon[data-v-121019c6]{font-size:36px}.no-robot-selected p[data-v-121019c6]{font-size:14px}}@media (min-width:3840px){.map-container[data-v-121019c6]{max-width:3200px;margin:0 auto}.map-view[data-v-121019c6]{max-width:3200px;max-height:1800px;width:calc(100% - 40px);margin:0 20px}.robot-selector[data-v-121019c6]{max-width:3200px;width:calc(100% - 40px);margin:0 20px 20px 20px}.robot-status[data-v-121019c6]{max-width:70%;margin-left:40px}.status-item[data-v-121019c6]{padding:8px 15px;margin-right:30px}.status-label[data-v-121019c6],.status-value[data-v-121019c6]{font-size:16px}.selector-label[data-v-121019c6]{font-size:18px}.robot-select[data-v-121019c6]{width:400px}}