185 lines
2.9 KiB
CSS
185 lines
2.9 KiB
CSS
|
.mainContentR{
|
||
|
float:left;
|
||
|
width:467px;
|
||
|
height:100%;
|
||
|
box-sizing: border-box;
|
||
|
border:1px solid #5397F0;
|
||
|
border-radius:2px;
|
||
|
}
|
||
|
.mainContentR_sInfo>p{
|
||
|
width: 100%;
|
||
|
height: 37px;
|
||
|
line-height: 32px;
|
||
|
background: url(../image/bar.png) center center no-repeat;
|
||
|
text-align: center;
|
||
|
}
|
||
|
.mainContentR_t{
|
||
|
height:500px;
|
||
|
}
|
||
|
|
||
|
.mainContentR_b{
|
||
|
height: calc(100% - 537px);
|
||
|
}
|
||
|
|
||
|
.mainContentR_t>p,
|
||
|
.mainContentR_b>p{
|
||
|
padding:0 20px;
|
||
|
}
|
||
|
.mainContentR_t>p>span:last-child{
|
||
|
float:right;
|
||
|
}
|
||
|
|
||
|
.mainContentR_t_box>ul{
|
||
|
display: flex;
|
||
|
padding-top:8px;
|
||
|
box-sizing: border-box;
|
||
|
border-bottom:1px solid #5397F0;
|
||
|
|
||
|
}
|
||
|
.mainContentR_t_box>ul>li{
|
||
|
flex:1;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.mainContentR_t_box>ul>li>span{
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
.mainContentR_t_box>ul>li>img{
|
||
|
position: relative;
|
||
|
top:5px;
|
||
|
}
|
||
|
|
||
|
.mainContentR_t_box{
|
||
|
height:calc(100% - 37px);
|
||
|
}
|
||
|
|
||
|
.mainContentR_t_carousel{
|
||
|
color:#fff;
|
||
|
padding:10px;
|
||
|
width: calc(100% - 22px);
|
||
|
height: calc(100% - 77px);
|
||
|
}
|
||
|
#carousel{
|
||
|
background: #032357;
|
||
|
height:100%;
|
||
|
|
||
|
}
|
||
|
#carousel>div>div{
|
||
|
background: #032357;
|
||
|
}
|
||
|
|
||
|
.carousel_inschool_t{
|
||
|
margin:10px 20px;
|
||
|
overflow: hidden;
|
||
|
display: flex;
|
||
|
flex-wrap: wrap;
|
||
|
/* justify-content: space-between; */
|
||
|
}
|
||
|
.carousel_inschool_t>div{
|
||
|
width:130px;
|
||
|
/* flex:1; */
|
||
|
height:60px;
|
||
|
}
|
||
|
.carousel_inschool_t>div::before{
|
||
|
content:'';
|
||
|
float:left;
|
||
|
height:100%;
|
||
|
width:5px;
|
||
|
background: url("../image//carousel_title.png") 0 0 no-repeat;
|
||
|
margin-right:10px;
|
||
|
}
|
||
|
.carousel_inschool_t>div>p{
|
||
|
line-height:16px;
|
||
|
}
|
||
|
|
||
|
.carousel_inschool_t>div>p:last-child{
|
||
|
font-size:22px;
|
||
|
color:#40B6E8;
|
||
|
margin-top:10px;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.carousel_inschool_t>div>p:last-child>span{
|
||
|
font-size:14px;
|
||
|
}
|
||
|
|
||
|
.carousel_inschool{
|
||
|
height:100%;
|
||
|
}
|
||
|
|
||
|
.carousel_inschool>p{
|
||
|
clear: both;
|
||
|
line-height:30px;
|
||
|
}
|
||
|
|
||
|
.carousel_inschool_b{
|
||
|
height:calc(100% - 200px);
|
||
|
width:100%;
|
||
|
clear: both;
|
||
|
}
|
||
|
|
||
|
#inschool_echart,
|
||
|
|
||
|
#inschool_echart>div>canvas
|
||
|
{
|
||
|
width:100%;
|
||
|
height:100%;
|
||
|
}
|
||
|
|
||
|
.schoolCarousel_b>div
|
||
|
{
|
||
|
width:100%;
|
||
|
height:100%;
|
||
|
}
|
||
|
.mainContentR_b_box{
|
||
|
height: calc(100% - 37px);
|
||
|
}
|
||
|
.mainContentR_b_box>div{
|
||
|
height:100%;
|
||
|
width:100%;
|
||
|
}
|
||
|
.mainContentR_b_box>div>div:first-child{
|
||
|
line-height:33px;
|
||
|
overflow: hidden;
|
||
|
padding:10px 20px;
|
||
|
}
|
||
|
.mainContentR_b_box>div>div:first-child>p{
|
||
|
float:left;
|
||
|
height:34px;
|
||
|
}
|
||
|
|
||
|
.mainContentR_b_box>div>div:first-child>p:first-child{
|
||
|
width:181px;
|
||
|
|
||
|
background:url("../image/reportTitleBg.png") 0 0 no-repeat;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.mainContentR_b_box>div>div:first-child>p:last-child{
|
||
|
float:right;
|
||
|
width:90px;
|
||
|
box-sizing: border-box;
|
||
|
border:1px solid #5CA7FF;
|
||
|
border-radius: 2px;
|
||
|
}
|
||
|
.mainContentR_b_box>div>div:first-child>p:last-child>span{
|
||
|
float:left;
|
||
|
width:44px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
.mainContentR_b_box>div>div:first-child>p:last-child>span:first-child{
|
||
|
box-sizing: border-box;
|
||
|
height:32px;
|
||
|
border-right:1px solid #5CA7FF;
|
||
|
}
|
||
|
.systemgradeboxSelectBg{
|
||
|
background-color: #25569B;
|
||
|
}
|
||
|
|
||
|
|
||
|
#systemgradechart,
|
||
|
#alarmgradechart{
|
||
|
height: calc(100% - 30px);
|
||
|
}
|