@charset "UTF-8";
.new-course-item-nav .nav-wrapper + .nav-wrapper {
  border-top: none;
  margin-top: 0px;
}

.course-item-nav .first-nav {
  width: 100%;
  display: flex;
  align-items: baseline;
  margin-bottom: 14px;
}
.course-item-nav .first-nav .classification {
  margin-right: 10px;
  width: 60px;
  flex-shrink: 0;
}
.course-item-nav .first-nav .full-line {
  color: #1F2329;
}
.course-item-nav .first-nav .full-line .item-sort {
  display: inline-block;
  padding: 6px 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 6px;
}
@media (max-width: 500px) {
  .course-item-nav .first-nav .full-line .item-sort {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.course-item-nav .first-nav .full-line .active1 {
  font-size: 14px;
  color: #0F6AF3;
  padding: 6px 10px;
  line-height: 16px;
  background: #EEF4FE;
  border-radius: 4px;
}
.course-item-nav .first-nav .full-line .sort-toggle {
  margin-left: -2px;
  height: 15px;
}
.course-item-nav .first-nav .full-line .sort-toggle .up, .course-item-nav .first-nav .full-line .sort-toggle .dowm {
  height: 6px;
}
.course-item-nav .first-nav .full-line .sort-toggle .up:before {
  color: #DCDFE6;
  transform: scale(0.7);
}
.course-item-nav .first-nav .full-line .sort-toggle .down:before {
  color: #DCDFE6;
  transform: scale(0.7);
}
.course-item-nav .first-nav .full-line .sort-toggle .down.active:before {
  color: #0f6af3;
  transform: scale(0.7);
}
.course-item-nav .first-nav .full-line .sort-toggle .up.active:before {
  color: #0f6af3;
  transform: scale(0.7);
}
.course-item-nav .second-nav {
  width: 100%;
  display: flex;
  align-items: baseline;
  margin-bottom: 14px;
}
.course-item-nav .second-nav .classification {
  margin-right: 10px;
  width: 60px;
  flex-shrink: 0;
}
.course-item-nav .second-nav .full-line {
  color: #1F2329;
  background: #F7F8FA;
  width: 100%;
  padding-bottom: 6px;
  border-radius: 8px;
}
.course-item-nav .second-nav .full-line .item-sort {
  display: inline-block;
  padding: 6px 8px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 6px;
}
@media (max-width: 500px) {
  .course-item-nav .second-nav .full-line .item-sort {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.course-item-nav .second-nav .full-line .active1 {
  font-size: 14px;
  color: #0F6AF3;
  line-height: 24px;
}
.course-item-nav .third-nav {
  width: 100%;
  display: flex;
  align-items: baseline;
  margin-bottom: 14px;
}
.course-item-nav .third-nav .classification {
  margin-right: 10px;
  width: 60px;
  flex-shrink: 0;
}
.course-item-nav .third-nav .full-line {
  color: #1F2329;
}
.course-item-nav .third-nav .full-line .item-sort {
  display: inline-block;
  padding: 6px 8px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 6px;
}
@media (max-width: 500px) {
  .course-item-nav .third-nav .full-line .item-sort {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.course-item-nav .third-nav .full-line .active1 {
  font-size: 14px;
  color: #0F6AF3;
  line-height: 24px;
}
.course-item-nav .fourthly-nav {
  margin-bottom: 24px;
  background: #F7F8FA;
  border-radius: 8px;
  padding-bottom: 6px;
}
.course-item-nav .fourthly-nav .item-sort {
  display: inline-block;
  padding: 6px 8px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 6px;
}
@media (max-width: 500px) {
  .course-item-nav .fourthly-nav .item-sort {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.course-item-nav .fourthly-nav .active1 {
  font-size: 14px;
  color: #0F6AF3;
  line-height: 24px;
}

/* 课程列表-网格样式 */
.course-item-grid-v2 {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -24px;
}
.course-item-grid-v2 [class*=col-] {
  padding-left: 12px;
  padding-right: 12px;
}
.course-item-grid-v2 .item {
  display: block;
  margin-top: 24px;
  background-color: #fff;
  box-shadow: 0px 4px 20px 0px rgba(238, 242, 245, 0.8);
  border-radius: 16px;
  position: relative;
}
.course-item-grid-v2 .item .is-top-label {
  width: 48px;
  height: 20px;
  border-radius: 10px 2px 10px 2px;
  background-size: 100% 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAoCAMAAAA2TQ8LAAABWVBMVEX/fw3/////bzr/cDf/cTT/cjH/ehb/fRD/dCv/iQn/6t7/ggr/dSf/qzX/yWr/wl//vlj/cy7/lxf/kxH/kQ7/eRr/diP/jgv/hgn/hAn/zKz/niH/mx3/fBP/dx//oSb/rjz/s0X/eB3/u1L/xmf/xWT/uE7/tkn/sUD/bzz/bzv/mRr/lRT/iwn/6d7/6OD/qDL/py//x7D/pS3/pCr/hzP/q4f/tH//soD/+O3/+PX/t4D/8+L/28f/ya7/zqz/gzv/49L/37T/tn//wnH/tFD/6Mn/2KP/kE//kC7//Pj/8er/4r3/0rn/26r/wKD/05n/mGb/u2H/qTn/jS7/7dT/z73/z6z/vWX/gUH/hTb/ky7/oSr/8un/4NT/1rn/tpX/0ZP/x33/qUX/gj7/gzz/gzn/5ML/vaX/x5//zor/yoX/pHP/7N7/yoP/snD/nF7/t1v/lS5zytgkAAACX0lEQVRIx+3WWVPaUBQHcA776g5CQATs3kpQSyCREPZV9rVgLbt16fr9H3ozMYSMzvRWfOg4/B/ymN/cc05yrmJt7cXL9fWNjYNXr71vPBZL4Ojk4/6+0+lyvd/a+rC9vbOzu3t4aECx2+0Oh8OEokDR6XR7e1oUq9Xnc7ttNpvZbNbr9ZubGo1GrVarVCqlUvnu7QpYASsAD/hiXIzf7y/xQCUqpEIdS/n6KMAIHEfEgUCBOP/w84AfhJBRkEI+EugbDATk7fY8ECZTUwB0wWAQ/L2e1TqbxabHQH1C0T/hCVAPECD2AAHL94ABsQdyoIKKXwShBX8HPN5UOUJnbsbn96aIMYpTJAdIqQUYQLo+zBQgUu5674AfRjHACCdAuZUDlBASB7jOthgAiCSGd8C40+E4DpWeRQ0Qk5MDMXeOmpjNWECCfz8vXEol+n2aTCZDV1AKhULhcLh5r0Qxvsm4QCZCF4CmW2cScAqyhJcCrqvlDF1oJao3iwDX7/fzKM1mk1gSSB+kshH6bJQeLwJxYp74kkDgKD2M0In6uWsR+Gycp7g8UEVAVw5w0t/04RK14RYXaNT5EqUCzn86AQmTpQAWjamQMPsQUIMLGy7g6ZbpQibVwAd8MzcL1ITNmfX4wKiBXyKfr40OMACmhgfUs99QiRCA22TqAsipzUYxzAAHsKS/Jy6rv07EKbrqdFj5d8ASREWhy0WjJQT0KiRAe8rv5BoDFAYQ8Kaq2VF6PqayjSz+TUsK3U8AYAbaXhHYmrD0kdB+ylsFWplalFxOulVQ/+m1ZQWsgOcO/AH3CGimCYN47AAAAABJRU5ErkJggg==);
}
.course-item-grid-v2 .item .is-top-label,
.course-item-grid-v2 .item .label-v2 {
  position: absolute;
  top: 8px;
  left: -4px;
  z-index: 2;
}
.course-item-grid-v2 .item .img {
  position: relative;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  width: 100%;
  height: 0;
  padding-bottom: 56.0283687943%;
  overflow: hidden;
}
.course-item-grid-v2 .item .img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.course-item-grid-v2 .item .info {
  position: relative;
  padding: 20px 16px;
}
.course-item-grid-v2 .item .info .title {
  line-height: 150%;
  font-size: 16px;
  color: #1F2329;
}
.course-item-grid-v2 .item .info .title__two-row {
  height: 48px;
}
.course-item-grid-v2 .item .info .attr {
  margin-top: 20px;
}
.course-item-grid-v2 .item .info .attr__item {
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 12px;
}
.course-item-grid-v2 .item .info .attr__item + .attr__item {
  margin-left: 20px;
}
.course-item-grid-v2 .item .info .attr__item .advisory {
  background: #EEF4FE;
  border-radius: 14px;
  color: #0f6af3;
  padding: 7px 16px;
  font-size: 14px;
}
@media (max-width: 500px) {
  .course-item-grid-v2 .item .info .attr__item .advisory {
    padding: 6px 6px;
    font-size: 12px;
  }
}
.course-item-grid-v2 .item .info .attr__item .iconfont {
  font-size: 1em;
  margin-right: 6px;
}
.course-item-grid-v2 .item .info .attr__item .divider {
  color: #ccc;
  padding-left: 6px;
  padding-right: 6px;
}
.course-item-grid-v2 .item .info .attr__item.price {
  color: #F53945;
  align-items: flex-end;
  font-weight: bold;
}
.course-item-grid-v2 .item .info .attr__item .price-symbol {
  font-size: 14px;
  margin-right: 3px;
  margin-bottom: 1px;
}
.course-item-grid-v2 .item .info .attr__item .price-num {
  font-size: 24px;
  font-family: barlow-bold;
}
.course-item-grid-v2 .item:hover .info .title {
  color: #0f6af3;
}
@media (max-width: 1199px) and (min-width: 768px), (max-width: 540px) {
  .course-item-grid-v2 .item .info {
    padding: 16px 12.8px;
  }
  .course-item-grid-v2 .item .info .title {
    font-size: 14px;
  }
  .course-item-grid-v2 .item .info .title__two-row {
    height: 42px;
  }
  .course-item-grid-v2 .item .info .attr {
    margin-top: 16px;
  }
  .course-item-grid-v2 .item .info .attr__item + .attr__item {
    margin-left: 16px;
  }
  .course-item-grid-v2 .item .info .attr__item .price-num {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .course-item-grid-v2 {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -16px;
  }
  .course-item-grid-v2 [class*=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .course-item-grid-v2 .item {
    margin-top: 16px;
  }
}
@media (max-width: 480px) {
  .course-item-grid-v2 .item .info {
    padding: 12px 9.6px;
  }
  .course-item-grid-v2 .item .info .title {
    font-size: 13px;
  }
  .course-item-grid-v2 .item .info .title__two-row {
    height: 39px;
  }
  .course-item-grid-v2 .item .info .attr {
    margin-top: 12px;
    font-size: 11px;
  }
  .course-item-grid-v2 .item .info .attr__item + .attr__item {
    margin-left: 12px;
  }
  .course-item-grid-v2 .item .info .attr__item .price-symbol {
    font-size: 12px;
    margin-right: 1px;
  }
  .course-item-grid-v2 .item .info .attr__item .price-num {
    font-size: 16px;
  }
}

.learning-progress .study-schedule {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 3;
  color: #fff;
}
.learning-progress .study-schedule .circle-wrapper {
  display: table;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 100px;
  height: 100px;
}
@media (max-width: 456px) {
  .learning-progress .study-schedule .circle-wrapper {
    width: 80px;
    height: 80px;
  }
}
.learning-progress .study-schedule .circle-wrapper .svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.learning-progress .study-schedule .circle-wrapper .text-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.learning-progress .study-schedule .circle-total-progress {
  z-index: 1;
}
.learning-progress .study-schedule .circle-total-progress .svg {
  transform: rotate(-90deg);
}
.learning-progress .study-schedule .circle-total-progress .svg .circle {
  stroke-width: 10px;
}
.learning-progress .study-schedule .circle-total-progress .svg .circle.circle-bar {
  fill: none;
  stroke: #cccee0;
  stroke: rgba(152, 154, 184, 0.7);
  stroke-width: 7.143%;
}
.learning-progress .study-schedule .circle-total-progress .svg .circle.circle-progress {
  fill: none;
  stroke-width: 7.143%;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.learning-progress .study-schedule .circle-total-progress .svg .circle.circle-progress.fill {
  stroke: #fff;
}
.learning-progress .study-schedule .circle-total-progress .text-top {
  font-size: 30px;
  line-height: 1;
}
@media (max-width: 456px) {
  .learning-progress .study-schedule .circle-total-progress .text-top {
    font-size: 24px;
  }
}

.learning-progress:hover .study-schedule {
  display: block;
}

.learning-progress:hover .study-schedule .circle-wrapper .text-wrapper {
  color: #fff;
}

a:hover .learning-progress .study-schedule .circle-wrapper .text-wrapper {
  color: #fff;
}

.earnestly {
  background-color: #ffff;
}
.earnestly .major-v2-header {
  margin-top: 0px;
}
.earnestly .major-v2-header .purchase {
  margin-top: 40px;
  margin-bottom: 40px;
}
.earnestly .major-v2-header .purchase .item-purch {
  font-weight: bold;
  font-size: 20px;
  color: #9399A5;
  line-height: 20px;
}
.earnestly .major-v2-header .purchase .active {
  position: relative;
  color: #1F2329;
}
.earnestly .major-v2-header .purchase .active::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0%;
  transform: translateX(-50%);
  width: 24px;
  height: 4px;
  background: #0F6AF3;
  border-radius: 2px;
  margin-bottom: -16px;
}
.earnestly .major-v2-header .purchase .item-purch + .item-purch {
  margin-left: 48px;
}
.earnestly .major-v2-header .bottom-content-course {
  display: flex;
  justify-content: space-between;
}
.earnestly .major-v2-header .bottom-content-course .left-content_840 {
  width: 840px;
}
@media (max-width: 1200px) {
  .earnestly .major-v2-header .bottom-content-course .left-content_840 {
    width: 685px;
  }
}
@media (max-width: 991px) {
  .earnestly .major-v2-header .bottom-content-course .left-content_840 {
    width: 100%;
  }
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 {
  width: 312px;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-img .picture, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-img .picture {
  width: 100%;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content {
  transform: translateY(-26px);
  background: linear-gradient(180deg, #FEFDFC 0%, #FFF8F3 100%);
  border-radius: 16px;
  padding: 24px 16px;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item {
  display: flex;
  align-content: center;
  align-items: center;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .left-img, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .left-img {
  width: 40.3846153846%;
  border-radius: 8px;
  flex-shrink: 0;
  margin-right: 8px;
  border-radius: 8px;
  position: relative;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .left-img .hot-tag-1, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .left-img .hot-tag-1 {
  background: linear-gradient(270deg, #FF473D, #FF9993);
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .left-img .hot-tag-2, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .left-img .hot-tag-2 {
  background: linear-gradient(270deg, #FF863D, #FFC193);
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .left-img .hot-tag-3, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .left-img .hot-tag-3 {
  background: linear-gradient(270deg, #FFC13D, #FFE293);
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .left-img .hot-tag-4, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .left-img .hot-tag-4 {
  background: linear-gradient(270deg, #C5C8D5, #DCDEE5);
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .left-img .hot-tag-5, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .left-img .hot-tag-5 {
  background: linear-gradient(270deg, #C5C8D5, #DCDEE5);
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .left-img .hot-tag, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .left-img .hot-tag {
  position: absolute;
  top: -8px;
  left: -4px;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  border-radius: 9px 2px 9px 2px;
  width: 40px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  font-style: italic;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .left-img img, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .left-img img {
  width: 100%;
  border-radius: 8px;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .right-content, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .right-content {
  width: 54.4871794872%;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .right-content .title, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .right-content .title {
  font-size: 14px;
  color: #1F2329;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .right-content .countdown, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .right-content .countdown {
  font-size: 12px;
  color: #F53945;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .right-content .price, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .right-content .price {
  font-weight: bold;
  font-size: 14px;
  color: #F53945;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item .right-content .intron, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item .right-content .intron {
  font-size: 12px;
  color: #9399A5;
  margin-top: 10px;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item + .item, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item + .item {
  margin-top: 24px;
}
.earnestly .major-v2-header .bottom-content-course .right-content_312 .seckill .seckill-content .item:hover .right-content .title, .earnestly .major-v2-header .bottom-content-course .right-content_312 .hot .seckill-content .item:hover .right-content .title {
  color: #0f6af3;
}
@media (max-width: 1200px) {
  .earnestly .major-v2-header .bottom-content-course .right-content_312 {
    width: 230px;
  }
}
@media (max-width: 991px) {
  .earnestly .major-v2-header .bottom-content-course .right-content_312 {
    display: none;
  }
}
.earnestly .major-v2-header .public-content .course-list-wrapper .course-item-grid-v2 .middel-tag .item-tag {
  font-size: 12px;
  color: #9399A5;
  background: #F7F7F7;
  border-radius: 4px;
  padding: 4px 6px;
  max-width: 100%;
}
.earnestly .major-v2-header .public-content .course-list-wrapper .course-item-grid-v2 .middel-tag .item-tag + .item-tag {
  margin-left: 6px;
}