.the-title{height:40px;width:100%}.the-title .ivu-card-body{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;justify-content:space-between}.the-title .ivu-card-body .left{-webkit-margin-start:20px;font-family:Arial,sans-serif;font-size:16px;font-weight:bolder;margin-inline-start:20px}.the-title .ivu-card-body .right{-webkit-margin-end:20px;margin-inline-end:20px}.blue .label[data-v-5c7f356b]{color:#61bef4;display:inline-block}.red .label[data-v-5c7f356b]{color:#ff5353;display:inline-block}.dark .label[data-v-5c7f356b]{color:#2e3133;display:inline-block}.purple .label[data-v-5c7f356b]{color:#794fb4;display:inline-block}.green .label[data-v-5c7f356b]{color:#26a854;display:inline-block}.grey .label[data-v-5c7f356b]{color:#4d4e4e;display:inline-block}.device-card[data-v-5c7f356b]{-webkit-box-shadow:0 0 0 1px #ddd;-webkit-transition:all .3s;background-color:#fff;border:3px solid #fff;border-radius:7px;box-shadow:0 0 0 1px #ddd;cursor:pointer;margin:15px auto 0;position:relative;transition:all .3s;width:240px}.device-card .card-content[data-v-5c7f356b]{margin-top:15px;padding:10px 15px}.device-card .edit-btn[data-v-5c7f356b]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;color:#fd6c12;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:10px;top:5px}.card-item[data-v-5c7f356b]{font-size:14px;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-item .value[data-v-5c7f356b]{color:#000}.sensor-card[data-v-58866cf2]{background-color:#fff;cursor:pointer;height:25%;min-height:80px;padding:5px;width:100%}.sensor-card .sensor-layout[data-v-58866cf2],.sensor-card[data-v-58866cf2]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;position:relative}.sensor-card .sensor-layout[data-v-58866cf2]{-ms-flex-item-align:center;align-self:center;width:200px}.sensor-card .sensor-icon[data-v-58866cf2]{height:60px;width:60px}.sensor-card .sensor-icon .sensor-image[data-v-58866cf2]{display:block;height:60px;width:60px}.sensor-card .sensor-content[data-v-58866cf2]{height:60px;width:110px}.sensor-card .sensor-content .sensor-data[data-v-58866cf2]{color:#515a6e;display:block;font-size:15px;font-weight:600;padding-left:10px;width:120px}.sensor-card .sensor-content .sensor-message[data-v-58866cf2],.sensor-card .sensor-content .snesor-time[data-v-58866cf2]{color:#969595;display:block;font-size:12px;padding-left:10px;width:120px}.blue .content .title[data-v-b206101a]{background-color:#61bef4}.blue .top-item .label[data-v-b206101a]{color:#61bef4}.blue .card-bottom-btn[data-v-b206101a],.blue .switch-btn[data-v-b206101a]{background-color:#61bef4}.blue .content .list .active-card[data-v-b206101a]{border:3px solid #61bef4}.blue .devive-add-btn[data-v-b206101a]:hover{background-color:#4485ab}.red .content .title[data-v-b206101a]{background-color:#ff5353}.red .top-item .label[data-v-b206101a]{color:#ff5353}.red .card-bottom-btn[data-v-b206101a],.red .switch-btn[data-v-b206101a]{background-color:#ff5353}.red .content .list .active-card[data-v-b206101a]{border:3px solid #ff5353}.red .devive-add-btn[data-v-b206101a]:hover{background-color:#b33a3a}.dark .content .title[data-v-b206101a]{background-color:#2e3133}.dark .top-item .label[data-v-b206101a]{color:#2e3133}.dark .card-bottom-btn[data-v-b206101a],.dark .switch-btn[data-v-b206101a]{background-color:#2e3133}.dark .content .list .active-card[data-v-b206101a]{border:3px solid #2e3133}.dark .devive-add-btn[data-v-b206101a]:hover{background-color:#202224}.purple .content .title[data-v-b206101a]{background-color:#794fb4}.purple .top-item .label[data-v-b206101a]{color:#794fb4}.purple .card-bottom-btn[data-v-b206101a],.purple .switch-btn[data-v-b206101a]{background-color:#794fb4}.purple .content .list .active-card[data-v-b206101a]{border:3px solid #794fb4}.purple .devive-add-btn[data-v-b206101a]:hover{background-color:#55377e}.green .content .title[data-v-b206101a]{background-color:#26a854}.green .top-item .label[data-v-b206101a]{color:#26a854}.green .card-bottom-btn[data-v-b206101a],.green .switch-btn[data-v-b206101a]{background-color:#26a854}.green .content .list .active-card[data-v-b206101a]{border:3px solid #26a854}.green .devive-add-btn[data-v-b206101a]:hover{background-color:#1b763b}.grey .content .title[data-v-b206101a]{background-color:#4d4e4e}.grey .top-item .label[data-v-b206101a]{color:#4d4e4e}.grey .card-bottom-btn[data-v-b206101a],.grey .switch-btn[data-v-b206101a]{background-color:#4d4e4e}.grey .content .list .active-card[data-v-b206101a]{border:3px solid #4d4e4e}.grey .devive-add-btn[data-v-b206101a]:hover{background-color:#363737}.c-page[data-v-b206101a]{height:100%;width:100%}.c-page .content[data-v-b206101a]{-ms-flex-pack:justify;-webkit-box-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100% - 40px);justify-content:space-between;padding:20px;width:100%}.c-page .content .rotate[data-v-b206101a]{-webkit-animation:retate-data-v-b206101a 1s linear infinite;animation:retate-data-v-b206101a 1s linear infinite}@-webkit-keyframes retate-data-v-b206101a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes retate-data-v-b206101a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.c-page .content .device-list[data-v-b206101a],.c-page .content .device-status[data-v-b206101a]{-webkit-box-shadow:1px 1px 4px #f6f6f6;box-shadow:1px 1px 4px #f6f6f6;height:100%;position:relative}.c-page .content .device-list[data-v-b206101a]{width:270px}.c-page .content .device-status[data-v-b206101a]{width:calc(100% - 280px)}.c-page .content .title[data-v-b206101a]{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;height:30px;justify-content:space-between;padding:0 20px;position:absolute;width:100%;z-index:10}.c-page .content .device-add-btn[data-v-b206101a]{cursor:pointer;display:inline-block;height:30px;line-height:30px;padding:0 10px}.c-page .content .list[data-v-b206101a]{height:calc(100% - 40px);margin-top:40px}.c-page .content .left-list[data-v-b206101a]{background-color:#efefef;overflow:auto}.c-page .content .right-list[data-v-b206101a]{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;padding:30px 0;position:relative}.c-page .content .noDevice[data-v-b206101a]{font-size:14px;margin-top:30px;text-align:center}.c-page .content .device-right-view[data-v-b206101a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:calc(100% - 48px)}.c-page .content .device-status-image[data-v-b206101a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:30%}.c-page .content .device-status-image .device-image[data-v-b206101a]{-ms-flex-item-align:center;align-self:center;display:block;height:auto;margin:0 auto;max-height:100%;max-width:100%;padding:20px 0;width:auto}.c-page .content .device-status-message[data-v-b206101a]{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:70%}.c-page .content .device-status-message-all-full[data-v-b206101a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:100%}.c-page .content .sensor-list[data-v-b206101a]{-ms-flex-item-align:center;-ms-flex-wrap:unwrap;align-self:center;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:unwrap;height:100%;margin:0 auto;overflow:auto;width:100%}.c-page .content .sensor-list .empty[data-v-b206101a]{padding:20px;text-align:center;width:100%}.c-page .content .sensor-list .sensor-list-item[data-v-b206101a]{-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;height:100%}.c-page .content .sensor-list .sensor-list-item-border-bottom[data-v-b206101a]:after{background-color:#ccc;bottom:0;content:"";height:1px;left:10%;position:absolute;right:10%}.c-page .content .sensor-list .sensor-list-item-border-right[data-v-b206101a]{border-right:1px solid #ccc}.c-page .content .sensor-list-all-full[data-v-b206101a]{overflow-x:auto;overflow-y:auto}.c-page .content .switch-device[data-v-b206101a]{-ms-flex-align:center;-ms-flex-direction:row-reverse;-webkit-box-align:center;-webkit-box-direction:reverse;-webkit-box-orient:horizontal;-webkit-margin-start:1px;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row-reverse;height:100%;margin-inline-start:1px;width:47px}.c-page .content .switch-device .switch-btn[data-v-b206101a]{border:1px solid rgba(0,0,0,.1);border-radius:100px 0 0 100px;color:#fff;font-size:30px;height:72px;padding-left:4px;padding-top:10px;width:46px}.c-page .content .switch-device .switch-btn[data-v-b206101a]:hover{cursor:pointer}[data-v-b206101a] .modal-item{margin:10px 0}[data-v-b206101a] .modal-item .label{display:inline-block;width:80px}.get-gps[data-v-b206101a]{color:#0082f5;cursor:pointer;font-size:14px}.get-gps[data-v-b206101a]:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}