anxiao_web/pages/newIndex/css/mainRight.css

.mainContentR{
	float:left;
	width:calc(calc(100% - 1100px)/2);
	height:100%;
	box-sizing: border-box;
	border-radius:2px;
}
.mainContentR>div:nth-child(1){
	height:calc(100% - 520px);
}

.mainContentR>div:nth-child(2),
.mainContentR>div:nth-child(3){
	height:260px;
}

/* 校园风采 */
#schoolStyleCarousel{
	height:calc(100% - 45px) !important;
}


/* 校园风采 */
#schoolStyleCarousel>div>.schoolStyleImg{
	position: relative;
	width:100%;
	height:100%;
}
#schoolStyleCarousel>div>.schoolStyleImg>div{
	position: absolute;
	width:100%;
	height:100%;
}
#schoolStyleCarousel>div>.schoolStyleImg>div:last-child{
	width:calc(100% - 40px);
	height:60px;
	background: rgba(0,0,0,.6);
	bottom:0;
	padding:0 20px;
}

.schoolStyleImg>div:last-child>p{
	line-height:24px;
}
.schoolStyleImg>div:last-child>p:first-child{
	margin-top:6px;
}
#schoolStyleCarousel>div>.schoolStyleImg>div>img{
	width:100%;
	height:100%;
}


/* 星级三色 */
.starRatingContent,
.threeColorContent
{
	height: calc(100% - 45px);
}
.starRatingContent>ul,
.threeColorContent>ul{
	display: flex;
	justify-content:space-between;
    align-items: center;
    margin:10px 0;
    height: 40px;
}
.starRatingContent>ul>li,
.threeColorContent>ul>li{
	width: 18%;
    height: 50px;
    background-image: url("../image/collaborativeForcesNavBg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
	text-align: center;
	font-size:14px;
}

.starRatingContent>ul>li>div>p:first-child,
.threeColorContent>ul>li>div>p:first-child{
	margin-top: 6px;
}
.starRatingContent>ul>li>div>p:last-child,
.threeColorContent>ul>li>div>p:last-child{
	font-size:20px;
}

.starRatingContentBox,
.threeColorContentBox{
	height: calc(100% - 60px);
	margin:10px 0;
}


/* 星级评定 */
.starRatingSchoolList>p,
.threeColorSchoolList>p{
	height:34px;
	line-height:34px;
	/* 强制文字不换行 */
	white-space:nowrap ;
	/* 将溢出部分进行隐藏 */
	overflow: hidden;
	/* 溢出文本转换为省略号 */
	text-overflow: ellipsis;
}


.threeColorContent>ul>li{
	width:33%;
}
.threeColorContent>ul>li:nth-child(1){
	background:#689865;
}
.threeColorContent>ul>li:nth-child(2){
	background:#A17650;
}
.threeColorContent>ul>li:nth-child(3){
	background:#9B3A3A;
}

.threeColorSchoolList>p{
	text-align: center;
	display: flex;
	justify-content:space-between;
}
.threeColorSchoolList>p>span{
	width:33%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



.starRating_list_lh,
.colorRating_list_lh
{
	height:calc(100% - 60px);
	overflow: hidden;
	box-sizing: border-box;
	border:1px solid #172c60;
}

.starRating_list_lh>ul>li,
.colorRating_list_lh>ul>li
{
	height:30px;
	line-height:30px;
	box-sizing: border-box;
	border-bottom:1px solid #172c60;
}
.starRating_list_lh>ul>li>p,
.colorRating_list_lh>ul>li>p
{
	height:30px;
	text-align: center;
	display: flex;
	justify-content:space-between;

}
.starRating_list_lh>ul>li>p>img,
.colorRating_list_lh>ul>li>p>img
{
	float:left;
	height:16px;
	margin-top:6px;
}
.starRating_list_lh>ul>li>p>span,
.colorRating_list_lh>ul>li>p>span
{
	float:left;
	width:33%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}