@charset "UTF-8";
page, block, view, scroll-view, swiper, movable-view, icon, text, progress, button, checkbox, form, input, label, picker, picker-view, radio, slider, switch, textarea, navigator, audio, image, video, map, canvas, contact-button, cover-image, cover-view {
  box-sizing: border-box;
}
.text-center {
  text-align: center;
}
.font-weight {
  font-weight: bold;
}
.page-width {
  width: 100%;
}
.background-image {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width {
  width: 100%;
}
.custom-header-container {
  width: 100%;
  top: 0;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background: #fff;
  font-size: 26rpx;
  background: transparent;
}
.custom-header-container .header-bg {
  width: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 0;
}
.custom-header-container .header-bg image {
  width: 100%;
  height: 230px;
}
.custom-header-container .custom-header-status-bar {
  width: 100%;
  top: 0;
  position: -webkit-sticky;
  position: sticky;
  z-index: 100;
}
.custom-header-container .custom-header-top-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 0 15rpx;
}
.custom-header-container .custom-header-top-container .custom-header-title {
  height: 44px;
  line-height: 44px;
  font-size: 36rpx;
  font-weight: 400;
  font-family: Source Han Sans CN;
  color: #FBF9F9;
  z-index: 1;
}
.custom-header-container .cu-bar {
  width: 100%;
  height: 55px;
}
.custom-header-container .head-search {
  width: 100%;
  height: 60rpx;
}
.custom-header-container .head-search .head-search-item {
  width: 690rpx;
  height: 65rpx;
  background: #fff;
  border-radius: 50%;
}
.banner {
  width: 94vw;
  height: auto;
  margin: 0 3vw;
  padding: 5vw 0;
  z-index: 1;
}
.banner .swipe {
  width: 100%;
  height: 42vw;
  /* background: #eee; */
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
.banner .swipe .banner-img {
  width: 100%;
  height: 100%;
}
.course-list-icon {
  width: 100%;
  height: 60rpx;
  padding-left: 20rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  margin: 30rpx 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.course-list-icon .img {
  width: 29rpx;
  height: 31rpx;
  margin-right: 10rpx;
}
.course-list-icon .img image {
  width: 100%;
  height: 100%;
}
.course-list-icon text {
  font-size: 34rpx;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #3d3d3d;
}
.placeholder-view {
  width: 100%;
  height: 100rpx;
}
.course-list-item {
  width: 100%;
  height: 242rpx;
  padding: 15rpx;
  border-bottom: 1rpx solid #E5E5E5;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.course-item-left {
  width: 251rpx;
  height: 200rpx;
  margin-right: 20rpx;
}
.course-item-left image {
  width: 100%;
  height: 100%;
}
.course-item-right .course-item-title {
  width: 430rpx;
  font-size: 34rpx;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #3d3d3d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.course-item-right .course-item-content {
  width: 430rpx;
  height: 35rpx;
  margin: 15rpx 0 20rpx 0;
  font-size: 26rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #707070;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.course-item-right .course-item-moneyAndBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.course-item-right .course-item-moneyAndBtn .moneyAndBtn-money {
  font-size: 34rpx;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FF4800;
}
.course-item-right .course-item-moneyAndBtn .moneyAndBtn-money text {
  font-size: 34rpx;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FF4800;
  margin: 0 8rpx;
}
.course-item-right .course-item-moneyAndBtn .moneyAndBtn-btn {
  font-size: 34rpx;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #fff;
  background: #F09A21;
  padding: 10rpx 22rpx;
  text-align: center;
  box-shadow: 0 4px 10px #999;
  border-radius: 8rpx;
}

