.title[data-v-9dacf480]{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0}.title h2[data-v-9dacf480]{font-size:30px}.title h2 span[data-v-9dacf480]{font-size:12px;color:#999}@-webkit-keyframes dashedam-9dacf480{0%{box-shadow:0 0 0 0 rgba(36,207,21,0);transform:scale(.8)}50%{box-shadow:0 0 0 5px rgba(36,207,21,.2);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(36,207,21,0);transform:scale(.8)}}@keyframes dashedam-9dacf480{0%{box-shadow:0 0 0 0 rgba(36,207,21,0);transform:scale(.8)}50%{box-shadow:0 0 0 5px rgba(36,207,21,.2);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(36,207,21,0);transform:scale(.8)}}.status[data-v-9dacf480]{color:#24cf15;position:relative;padding-left:16px;margin-left:20px}.status[data-v-9dacf480]:after{content:" ";width:12px;height:12px;border-radius:50%;background-color:#24cf15;position:absolute;left:0;top:.5px;-webkit-animation:dashedam-9dacf480 2s infinite;animation:dashedam-9dacf480 2s infinite}.status.online[data-v-9dacf480]{color:#24cf15}.status.offline[data-v-9dacf480]{color:#636363}.status.offline[data-v-9dacf480]:after{filter:grayscale(1)}.status.alarm[data-v-9dacf480]{color:#d83d3d}.status.alarm[data-v-9dacf480]:after{filter:hue-rotate(240deg)}.header-query[data-v-9dacf480]{background-color:#f0f0f0;height:50px;position:relative;box-shadow:inset 0 -5px 10px rgba(0,0,0,.03)}.header-query ul[data-v-9dacf480]{display:flex;position:absolute;left:10px;bottom:0}.header-query ul li[data-v-9dacf480]{padding:10px 30px;background-color:#f5f5f5;border-radius:8px 8px 0 0;margin:0 1px;font-size:14px;cursor:pointer}.header-query ul li.active[data-v-9dacf480]{background-color:#fff;padding:10px 35px;color:var(--activeTextColor)}.header-query ul li[data-v-9dacf480]:hover{color:var(--activeTextColor)}.alarm-body[data-v-9dacf480]{height:calc(100% - 45px);display:flex}.alarm-body .video[data-v-9dacf480]{flex:1;padding:20px;box-sizing:border-box}.alarm-body .video .video-box[data-v-9dacf480]{height:100%;background-color:#ebebeb;border-radius:8px}.alarm-body .video .video-box .video-element[data-v-9dacf480]{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.alarm-body .video .video-box .empty[data-v-9dacf480]{height:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:#999}.alarm-body .video .video-box .empty p[data-v-9dacf480]{color:#999}.alarm-body .video .video-box .empty i[data-v-9dacf480]{font-size:96px}.alarm-body .info[data-v-9dacf480]{width:300px}.alarm-body .info h3[data-v-9dacf480]{font-size:24px;border-bottom:1px solid #f0f0f0;padding-bottom:20px}.alarm-body .info h3 span[data-v-9dacf480]{font-size:12px;font-weight:400;color:#999}.alarm-body .info .type[data-v-9dacf480]{padding-bottom:20px;border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding-top:20px}.alarm-body .info .list[data-v-9dacf480]{height:calc(100% - 105px);overflow-y:auto}.alarm-body .info .live-box[data-v-9dacf480]{height:100%}.alarm-body .info .live-box h3[data-v-9dacf480]{margin:0;padding:20px 0;font-size:18px}.alarm-body .info .live-box .live-list[data-v-9dacf480]{height:calc(100% - 85px)}.alarm-body .info .live-box .live-list .loc-item[data-v-9dacf480]{padding:10px}.list .item[data-v-9dacf480]{cursor:pointer;padding:10px;border-bottom:1px solid #f0f0f0}.list .item[data-v-9dacf480]:hover{background-color:#f5f5f5}.list .item.active[data-v-9dacf480]{background-color:#effaff}