180 lines
3.1 KiB
CSS
180 lines
3.1 KiB
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;
|
|
}
|
|
|