| 1 |
- .main-box{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;padding:10px 20px;overflow:hidden}.main-box,.main-box .box-first{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.main-box .box-first{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.main-box .box-first .machine{width:400px;text-align:center}.main-box .box-first .machine-right{-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;background:#111827;height:100%;padding-bottom:20px}.main-box .box-first .machine-right .machine-bottom{padding:0 30px;margin-top:28px}.main-box .box-first .machine-right .machine-bottom ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;padding:0;margin:0}.main-box .box-first .machine-right .machine-bottom ul span{color:#82879d;font-size:18px;font-weight:600}.main-box .box-first .machine-right .machine-bottom ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-box .box-first .machine-right .machine-bottom ul li:first-child{width:26%}.main-box .box-first .machine-right .machine-bottom ul li:first-child .status{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:35px}.main-box .box-first .machine-right .machine-bottom ul li:first-child .status .status-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-right:40px}.main-box .box-first .machine-right .machine-bottom ul li:first-child .status .status-list .staus-info{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-box .box-first .machine-right .machine-bottom ul li:first-child .status .status-list .staus-info .infoimg{width:17px;height:17px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFeSURBVHgBnVRLUsJAEH1vwH2OkCLuGfQCLhVYyA30BHqDmBPIDfAGbtQtHCHsseQGZqErSdruWJR8QhXJW6R6ero7/Xk9xAGEfnjRhvgCDBwkW4HpMn2ZVdlyV9E5H96xkAcIU6CYC1xGFAHguqCEEEne07enyiChvw5a/HlWZ1Mmi4q/hv4ybLE1MTmX79EynWVbBlFvMI18f4wjEPnh2Ox3lP0bvZiiBixIx1/dm+zsI2ScY3VbJwiFCeni8mBTqJvFZjanNkUdnxfIHA0gQp2e+LYmpuNjhmbIUPJIiYSSB40QmL9zykSSXTQAKV3zLw/aoE9rUA1/I2cY9fofJpcjpiARSlwniLJ7AvXbUpbkORs8HhPA7DZp4dZCLicjzchbMEsVlSUop/SeBX2Or9Fav7fFtgK6g7Gu4VLrnEuhW+x0elI231vpi/R1a8eIA/hr9P97oqbp4sB78gsBpIV8CB95HQAAAABJRU5ErkJggg==)}.main-box .box-first .machine-right .machine-bottom ul li:first-child .status .status-list .staus-info .infotext{font-size:16px;font-weight:500;color:#636c97}.main-box .box-first .machine-right .machine-bottom ul li:first-child .status .status-list .staus-info .active{color:#fff;font-weight:400}.main-box .box-first .machine-right .machine-bottom ul li:nth-child(2){-webkit-box-flex:1;-ms-flex:1;flex:1}.main-box .box-first .machine-right .machine-bottom ul li:nth-child(2) .signal-status{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:35px}.main-box .box-first .machine-right .machine-bottom ul li:nth-child(2) .signal-status .signal-status-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-right:45px}.main-box .box-first .machine-right .machine-bottom ul li:nth-child(2) .signal-status .signal-status-list .signal-icon{position:relative}.main-box .box-first .machine-right .machine-bottom ul li:nth-child(2) .signal-status .signal-status-list .signal-icon img:last-child{position:absolute;right:8px;bottom:0}.main-box .box-first .machine-right .machine-bottom ul li:nth-child(2) .signal-status .signal-status-list .signal-text{margin-top:10px;font-size:16px;font-weight:500;color:#636c97}.main-box .box-first .machine-right .machine-bottom ul li:nth-child(3){width:16%}.main-box .box-first .machine-right .machine-bottom ul li:nth-child(3) .speed{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#596189;font-size:16px;font-weight:600;margin-top:28px}.main-box .box-first .machine-right .machine-bottom ul li:nth-child(3) .speed p{margin:0;padding:0}.main-box .box-first .machine-right .machine-bottom ul li:nth-child(3) .speed p font{color:#fff}.main-box .box-first .machine-right .machine-bottom ul li:nth-child(3) .speed p em{font-style:normal;color:#323858;font-size:14px}.main-box .box-first .machine-right .machine-bottom ul li:nth-child(3) .speed p:nth-child(2){margin:18px 0}.main-box .box-first .machine-right .machine-bottom ul li:last-child{width:12%}.main-box .box-first .machine-right .machine-bottom ul li:last-child .times{color:#596189;font-size:16px;font-weight:600;margin-top:28px}.main-box .box-first .machine-right .machine-bottom ul li:last-child .times font{color:#fff;font-size:14px}.main-box .box-first .machine-right .machine-bottom ul li:last-child .times:last-child{margin-top:20px}.main-box .box-second{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#111827}.main-box .box-second .storage-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px;overflow:hidden}.main-box .box-second .storage-bottom .storagebox{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.main-box .box-second .storage-page{text-align:right;color:#fff;padding-right:30px;font-size:13px;padding-bottom:10px}.main-box .box-second .storage-page span{padding:0 6px}.main-box .box-second .storage-page a{margin-right:10px}.main-box .box-second .storage-page a.active{color:#1890ff;border:1px solid #1890ff;background-color:#111827;padding:0 4px;text-align:center}.border-style[data-v-ca2f97ec]{border:2px solid #192233;border-left:none;border-right:none;padding:2px}.inner-style[data-v-ca2f97ec]{background:#121a29;padding:3px;display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.white-border[data-v-ca2f97ec]{width:28px;height:18px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAiCAYAAAAZHFoXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDkwQ0MyNzVGRENGMTFFQ0IxNUU4RTNERDM1MTA5OTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDkwQ0MyNzZGRENGMTFFQ0IxNUU4RTNERDM1MTA5OTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OTBDQzI3M0ZEQ0YxMUVDQjE1RThFM0REMzUxMDk5MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OTBDQzI3NEZEQ0YxMUVDQjE1RThFM0REMzUxMDk5MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk0cXYYAAAa0SURBVHja7FhLb1tF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);background-size:100% 100%}.align-center[data-v-ca2f97ec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.name[data-v-ca2f97ec]{color:#fff;font-size:1.2rem;font-weight:600;text-shadow:0 0 3px #1753ce,0 0 4px #1753ce,0 0 3px #1753ce,0 0 3px #1753ce;margin-left:-4.2%}.storage[data-v-ca2f97ec]{background:#192b7d;width:20px;height:20px;color:#fff;font-size:16px;font-weight:600;border-radius:50%;text-indent:6px;line-height:22px;margin-left:3px}.statement[data-v-ca2f97ec]{color:#324264;font-size:.6rem;margin:0 8px;font-weight:600;padding-top:9px}.exchange-store[data-v-ca2f97ec]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:32px;position:relative;bottom:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.store-list[data-v-ca2f97ec]{width:88px;height:32px;text-align:center;line-height:32px;border:1px solid #414a63;color:#84988c;font-size:14px;font-weight:600;margin-right:15px;cursor:pointer}.active[data-v-ca2f97ec]{border:1px solid #91fdb9;color:#91fdb9}.info-left[data-v-1ad395c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:46%;margin-bottom:2vh}.info-left .info-electric[data-v-1ad395c2]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:10px}.info-left .info-electric div[data-v-1ad395c2]:first-child{border:1px solid #1a222f;background-color:#0e1420;height:10px;color:#fff;border-radius:8px;font-size:16px;font-weight:600;width:80%}.info-left .info-electric div:first-child span[data-v-1ad395c2]{position:relative;bottom:5px}.info-left .info-electric div[data-v-1ad395c2]:last-child{position:relative;bottom:1px;font-weight:600;font-size:16px}.info-left .line[data-v-1ad395c2]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:5px}.info-left .line[data-v-1ad395c2] :first-child{width:2%;background-color:#fff;height:2px}.info-left .line[data-v-1ad395c2] :last-child{height:2px;width:96%;background-color:#14172a;margin-left:5px}.info-left .info-text[data-v-1ad395c2]{width:100%;margin-top:3px}.communication[data-v-1d866938]{display:-webkit-box;display:-ms-flexbox;display:flex}.communication div[data-v-1d866938]{line-height:36px;font-size:16px;font-weight:600;height:36px;width:136px;text-align:center}.communication div[data-v-1d866938]:first-child{background-color:#1b263a;border:1px solid #25334d;color:#fff;line-height:34px}.communication div:first-child img[data-v-1d866938]{vertical-align:middle}.communication .success[data-v-1d866938]{color:#92fdb9}.communication .warning[data-v-1d866938]{color:#ff4d4f}.battery-number[data-v-1d866938]{margin-top:1vh;display:-webkit-box;display:-ms-flexbox;display:flex}.battery-number[data-v-1d866938] :last-child{color:#fff;padding-left:10px;font-size:14px;font-weight:600}.percent[data-v-1d866938]{margin-top:1vh;display:-webkit-box;display:-ms-flexbox;display:flex}.percent div[data-v-1d866938]:first-child{background-color:#181e2a;width:90%;border-radius:5px;height:10px}.percent div:first-child span[data-v-1d866938]{color:#fff;font-weight:600;font-size:16px;position:relative;bottom:5px}.percent[data-v-1d866938] :last-child{position:relative;bottom:4px;width:30px;text-align:right;font-weight:500}.line[data-v-1d866938]{display:-webkit-box;display:-ms-flexbox;display:flex}.line[data-v-1d866938] :first-child{width:1%;background-color:#fff;height:2px}.line[data-v-1d866938] :last-child{height:2px;width:97%;background-color:#14172a;margin-left:5px}.power[data-v-1d866938]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1vh}.power .power-percent[data-v-1d866938]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.power .power-percent span[data-v-1d866938]{background-color:#1e2535;height:6px;width:2px;margin-right:1px}.power .power-text[data-v-1d866938]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-top:1.2vh;margin-bottom:.8vh;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.power .power-text em[data-v-1d866938]{color:#87edab;font-weight:500;font-style:normal}.communication[data-v-0e3d1db9]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:2.6vh}.communication div[data-v-0e3d1db9]{line-height:36px;font-size:16px;font-weight:600;height:36px;width:136px;text-align:center}.communication div[data-v-0e3d1db9]:first-child{background-color:#1b263a;border:1px solid #25334d;color:#fff;line-height:34px}.communication div:first-child img[data-v-0e3d1db9]{vertical-align:middle}.communication .success[data-v-0e3d1db9]{color:#92fdb9}.communication .warning[data-v-0e3d1db9]{color:#c85e60}.storage-item[data-v-0c169a2c]{width:19%;background-color:#0a101c;min-height:100%;margin-right:22px}.storage-item .container[data-v-0c169a2c]{padding:1.3vh 25px .5vh 25px;color:#404a63;font-size:15px}.storage-item .container .battery-info[data-v-0c169a2c]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.storage-item .container .battery-info .info-right[data-v-0c169a2c]{width:46%;background-color:#0e1f31;border:1px solid #1b71a4;height:34px;line-height:32px;text-align:center;font-size:14px;font-weight:500;color:#fff}.storage-item .container .battery-info .info-right img[data-v-0c169a2c]{vertical-align:middle}.storage-item .container .battery-info .info-warning[data-v-0c169a2c]{width:46%;background-color:#201823;border:1px solid #834246;height:34px;line-height:32px;text-align:center;font-size:14px;font-weight:500;color:#fff}.storage-item .container .battery-info .info-warning img[data-v-0c169a2c]{vertical-align:middle}.storage-item .container .battery-charger[data-v-0c169a2c]{width:100%;min-height:228px}.storage-item .container .battery-charger .nodata[data-v-0c169a2c]{position:relative;left:40%;margin-top:6vh}.el-carousel{width:100%;min-height:100%;height:auto!important}.el-carousel ul{display:none}
|
