71 lines
1.3 KiB
CSS
71 lines
1.3 KiB
CSS
|
@import url("./mainLeft.css");
|
||
|
|
.mainContent_left{
|
||
|
|
float:left;
|
||
|
|
width:380px;
|
||
|
|
height:100%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border:1px solid rgb(14 64 113)
|
||
|
|
}
|
||
|
|
|
||
|
|
.mainContent_center{
|
||
|
|
float:left;
|
||
|
|
width:calc(100% - 400px);
|
||
|
|
height:100%;
|
||
|
|
margin-left:9px;
|
||
|
|
}
|
||
|
|
.mainContent_center>div:nth-child(1){
|
||
|
|
width:100%;
|
||
|
|
height:40px;
|
||
|
|
line-height:40px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border:1px solid rgb(14 64 113);
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
.mainContent_center>div:nth-child(1)>span{
|
||
|
|
float:left;
|
||
|
|
margin:0 10px;
|
||
|
|
}
|
||
|
|
.mainContent_center>div:nth-child(1)>img{
|
||
|
|
margin:5px;
|
||
|
|
}
|
||
|
|
.mainContent_center>div:nth-child(2){
|
||
|
|
width:100%;
|
||
|
|
height: calc(100% - 51px);
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.videoShowInfo>div{
|
||
|
|
float:left;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
line-height:200px;
|
||
|
|
background:none;
|
||
|
|
box-sizing: border-box;
|
||
|
|
color:#fff;
|
||
|
|
font-size:32px;
|
||
|
|
text-align: center;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 1px solid rgb(14 64 113);
|
||
|
|
}
|
||
|
|
|
||
|
|
.videoShowInfo>div>p{
|
||
|
|
width:100%;
|
||
|
|
height:40px;
|
||
|
|
line-height:40px;
|
||
|
|
background:#142738;
|
||
|
|
color:#fff;
|
||
|
|
text-align: center;
|
||
|
|
font-size:16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.videoShowImg{
|
||
|
|
width:100%;
|
||
|
|
height:calc(100% - 40px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.videoShowInfo>.videoOption{
|
||
|
|
box-sizing: border-box;
|
||
|
|
border:2px solid #597c9d !important;
|
||
|
|
box-shadow: 0 0 2px 2px #0E3351 inset;
|
||
|
|
}
|