You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/p__Classrooms__Index.5efdfb...

552 lines
12 KiB

.flex_box_center___2oGJ4 {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___u8hEL {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___qEuDv {
align-items: center;
box-align: center;
}
.flex_box_center_end___2YgZ6 {
justify-content: flex-end;
align-items: center;
-webkit-justify-content: flex-end;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: end;
box-align: center;
box-pack: end;
}
.flex_box_column___31ZoE {
flex-direction: column;
box-orient: block-axis;
}
.wrp___aC1DO {
background: #fff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
}
.menu___3inoD {
margin: 20px 0;
position: relative;
z-index: 2;
}
.menu___3inoD:hover {
z-index: 3;
}
.menu___3inoD > li {
display: inline-block;
position: relative;
margin-right: 10px;
padding-bottom: 10px;
margin-bottom: 12px;
}
.menu___3inoD > li a {
color: #4b4b4b;
}
.menu___3inoD > li strong {
padding: 8px 15px;
border-radius: 4px;
cursor: pointer;
font-weight: normal;
}
.menu___3inoD > li:hover {
color: #fff;
}
.menu___3inoD > li:hover a,
.menu___3inoD > li:hover strong {
color: #fff;
background: #0152d9;
}
.menu___3inoD > li:hover div {
display: block;
}
.menu___3inoD > li > div {
display: none;
position: absolute;
left: 0;
top: 30px;
width: 400px;
padding: 10px;
background: #fff;
max-height: 400px;
overflow: auto;
z-index: 8;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.menu___3inoD > li > div h2 {
cursor: pointer;
margin: 10px 0;
}
.menu___3inoD > li > div h2:hover {
color: #0152d9;
}
.menu___3inoD > li > div ul li {
cursor: pointer;
display: inline-block;
height: 30px;
line-height: 30px;
margin-right: 20px;
color: #999;
}
.menu___3inoD > li > div ul li:hover {
color: #0152d9;
}
.actived___2Hsoh strong {
background: #0152d9;
color: #fff;
}
.actived2___KsiQD {
color: #0152d9 !important;
}
.search___3rfQp > div:nth-child(1) button {
border-radius: 40px;
box-shadow: none;
}
.search___3rfQp [class~='ant-btn-default'] {
background: #eee;
border-color: #eee;
color: #999;
}
.search___3rfQp [class~='ant-btn-primary'] {
background-color: #0152d9;
border-color: #0152d9;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.flex_box_center___3hzEC {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___3p82r {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___3z2QM {
align-items: center;
box-align: center;
}
.flex_box_center_end___2IVE_ {
justify-content: flex-end;
align-items: center;
-webkit-justify-content: flex-end;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: end;
box-align: center;
box-pack: end;
}
.flex_box_column___3BKwv {
flex-direction: column;
box-orient: block-axis;
}
.banner___3bzNx {
height: 160px;
position: relative;
overflow: hidden;
}
.banner___3bzNx img {
height: 100%;
width: 101%;
position: absolute;
z-index: 1;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.banner___3bzNx .container___1oO0l {
position: absolute;
z-index: 2;
left: 50%;
top: 0;
transform: translateX(-50%);
width: 1200px;
display: flex;
justify-content: space-between;
}
.banner___3bzNx .container___1oO0l .link___1SMhS .left___3WAPf {
margin-top: 40px;
display: flex;
align-items: center;
}
.banner___3bzNx .container___1oO0l .link___1SMhS .left___3WAPf span:first-child {
width: 140px;
height: 30px;
font-size: 30px;
font-weight: 600;
color: #ffffff;
line-height: 30px;
letter-spacing: 4px;
}
.banner___3bzNx .container___1oO0l .link___1SMhS .left___3WAPf span:last-child {
height: 16px;
font-size: 16px;
color: #ffffff;
line-height: 16px;
letter-spacing: 4px;
margin-left: 16px;
}
.banner___3bzNx .container___1oO0l .link___1SMhS > span {
display: inline-block;
width: 104px;
height: 30px;
line-height: 28px;
text-align: center;
border-radius: 4px;
border: 1px solid #666666;
margin-right: 30px;
margin-top: 30px;
color: #ffffff;
cursor: pointer;
}
.banner___3bzNx .container___1oO0l .link___1SMhS > span i {
font-size: 14px;
display: inline-block;
margin-right: 10px;
transform: translateY(1px);
}
.banner___3bzNx .container___1oO0l .search___3WZ8y .hotSearch___38RL5 {
margin-top: 20px;
}
.banner___3bzNx .container___1oO0l .search___3WZ8y .hotSearch___38RL5 span {
height: 12px;
font-size: 12px;
color: #ffffff;
line-height: 12px;
margin-right: 14px;
cursor: pointer;
}
.banner___3bzNx .container___1oO0l .search___3WZ8y .ant-input {
height: 46px;
padding-left: 14px;
background: #f5f5f5;
}
.banner___3bzNx .container___1oO0l .search___3WZ8y .ant-input-wrapper {
border-radius: 4px;
overflow: hidden;
}
.banner___3bzNx .container___1oO0l .search___3WZ8y .ant-btn {
height: 46px;
}
.banner___3bzNx .classromediv___3bE4U {
animation: glow___2V48E 200ms ease-out infinite alternate;
}
@keyframes glow___2V48E {
0% {
width: 104px;
height: 30px;
line-height: 28px;
text-align: center;
border-color: #00fff9;
background: rgba(0, 255, 249, 0.2);
box-shadow: 0 0 5px rgba(0, 255, 249, 0.2);
}
100% {
width: 104px;
height: 30px;
line-height: 28px;
text-align: center;
border-color: #00fff9;
background: rgba(0, 255, 249, 0.2);
box-shadow: 0 0 8px rgba(0, 255, 249, 0.6);
}
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.flex_box_center___1CNjs {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___1FtoN {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___3dMG1 {
align-items: center;
box-align: center;
}
.flex_box_center_end___2egRo {
justify-content: flex-end;
align-items: center;
-webkit-justify-content: flex-end;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: end;
box-align: center;
box-pack: end;
}
.flex_box_column___3KOTY {
flex-direction: column;
box-orient: block-axis;
}
.courseItems___3PhxO * {
font-size: 14px;
}
.courseItems___3PhxO p {
margin-bottom: 0;
}
.courseItems___3PhxO a {
margin-right: 26px;
}
.courseItems___3PhxO a:nth-child(4n) {
margin-right: 0;
}
.courseItems___3PhxO .tabBadge___k9fHK {
position: absolute;
left: 1px;
top: 1px;
border-left: 80px solid #0152d9;
border-bottom: 80px solid transparent;
width: 0;
height: 0;
z-index: 1;
}
.courseItems___3PhxO .publicword___PG-OA {
transform: rotate(-45deg);
text-align: center;
color: white;
position: absolute;
left: 0;
top: 15px;
z-index: 3;
font-size: 14px;
width: 50px;
}
.courseItems___3PhxO .openTag___3CWAL {
position: absolute;
right: 0;
top: 10px;
z-index: 2;
background-color: #ff6800;
color: #fff;
padding: 0 8px;
height: 28px;
line-height: 28px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.courseItems___3PhxO .overTag___2guuN {
position: absolute;
bottom: 56px;
right: 0;
z-index: 2;
background-color: #eaeaea;
color: #fff;
padding: 0 8px;
height: 28px;
line-height: 28px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.courseItems___3PhxO .smalltrangle___S_9F2 {
position: absolute;
left: 1px;
top: 1px;
border-left: 25px solid #fff;
border-bottom: 25px solid transparent;
z-index: 2;
}
.courseItems___3PhxO div[class~='ant-card'] {
width: 280px;
height: 250px;
margin-bottom: 20px;
padding: 40px 40px 0px 40px;
display: inline-block;
transition: all 0.5s;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}
.courseItems___3PhxO div[class~='ant-card'] [class='ant-card-body'] {
padding: 0;
}
.courseItems___3PhxO div[class~='ant-card'] [class='ant-card-cover'] {
height: 175px;
width: 100%;
overflow: hidden;
}
.courseItems___3PhxO div[class~='ant-card']:hover {
box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
.courseItems___3PhxO div[class~='ant-card']:hover [class='ant-card-cover'] img {
transform: scale(1.1);
}
.courseItems___3PhxO div[class~='ant-card'] div[class='ant-card-meta-title'] > div {
font-size: 16px;
white-space: normal;
text-align: center;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.25;
height: 40px;
}
.courseItems___3PhxO div[class~='ant-card'] img {
width: 60px;
height: 60px;
border-radius: 60px;
margin-top: 10px;
}
.courseItems___3PhxO div[class~='ant-card'] .teacher___38ms7 {
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
margin-top: 10px;
margin-bottom: 0;
}
.courseItems___3PhxO div[class~='ant-card'] .creator___9nSkw {
margin-top: 10px;
}
.courseItems___3PhxO div[class~='ant-card'] .school___3dPsc {
font-size: 16px;
color: #999;
margin-top: 10px;
margin-bottom: 0;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
}
.courseItems___3PhxO div[class~='ant-card'] .visits___2DyBb {
display: flex;
flex-direction: row;
justify-content: space-around;
padding: 0 30px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 48px;
border-top: 1px solid #eaeaea;
}
.courseItems___3PhxO div[class~='ant-card'] .visits___2DyBb > span {
display: box;
display: flex;
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.flex_box_center___3T7zx {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___1Un1- {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___19AKr {
align-items: center;
box-align: center;
}
.flex_box_center_end___2ngNa {
justify-content: flex-end;
align-items: center;
-webkit-justify-content: flex-end;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: end;
box-align: center;
box-pack: end;
}
.flex_box_column___cSCbk {
flex-direction: column;
box-orient: block-axis;
}
.wrp___1tbhs {
width: 1200px;
margin: 0 auto;
}
.banner____ZkDp {
height: 160px;
overflow: hidden;
display: box;
display: flex;
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.banner____ZkDp img {
height: 160px;
}
.bg___2N5MZ {
background: #fafafa;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.advertisementModal .ant-modal-content{
background-color:transparent;
box-shadow:0px 0px 0px 0px;
position:relative;
background-clip: padding-box;
border: 0;
border-radius: 4px;
pointer-events: auto;
}
.closex{
width:25px;
height:25px;
border:1px solid rgba(255,255,255,1);
border-radius: 50%;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
}
.modalContent{
width: 880px;
margin-top: 30px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(270deg, rgba(0, 182, 120, 0) 0%, rgba(0, 182, 120, 0.4) 48%, rgba(0, 182, 120, 0) 100%);
}
.textcolor{
height: 30px;
width: 140px;
background: rgb(247, 181, 0);
border-radius: 4px;
line-height: 30px;
color: #fff;
}
.spanButton{
cursor: default;
width: 100px;
height: 30px;
background: rgba(247, 181, 0, 0.6);
border-radius: 4px;
border: 1px solid rgb(247, 181, 0);
color: rgb(255, 255, 255);
position: absolute;
/* line-height: 30px; */
display: flex;
align-items: center;
justify-content: center;
/* top: 219px; */
left: 614px;
}