table[data-v-d0fa649a]{width:100%;border-collapse:collapse}tr[data-v-d0fa649a]{border-bottom:1px solid #e4e4e4}td[data-v-d0fa649a],th[data-v-d0fa649a]{line-height:32px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-v-d0fa649a] .message-content{width:1000px;padding:0;overflow:hidden}[data-v-d0fa649a] .titles{height:36px;line-height:36px;margin:0;padding:0 10px;background:#287af4;color:#fff;font-weight:400}.loadMore[data-v-d0fa649a]{background:#287af4;color:#fff;line-height:32px;padding:0 10px;border-radius:5px;margin-top:10px;cursor:pointer}.channelContainer[data-v-e35d8248]{height:100%;width:240px;background-color:#fff;border-right:1px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.channelLi[data-v-e35d8248]{width:174px;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #e6e6e6;margin-top:20px;border-radius:5px;padding:21px 12px;cursor:pointer}.channelLi[data-v-e35d8248]:hover{border-color:#3e9af8}.channelLi.active[data-v-e35d8248]{background-color:#dbedff;border-color:#3e9af8}.channelName[data-v-e35d8248]{font-size:.15rem;text-align:center;margin-right:42px;width:1rem;color:#1a1a1a}.channelState[data-v-e35d8248]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stateOn[data-v-e35d8248]{color:#0fa770;background-color:#abedd5}.stateOff[data-v-e35d8248],.stateOn[data-v-e35d8248]{line-height:24px;width:44px;height:24px;text-align:center;border-radius:4px}.stateOff[data-v-e35d8248]{color:#dc593c;background-color:#f9c6bb}.deviceContainer[data-v-e35d8248]{width:calc(100% - 200px);background-color:#fff;padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.deviceLi[data-v-e35d8248]{width:calc(20% - 22px);margin:10px;border-radius:5px;overflow:hidden;-webkit-box-shadow:0 4px 8px 0 #e8eff5;box-shadow:0 4px 8px 0 #e8eff5}.deviceName[data-v-e35d8248]{background-color:#dbedff;height:42px;padding:0 10px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.deviceName>p[data-v-e35d8248]{font-size:.14rem;color:#3e9af8}.betweenLeft[data-v-e35d8248]{width:calc(55% - 5px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.betweenLeft img[data-v-e35d8248]{margin-left:5px;width:.16rem;height:.16rem}.betweenRight[data-v-e35d8248]{width:calc(45% - 5px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.betweenRight>img[data-v-e35d8248]{width:14px;height:14px;margin-left:10px}.deviceInfos[data-v-e35d8248]{padding:0 10px}.deviceInfos p[data-v-e35d8248]{line-height:30px;color:#616161;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deviceStateOff[data-v-e35d8248]{background-color:#f56161}.deviceStateOff[data-v-e35d8248],.deviceStateOn[data-v-e35d8248]{display:inline-block;width:12px;height:12px;border-radius:50%;margin-left:10px}.deviceStateOn[data-v-e35d8248]{background-color:green}@media screen and (max-width:1600px){.deviceLi[data-v-e35d8248]{width:calc(25% - 22px)}}