149 lines
2.9 KiB
CSS
149 lines
2.9 KiB
CSS
.mainContentL{
|
|
float:left;
|
|
width:470px;
|
|
height:100%;
|
|
box-sizing: border-box;
|
|
border:1px solid #5397F0;
|
|
border-radius: 2px;
|
|
}
|
|
.starraing_l{
|
|
height: calc(100% - 40px);
|
|
}
|
|
|
|
.mainContentL_top{
|
|
|
|
height:calc(100% - 446px);
|
|
}
|
|
|
|
.mainContentL_bottom{
|
|
height:446px;
|
|
}
|
|
.mainContentL_bottom_box{
|
|
height:100%;
|
|
}
|
|
|
|
.schoolTotal{
|
|
height:140px;
|
|
}
|
|
|
|
.schoolTotal>div{
|
|
overflow: hidden;
|
|
}
|
|
.schoolTotal>div>div{
|
|
float:left;
|
|
}
|
|
.schoolTotal>div>div:nth-child(1){
|
|
width:96px;
|
|
height:76px;
|
|
margin:15px 10px;
|
|
background:url("../image/schoolTotal.png") center center no-repeat;
|
|
text-align: center;
|
|
}
|
|
|
|
.schoolTotal>div>div:nth-child(1)>p:first-child{
|
|
margin-top:15px;
|
|
margin-bottom:10px;
|
|
font-size:24px;
|
|
font-style:italic;
|
|
font-weight: bold;
|
|
}
|
|
.schoolTotal>div>div:nth-child(2){
|
|
width: calc(100% - 136px);
|
|
margin-left:20px;
|
|
font-size:16px;
|
|
}
|
|
.schoolTotal>div>div:nth-child(2)>p{
|
|
line-height:32px;
|
|
height:32px;
|
|
}
|
|
.schoolTotal>div>div:nth-child(2)>p>span{
|
|
float:left;
|
|
margin-right:10px;
|
|
}
|
|
.schoolTotal>div>div:nth-child(2)>p>span:nth-child(1){
|
|
width:60px;
|
|
text-align: center;
|
|
}
|
|
.schoolTotal>div>div:nth-child(2)>p>span:nth-child(2){
|
|
width:60px;
|
|
text-align: center;
|
|
}
|
|
.schoolTotal>div>div:nth-child(2)>p>span:nth-child(3){
|
|
width:130px;
|
|
height:10px;
|
|
background:#5397F0;
|
|
margin-top:11px;
|
|
margin-right:10px;
|
|
background: linear-gradient(to right, #002A72 0%, #464CD4 20%);
|
|
}
|
|
.schoolTotal>div>div:nth-child(2)>p:nth-child(2)>span:nth-child(3){
|
|
background: linear-gradient(to right, #002A72 0%, #B3377E 30%);
|
|
}
|
|
.schoolTotal>div>div:nth-child(2)>p:nth-child(3)>span:nth-child(3){
|
|
background: linear-gradient(to right, #002A72 0%, #2373AB 40%);
|
|
}
|
|
.threeColorTotal{
|
|
height:306px;
|
|
}
|
|
.threeColorTotal>div:nth-child(2){
|
|
width: calc(100% - 20px);
|
|
height:calc(100% - 50px);
|
|
margin:5px 10px;
|
|
}
|
|
.threeColorTotal>div:nth-child(2)>div{
|
|
width:50%;
|
|
float:left;
|
|
height:50%;
|
|
}
|
|
.threeColorTotal>div:nth-child(2)>div>p:first-child{
|
|
height:28px;
|
|
background:url("../image/threeColorTitle.png") 0 0 no-repeat;
|
|
line-height:28px;
|
|
}
|
|
.threeColorTotal>div:nth-child(2)>div>p:first-child>span{
|
|
float:left;
|
|
margin-left:20px;
|
|
}
|
|
.threeColorTotal>div:nth-child(2)>div>p:first-child>span:last-child{
|
|
float:right;
|
|
margin-right:40px;
|
|
font-size:18px;
|
|
color:#3CA6DA;
|
|
font-weight: bold;
|
|
}
|
|
.threeColorTotal>div:nth-child(2)>div>div{
|
|
height: calc(100% - 28px);
|
|
}
|
|
.mainContentL_top_info,
|
|
.mainContentL_bottom_info{
|
|
width:calc(100% - 10px);
|
|
height:100%;
|
|
}
|
|
|
|
.mainContentL_top_info>div,
|
|
.mainContentL_bottom_info>div{
|
|
height:100%;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.mainContentL_top_info>div>table,
|
|
.mainContentL_bottom_info>div>table{
|
|
height:100%;
|
|
|
|
}
|
|
|
|
.mainContentL_sInfo>p{
|
|
width:100%;
|
|
height:37px;
|
|
line-height:32px;
|
|
background: url("../image/bar.png") center center no-repeat;
|
|
text-align: center;
|
|
}
|
|
|
|
.titleBg {
|
|
height: 37px;
|
|
line-height: 34px;
|
|
background: url(../image/bar1.png) 0 0 no-repeat;
|
|
padding: 0 20px;
|
|
font-size:16px;
|
|
} |