@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@-webkit-keyframes example1-data-v-387eb8f2 {
0% {
    -webkit-transform: translate(-100px);
            transform: translate(-100px);
    opacity: 0;
}
50% {
    -webkit-transform: translate();
            transform: translate();
    opacity: 0.5;
}
100% {
    -webkit-transform: translate(0);
            transform: translate(0);
}
}
@keyframes example1-data-v-387eb8f2 {
0% {
    -webkit-transform: translate(-100px);
            transform: translate(-100px);
    opacity: 0;
}
50% {
    -webkit-transform: translate();
            transform: translate();
    opacity: 0.5;
}
100% {
    -webkit-transform: translate(0);
            transform: translate(0);
}
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* uni.scss */
/* 颜色变量 */
/* 主要颜色 */
/* 文本颜色 */
/* 其它颜色 */
.searchList .item.data-v-387eb8f2 {
  font-size: 28rpx;
  padding: 20rpx;
  border-bottom: 1px solid #dadbde;
}
.scroll-view_H.data-v-387eb8f2 {
  background-color: #fff;
  white-space: nowrap;
  padding: 10rpx;
}
.contentBox.data-v-387eb8f2 {
  height: calc(100% - 50px);
}
.contentBox .statusList.data-v-387eb8f2 {
  padding: 10rpx;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.contentBox .statusList text.data-v-387eb8f2 {
  text-align: center;
  display: inline-block;
  width: 32%;
  padding: 20rpx 0;
  font-size: 34rpx;
  border-radius: 10rpx;
}
.contentBox .statusList .cur.data-v-387eb8f2 {
  background-color: #3AB3AE;
  color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.contentBox .twoCateList.data-v-387eb8f2 {
  font-size: 28rpx;
  margin-top: 20rpx;
}
.contentBox .twoCateList .grid-text.data-v-387eb8f2 {
  padding: 10rpx 0rpx;
  text-align: center;
}
.contentBox .twoCateList .cur.data-v-387eb8f2 {
  color: #3AB3AE;
}
.contentBox .dataList.data-v-387eb8f2 {
  font-size: 26rpx;
  border-radius: 10rpx;
  background-color: #f8f9fa;
  box-sizing: border-box;
}
.contentBox .dataList .JFtitleItem.data-v-387eb8f2 {
  background-color: #ffffff;
  padding: 20rpx 10rpx;
  width: 100%;
  border-bottom: 0.5px solid #f8f9fa;
}
.contentBox .dataList .wmzhimg.data-v-387eb8f2 {
  width: 220rpx;
  height: 220rpx;
}
.search_box.data-v-387eb8f2 {
  margin: 0 auto;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: calc(100% - 10px);
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}
.search_box .search.data-v-387eb8f2 {
  height: 56rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 86%;
  margin: 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 0rpx 40rpx;
  background-color: #fff;
  border-radius: 20rpx;
  box-shadow: 0 0px 10px 1px #3AB3AE;
}
.search_box .prompt.data-v-387eb8f2 {
  color: #838383;
  font-size: 24rpx;
}
.search_box .icon_search.data-v-387eb8f2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM3Njc4MkJGREVBRTExRTlCMzQ1QUQ2OTRBMkMzNEZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM3Njc4MkMwREVBRTExRTlCMzQ1QUQ2OTRBMkMzNEZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mzc2NzgyQkRERUFFMTFFOUIzNDVBRDY5NEEyQzM0RkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Mzc2NzgyQkVERUFFMTFFOUIzNDVBRDY5NEEyQzM0RkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5HoeccAAAD1ElEQVR42syZWUhVURSG972akZhpZQOIGJVpNrwERVBqA1GUZDaRRQNFNPhQ0CRBYJiZFNFAEJWRTZhgCL40G6FR0nSppLQkus3lkNFEw79pndju9j6dc4ejP3wPa59z9b97Xuu6ampqmE1FgwkgFSSDBBABwkELeA0egjvgHLgBfjI/5bJhdBRYC9JBZxv/4xk4BPaBRl+Nui280x9UgGowy6ZJrjiQCxrABtApGEaXAw+YonnOh/Qp4MNSCW6b9Fok2E7vJto1GqppDwEHwRLFsw/gJCgHVeCT4p1YMBHMA+OkDhkGboK5NFI+9yg3WaIwyRfKehrKbHBeY5LrOSgis8n090TxxVcG5vhjdC+YIbVdBkmg0MScTrVkaKo0LfhcPUY9btvoIrBCajtAPfPCzx2GD/NoUCe0hVFvx9oxGke9KZtcCX6wwKhWYbYHOGrHaCHNHUNXaC4GWm/BZNAstI3/33w1jA6hPVJcOPMD2JOy6hSdsNVsuzQerOGnlNC+DXhZcFVMe6+hgYpF3MZouNSbfJ/cz5xRrhQvNDOaBroKbcdBq0NGL9ECMzRJ8tLGaKrUVs6c1Slpbx2jMzpciL/TseikKqV4hM7oACGuB58dNnpXihN1RrsLsZc5rybwUYh764x2E+IvrH3UKF0HlUZbpcncHgqT1onSaJMQ92oHk27Kwwy16l6qF+IEuo86qTgpvWnQGfUIcbhuHwuiUqT4vs6ovI+lO2x0uhRX64xeBF+FtgwHhz+CagSG3lDypzTaKCVZ8WC2Q0aXSXfgEl2xwi3kSaLyaL4GU/yg2STEvyijML2P8tv8NaG9HygIstHdIEaIz4IHVlKRbOlGvwpkBckkTyAXCDFfIxut5ky8qLVLrEuBI2BmgE1mKabaTvDITrq8WZoC/Gg7Td/W5adB/vkcSkFCFIsqxY7Rb1Qo8EiVk3zaxpJ8NDmYPp+n+cJ8rl4wy3pVWV8zFRxuSe1p9AVOgLEWethFp1wx3TnTLNTB9tB0+6diaFYf5bnLYSnxE/UKXAX32J/ibTNdGfl9cigNZR+TO2iUienrtDa8VowaWgx2gJ4BWEjvwDpQSnWnDJN3X5LZKsasFXKLaG4WSNUNO2qhzw+i8g2/ymWCLbTRq9SXstSlVntUVBcqEmRS9hpt8i5PL3gVsIx6UJeCT6MUPdLkb612+fBjg7gQ4ykZi6IzmyeG7+mO+5hZ/5EhiU6mBM1zb6gf842beEL4K/4rykjaUVRl+Bg36zhqommQr5i3FR3JqDFKOXTN9FAd7Aw/uUJZx1Qp8Ve/BRgA2YPPSqiWJ7EAAAAASUVORK5CYII=);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 36rpx;
  height: 36rpx;
  margin-right: 20rpx;
}
.flexbox.data-v-387eb8f2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: transparent !important;
}
.uni-modal .uni-modal__bd.data-v-387eb8f2 {
  text-align: left;
}
.limiTy.data-v-387eb8f2 {
  font-size: 28rpx;
  line-height: 46rpx;
}
.chImage.data-v-387eb8f2 {
  height: 100rpx;
}
.dataList.data-v-387eb8f2 {
  height: 100%;
}
.titleList2.data-v-387eb8f2 {
  height: calc(100% - 150rpx);
}
.priceDetail.data-v-387eb8f2 {
  height: calc(100% - 180rpx) !important;
  padding: 0rpx 0;
  box-sizing: border-box;
}
.componentPage.data-v-387eb8f2 {
  height: calc(100% - 90rpx) !important;
}
.dateReminder.data-v-387eb8f2 {
  width: 100%;
  font-size: 24rpx;
  text-align: right;
  line-height: 40rpx;
}
.fdButtonBox.data-v-387eb8f2 {
  border: 1rpx solid #3AB3AE;
  background-color: #3AB3AE;
  color: #3AB3AE;
  float: right;
  padding: 4rpx 14rpx;
  font-size: 24rpx;
  font-weight: 500;
  line-height: 30rpx;
  border-radius: 10rpx;
  box-sizing: border-box;
}
.fdButtonBoxRed.data-v-387eb8f2 {
  border: 1rpx solid red;
  background-color: red;
  padding: 8rpx 14rpx;
  font-size: 28rpx;
}
.curriulum_box.data-v-387eb8f2 {
  margin-top: 20rpx;
  width: 100%;
}
.curriulum_box .curriulum_title_box.data-v-387eb8f2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 20rpx;
  background-color: #fff;
}
.curriulum_box .curriulum_title_box .curriulum_title.data-v-387eb8f2 {
  width: calc(100% - 80rpx);
  font-size: 32rpx;
  line-height: 40rpx;
  padding: 20rpx;
  box-sizing: border-box;
}
.data-v-387eb8f2 .scroll-view-item:nth-child(2n-1) {
  background-color: transparent !important;
}
.dataList.data-v-387eb8f2 {
  height: auto !important;
}
.small_class_teaching_box.data-v-387eb8f2 {
  width: 100%;
  margin-top: 20rpx;
}
.small_class_teaching_box .small_class_teaching_top.data-v-387eb8f2 {
  padding: 20rpx 20rpx 0 10rpx;
  box-sizing: border-box;
  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;
  color: #8f8e8e;
}
.small_class_teaching_box .small_class_teaching_top .icon1.data-v-387eb8f2 {
  width: 50rpx;
  height: 50rpx;
}
.small_class_teaching_box .small_class_teaching_top .small_class_teaching_top_left.data-v-387eb8f2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #018f89;
  font-family: MicrosoftYaHei;
}
.small_class_teaching_box .small_class_teaching_content.data-v-387eb8f2 {
  margin-top: 0rpx;
  padding-bottom: 10rpx;
}
.small_class_teaching_box .small_class_teaching_content .top.data-v-387eb8f2 {
  padding: 20rpx 20rpx;
  box-sizing: border-box;
  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;
  border-bottom: 4rpx solid #fff;
}
.small_class_teaching_box .small_class_teaching_content .top .top_item.data-v-387eb8f2 {
  width: 23%;
  font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
  font-weight: normal;
  font-size: 34rpx;
  color: #018f89;
  line-height: 80rpx;
  background: #cef8ea;
  text-align: center;
  border-radius: 10rpx;
  box-shadow: 0px 0px 6rpx 0px #e9dccc;
}
.small_class_teaching_box .small_class_teaching_content .schedule.data-v-387eb8f2 {
  width: 100%;
  overflow: hidden;
  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;
  padding: 10rpx 0;
  box-sizing: border-box;
  align-items: center;
  color: #018f89;
}
.small_class_teaching_box .small_class_teaching_content .schedule .icon_box.data-v-387eb8f2 {
  width: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 0rpx;
  font-weight: 700;
}
.small_class_teaching_box .small_class_teaching_content .schedule .icon_box .icon1.data-v-387eb8f2 {
  width: 50rpx;
  height: 50rpx;
  margin-right: 10rpx;
}
.small_class_teaching_box .small_class_teaching_content .schedule .progress_box.data-v-387eb8f2 {
  width: calc(100% - 180rpx);
  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;
  position: relative;
}
.small_class_teaching_box .small_class_teaching_content .schedule .progress_box .progress_icon.data-v-387eb8f2 {
  width: calc(100% - 60rpx);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.small_class_teaching_box .small_class_teaching_content .schedule .progress_box .icon1.data-v-387eb8f2 {
  width: 60rpx;
  height: 60rpx;
  margin: 0 20rpx;
}
.small_class_teaching_box .small_class_teaching_content .schedule .progress_box .icon2.data-v-387eb8f2 {
  width: 140rpx;
  height: 100rpx;
  position: absolute;
  right: 0;
}
.related_courses_box.data-v-387eb8f2 {
  background-color: #fff;
}
.related_courses_box .small_class_teaching_content.data-v-387eb8f2 {
  padding: 10rpx 20rpx;
  box-sizing: border-box;
}
.related_courses_name.data-v-387eb8f2 {
  display: inline-block;
  width: calc(100% - 150rpx) !important;
}
.related_courses_name .aui-text-danger.data-v-387eb8f2 {
  display: inline-block;
  float: right;
}
.goods_box.data-v-387eb8f2 {
  padding: 40rpx 20rpx;
  padding-bottom: 150rpx;
}
.goods_box .goods_item.data-v-387eb8f2 {
  overflow: hidden;
  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;
  margin-bottom: 20rpx;
  padding: 10rpx 20rpx;
  border: 2rpx solid #fff;
  border-radius: 10rpx;
}
.goods_box .title.data-v-387eb8f2 {
  box-sizing: border-box;
  font-weight: bold;
  margin-bottom: 20rpx;
}
.goods_box .image_box.data-v-387eb8f2 {
  width: 70rpx !important;
  height: 70rpx !important;
  float: left;
  background-color: #f5f5f5;
}
.goods_box .goods_image.data-v-387eb8f2 {
  width: 100%;
  height: 100%;
}
.goods_box .goods_info.data-v-387eb8f2 {
  width: calc(100% - 100rpx);
  box-sizing: border-box;
  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;
  float: left;
}
.goods_box .goods_info .name.data-v-387eb8f2 {
  font-size: 30rpx;
  font-weight: 600;
  color: #333;
}
.goods_box .goods_info .price.data-v-387eb8f2 {
  font-size: 26rpx;
  color: #aaa;
  font-weight: 600;
}
.goods_box .isSelectGoods.data-v-387eb8f2 {
  color: #3AB3AE !important;
  border: 2rpx solid #3AB3AE;
  border-radius: 10rpx;
}
.goods_box .isSelectGoods .name.data-v-387eb8f2 {
  color: #3AB3AE !important;
}
.goods_box .isSelectGoods .price.data-v-387eb8f2 {
  color: #3AB3AE !important;
}
.popup_box.data-v-387eb8f2 {
  padding-bottom: 20rpx;
  width: 85vw;
  overflow: hidden;
  position: relative;
  height: auto;
}
.popup_box .title.data-v-387eb8f2 {
  font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
  font-weight: normal;
  font-size: 46rpx;
  color: #3AB3AE;
  background-color: #f5f5f5;
  padding: 20rpx;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.popup_box .content.data-v-387eb8f2 {
  font-size: 26rpx;
  letter-spacing: 0.15rpx;
  padding: 20rpx;
  color: #3f3f3f;
}
.popup_box .content .top.data-v-387eb8f2 {
  margin: 30rpx 0;
}
.popup_box .content .center.data-v-387eb8f2 {
  line-height: 40rpx;
}
.popup_box .content .bottom.data-v-387eb8f2 {
  width: 100%;
  margin-top: 60rpx;
  font-size: 24rpx;
  line-height: 26rpx;
  color: #b0b0b0;
}
.popup_box .button_box.data-v-387eb8f2 {
  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;
  margin-top: 20rpx;
}
.popup_box .button_box .u-button.data-v-387eb8f2 {
  margin-left: 40rpx;
}
.popup_box .button_box .u-button.data-v-387eb8f2:nth-child(1) {
  margin-left: 0;
}
.saveBtnss.data-v-387eb8f2 {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 80rpx;
  overflow: hidden;
  border-radius: 50rpx;
}
.saveBtnss text.data-v-387eb8f2 {
  padding-left: 10rpx;
  font-size: 28rpx;
}
.vipBtn.data-v-387eb8f2 {
  border-radius: 100rpx;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: auto;
  padding: 0 20rpx;
  color: #fff;
  margin: 10rpx auto;
}
.buyBtn.data-v-387eb8f2 {
  background: #f42c32 !important;
}
.data-v-387eb8f2 .u-alert--warning--light {
  background-color: none !important;
}
.data-v-387eb8f2 .u-alert__text--warning--light {
  color: #fff !important;
}
.data-v-387eb8f2 .u-alert {
  background: none !important;
}
.data-v-387eb8f2 .u-icon__icon--warning {
  color: #fff !important;
}
.data-v-387eb8f2 .uni-section {
  background: transparent !important;
}
.data-v-387eb8f2 .uni-section .uni-section-header {
  padding-top: 10rpx !important;
  padding-bottom: 10rpx !important;
}
.data-v-387eb8f2 .uni-section .uni-section-header {
  padding-left: 0rpx !important;
}
.course_info_box .course_info.data-v-387eb8f2 {
  background: #f3faf3;
  overflow: hidden;
}
.catalogue_title.data-v-387eb8f2 {
  background: -webkit-linear-gradient(320deg, #16171b 0%, #44b2b1 100%);
  background: linear-gradient(130deg, #16171b 0%, #44b2b1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 42rpx;
  font-weight: bold;
  letter-spacing: 4rpx;
}
.chapter_content.data-v-387eb8f2 {
  border: 4rpx solid #fffffc;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0px 0px 4px 0px rgba(46, 114, 123, 0.6) !important;
  border-top-right-radius: 40rpx;
  border-bottom-left-radius: 40rpx;
}
.chapter_content .videoList.data-v-387eb8f2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.chapter_content .videoList .video_item.data-v-387eb8f2 {
  width: 24%;
  font-size: 22rpx;
  margin: 10rpx 0;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 2px 12px 0 rgba(255, 255, 255, 0.1);
  border-radius: 10rpx;
  padding: 10rpx 20rpx;
  margin-right: 1%;
  color: #333;
  letter-spacing: 2rpx;
}
.line.data-v-387eb8f2 {
  width: 16rpx;
  height: 50rpx;
  border-top-right-radius: 12rpx;
  border-bottom-right-radius: 12rpx;
  margin-right: 20rpx;
  background-image: -webkit-linear-gradient(342deg, #609080 0%, #7ba98c 100%);
  background-image: linear-gradient(108deg, #609080 0%, #7ba98c 100%);
}
.containerBg2.data-v-387eb8f2 {
  width: 100%;
}
.containerBg2 .shiting.data-v-387eb8f2 {
  line-height: 100rpx;
  background: -webkit-linear-gradient(320deg, #4fa1fd 0%, #12f3ff 100%);
  background: linear-gradient(130deg, #4fa1fd 0%, #12f3ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20rpx;
  color: #fff;
  font-size: 72rpx;
  text-align: center;
}
.chapter_title.data-v-387eb8f2 {
  width: 100%;
  font-size: 28rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
}
.chapter_title .top.data-v-387eb8f2 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.chapter_title .top .left.data-v-387eb8f2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.chapter_title .top .right.data-v-387eb8f2 {
  position: absolute;
  right: 0;
}
.chapter_title .not_purchased.data-v-387eb8f2 {
  position: relative;
  color: #33435d;
  margin-left: 20rpx;
  font-size: 24rpx;
  padding: 0 20rpx;
  border-bottom: 2rpx dotted #33435d;
}
.chapter_title .not_purchased .spot.data-v-387eb8f2 {
  width: 8rpx;
  height: 8rpx;
  position: absolute;
  right: -4rpx;
  border-radius: 8rpx;
  background-color: #33435d;
  bottom: -4rpx;
}
.chapter_title .not_purchased text.data-v-387eb8f2 {
  margin: 0 10rpx;
  letter-spacing: 1rpx;
}
.course_title.data-v-387eb8f2 {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  background: #fff;
}
.catalogueTitle.data-v-387eb8f2 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  overflow: hidden;
  margin-bottom: 20rpx;
  font-size: 40rpx;
}
.catalogueTitle .learnBtn.data-v-387eb8f2 {
  margin-bottom: 20rpx;
  width: 150rpx;
  text-align: center;
  border: 1px solid #3AB3AE;
  color: #3AB3AE;
  line-height: 60rpx;
  height: 60rpx;
  font-size: 28rpx;
  margin-top: 40rpx;
}
.catalogueTitle .price.data-v-387eb8f2 {
  color: #ff582e;
  font-size: 32rpx;
}
.catalogueTitle .price ._i.data-v-387eb8f2 {
  font-style: normal;
  font-size: 60rpx;
  font-weight: bold;
}
.catalogueTitle .title.data-v-387eb8f2 {
  display: block;
  font-size: 30rpx;
  margin-top: 20rpx;
  font-weight: bold;
  margin-bottom: 20rpx;
}
.catalogueTitle .saveBtn.data-v-387eb8f2 {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 80rpx;
  background-color: #00d8df;
  overflow: hidden;
  border-radius: 30rpx;
}
.catalogueTitle .saveBtn text.data-v-387eb8f2 {
  padding-left: 10rpx;
  font-size: 28rpx;
  color: #fff;
}
.prof.data-v-387eb8f2 {
  font-size: 26rpx;
  line-height: 50rpx;
  padding: 10rpx 0;
  color: #333;
}
.containerBg1.data-v-387eb8f2 {
  border-top: 1px solid #fff;
  margin-top: -4rpx;
  z-index: 1;
  border-radius: 30rpx 30rpx 0 0;
}
.courseTitle.data-v-387eb8f2 {
  width: calc(100% - 220rpx);
  padding: 20rpx;
  font-size: 38rpx;
  font-weight: bold;
  background-size: cover;
  background-repeat: no-repeat;
}
.catalogueList.data-v-387eb8f2 {
  padding-bottom: 40rpx;
}
.catalogueList.data-v-387eb8f2:nth-child(1) {
  margin-top: 0 !important;
}
.data-v-387eb8f2 .section {
  padding-top: 0 !important;
  background: -webkit-linear-gradient(342deg, #f0fbf4 0%, #d1e8da 100%) !important;
  background: linear-gradient(108deg, #f0fbf4 0%, #d1e8da 100%) !important;
}
.data-v-387eb8f2 .section_box {
  padding-top: 0 !important;
}