65 lines
1.1 KiB
CSS
65 lines
1.1 KiB
CSS
|
.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%;
|
||
|
|
}
|
||
|
|
|