anxiao_web/pages/index/css/mainRight.css

185 lines
2.9 KiB
CSS
Raw Normal View History

2024-07-24 09:22:32 +08:00
.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);
}