forgeplus-react/src/glcc/openmmlab/index.scss

102 lines
1.9 KiB
SCSS

.glcc_openmmlab {
font-family: PingFang SC;
.first_selection {
// height: 742px;
padding: 8px 0 63px;
background-image: linear-gradient(
180deg,
#e5e7fc 0%,
#f5f7fa 47.28%,
#d4daec 100%
);
border-radius: 4px;
}
.openmmlab_head {
text-align: center;
margin: 8px auto 20px;
}
.openmmlab_logo {
width: 287px;
}
.openmmlab_des {
font-weight: 500;
color: #4a5a7a;
font-size: 15px;
line-height: 26px;
text-align: center;
}
.openmmlab_main {
width: 1200px;
margin: 0 auto;
}
.openmmlab_slider {
display: flex;
justify-content: space-between;
}
.slider_left {
width: 766px;
height: 520px;
background-image: linear-gradient(180deg, #edf1f8 0%, #f9fbff 100%);
border: 1px solid #ffffff;
border-radius: 6px;
box-shadow: 0px 0px 8px rgba(138, 168, 227, 0.21);
padding: 18px 33px;
}
.openmmlab_title {
font-weight: 500;
color: #1e1e1e;
background-color: #f4f9ff;
font-size: 38px;
line-height: 53px;
text-align: center;
padding: 54px 0 40px;
}
.second_selection {
width: 576px;
height: 875px;
background-image: linear-gradient(
270.28deg,
#394661 0%,
rgba(53, 65, 90, 0.85) 15.47%,
rgba(31, 37, 51, 0) 100%
);
border-radius: 4px;
}
.teachers{
background:#E6ECF9;
padding:40px 0 50px;
}
.teachers_tit {
font-weight: 500;
color: #1e1e1e;
font-size: 38px;
line-height: 53px;
text-align: center;
margin: 0 auto 50px;
}
}
// 1行省略号
.ellipsis-1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
// 2行省略号
.ellipsis-2 {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}