@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-5f1046cd {
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-5f1046cd {
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 */
/* 颜色变量 */
/* 主要颜色 */
/* 文本颜色 */
/* 其它颜色 */
.header_box.data-v-5f1046cd {
  width: 100%;
  height: 350rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  overflow: hidden;
  background-size: 100% 100%;
  background-image: url(/static/icon/homePage/header_bg.png);
  background-repeat: no-repeat;
}
.header_box .logo.data-v-5f1046cd {
  width: 146rpx;
  height: 183rpx;
  margin-top: 115rpx;
}
.main_content_box.data-v-5f1046cd {
  width: 100%;
  padding: 27rpx;
  box-sizing: border-box;
}
.main_content_box .curriculum_box.data-v-5f1046cd {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  padding: 0px 37rpx 17rpx;
  box-sizing: border-box;
}
.main_content_box .curriculum_box .curriculum_item_box.data-v-5f1046cd {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.main_content_box .curriculum_box .curriculum_item_box .curriculum_item_img.data-v-5f1046cd {
  width: 39rpx;
  height: 38rpx;
  float: left;
}
.main_content_box .curriculum_box .curriculum_item_box .curriculum_item_name.data-v-5f1046cd {
  margin-top: -10rpx;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  font-size: 30rpx;
  color: #001b73;
  margin-left: 21rpx;
}
.main_content_box .cate_box.data-v-5f1046cd {
  width: 100%;
  height: auto;
  background: #3AB3AE;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  background-size: 100% 100%;
  box-shadow: 0rpx 0rpx 6rpx 0rpx #f9f6ea;
  border-radius: 7rpx;
  padding: 10rpx 10rpx 0;
  box-sizing: border-box;
}
.main_content_box .cate_box .cate_item_box.data-v-5f1046cd {
  width: 25%;
  height: 100%;
  padding: 10rpx 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: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.main_content_box .cate_box .cate_item_box .cate_item_border.data-v-5f1046cd {
  width: 65rpx;
  height: 78rpx;
  background-size: 100% 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAACNCAYAAABSfp/qAAAAAXNSR0IArs4c6QAABYFJREFUeF7tmE+IVWUchp8xTSUrqFCokCgpDSLKjMTMXNWijW1KolVEuChIK0xNiYpWtSiKWlimkougwAKjFhUtKvuHEC3aFBGm0aIIzXFGT987fV9cJkLQcM7LfQ8c5s7MvXfeeZ/7fN/vnJGu684HptfzzPr1DGAOcD2wGLgYOBuYBnT8fehre9y+r7/Kl/9oYGTg53qs8zjwB7Af+Br4CjgEHAPGB86j+tlI13XzgBkDwPT4BmBVfbMvge+Ag8CRSZAC6uQ+m4PgZgFzgSuAayuHd4AvKqwxQKeAjQvYRRWY7JoN3AEsAfSiT+sT26fh5OLlVSdqoK1WYqBV7bYizD7grSpJAzYmYJdUYDOBu4BFwMvAgboEnuiP5ff/bwNaIrXq3QN8D7xZpRmVaQK2oAJbVu16pi5/2q9yTE0DgqZl8gFgD7C3LYsCthA4t+xNW8re9S7wccyaGkqT/qqgLS3b0q3Ac8DvMk3ArgRWALcAT9eNrheJE2Jien8Q+Kzw+aQNHVeXJXAN8HOZUnbHrl59TGSZDJtfpshdwKgM00T4GPB6Hd8HR85epR/CMJoeLwNWlz3tReCwgGmdfLIMHk8Bv9WLuSHsppf/soCdUy6s1wEv6IJawDQdPlHWx01SrpexhzuUrs3WAy81w5bXCVHLoq6mc/SrAd15egTY2gy7qdyC2lwN0xV1jn41IMMeLoPHK80wjfQbK7QA6xcspRGwh4Btg8A21GUxwPoJTEPH9gZsZd3UdKcjwAKsfw2YJdLQIcN2xDAPctrD1gI725SYJbHf4AKs33z+lS7AAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4McwM2AxgHbATODTSdd1KYD2wBRgz+2eGIW4DtgM4LGA3A48GWG/Za0mUYdsbsBXFrI3A5hjWS2gN2GuDwDYBjwN/9jLycIeaBawFXm3AlgMbgOeBAwXcyHD306v/vgPmAvcBW9vQsRS4H/gQ+ByY1qvIwx3mOHBNYaM5Y5dWQA0dS4DbgbOAbTGsV58QGXZnmS8E7n3NGAK2uEwglwL3As8CvwRaL6AJ1gV1OXwb+LFsXUcFTMrNBO4uo72epM0tRz8akF2zgd3l0mu0AbuqAptXaX4EfBDLppSYxLkR0ED4BvCrYAmaDFsEaHTUvL8AWA3sBd6rVDOEnD522qvEQtfG1wF7gB/q9bGATSyJl1dYWhYFbT6wCjhWJ8dvy62rI3XjO33Rh+cv6TJKp0AtLMPFMkC3ozRk7K+wdMvwnyVRA4dAtVNPnlMJayCRYT9VLQfBSdscp9ZAA3UecGF9q2+KMPvqTQyB0jlhVzNMRgnSZGjTK3W9kZ6jzW/wCLBTg6VXt5sUskdSHKwmaXUbH7CrARv7C0RFTgNq4WtXAAAAAElFTkSuQmCC);
  border-radius: 4rpx;
  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;
}
.main_content_box .cate_box .cate_item_box .cate_item_name.data-v-5f1046cd {
  margin-top: 10rpx;
  font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
  font-weight: normal;
  font-size: 36rpx;
  color: #000000;
  text-align: center;
  color: #fff;
}
.main_content_box .flash_sale_box.data-v-5f1046cd {
  width: 100%;
  margin-top: 33rpx;
  margin-bottom: 10rpx;
}
.main_content_box .flash_sale_box .flash_sale_top.data-v-5f1046cd {
  width: 100%;
  height: 61rpx;
  background-color: rgba(188, 231, 223, 0.3);
  color: #2e676a;
  border-color: #c5e3d7;
  box-shadow: 0rpx 0rpx 4rpx 0rpx #fcf2f6;
  border-radius: 7rpx;
  padding: 3rpx 18rpx 3rpx 10rpx;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.main_content_box .flash_sale_box .flash_sale_top .miaoShaIcon.data-v-5f1046cd {
  margin-right: 16rpx;
}
.main_content_box .flash_sale_box .flash_sale_top .miaoShaTitle.data-v-5f1046cd {
  font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
  font-weight: normal;
  font-size: 35rpx;
  color: #018f89;
  line-height: 46rpx;
}
.main_content_box .flash_sale_box .flash_sale_top .miaoShaContent.data-v-5f1046cd {
  width: calc(100% - 172rpx);
  margin-top: 1rpx;
  font-family: Microsoft YaHei;
  font-weight: 600;
  font-size: 21rpx;
  color: #018f89;
}
.main_content_box .flash_sale_content.data-v-5f1046cd {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  height: 254rpx;
}
.main_content_box .flash_sale_content .flash_sale_content_item.data-v-5f1046cd {
  display: inline-block;
  width: 32%;
  margin-right: 1%;
  overflow: hidden;
}
.main_content_box .flash_sale_content .book_image.data-v-5f1046cd {
  width: 100%;
  height: 192rpx;
  border-radius: 10rpx;
  background-color: #f5f5f5;
}
.main_content_box .flash_sale_content .book_name.data-v-5f1046cd {
  font-family: MicrosoftYaHei;
  font-weight: 600;
  font-size: 30rpx;
  line-height: 30rpx;
  color: #000000;
  text-align: center;
  margin-top: 18rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.learning_box_top.data-v-5f1046cd {
  width: 100%;
  margin-bottom: 0;
}
.learning_box_bottom.data-v-5f1046cd {
  width: 100%;
  margin-top: 0;
  height: 40rpx;
  margin: 40rpx 0;
}
.greenCardBox1.data-v-5f1046cd {
  margin-top: 80rpx;
  margin-bottom: 120rpx;
}
.greenCardBox1 .greenCardBoxTop.data-v-5f1046cd {
  width: 100%;
  margin-bottom: 30rpx;
  text-align: center;
  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;
  padding: 0 22rpx 0;
  padding-left: 40rpx;
  box-sizing: border-box;
  font-size: 44rpx;
}
.greenCardBox1 .greenCardBoxTop .titlebg.data-v-5f1046cd {
  width: 400rpx;
  height: 120rpx;
  line-height: 120rpx;
  background-size: 100% 100%;
  background-image: url(/static/icon/homeTitleBg.png);
  background-repeat: no-repeat;
  font-size: 44rpx;
  margin-left: -60rpx;
  text-align: left;
  padding-left: 140rpx;
  color: #fff;
}
.greenCardBox1 .greenCardBoxTop .userBox.data-v-5f1046cd {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.greenCardBox1 .greenCardBoxTop .userBox .user_img.data-v-5f1046cd {
  width: 49rpx;
  height: 49rpx;
  border-radius: 100%;
  margin-right: 14rpx;
}
.greenCardBox1 .greenCardBoxTop .userBox .name.data-v-5f1046cd {
  font-family: MicrosoftYaHei;
  font-weight: bold;
  font-size: 21rpx;
  color: #ffffff;
}
.greenCardBox1 .greenCardBoxContent.data-v-5f1046cd {
  border: 2rpx solid #5599a7;
  padding: 100rpx 20rpx 20rpx;
  margin-top: -96rpx;
  border-radius: 20rpx;
  background-image: -webkit-linear-gradient(bottom, #65b5c561 0%, #fdfcdf3d 75%);
  background-image: linear-gradient(0deg, #65b5c561 0%, #fdfcdf3d 75%);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  height: auto;
  box-sizing: border-box;
}
.greenCardBox1 .greenCardBoxContent .content_item.data-v-5f1046cd {
  display: inline-block;
  width: 300rpx;
  background-color: #fff !important;
  margin-right: 26rpx;
  overflow: hidden;
}
.greenCardBox1 .greenCardBoxContent .book_image.data-v-5f1046cd {
  width: 317rpx;
  height: 146rpx;
  border-radius: 10rpx;
}
.greenCardBox1 .greenCardBoxContent .book_name.data-v-5f1046cd {
  font-family: MicrosoftYaHei;
  font-weight: 600;
  font-size: 23rpx;
  color: #000000;
  line-height: 23rpx;
  text-align: left;
  margin-top: 14rpx;
}
.greenCardBox1 .right.data-v-5f1046cd {
  width: 160rpx;
  height: 37rpx;
  border-radius: 7rpx;
  font-family: MicrosoftYaHei;
  font-weight: 600;
  font-size: 26rpx;
  color: #ffffff;
  line-height: 37rpx;
  text-align: center;
}
.scroll-X.data-v-5f1046cd {
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
.learning_box .learning_user_box.data-v-5f1046cd {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.learning_box .learning_user_box .learning_user_img.data-v-5f1046cd {
  width: 49rpx;
  height: 49rpx;
  border-radius: 100%;
  margin-right: 14rpx;
}
.learning_box .learning_user_box .name.data-v-5f1046cd {
  font-family: MicrosoftYaHei;
  font-weight: 600;
  font-size: 21rpx;
  color: #ffffff;
}
.learning_box .right.data-v-5f1046cd {
  background-color: #f0ba00;
}
.listening_box .right.data-v-5f1046cd {
  background-color: #0037eb;
}
.noticeIcon.data-v-5f1046cd {
  width: 20rpx;
}
.u-notice-bar.data-v-5f1046cd {
  background-color: transparent !important;
}
.bottomBox.data-v-5f1046cd {
  width: 100%;
  height: 200rpx;
  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;
}
.bottomBox .item_img.data-v-5f1046cd {
  width: 48% !important;
  height: 100%;
}
.bottomBox .item_img image.data-v-5f1046cd {
  width: 100%;
  height: 100%;
}
.notice_box.data-v-5f1046cd {
  border: 2rpx solid #c5e3d7;
}
.appJump.data-v-5f1046cd {
  position: fixed;
  right: 0;
  top: 120rpx;
  z-index: 1;
}
.appJump .item.data-v-5f1046cd {
  background: rgba(255, 255, 255, 0.9);
  margin-bottom: 20rpx;
  border: 1px solid #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding-right: 10rpx;
  overflow: hidden;
  border-radius: 50rpx 0 0 50rpx;
}
.appJump .item text.data-v-5f1046cd {
  font-size: 20rpx;
  padding-left: 3rpx;
}
.appJump .item .img.data-v-5f1046cd {
  padding: 6rpx;
  overflow: hidden;
}
.appJump .item .img image.data-v-5f1046cd {
  width: 36rpx;
  height: 36rpx;
  border-radius: 100%;
}
.related_courses_name.data-v-5f1046cd {
  font-weight: bold;
}
.flexbox.data-v-5f1046cd {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}