body {
  background-color: #fff !important;
  color: #3D3D3D;
}
.image {
  overflow: hidden;
  flex-shrink: 0;
}
.image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.flex-jus-bet {
  display: flex;
  justify-content: space-between;
}
.content-container {
  width: 100%;
  height: calc(100vh - 1.95rem);
  position: fixed;
  left: 0;
  bottom: 0;
}
.content-wrap {
  height: auto;
  /*如设置bottom:50px,则需height:auto才能生效*/
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 5vw;
  box-sizing: border-box;
}
.content-wrap .load-more-course {
  display: flex;
  flex-wrap: wrap;
}
.content-wrap .load-more-course .more-course-btn {
  width: 100%;
  flex: 1;
  margin-bottom: 0.4rem;
  order: 1;
}
.latest-content-wrap {
  display: flex;
  flex-direction: column;
}
.video-course .video {
  width: 100%;
  position: relative;
}
.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #FFFFFF;
  font-size: 0.21rem;
}
.header .menu-bar {
  width: 100%;
  box-sizing: border-box;
  height: 0.845rem;
  line-height: 0.845rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1000;
}
.header .menu-bar .logo {
  width: 1.55rem;
  height: 0.645rem;
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
}
.header .mui-bar {
  padding-left: 0.436rem;
  padding-right: 0.523rem;
}
.header .custom-header {
  justify-content: space-between;
}
.header .mui-bar .mui-title {
  width: fit-content;
  left: 50%;
  transform: translate(-50%, 0);
}
.nav-wrap {
  position: relative;
  width: 100%;
  height: 0.95rem;
}
.nav-wrap .cover {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.1rem;
  height: 0.95rem;
  z-index: 2;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  pointer-events: none;
}
.firstColumnNav {
  font-size: 0.26rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #3D3D3D;
  height: 0.95rem;
  overflow: hidden;
  padding-left: 0.2rem;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.firstColumnNav .swiper-slide {
  padding: 0 0.25rem;
  width: auto;
  text-align: center;
  height: 0.95rem;
  line-height: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.firstColumnNav .swiper-slide .tab-icon {
  height: 0.2267rem;
  object-fit: cover;
}
.firstColumnNav .swiper-slide:last-child {
  padding-right: 0.4rem;
}
.firstColumnNav .swiper-slide.active {
  font-size: 0.37rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
}
.firstColumnNav .swiper-slide.active .tab-icon {
  transform: scale(1.5);
}
.firstColumnNav .bar {
  width: 0.6rem;
  height: 0.052rem;
  position: absolute;
  bottom: 0px;
}
.firstColumnNav .bar .color {
  width: 100%;
  margin: 0 auto;
  height: 0.052rem;
  background: #F28C00;
  border-radius: 0.03rem;
}
.video-container {
  overflow: hidden;
  width: 100%;
}
.video-container .video-box {
  width: 2.87rem;
  height: 3.84rem;
  margin-right: 0.366rem;
  flex-shrink: 0;
  overflow: hidden;
  align-items: center;
  display: flex;
}
.video-container .video-box img {
  object-fit: cover;
  width: 100%;
  height: auto;
}
#columnWrap_0 .topic-container {
  overflow: hidden;
  width: 100%;
  margin-top: 0.4884rem;
  padding: 0.4rem;
  padding-top: 0.47rem;
  background-color: #fff;
}
#columnWrap_0 .topic-container .topic-box {
  width: fit-content;
  margin-right: 0.4535rem;
  flex-shrink: 0;
  overflow: hidden;
}
#columnWrap_0 .topic-container .topic-box .image {
  width: 2.62rem;
  height: 2.62rem;
}
#columnWrap_0 .topic-container .topic-box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#columnWrap_0 .topic-container .topic-box .description {
  margin-top: 0.25rem;
  font-size: 0.28rem;
  line-height: 0.38rem;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #62666A;
}
#columnWrap_0 .topic-container .check-more {
  height: 2.62rem;
  width: 1.2rem;
  font-size: 0.24rem;
  color: #62666A;
  margin-bottom: 0;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
}
#columnWrap_0 .topic-container .check-more img {
  width: 0.575rem;
  height: 0.558rem;
  object-fit: cover;
  margin-bottom: 0.21rem;
}
.daac-container {
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  padding: 0.3837rem;
  padding-bottom: 0.3314rem;
  margin-top: 0.4884rem;
}
.daac-container .daac-box {
  width: fit-content;
  height: 2.79rem;
  margin-right: 0.3488rem;
}
.daac-container .daac-box img {
  width: auto;
}
.daac-container .check-more {
  height: 2.79rem;
  width: 1.535rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.24rem;
  color: #62666A;
  margin-bottom: 0;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
}
.daac-container .check-more img {
  width: 0.575rem;
  height: 0.558rem;
  object-fit: cover;
  margin-bottom: 0.21rem;
}
#columnWrap_0 .video-course .info,
#columnWrap_0 .large-img-course .info {
  margin-top: 0;
}
#columnWrap_0 .video-course .image,
#columnWrap_0 .large-img-course .image {
  order: 2;
  margin-top: 0.3rem;
}
#columnWrap_0,
.column-content-wrap {
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.03);
}
.topic-column-wrap {
  width: 100%;
  background: #fff;
  margin-bottom: 0.366rem;
  padding: 0 0.34rem;
}
.topic-column-wrap .regular-item {
  margin-top: 0.33rem;
  border-bottom: 0.01rem solid #EAEAEA;
}
.topic-column-wrap .regular-item:first-child {
  margin-top: 0;
}
.topic-column-wrap .regular-item:last-child {
  border: none;
}
.img-course {
  justify-content: space-between;
}
.sskBanner {
  margin-top: 0.4884rem;
  padding: 0.42rem 0.41rem;
  background-color: #fff;
  width: 100%;
  order: 4;
}
.sskBanner img {
  width: 100%;
  height: auto;
}
.more-course-wrap {
  width: 100%;
}
.essen-course-small {
  padding-left: 0;
  padding-right: 0;
}
.essen-course-small .image {
  overflow: unset;
}
.essen-course-small .info {
  display: unset;
}
.essen-course .tag-wrap {
  margin-bottom: 0.087rem;
}
.tag-wrap {
  margin-bottom: 0.2rem;
}
.mui-popup-backdrop {
  z-index: 999;
}
.mui-popup {
  width: 4.7rem;
}
.mui-popup .mui-popup-inner {
  position: relative;
  padding: 15px;
  border-radius: 0.21rem 0.21rem 0 0;
  background: #fff;
  font-family: PingFangSC, PingFang SC;
  padding-top: 0.34rem;
  padding-bottom: 0.3488rem;
}
.mui-popup .mui-popup-inner::after {
  background-color: #E0E0E0;
}
.mui-popup .mui-popup-inner .mui-popup-title {
  font-size: 0.31rem;
  font-weight: 600;
  color: #000000;
}
.mui-popup .mui-popup-inner .mui-popup-title + .mui-popup-text {
  margin-top: 0.21rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.24rem;
}
.mui-popup .mui-popup-buttons {
  height: 0.83rem;
}
.mui-popup .mui-popup-buttons:first-child:last-child {
  border-radius: 0 0 0.21rem 0.21rem;
}
.mui-popup .mui-popup-buttons .mui-popup-button.mui-popup-button-bold {
  font-size: 0.31rem;
  font-weight: 500;
  color: #F28C00;
  background: #fff;
}
.loading-ske .regular-item {
  border: none;
}
.loading-ske .regular-item .tag {
  border: none;
  min-width: 1rem;
  box-sizing: border-box;
}
.loading-ske .ske-item.description {
  min-height: 0.45rem;
}
.loading-ske .essen-course .ske-item.card {
  background: none;
}
.loading-ske .essen-course .ske-item.card .label {
  min-width: 0.9rem;
  border-radius: 10px;
  box-sizing: border-box;
}
.loading-ske .essen-course .ske-item.card .member {
  min-width: 0.92rem;
  border-radius: 10px;
  box-sizing: border-box;
}
.loading-ske .essen-course .ske-item.card .member::after {
  display: none;
}
.loading-ske .essen-course .ske-item.card .tag {
  border-radius: 10px;
}
.loading-ske .essen-course .ske-item.card .title.ske-item {
  height: 0.4rem;
}
.loading-ske .essen-course .ske-item.card .btn.ske-item {
  min-width: 1.9rem;
  box-sizing: border-box;
  background: var(--loading-grey);
}
.loading-ske .essen-course .ske-item.card .btn.ske-item::after {
  display: none;
}
.loading-ske .topic-column-wrap {
  padding-top: 0.3rem;
}
.loading-ske .topic-column-wrap .column-title.ske-item {
  display: none;
}
.birthdayPopup {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.birthdayPopup .content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 1;
}
.birthdayPopup .content .content-img {
  width: 4.71rem;
  height: 5.98rem;
}
.birthdayPopup .content .close-btn {
  width: 0.47rem;
  height: 0.47rem;
  margin-top: 0.5rem;
}
.birthdayPopup .content .go-btn {
  position: absolute;
  content: "立刻前往";
  bottom: 1.39rem;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0 0.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  background: #F09A25;
  border-radius: 0.35rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 0.28rem;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-align: center;
}
.cssd-title {
  background: linear-gradient(180deg, #E8F9F4 0%, #FFFFFF 100%);
  margin-left: -0.34rem;
  margin-right: -0.34rem;
  padding-left: 1.08rem;
  padding-right: 0.31rem;
  height: 1.13rem;
  line-height: 1.13rem;
  color: #00A77A;
  font-size: 0.26rem;
  position: relative;
}
.cssd-title::after {
  content: "";
  width: 1.76rem;
  height: 0.72rem;
  background: url("../img/cssd_right_icon.png") center center no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  background-size: contain;
}
.cssd-title::before {
  content: "";
  width: 0.54rem;
  height: 0.56rem;
  background: url("../img/cssd_left_icon.png") center center no-repeat;
  position: absolute;
  left: 0.34rem;
  top: 50%;
  transform: translate(0, -50%);
  background-size: contain;
}
.exam-btn {
  height: 0.65rem;
  background: #F09A25;
  border-radius: 0.33rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.35rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.44rem;
  margin-top: 0.38rem;
}
.exam-btn img {
  margin-left: 0.17rem;
  width: 0.21rem;
  height: 0.19rem;
}