.main[data-v-7f38e0fa],.main[data-v-8ce374fa],.main[data-v-1979a510]{width:100%;height:37.5rem}.main .top[data-v-ff882ac2]{display:flex;width:100%;height:7.5rem}.main .top .item1[data-v-ff882ac2]{flex:2;height:100%;border-radius:.625rem;background-color:#fff}.main .top .item1 .text[data-v-ff882ac2]{float:left;margin-top:1vh;width:30%;text-align:center;line-height:5vh;font-weight:700;font-size:2.5vh;color:#5a5957}.main .top .item1 .text p[data-v-ff882ac2]{font-size:4vh}.main .top .item2[data-v-ff882ac2]{flex:1;height:100%;margin-left:.5vw;border-radius:.625rem;background-color:#fff;text-align:center}.main .top .item2 .text[data-v-ff882ac2]{margin-top:1vh;line-height:5vh;font-weight:700;font-size:2.5vh;color:#5a5957}.main .top .item2 .text p[data-v-ff882ac2]{font-size:4vh}.main .mid[data-v-ff882ac2]{margin-top:.625rem;display:flex;width:100%;height:21.875rem}.main .mid .item1[data-v-ff882ac2]{flex:1;height:100%;border-radius:.625rem;background-color:#fff;display:inline-block}.main .mid .item2[data-v-ff882ac2]{flex:4;height:100%;margin-left:.5vw;border-radius:.625rem;background-color:#fff;display:flex}.main .mid .item2 .roomTrend[data-v-ff882ac2]{flex:1;height:100%}.main .mid .item2 .roomTrend .header[data-v-ff882ac2]{display:flex;margin-top:8%;height:3.125rem;background-color:#fff}.main .mid .item2 .roomTrend .header .title[data-v-ff882ac2]{flex:2;line-height:3.125rem;font-size:1.5rem;font-weight:700;color:#f39369;padding-left:3.125rem}.main .mid .item2 .roomTrend .header .date[data-v-ff882ac2]{flex:1;display:flex;align-items:center;text-indent:0}.main .mid .item2 .roomTrend .header .date .item[data-v-ff882ac2]{width:2.5rem;height:1.875rem;background-color:#ee9565;font-size:1.125rem;line-height:1.875rem;text-align:center;cursor:pointer;margin-left:.125rem;border-radius:.625rem}.main .mid .item2 .roomTrend .header .date .active[data-v-ff882ac2]{background-color:#5470c6;color:#fff}.main .mid .item2 .roomTrend .roomsCount[data-v-ff882ac2]{width:100%;height:60%;display:flex;flex-direction:column}.main .mid .item2 .roomTrend .roomsCount .line[data-v-ff882ac2]{margin-top:.625rem;flex:1;display:flex}.main .mid .item2 .roomTrend .roomsCount .line .roomCount[data-v-ff882ac2]{flex:1;margin:0 .625rem;text-align:center}.main .mid .item2 .roomTrend .roomsCount .line .roomCount .count[data-v-ff882ac2]{margin-top:.625rem;font-size:1.25rem;font-weight:700}.main .mid .item2 .roomTrend .roomsCount .line .roomCount .roomName[data-v-ff882ac2]{margin-top:.625rem;padding:0 .625rem;font-size:.875rem;color:#888}.main .bot[data-v-ff882ac2]{margin-top:.625rem;display:flex;width:100%;height:20rem}.main .bot .item1[data-v-ff882ac2]{flex:1;height:100%;border-radius:.625rem;background-color:#fff;color:#555764}.main .bot .item1 .roomStatic[data-v-ff882ac2]{height:17.5rem;margin:1.25rem}.main .bot .item1 .roomStatic .itemName[data-v-ff882ac2]{margin-left:.625rem;font-size:1.375rem;line-height:2.75rem}.main .bot .item1 .roomStatic .itemName b[data-v-ff882ac2]{font-size:2.5rem;color:#63c0f8}.main .bot .item1 .roomStatic .itemText[data-v-ff882ac2]{margin-left:.625rem;font-size:1.125rem;line-height:1.875rem}.main .bot .item1 .roomStatic .itemText span[data-v-ff882ac2]{color:#f39369}.main .bot .item1 .roomStatic .online[data-v-ff882ac2]{float:left;margin-left:3.75rem;font-size:1.625rem;font-weight:700;text-align:center;color:#00d9c5}.main .bot .item1 .roomStatic .offline[data-v-ff882ac2]{float:left;margin-left:5.625rem;font-size:1.625rem;font-weight:700;text-align:center;color:#e40615}.main .bot .item2[data-v-ff882ac2]{flex:4;height:100%;margin-left:.5vw;border-radius:.625rem;background-color:#fff;display:flex}.main .bot .item2 .roomsTime[data-v-ff882ac2]{flex:1;height:100%}.main .bot .item2 .roomsTime .header[data-v-ff882ac2]{display:flex;margin-top:.625rem;height:3.125rem;background-color:#fff}.main .bot .item2 .roomsTime .header .title[data-v-ff882ac2]{flex:2;line-height:3.125rem;font-size:1.5rem;font-weight:700;color:#68beea;padding-left:3.125rem}.main .bot .item2 .roomsTime .roomsUseTime[data-v-ff882ac2]{width:100%;height:calc(100% - 5.625rem);display:flex;flex-direction:column}.main .bot .item2 .roomsTime .roomsUseTime .line[data-v-ff882ac2]{flex:1;display:flex;align-items:center}.main .bot .item2 .roomsTime .roomsUseTime .line .roomName[data-v-ff882ac2]{flex:2;color:#888;padding-left:2.5rem;font-size:1rem}.main .bot .item2 .roomsTime .roomsUseTime .line .progress[data-v-ff882ac2]{flex:4}.main .bot .item2 .roomsTime .roomsUseTime .line .roomTime[data-v-ff882ac2]{flex:1;color:#888;text-align:center}