anxiao_web/pages/video/css/mainCenter.css

65 lines
1.1 KiB
CSS
Raw Permalink Normal View History

2024-07-24 09:22:32 +08:00
.mainContentC{
float:left;
width:calc(100% - 345px);
margin-left:5px;
height:100%;
box-sizing: border-box;
border: 1px solid #5397F0;
border-radius: 2px;
display: flex;
flex:1;
flex-wrap: wrap;
justify-content:space-around;
align-items: center;
}
.mainContentC>div{
width:33.33%;
height:33.33%;
background:#000;
box-sizing: border-box;
border: 2px solid #033276;
border-radius: 6px;
position: relative;
}
.statipnIpcSelect{
box-sizing: border-box;
border:5px solid #1D8EC8 !important;
}
.mainContentC>div>.videoPlay{
width:100%;
height:100%;
}
.mainContentC>div>.videoPlay>iframe{
width:100%;
height:100%;
}
.mainContentC>div>.videoOpear{
width:calc(100% - 100px);
height:30px;
line-height:30px;
position: absolute;
background:rgba(0,0,0,.5);
bottom:0;
padding:0 10px;
}
.mainContentC>div>.videoOpear:hover{
cursor: pointer;
}
.mainContentC>div>.videoOpear>img{
width:14px;
height:14px;
float:right;
margin:9px;
}
.mainContentC>div>div>iframe{
width:100%;
height:100%;
}