/* pages/index/index.wxss */

.content_box {
  padding: 30rpx;
}

.list_title {
  font-size: 30rpx;
  font-weight: bold;
  color: #1a1a1a;
}

.list_title.index {
  font-size: 48rpx;
  font-weight: bold;
}

.list_img {
  width: 100%;
  height: 300rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30rpx;
  border-radius: 10rpx;
  overflow: hidden;
}

.list_img image {
  width: 100%;
  height: 100%;
}

.title_box {
  display: flex;
  align-items: center;
  margin: 15rpx 0;
}

.laba {
  height: 21rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.laba image {
  width: 27rpx;
  height: 21rpx;
}

.scroll_box {
  width: 100%;
  height: 33rpx;
}

.notice {
  font-size: 24rpx;
  color: #ccc;
  margin-left: 15rpx;
}

.info {
  font-size: 24rpx;
  color: #999;
  margin-bottom: 20rpx;
}

.class_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.class_box image {
  border-radius: 10rpx;
  width: 330rpx;
  height: 230rpx;
  margin-bottom: 32rpx;
}

.list_box {
  width: 100%;
  min-height: 200rpx;
  font-size: 36rpx;
  color: #fff;
  border-radius: 10rpx;
  background: linear-gradient(to left, #1cb9fa, #6cf0f9);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.list_box2 {
  width: 100%;
  min-height: 200rpx;
  border-radius: 10rpx;
  background: linear-gradient(to left, #1cb9fa, #6cf0f9);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 27rpx 30rpx;
  font-size: 24rpx;
  color: #fff;
}

.title {
  font-size: 30rpx;
  color: #fff;
  font-weight: bold;
  margin-top: 30rpx;
}

.book {
  width: 185rpx;
  height: 156rpx;
  position: relative;
  z-index: 0;
}
.book_in{
   position: absolute;
   top:50%;
   left:50%;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   transform: translate(-50%,-50%);
    z-index: 10;
}
.data_num {
  font-size: 48rpx;
  font-weight: bold;
  color: RGBA(19, 19, 19, 0.8);
}

.data_unit {
  font-size: 30rpx;
  font-weight: bold;
  color: RGBA(19, 19, 19, 0.8);
}

.icon-tianjiaadd73 {
  font-size: 38rpx;
  margin-top: 21rpx;
}

.introduce {
  width: 100%;
  min-height: 300rpx;
  /* font-size: 24rpx;
  color: #4d4d4d;
  background: #ebebeb;
  border-radius: 10rpx;
  box-shadow: 2rpx 5rpx 20rpx 0rpx rgba(7, 63, 40, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 60rpx; */
}

.introduce image {
  width: 174rpx;
  height: 273rpx;
}

.point {
  width: 25rpx;
  height: 25rpx;
  border-radius: 50%;
  background: linear-gradient(to left, #1cb9fa, #6cf0f9);
  margin-right: 8rpx;
}

.icon-jiantouarrow487 {
  font-size: 36rpx;
  font-weight: bold;
  color: #ccc;
}

.example {
  display: block;
  width: 100%;
  height: 100rpx;
}

.marquee_box {
  width: 100%;
  position: relative;
}

.marquee_text {
  white-space: nowrap;
  position: absolute;
  top: 0;
}

.case_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10rpx;
  box-shadow: 2rpx 5rpx 20rpx 0rpx rgba(7, 63, 40, 0.2);
  padding: 30rpx;
}

.case_list image {
  width: 200rpx;
  height: 140rpx;
  margin-right: 30rpx;
}

.case_title {
  font-size: 28rpx;
  color: #333;
}

.case_content_box {
  display: flex;
  align-items: center;
}

.case_content {
  font-size: 24rpx;
  color: #666;
}

.case_point {
  display: flex;
  align-items: center;
}

.course {
  margin-top: 30rpx;
  /* margin-bottom: 10rpx; */
}

.list_title {
  margin-bottom: 10rpx;
}

.teacher_img {
  width: 691rpx;
  height: 303rpx;
}

.teacher_img image {
  width: 100%;
  height: 100%;
}