anxiao_web/pages/cmddispatch/popcss/popSosVideo.css

78 lines
1.3 KiB
CSS
Raw Normal View History

2024-07-24 09:22:32 +08:00
#sosVideoContent{
height: calc(100% - 60px);
width:calc(100% - 20px);
margin:10px;
}
#sosVideo{
width:100%;
height:349px;
box-sizing: border-box;
border:1px solid #3374B4;
}
.sosVideoOpera{
height: 60px;
display: flex;
justify-content: space-between;
}
.sosVideoOpera>.sosVideoOperaTime>p{
line-height:30px;
}
.sosVideoOpera>.sosVideoOperaTime>p:last-child{
display: none;
}
.sosVideoOpera>.sosVideoOperaTime>p:last-child>span:first-child{
float:left;
width:10px;
height:10px;
border-radius: 50%;
background:red;
padding:2px;
margin:7px 5px 7px 0;
border:1px solid #ccc;
animation: sosRecordfadeIn 1s infinite;
}
@keyframes sosRecordfadeIn {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.sosVideoOpera>.sosVideoOperaTool{
margin-left:auto;
width:180px;
display:flex;
}
.sosVideoOpera>.sosVideoOperaTool>p{
width:60px;
text-align: center;
cursor: pointer;
}
.sosVideoOpera>.sosVideoOperaTool>p>img{
float:left;
width:32px;
height:32px;
margin:4px 14px;
}
.sosVideoOpera>.sosVideoOperaTool>p>span{
float:left;
width:100%;
height:22px;
line-height: 22px;
}