anxiao_web/pages/starrating/css/mainLeft.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;
}