body {
  min-width: var(--conterner);
  font-size: var(--fontSize);
  font-family: var(--fontRegular);
}
.mainBackgroud {
  background-color:#E9F1FE;
}
.bannerDiv{
  padding: 20px 0 0 0;
  /* height: 300px; */
  /* position: relative; */
}
.banner{
  /* position: absolute; */
  /* top: 20px; */
  border-radius: 10px;
  /* overflow: hidden; */
}
.banner img{
    
  height: auto;
  width: 100%;
}
.bannerBg{
  background-image: linear-gradient(to bottom, #E9F1FE 80%, #FFFFFF 20%);
}
.shadowedall-div {
  box-shadow:
  3px 0 5px rgba(0, 0, 0, 0.1), /* 右侧阴影 */
  -3px 0 5px rgba(0, 0, 0, 0.1), /* 左侧阴影 */
  0 3px 5px rgba(0, 0, 0, 0.1), /* 底部阴影 */
  0 -3px 5px rgba(0, 0, 0, 0.1); /* 顶部阴影 */
  background-color: #fff; /* 或其他背景颜色 */
}
.oddBg{
  background-color: #ffffff !important;
}
.evenBg{
  background-color:#E9F1FE;
}
.courseList{
  padding: 30px 50px;
}
.courseTittle{
  font-size: 20px;
  font-weight: bold;
}
.courseText{
  margin-left: 30px;
  font-size: 0.8em !important;
  font-weight: normal;
}
.courseMore{
  color: #808080;
}
.courseDiv{
  border-radius: 10px;
  width:24%;
  height: auto;
}
.courseMsgTittle{
  padding: 10px;
}
.courseMsg{
  padding: 0 10px 10px 10px;
  color: #808080;
}


.courseImg {
  border-radius: 10px;
  width: 100%;
}
.courseImg img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: auto; /* 保持图片的宽高比 */
}
.courseListItem{
  display: flex;
  justify-content: space-between;
}
.courseListItem.padd{
  padding: 0px 0px 10px 0px;
}