.learn-detail-header[data-v-09e91ca5] {
  margin: 1.5rem 0;
  color: #3c3c3c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #006cff;
  border-bottom: 1px solid #006cff;
  background-image: var(--bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.learn-detail-header .learn-detail-header-box[data-v-09e91ca5] {
    padding: 2.5rem 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.learn-detail-header .learn-detail-header-box .detail-title[data-v-09e91ca5] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 1.25rem;
}
.learn-detail-header .learn-detail-header-box .detail-title .detail-title-text[data-v-09e91ca5] {
        font-family: D-DIN-Bold;
        font-size: 2.5rem;
        line-height: 3rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.learn-detail-header .learn-detail-header-box .no-subtitle[data-v-09e91ca5] {
      margin-bottom: 2.5rem;
}
.learn-detail-header .learn-detail-header-box .detail-subtitle[data-v-09e91ca5] {
      font-family: D-DIN;
      font-size: 1.125rem;
      line-height: 1.625rem;
      color: #006cff;
}
@media screen and (max-width: 46.875rem) {
.learn-detail-header[data-v-09e91ca5] {
    background-position: 80% bottom;
    margin: 1.5rem 0;
}
.learn-detail-header .learn-detail-header-box[data-v-09e91ca5] {
      padding: 1.5rem;
      margin: 0 1rem;
}
.learn-detail-header .learn-detail-header-box .detail-title[data-v-09e91ca5] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
}
.learn-detail-header .learn-detail-header-box .detail-title .detail-title-text[data-v-09e91ca5] {
          width: 100%;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-title[data-v-09e91ca5] {
        width: 100%;
        font-size: 2.25rem;
        line-height: 2.75rem;
        margin-bottom: 1rem;
}
}

.progress-left[data-v-c42a6428] {
  margin-bottom: 1rem;
  padding: 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f9fbff;
  border: 1px solid #006cff;
}
.progress-left .progress-box .progress-box-title[data-v-c42a6428] {
    color: #505050;
    margin-bottom: 2rem;
}
.progress-left .progress-box .progress-box-title .progress-box-title-where[data-v-c42a6428] {
      font-size: 1.25rem;
      line-height: 1.75rem;
      color: #006cff;
}
.progress-left .progress-box .progress-box-title .progress-box-title-wel[data-v-c42a6428] {
      font-family: D-DIN-Bold;
      font-size: 1.25rem;
      line-height: 1.75rem;
      color: #3c3c3c;
      margin-bottom: 4px;
}
.progress-left .progress-box .progress-box-title .progress-box-title-section[data-v-c42a6428] {
      font-size: 1rem;
      line-height: 1.375rem;
      color: #0a418c;
}
.progress-left .progress-box .progress-box-bottom[data-v-c42a6428] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.progress-left .progress-box .progress-box-bottom .progress-box-bottom-complete[data-v-c42a6428] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-right: 1.5rem;
}
.progress-left .progress-box .progress-box-bottom .progress-box-bottom-btn[data-v-c42a6428] {
      background-color: #006cff;
      color: #fff;
      font-family: D-DIN;
      font-size: 1.125rem;
      font-weight: normal;
      padding: 0 2.25rem;
      height: 2.5rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer;
}
.progress-left .progress-box .progress-box-bottom .progress-box-bottom-btn > img[data-v-c42a6428] {
        width: 1.25rem;
        margin-left: 1rem;
}
.progress-left .progress-box .progress-box-lang[data-v-c42a6428] {
    color: #b0ceff;
    font-size: 1rem;
    position: relative;
    padding-left: 1.25rem;
}
.progress-left .progress-box .progress-box-lang[data-v-c42a6428]::before {
      content: '';
      position: absolute;
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #acc9ff;
      left: 0;
      top: calc(50% - 4px);
}
.progress-left .cert-view[data-v-c42a6428] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.progress-left .cert-view .cert-view-left[data-v-c42a6428] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-size: 1.125rem;
      line-height: 1.5rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
}
.progress-left .cert-view .cert-view-left .cert-view-left-text[data-v-c42a6428] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin-bottom: 1rem;
}
.progress-left .cert-view .item-btn-view[data-v-c42a6428] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 1.375rem;
}
.progress-left .cert-view .item-btn-view .program-item-cont-text-btn[data-v-c42a6428] {
        padding: 8px 0.75rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        color: #006cff;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
}
.progress-left .cert-view .item-btn-view .program-item-cont-text-btn .btn-img[data-v-c42a6428] {
          overflow: hidden;
}
.progress-left .cert-view .item-btn-view .program-item-cont-text-btn .btn-img .btn-img-bg[data-v-c42a6428] {
            position: relative;
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 50%;
            background-color: #006cff;
            margin-left: 1rem;
}
.progress-left .cert-view .item-btn-view .program-item-cont-text-btn .btn-img .btn-img-bg > img[data-v-c42a6428] {
              height: 1rem;
              position: absolute;
              left: 0;
              top: calc(50% - 7px);
}
.progress-left .cert-view .cert-view-right[data-v-c42a6428] {
      width: 11.25rem;
      margin-left: 1rem;
}
.progress-left .cert-view:hover .cert-view-left .item-btn-view .program-item-cont-text-btn[data-v-c42a6428] {
      background: #006cff;
      color: #fff;
}
.progress-left .cert-view:hover .cert-view-left .item-btn-view .program-item-cont-text-btn .btn-img .btn-img-bg[data-v-c42a6428] {
        background-color: #fff;
}
.progress-left .cert-view:hover .cert-view-left .item-btn-view .program-item-cont-text-btn .btn-img .btn-img-bg > img[data-v-c42a6428] {
          -webkit-transform: translateX(20.625rem);
              -ms-transform: translateX(20.625rem);
                  transform: translateX(20.625rem);
          -webkit-filter: drop-shadow(#006cff -20.625rem 0px 0px);
                  filter: drop-shadow(#006cff -20.625rem 0px 0px);
}
@media screen and (max-width: 46.875rem) {
.progress-left[data-v-c42a6428] {
    margin-bottom: 0px;
    border-bottom: none;
}
.progress-left .progress-box .progress-box-title[data-v-c42a6428] {
      margin-bottom: 8px;
}
.progress-left .progress-box .progress-box-bottom[data-v-c42a6428] {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
}
.progress-left .progress-box .progress-box-bottom .progress-box-bottom-btn[data-v-c42a6428] {
        margin-top: 1.5rem;
        -webkit-align-self: flex-end;
            -ms-flex-item-align: end;
                align-self: flex-end;
}
.progress-left .cert-view[data-v-c42a6428] {
      display: block;
}
.progress-left .cert-view .cert-view-right[data-v-c42a6428] {
        width: 100%;
        margin-left: 0;
}
}

.detail-view[data-v-68b758c6] {
  padding-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #8cbeff;
}
.detail-view[data-v-68b758c6] .el-collapse {
    border: none;
    word-break: break-word;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__header {
      border-bottom: none;
      border-top: 1px solid #8cbeff;
      padding: 1rem 1.5rem;
      height: auto;
      line-height: 1;
      cursor: pointer;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__header .title-cont {
        font-family: D-DIN-Bold;
        font-size: 1.125rem;
        line-height: 1.5rem;
        color: #505050;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
        color: #8cbeff;
        padding: 4px;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        font-size: 1.25rem;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow.is-active {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item:nth-child(1) .el-collapse-item__header {
      border-top: none;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap {
      border-top: 1px solid #8cbeff;
      border-bottom: none;
      background: #fff;
      padding: 1rem 1.5rem;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content {
        padding: 0;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont {
          border: 1px solid #b0ceff;
          padding: 1rem 1.5rem;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          margin-bottom: 1rem;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:nth-last-child(1) {
            margin-bottom: 0;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title {
            font-family: D-DIN;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
                -ms-flex-align: start;
                    align-items: flex-start;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title .section-cont-title-text {
              -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease;
              font-family: D-DIN-Bold;
              font-size: 1.125rem;
              line-height: 1.5rem;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
                  -ms-flex-align: center;
                      align-items: center;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title .section-cont-title-text > img {
                width: 1rem;
                height: 1rem;
                -o-object-fit: cover;
                   object-fit: cover;
                margin-left: 1.5rem;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title .section-quiz-tip {
              -webkit-box-flex: 1;
              -webkit-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              color: #005fff;
              font-size: 1rem;
              line-height: 1.375rem;
              margin-left: 1.5rem;
              text-align: right;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -webkit-align-items: flex-end;
                -ms-flex-align: end;
                    align-items: flex-end;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail .section-cont-text {
              -webkit-box-flex: 1;
              -webkit-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-wrap: wrap;
                  -ms-flex-wrap: wrap;
                      flex-wrap: wrap;
              margin-top: 1rem;
              font-size: 1rem;
              line-height: 1.375rem;
              -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease;
              margin-left: 1.5rem;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail .section-cont-text .section-cont-text-item {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                    -ms-flex-align: center;
                        align-items: center;
                margin-right: 1.5rem;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail .section-cont-text .section-cont-text-item img {
                  margin-right: 8px;
                  width: 0.875rem;
                  height: 0.875rem;
                  -o-object-fit: cover;
                     object-fit: cover;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail .section-cont-btn {
              background-color: #006cff;
              color: #fff;
              font-family: D-DIN;
              font-size: 1.125rem;
              font-weight: normal;
              line-height: 2rem;
              min-width: 12.5rem;
              padding: 0 0.75rem;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              height: 2rem;
              text-align: center;
              cursor: pointer;
              opacity: 0;
              -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover {
            -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 108, 255, 0.12);
                    box-shadow: 0px 0px 10px 0px rgba(0, 108, 255, 0.12);
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover .section-cont-title .section-cont-title-text {
              color: #006cff;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover .section-cont-detail .section-cont-text {
              color: #0a418c;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover .section-cont-detail .section-cont-btn {
              opacity: 1;
}
@media screen and (max-width: 46.875rem) {
.detail-view[data-v-68b758c6] {
    border: 1px solid #006cff;
    border-top: none;
}
.detail-view[data-v-68b758c6] .el-collapse .el-collapse-item__wrap {
      padding: 1rem !important;
      border-top: 1px solid #006cff !important;
}
.section-cont[data-v-68b758c6] {
    padding: 1rem !important;
}
.section-cont .section-cont-detail[data-v-68b758c6] {
      display: block !important;
}
.section-cont .section-cont-detail .section-cont-text[data-v-68b758c6] {
        margin: 0 0 1rem !important;
}
.section-cont .section-cont-btn[data-v-68b758c6] {
      opacity: 1 !important;
      margin-left: auto;
}
.section-cont-title-text[data-v-68b758c6] {
    font-size: 1rem !important;
    line-height: 1.375rem !important;
}
.section-cont-title-text > img[data-v-68b758c6] {
      margin-left: 8px;
}
.title-cont[data-v-68b758c6] {
    font-size: 1.125rem !important;
    line-height: 1.625rem !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.title-cont[data-v-68b758c6]:before {
      margin-right: 0.75rem !important;
}
.title-cont > span[data-v-68b758c6] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
[data-v-68b758c6] .el-collapse-item__header {
    padding: 6px 1rem !important;
}
[data-v-68b758c6] .el-collapse-item__header .el-collapse-item__arrow {
      color: #006cff !important;
}
}

.xu-confirm {
  width: 43.75rem !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #006cff;
  border-radius: 0;
}
.xu-confirm .el-message-box__close {
    color: #006cff;
    font-size: 1.5rem;
}
.xu-confirm .el-message-box__btns .el-button {
    font-size: 1.125rem;
    background-color: #006cff;
    border-radius: 0;
}
.xu-confirm .xu-confirmCont {
    text-align: center;
    font-family: D-DIN;
    font-size: 1.5rem;
    color: #333333;
    margin-bottom: 1.25rem;
}
.xu-confirm .xu-confirmCont p {
      line-height: 2rem;
}
.xu-confirm .xu-confirmCont .xu-container {
      font-family: D-DIN-Bold;
      color: #0a3c82;
      margin-top: 10px;
}
.xu-confirm .text-left {
    text-align: left;
}
@media screen and (max-width: 46.875rem) {
.xu-confirm {
    width: auto;
}
}

.program-course-title[data-v-432b786c] {
  font-family: D-DIN-Bold;
  font-size: 3rem;
  line-height: 3.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #006cff;
}
.has-border[data-v-432b786c] {
  margin-top: 1.5rem;
  padding: 1.5rem;
  border: 1px solid #006cff;
}
.has-border .program-course-title[data-v-432b786c] {
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.lecturer-list[data-v-432b786c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.lecturer-list .lecturer-list-item[data-v-432b786c] {
    width: 50%;
    padding: 4px 1.5rem 4px 4px;
    margin-bottom: 0.75rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.lecturer-list .lecturer-list-item .lecturer-list-item-item[data-v-432b786c] {
      width: 100%;
      overflow: hidden;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
}
.lecturer-list .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover[data-v-432b786c] {
        width: 4.375rem;
        height: 4.375rem;
        position: relative;
        margin-right: 0.75rem;
}
.lecturer-list .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover > img[data-v-432b786c] {
          border: 1px solid #006cff;
          border-radius: 50%;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
}
.lecturer-list .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-img[data-v-432b786c] {
          display: block;
          width: 100%;
          height: 100%;
}
.lecturer-list .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-org_img[data-v-432b786c] {
          position: absolute;
          width: 2rem;
          height: 2rem;
          right: -1rem;
          bottom: 0;
          background-color: #fff;
}
.lecturer-list .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail[data-v-432b786c] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.lecturer-list .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail > div[data-v-432b786c] {
          min-height: 1.5rem;
}
.lecturer-list .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail .lecturer-list-item-item-name[data-v-432b786c] {
          font-family: D-DIN-Bold;
          /* color: #0a418c; */
}
.lecturer-list .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail .lecturer-list-item-item-position[data-v-432b786c] {
          font-size: 1.125rem;
          line-height: 1.25rem;
}
@media screen and (max-width: 46.875rem) {
.program-course-title[data-v-432b786c] {
    font-size: 2rem;
    line-height: 2.5rem;
}
.has-border .program-course-title[data-v-432b786c] {
    font-size: 1.125rem;
    line-height: 1.125rem;
}
.lecturer-list .lecturer-list-item[data-v-432b786c] {
    width: 100%;
    margin-right: 0;
    padding: 0;
}
.lecturer-list .lecturer-list-item[data-v-432b786c]::before {
      display: none !important;
}
.lecturer-list .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover[data-v-432b786c] {
      width: 3.75rem;
      height: 3.75rem;
      margin-right: 1.125rem;
}
.lecturer-list .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-org_img[data-v-432b786c] {
        width: 1.5rem;
        height: 1.5rem;
        right: -6px;
}
}

.progress-right-view[data-v-39890c81] {
  margin-bottom: 2.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  width: 22.5rem;
  margin-left: 2.5rem;
}
.progress-time[data-v-39890c81] {
  color: #006cff;
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
}
.progress-right[data-v-39890c81] {
  padding: 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #006cff;
  line-height: 0;
  width: 100%;
}
.progress-right .progress-right-title[data-v-39890c81] {
    font-family: D-DIN-Bold;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
}
.progress-right .progress-cont[data-v-39890c81] {
    margin-bottom: 1rem;
}
.progress-right .progress-cont[data-v-39890c81] .el-step .el-step__head .el-step__line {
      background-color: transparent;
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 108, 255, 0.5)), color-stop(50%, rgba(0, 108, 255, 0.5)), color-stop(50%, #fff));
      background-image: -webkit-linear-gradient(top, rgba(0, 108, 255, 0.5) 0%, rgba(0, 108, 255, 0.5) 50%, #fff 50%);
      background-image: linear-gradient(to bottom, rgba(0, 108, 255, 0.5) 0%, rgba(0, 108, 255, 0.5) 50%, #fff 50%);
      background-size: 2px 6px;
}
.progress-right .progress-cont[data-v-39890c81] .el-step .el-step__head .el-step__icon.is-text {
      border: none;
      border-radius: 50%;
}
.progress-right .progress-cont[data-v-39890c81] .el-step .el-step__head .el-step__icon.is-text .step-icon {
        width: 1rem;
}
.progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main {
      padding-left: 0.75rem;
}
.progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .el-step__title.is-finish,
      .progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .el-step__description.is-finish {
        color: #0a418c;
}
.progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .el-step__title.is-process {
        color: #b0ceff;
        font-weight: 400;
}
.progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .step-title > div:nth-child(1) {
        font-family: D-DIN-Bold;
        font-size: 1.125rem;
        line-height: 1.625rem;
}
.progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .step-title > div:nth-child(2) {
        font-family: D-DIN;
        font-size: 1rem;
        line-height: 1.5rem;
}
.progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .step-description {
        padding: 1.5rem 0 1.5rem 1.5rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 1.125rem;
        line-height: 1.625rem;
}
.progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .step-description > div:nth-child(2) {
          margin-top: 1.125rem;
}
.progress-right .slack-view[data-v-39890c81] {
    padding: 1.5rem 1rem 2.5rem;
    background-color: #f7faff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    font-family: D-DIN-Bold;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #0a418c;
}
.progress-right .slack-view > img[data-v-39890c81] {
      width: 1rem;
      height: 1rem;
      -o-object-fit: cover;
         object-fit: cover;
      margin-left: 8px;
}
@media screen and (max-width: 46.875rem) {
.progress-right[data-v-39890c81] {
    margin-left: 0;
    margin-top: 1.5rem;
    padding: 1rem;
    width: auto;
}
}

@charset "UTF-8";
.recommend-view[data-v-f0cf52d0] {
  width: 22.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 2.5rem;
  margin-top: 1.5rem;
  border: 1px solid #006cff;
  padding: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #3c3c3c;
}
.recommend-view .recommend-title[data-v-f0cf52d0] {
    font-family: D-DIN-Bold;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #3c3c3c;
    margin-bottom: 1rem;
    word-break: break-all;
}
.recommend-view .recommend-swiper[data-v-f0cf52d0] {
    padding-bottom: 1rem;
    border-bottom: 1px solid #006cff;
    margin-bottom: 1rem;
}
.recommend-view .recommend-program-type[data-v-f0cf52d0] {
    font-family: D-DIN-Bold;
    margin-bottom: 8px;
    height: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    /* 不强制单词内部断行 */
    overflow-wrap: break-word;
}
.recommend-view .recommend-cover-view[data-v-f0cf52d0] {
    width: 100%;
    height: 8.75rem;
    margin-bottom: 8px;
    position: relative;
}
.recommend-view .recommend-cover-view .recommend-cover-img[data-v-f0cf52d0] {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      pointer-events: none;
}
.recommend-view .recommend-cover-view .play-btn-icon[data-v-f0cf52d0] {
      border: 1px solid #ffffff;
      border-radius: 50%;
      width: 3.75rem;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      left: 50%;
      top: 50%;
      cursor: pointer;
}
.recommend-view .recommend-cover-view .play-btn-icon[data-v-f0cf52d0]:hover {
        opacity: 0.8;
}
.recommend-view .recommend-introduce[data-v-f0cf52d0] {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    height: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    /* 不强制单词内部断行 */
    overflow-wrap: break-word;
}
.recommend-view .recommend-btn[data-v-f0cf52d0] {
    text-align: right;
    line-height: 1.375rem;
    text-decoration: underline;
    color: #006cff;
    cursor: pointer;
}
.xu-pagination[data-v-f0cf52d0] {
  position: relative;
}
.xu-pagination[data-v-f0cf52d0] .swiper-pagination-bullets {
    width: 100%;
    text-align: right;
}
.xu-pagination[data-v-f0cf52d0] .my-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    display: inline-block;
    border-radius: 50%;
    background: #d7e6ff;
}
.xu-pagination[data-v-f0cf52d0] .my-bullet-active {
    background: #006cff;
}
@media screen and (max-width: 46.875rem) {
.recommend-view[data-v-f0cf52d0] {
    border: 1px solid #006cff;
    margin: 0;
    width: 100%;
}
}

.detail-content[data-v-617aab9e] {
  margin: 1.5rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #006cff;
  border-bottom: 1px solid #006cff;
}
.detail-content .detail-content-title[data-v-617aab9e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1rem;
    line-height: 1;
    color: #8cbeff;
    padding-top: 1.5rem;
}
.detail-content .detail-content-title > img[data-v-617aab9e] {
      height: 0.75rem;
      margin-right: 8px;
}
.detail-content .detail-content-view[data-v-617aab9e] {
    padding: 1.5rem 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.detail-content .detail-content-view .detail-content-left[data-v-617aab9e] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
@media screen and (max-width: 46.875rem) {
.detail-content .detail-content-title[data-v-617aab9e] {
    margin: 0 1.5rem;
}
.detail-content .detail-content-view[data-v-617aab9e] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 1.5rem;
}
}

.learn-detail-header[data-v-46232970] {
  margin: 1.5rem 0;
  color: #3c3c3c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #006cff;
  border-bottom: 1px solid #006cff;
  background-image: var(--bg);
  background-repeat: no-repeat;
  background-position: 0 60%;
  background-size: cover;
}
.learn-detail-header .learn-detail-header-box[data-v-46232970] {
    padding: 2.5rem 0 6.25rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-title[data-v-46232970] {
      font-family: D-DIN-Bold;
      font-size: 4rem;
      line-height: 5rem;
      margin-bottom: 2.5rem;
      width: 80%;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content[data-v-46232970] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-subtitle[data-v-46232970] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-subtitle .content-subtitle-time[data-v-46232970] {
          color: #006cff;
          margin-top: 0.75rem;
          font-size: 1.125rem;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-subtitle .content-subtitle-time .content-subtitle-time-line[data-v-46232970] {
            margin: 0 0.75rem;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-subtitle .paid-tip-price[data-v-46232970] {
          margin-top: 2.25rem;
          color: #006aff;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-subtitle .paid-tip-price .paid-tip-price-coupon[data-v-46232970] {
            margin-bottom: 6px;
            font-family: D-DIN;
            font-size: 1rem;
            line-height: 1.25rem;
            color: #0a418c;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-subtitle .paid-tip-price .paid-tip-price-current[data-v-46232970] {
            font-size: 1.5rem;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-subtitle .paid-tip-price .font40[data-v-46232970] {
            font-family: D-DIN-Bold;
            font-size: 2.25rem;
            line-height: 2.5rem;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-subtitle .paid-tip-price .color29[data-v-46232970] {
            color: #292929;
            margin-left: 1.375rem;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-subtitle .paid-tip-price .has-discount[data-v-46232970] {
            display: inline-block;
            position: relative;
            color: #0a418c;
            font-size: 1rem;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-subtitle .paid-tip-price .has-discount[data-v-46232970] ::after {
              content: '';
              position: absolute;
              left: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
                  -ms-transform: translateY(-50%);
                      transform: translateY(-50%);
              width: 100%;
              height: 1px;
              background: #0a418c;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-subtitle .paid-tip-price .has-discount .font40[data-v-46232970] {
              font-size: 1.5rem;
              line-height: 1.75rem;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video[data-v-46232970] {
        width: 20rem;
        height: 11.5rem;
        margin-left: 5rem;
        border: 1px solid #006cff;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video .content-video-view[data-v-46232970] {
          position: relative;
          width: 100%;
          height: 100%;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video .content-video-view > img[data-v-46232970] {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            opacity: 0.8;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video .content-video-view .content-video-btn[data-v-46232970] {
            position: absolute;
            top: calc(50% - 1.875rem);
            left: calc(50% - 1.875rem);
            width: 3.75rem;
            height: 3.75rem;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.72);
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            cursor: pointer;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video .content-video-view .content-video-btn > img[data-v-46232970] {
              width: 1rem;
              padding-left: 4px;
              -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video .content-video-info[data-v-46232970] {
          text-align: center;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video:hover .content-video-view > img[data-v-46232970] {
          opacity: 1;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video:hover .content-video-btn[data-v-46232970] {
          background-color: white;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video:hover .content-video-btn > img[data-v-46232970] {
            -webkit-transform: scale(1.2);
                -ms-transform: scale(1.2);
                    transform: scale(1.2);
}
.learn-detail-header .Certificate-tip[data-v-46232970] {
    -webkit-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
            transform: translateY(2rem);
    margin: 0 8px;
    background-color: rgba(255, 255, 255, 0.5);
    color: #006cff;
    opacity: 0;
    border: 1px solid #006cff;
    padding: 8px 1.5rem;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.learn-detail-header .showCertificateTip[data-v-46232970] {
    opacity: 1;
}
.learn-detail-header .program-time[data-v-46232970] {
    position: absolute;
    width: calc(100% - 1rem);
    left: 8px;
    bottom: 0;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #006cff;
    -webkit-box-shadow: 0 0 0 8px rgba(0, 108, 255, 0.2);
            box-shadow: 0 0 0 8px rgba(0, 108, 255, 0.2);
    padding: 1.25rem 0;
}
.learn-detail-header .program-time .program-time-item[data-v-46232970] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 0 1.5rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-right: 1px solid #006cff;
      font-family: D-DIN;
      font-size: 1.25rem;
      line-height: 2rem;
      color: #3c3c3c;
}
.learn-detail-header .program-time .program-time-item[data-v-46232970]:last-child {
        border: none;
}
.learn-detail-header .program-time .program-time-item .program-time-item-header[data-v-46232970] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
}
.learn-detail-header .program-time .program-time-item .program-time-item-header > div[data-v-46232970] {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          margin-right: 0.75rem;
          color: #8cbeff;
}
.learn-detail-header .program-time .program-time-item .program-time-item-header > img[data-v-46232970] {
          width: 2rem;
          -o-object-fit: cover;
             object-fit: cover;
}
@media screen and (max-width: 46.875rem) {
.learn-detail-header[data-v-46232970] {
    background-position: 80% bottom;
    margin: 1.5rem 0;
}
.learn-detail-header .learn-detail-header-box[data-v-46232970] {
      padding: 1.5rem;
      margin: 0 1rem;
      border-left: 1px solid #006cff;
      border-right: 1px solid #006cff;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-title[data-v-46232970] {
        width: 100%;
        font-size: 2.25rem;
        line-height: 2.75rem;
        margin-bottom: 1rem;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content[data-v-46232970] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        margin-bottom: 2.5rem;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video[data-v-46232970] {
          margin-bottom: 2.5rem;
          margin-left: 0;
          width: 100%;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .paid-tip-price[data-v-46232970] {
          margin-top: 1.5rem;
}
.learn-detail-header .program-time[data-v-46232970] {
      width: 100%;
      padding: 0 1rem;
      display: block;
      position: relative;
      -webkit-transform: unset;
          -ms-transform: unset;
              transform: unset;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
}
.learn-detail-header .program-time .program-time-item[data-v-46232970] {
        padding: 10px 0;
        border-right: none;
        border-bottom: 1px solid #006cff;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
}
.learn-detail-header .program-time .program-time-item > img[data-v-46232970] {
          width: 1.5rem;
          height: 1.5rem;
          -o-object-fit: cover;
             object-fit: cover;
          margin-right: 8px;
}
}

.detail-view[data-v-01412b4d] {
  padding: 0 1.5rem 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #8cbeff;
}
.detail-view[data-v-01412b4d] .el-collapse {
    border: none;
    word-break: break-word;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__header {
      border-bottom: none;
      border-top: 1px solid #8cbeff;
      padding: 1rem 0.75rem 1rem 2.5rem;
      height: auto;
      line-height: 1;
      cursor: pointer;
}
.detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__header .title-cont {
        font-family: D-DIN-Bold;
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: #505050;
}
.detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__header .title-cont:before {
          content: '';
          display: inline-block;
          width: 1rem;
          height: 1rem;
          border-radius: 50%;
          background-color: #8cbeff;
          margin-right: 1rem;
}
.detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
        color: #8cbeff;
        padding: 4px;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        font-size: 1.25rem;
}
.detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow.is-active {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
}
.detail-view[data-v-01412b4d] .el-collapse .el-collapse-item:nth-child(1) .el-collapse-item__header {
      border-top: none;
}
.detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__wrap {
      border-top: 1px solid #8cbeff;
      border-bottom: none;
      background: #fafcff;
      padding: 0 2.5rem;
}
.detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content {
        padding: 0;
}
.detail-view[data-v-01412b4d] .el-steps {
    margin-top: 2.5rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step.is-vertical .el-step__head {
      width: 1rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step:last-of-type .el-step__line {
      display: block;
}
.detail-view[data-v-01412b4d] .el-steps .el-step.is-vertical .el-step__line {
      width: 1px;
      left: 7px;
}
.detail-view[data-v-01412b4d] .el-steps .el-step.is-vertical:nth-child(1) .el-step__head:before {
      content: '';
      height: 2.5rem;
      position: absolute;
      width: 1px;
      background: #006cff;
      left: 7px;
      top: -2.5rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__head .el-step__icon {
      background-color: #fff;
      border: 1px solid #006cff;
      width: 1rem;
      height: 1rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__head .el-step__icon .el-step__icon-inner {
        display: none;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__head .el-step__line {
      background-color: transparent;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#006cff), to(#006cff));
      background-image: -webkit-linear-gradient(top, #006cff, #006cff);
      background-image: linear-gradient(to bottom, #006cff, #006cff);
      background-size: 1px 1rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__head .el-step__line .el-step__line-inner {
        height: 0 !important;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__head.is-finish .el-step__icon {
      background-color: #fff;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__head.is-finish .el-step__line {
      background-color: transparent;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#006cff), to(#006cff));
      background-image: -webkit-linear-gradient(top, #006cff, #006cff);
      background-image: linear-gradient(to bottom, #006cff, #006cff);
      background-size: 1px 1rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__head.is-finish .el-step__line .el-step__line-inner {
        height: 0 !important;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__title {
      font-family: D-DIN-Bold;
      font-size: 1.25rem;
      line-height: 1.5rem;
      color: #505050;
      padding-bottom: 5px;
      position: relative;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__title .section-name {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__title .section-name > span:nth-child(1) {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          margin-right: 1rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__title .section-name > span:nth-child(2) {
          font-family: D-DIN;
          font-size: 1.125rem;
          line-height: 1.5rem;
          color: #006cff;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__title .section-name > span:nth-child(2):before {
            content: '';
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #006cff;
            margin-right: 8px;
            vertical-align: middle;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description {
      padding-right: 0;
      padding-top: 1.25rem;
      margin-bottom: 2rem;
      font-size: 1.25rem;
      line-height: 1.5rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item {
        width: 50%;
        padding: 4px 8px 4px 2rem;
        margin-bottom: 0.75rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item:nth-child(2n)::before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          height: 80%;
          top: 10%;
          border-left: 1px solid #006cff;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item {
          width: 100%;
          overflow: hidden;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover {
            width: 4.375rem;
            height: 4.375rem;
            position: relative;
            margin-right: 1.5rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover > img {
              border: 1px solid #006cff;
              border-radius: 50%;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-img {
              display: block;
              width: 100%;
              height: 100%;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-org_img {
              position: absolute;
              width: 2rem;
              height: 2rem;
              right: -1rem;
              bottom: 0;
              background-color: #fff;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
                -ms-flex: 1;
                    flex: 1;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail > div {
              min-height: 1.5rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail .lecturer-list-item-item-name {
              font-family: D-DIN-Bold;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail .lecturer-list-item-item-position {
              font-size: 1.125rem;
              line-height: 1.25rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .introduction-view {
        border-left: 1px solid #8cbeff;
        padding-left: 2rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .introduction-view .rich-text {
          font-size: 1.125rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description.is-finish {
      color: #505050;
}
.detail-view .quizType[data-v-01412b4d] .el-step__head .el-step__icon {
    background-image: url(data:image/png;base64,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);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
    border: none;
}
.detail-view .scormType[data-v-01412b4d] .el-step__head .el-step__icon {
    background-image: url(data:image/png;base64,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);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}
.detail-view .videoType[data-v-01412b4d] .el-step__head .el-step__icon {
    background-image: url(data:image/png;base64,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);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}
.detail-view .superCourseType[data-v-01412b4d] .el-step__head .el-step__icon {
    background-image: url(data:image/png;base64,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);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}
@media screen and (max-width: 46.875rem) {
.detail-view[data-v-01412b4d] {
    padding: 0 8px 4px;
}
.detail-view[data-v-01412b4d] .el-collapse .el-collapse-item__wrap {
      padding: 0 6px !important;
}
.detail-view[data-v-01412b4d] .el-steps {
      margin-top: 1rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description {
        font-size: 1rem !important;
        line-height: 1.375rem !important;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item {
          width: 100%;
          margin-right: 0;
          padding: 0;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item::before {
            display: none !important;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover {
            width: 3.75rem;
            height: 3.75rem;
            margin-right: 1.125rem;
}
.detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-org_img {
              width: 1.5rem;
              height: 1.5rem;
              right: -6px;
}
.section-name[data-v-01412b4d] {
    font-size: 1rem !important;
    line-height: 1.375rem !important;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.section-name > span[data-v-01412b4d] {
      width: 100%;
      margin: 0 !important;
}
.pos[data-v-01412b4d]::after {
    display: none !important;
}
.pos[data-v-01412b4d] {
    padding-left: 0 !important;
    font-size: 1rem !important;
    line-height: 1.375rem !important;
    color: #074292 !important;
}
.title-cont[data-v-01412b4d] {
    font-size: 1.125rem !important;
    line-height: 1.625rem !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.title-cont[data-v-01412b4d]:before {
      margin-right: 0.75rem !important;
}
.title-cont > span[data-v-01412b4d] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
[data-v-01412b4d] .el-collapse-item__header {
    padding: 6px 0 !important;
}
}

@charset "UTF-8";
.demo-class[data-v-7a95fcfc] {
  background-color: #f5f9ff;
  padding: 1.5rem 2.5rem;
  font-family: D-DIN;
  font-size: 1.25rem;
  line-height: 2rem;
  margin-bottom: 1.5rem;
}
.demo-class .demo-class-title[data-v-7a95fcfc] {
    color: #005fff;
    margin-bottom: 8px;
}
.demo-class .demo-class-subtitle[data-v-7a95fcfc] {
    font-family: D-DIN-Bold;
    color: #505050;
    margin-bottom: 1rem;
}
.demo-class .demo-class-subtitle[data-v-7a95fcfc]::before {
      content: '';
      display: inline-block;
      width: 1rem;
      height: 1rem;
      background-color: #006cff;
      border-radius: 50%;
      vertical-align: middle;
      margin-right: 8px;
}
.demo-class .demo-class-img[data-v-7a95fcfc] {
    position: relative;
    display: inline-block;
    font-size: 0;
    width: 13.875rem;
    height: 8rem;
}
.demo-class .demo-class-img > img[data-v-7a95fcfc] {
      border: 1px solid #006cff;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      backdrop-filter: blur(2px);
}
.video-btn[data-v-7a95fcfc] {
  position: absolute;
  right: 50%;
  bottom: 50%;
  -webkit-transform: translate(50%, 50%);
      -ms-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
  width: 3.75rem;
  height: 3.75rem;
  background-color: #fff;
  z-index: 3;
  border: 1px solid #006cff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.video-btn .video-btn-circle[data-v-7a95fcfc] {
    position: relative;
    width: 1.875rem;
    height: 1.875rem;
    border: 1px solid #006cff;
    border-radius: 50%;
    cursor: pointer;
}
.video-btn .video-btn-circle .dot-view[data-v-7a95fcfc] {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -webkit-transform: rotate(-80deg);
          -ms-transform: rotate(-80deg);
              transform: rotate(-80deg);
      -webkit-animation: circleRotate-7a95fcfc 2s infinite ease-in-out;
              animation: circleRotate-7a95fcfc 2s infinite ease-in-out;
}
.video-btn .video-btn-circle .dot-view .dot[data-v-7a95fcfc] {
        position: absolute;
        left: -3px;
        bottom: calc(50% - 3px);
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #006cff;
}
.video-btn .video-btn-circle .dot-view[data-v-7a95fcfc]::after {
        content: '';
        position: absolute;
        display: block;
        width: 6px;
        height: 6px;
        background-color: #fff;
        bottom: calc(50% - 9px);
        left: -3px;
}
.video-btn .video-btn-circle .stop-animation[data-v-7a95fcfc] {
      -webkit-animation-iteration-count: 1;
              animation-iteration-count: 1;
      /* 动画只运行一次 */
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      /* 在动画结束后保持最后一帧的样式 */
}
.video-btn .video-btn-icon[data-v-7a95fcfc] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: 1rem;
}
.video-btn .video-btn-icon .video-btn-icon-left[data-v-7a95fcfc],
    .video-btn .video-btn-icon .video-btn-icon-right[data-v-7a95fcfc] {
      position: absolute;
      height: 100%;
      top: 0;
      overflow: hidden;
}
.video-btn .video-btn-icon .video-btn-icon-left[data-v-7a95fcfc] {
      width: 45%;
      left: 0;
}
.video-btn .video-btn-icon .video-btn-icon-left[data-v-7a95fcfc]::before {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        right: 0;
        background-color: #006cff;
}
.video-btn .video-btn-icon .video-btn-icon-right[data-v-7a95fcfc] {
      width: 56%;
      right: 0;
}
.video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-7a95fcfc] {
        position: absolute;
        width: 1rem;
        height: 1rem;
        left: -10px;
        top: 0;
        background-color: rgba(255, 255, 255, 0.42);
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
}
.video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-7a95fcfc]::before, .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-7a95fcfc]::after {
          content: '';
          position: absolute;
          background-color: #006cff;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-7a95fcfc]::before {
          height: 1px;
          width: 100%;
          top: 0;
          left: 0;
}
.video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-7a95fcfc]::after {
          height: 100%;
          width: 1px;
          top: 0;
          right: 0;
}
.video-is-playing .video-btn .video-btn-icon-left[data-v-7a95fcfc]::before {
  -webkit-animation: moveBtnLeft-7a95fcfc 0.3s ease forwards;
          animation: moveBtnLeft-7a95fcfc 0.3s ease forwards;
}
.video-is-playing .video-btn .video-btn-icon-right-btn[data-v-7a95fcfc] {
  background-color: transparent !important;
}
.video-is-playing .video-btn .video-btn-icon-right-btn[data-v-7a95fcfc]::before {
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.video-is-playing .video-btn .video-btn-icon-right-btn[data-v-7a95fcfc]::after {
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
@-webkit-keyframes circleRotate-7a95fcfc {
0% {
    -webkit-transform: rotate(-80deg);
            transform: rotate(-80deg);
}
100% {
    -webkit-transform: rotate(280deg);
            transform: rotate(280deg);
}
}
@keyframes circleRotate-7a95fcfc {
0% {
    -webkit-transform: rotate(-80deg);
            transform: rotate(-80deg);
}
100% {
    -webkit-transform: rotate(280deg);
            transform: rotate(280deg);
}
}
@-webkit-keyframes moveBtnLeft-7a95fcfc {
0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
80% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
}
100% {
    -webkit-transform: translate3d(-3px, 0, 0);
            transform: translate3d(-3px, 0, 0);
}
}
@keyframes moveBtnLeft-7a95fcfc {
0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
80% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
}
100% {
    -webkit-transform: translate3d(-3px, 0, 0);
            transform: translate3d(-3px, 0, 0);
}
}

.program-course[data-v-e8b0fb78] {
  margin-bottom: 1.5rem;
}
.program-course .program-course-title[data-v-e8b0fb78] {
    font-family: D-DIN-Bold;
    font-size: 3rem;
    line-height: 3.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}
@media screen and (max-width: 46.875rem) {
.program-course .program-course-title[data-v-e8b0fb78] {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0;
}
}

.articles-item[data-v-13d40935] {
  font-family: D-DIN;
  font-size: 1.25rem;
  line-height: 1.75rem;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  border: 1px solid #006cff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.articles-item .articles-item-img[data-v-13d40935] {
    width: 100%;
    height: 10rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 8px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #006cff;
    opacity: 0.8;
}
.articles-item .articles-item-img .articles-item-img-cover[data-v-13d40935] {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%;
}
.articles-item .articles-item-img .articles-item-img-hot[data-v-13d40935] {
      position: absolute;
      left: 0;
      top: 0;
      width: 3.75rem;
}
.articles-item .articles-item-title[data-v-13d40935] {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: D-DIN-Bold;
    height: 5.25rem;
    color: #3c3c3c;
    margin-bottom: 1rem;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.articles-item .articles-item-subtitle[data-v-13d40935] {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #505050;
    margin-bottom: 1rem;
    height: 3.5rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.articles-item .articles-item-text[data-v-13d40935] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #006cff;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.articles-item:hover .articles-item-img[data-v-13d40935] {
    opacity: 1;
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
}
.articles-item:hover .articles-item-title[data-v-13d40935] {
    color: #006cff;
}
.articles-item:hover .articles-item-subtitle[data-v-13d40935] {
    color: #006cff;
}
@media screen and (max-width: 46.875rem) {
.articles-item[data-v-13d40935] {
    font-size: 1.125rem;
    line-height: 1.625rem;
}
.articles-item .articles-item-img[data-v-13d40935] {
      opacity: 1;
}
.articles-item .articles-item-title[data-v-13d40935] {
      font-size: 1.25rem;
      line-height: 1.75rem;
      height: unset;
      overflow: unset;
}
.articles-item .articles-item-subtitle[data-v-13d40935] {
      height: unset;
      overflow: unset;
      -webkit-line-clamp: unset;
}
}

.recommend[data-v-a2ef0ff6] {
  margin-bottom: 1.5rem;
}
.recommend .recommend-title[data-v-a2ef0ff6] {
    font-family: D-DIN-Bold;
    font-size: 3rem;
    line-height: 3.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}
.recommend .partner-swiper[data-v-a2ef0ff6] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.recommend .partner-swiper .partner-item-wrap[data-v-a2ef0ff6] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
}
.recommend .partner-swiper .partner-item-wrap .partner-cont[data-v-a2ef0ff6] {
        width: calc(100% / var(--column));
        padding: 0px 6px 0.75rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
}
.recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content[data-v-a2ef0ff6] {
          border: 1px solid #006cff;
          padding: 0.75rem;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          position: relative;
          margin-bottom: 1.5rem;
}
.recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_text[data-v-a2ef0ff6] {
            height: 14rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 8;
            -webkit-box-orient: vertical;
}
.recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_arrow[data-v-a2ef0ff6] {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            left: 1.25rem;
            bottom: -0.875rem;
            border-color: transparent;
            border-style: solid;
            border-top-color: #006cff;
            border-width: 0.875rem;
            border-bottom-width: 0;
}
.recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_arrow[data-v-a2ef0ff6]::after {
              content: '';
              position: absolute;
              display: block;
              width: 0;
              height: 0;
              border-color: transparent;
              border-style: solid;
              border-width: 0.8125rem;
              bottom: 1px;
              margin-left: -0.8125rem;
              border-top-color: #fff;
              border-bottom-width: 0;
}
.recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail[data-v-a2ef0ff6] {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
}
.recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo[data-v-a2ef0ff6] {
            position: relative;
            width: 3.75rem;
            height: 3.75rem;
            margin-right: 5px;
}
.recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo > img[data-v-a2ef0ff6] {
              width: 100%;
              height: 100%;
              background-color: #fff;
              -o-object-fit: cover;
                 object-fit: cover;
              position: absolute;
              inset: 0;
              border: 1px solid #005eff;
}
.recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo[data-v-a2ef0ff6]::before {
              content: '';
              position: absolute;
              width: 100%;
              height: 100%;
              border: 1px solid #006cff;
              left: 4px;
              top: 4px;
}
.recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info[data-v-a2ef0ff6] {
            padding-left: 1.5rem;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            font-size: 1rem;
            line-height: 1.25rem;
}
.recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info .info-name[data-v-a2ef0ff6] {
              font-family: D-DIN-Bold;
              margin-bottom: 4px;
}
.recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info .info-position[data-v-a2ef0ff6] {
              height: 2.5rem;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
}
.recommend .partner-swiper .recommend-swiper-pagination[data-v-a2ef0ff6] {
      position: static;
      text-align: center;
}
.recommend .partner-swiper .recommend-swiper-pagination[data-v-a2ef0ff6] .swiper-pagination-bullet {
        margin: 0 8px;
}

.learner-say[data-v-e1166a96] {
  margin-bottom: 1.5rem;
}
.learner-say .learner-say-title[data-v-e1166a96] {
    font-family: D-DIN-Bold;
    font-size: 3rem;
    line-height: 3.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}
.partner-swiper[data-v-e1166a96] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.partner-swiper .partner-item-wrap[data-v-e1166a96] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.partner-swiper .partner-item-wrap .partner-cont[data-v-e1166a96] {
      width: calc(100% / var(--column));
      padding: 0px 6px 0.75rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
}
.partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content[data-v-e1166a96] {
        border: 1px solid #006cff;
        padding: 0.75rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
        margin-bottom: 1.5rem;
}
.partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_text[data-v-e1166a96] {
          height: 14rem;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 8;
          -webkit-box-orient: vertical;
}
.partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_arrow[data-v-e1166a96] {
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          left: 1.25rem;
          bottom: -0.875rem;
          border-color: transparent;
          border-style: solid;
          border-top-color: #006cff;
          border-width: 0.875rem;
          border-bottom-width: 0;
}
.partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_arrow[data-v-e1166a96]::after {
            content: '';
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 0.8125rem;
            bottom: 1px;
            margin-left: -0.8125rem;
            border-top-color: #fff;
            border-bottom-width: 0;
}
.partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail[data-v-e1166a96] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
}
.partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo[data-v-e1166a96] {
          position: relative;
          width: 3.75rem;
          height: 3.75rem;
          margin-right: 5px;
}
.partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo > img[data-v-e1166a96] {
            width: 100%;
            height: 100%;
            background-color: #fff;
            -o-object-fit: cover;
               object-fit: cover;
            position: absolute;
            inset: 0;
            border: 1px solid #005eff;
}
.partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo[data-v-e1166a96]::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            border: 1px solid #006cff;
            left: 4px;
            top: 4px;
}
.partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info[data-v-e1166a96] {
          padding-left: 1.5rem;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          font-size: 1rem;
          line-height: 1.25rem;
}
.partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info .info-name[data-v-e1166a96] {
            font-family: D-DIN-Bold;
            margin-bottom: 4px;
}
.partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info .info-position[data-v-e1166a96] {
            height: 2.5rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
}
.partner-swiper .amplifierSay-swiper-pagination[data-v-e1166a96] {
    position: static;
    text-align: center;
}
.partner-swiper .amplifierSay-swiper-pagination[data-v-e1166a96] .swiper-pagination-bullet {
      margin: 0 8px;
}
@media screen and (max-width: 46.875rem) {
.learner-say .learner-say-title[data-v-e1166a96] {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0;
}
}

.detail-view[data-v-4a361ede] {
  padding: 0 1.5rem 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #8cbeff;
}
.detail-view[data-v-4a361ede] .el-collapse {
    border: none;
    word-break: break-word;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.detail-view[data-v-4a361ede] .el-collapse .el-collapse-item .el-collapse-item__header {
      border-bottom: none;
      border-top: 1px solid #8cbeff;
      padding: 1rem 0.75rem 1rem 2.5rem;
      height: auto;
      line-height: 1;
      cursor: pointer;
}
.detail-view[data-v-4a361ede] .el-collapse .el-collapse-item .el-collapse-item__header .title-cont {
        font-family: D-DIN-Bold;
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: #505050;
}
.detail-view[data-v-4a361ede] .el-collapse .el-collapse-item .el-collapse-item__header .title-cont:before {
          content: '';
          display: inline-block;
          width: 1rem;
          height: 1rem;
          border-radius: 50%;
          background-color: #8cbeff;
          margin-right: 1rem;
}
.detail-view[data-v-4a361ede] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
        color: #8cbeff;
        padding: 4px;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        font-size: 1.25rem;
}
.detail-view[data-v-4a361ede] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow.is-active {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
}
.detail-view[data-v-4a361ede] .el-collapse .el-collapse-item:nth-child(1) .el-collapse-item__header {
      border-top: none;
}
.detail-view[data-v-4a361ede] .el-collapse .el-collapse-item .el-collapse-item__wrap {
      border-top: 1px solid #8cbeff;
      border-bottom: none;
      background: #fafcff;
      padding: 0 2.5rem;
}
.detail-view[data-v-4a361ede] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content {
        padding: 0;
}
.detail-view[data-v-4a361ede] .el-steps {
    margin-top: 2.5rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step.is-vertical .el-step__head {
      width: 1rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step:last-of-type .el-step__line {
      display: block;
}
.detail-view[data-v-4a361ede] .el-steps .el-step.is-vertical .el-step__line {
      width: 1px;
      left: 7px;
}
.detail-view[data-v-4a361ede] .el-steps .el-step.is-vertical:nth-child(1) .el-step__head:before {
      content: '';
      height: 2.5rem;
      position: absolute;
      width: 1px;
      background: #006cff;
      left: 7px;
      top: -2.5rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__head .el-step__icon {
      background-color: #fff;
      border: 1px solid #006cff;
      width: 1rem;
      height: 1rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__head .el-step__icon .el-step__icon-inner {
        display: none;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__head .el-step__line {
      background-color: transparent;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#006cff), to(#006cff));
      background-image: -webkit-linear-gradient(top, #006cff, #006cff);
      background-image: linear-gradient(to bottom, #006cff, #006cff);
      background-size: 1px 1rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__head .el-step__line .el-step__line-inner {
        height: 0 !important;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__head.is-finish .el-step__icon {
      background-color: #fff;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__head.is-finish .el-step__line {
      background-color: transparent;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#006cff), to(#006cff));
      background-image: -webkit-linear-gradient(top, #006cff, #006cff);
      background-image: linear-gradient(to bottom, #006cff, #006cff);
      background-size: 1px 1rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__head.is-finish .el-step__line .el-step__line-inner {
        height: 0 !important;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__title {
      font-family: D-DIN-Bold;
      font-size: 1.25rem;
      line-height: 1.5rem;
      color: #505050;
      padding-bottom: 5px;
      position: relative;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__title .section-name {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__title .section-name > span:nth-child(1) {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          margin-right: 1rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__title .section-name > span:nth-child(2) {
          font-family: D-DIN;
          font-size: 1.125rem;
          line-height: 1.5rem;
          color: #006cff;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__title .section-name > span:nth-child(2):before {
            content: '';
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #006cff;
            margin-right: 8px;
            vertical-align: middle;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description {
      padding-right: 0;
      padding-top: 1.25rem;
      margin-bottom: 2rem;
      font-size: 1.25rem;
      line-height: 1.5rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item {
        width: 50%;
        padding: 4px 8px 4px 2rem;
        margin-bottom: 0.75rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item:nth-child(2n)::before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          height: 80%;
          top: 10%;
          border-left: 1px solid #006cff;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item {
          width: 100%;
          overflow: hidden;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover {
            width: 4.375rem;
            height: 4.375rem;
            position: relative;
            margin-right: 1.5rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover > img {
              border: 1px solid #006cff;
              border-radius: 50%;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-img {
              display: block;
              width: 100%;
              height: 100%;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-org_img {
              position: absolute;
              width: 2rem;
              height: 2rem;
              right: -1rem;
              bottom: 0;
              background-color: #fff;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
                -ms-flex: 1;
                    flex: 1;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail > div {
              min-height: 1.5rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail .lecturer-list-item-item-name {
              font-family: D-DIN-Bold;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail .lecturer-list-item-item-position {
              font-size: 1.125rem;
              line-height: 1.25rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .introduction-view {
        border-left: 1px solid #8cbeff;
        padding-left: 2rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .introduction-view .rich-text {
          font-size: 1.125rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description.is-finish {
      color: #505050;
}
.detail-view .quizType[data-v-4a361ede] .el-step__head .el-step__icon {
    background-image: url(data:image/png;base64,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);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
    border: none;
}
.detail-view .scormType[data-v-4a361ede] .el-step__head .el-step__icon {
    background-image: url(data:image/png;base64,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);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}
.detail-view .videoType[data-v-4a361ede] .el-step__head .el-step__icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAlhSURBVHic7Zx7jFTVHcc/9zFvZtgnjgNFEHCVDZKCjUazfcRoSYpNTDBiNFHbpILWf7SxpLZajFRTq3/UKLRpEKNtNDXxD/nDYKxVgrENa4JkwVVwkcIwsK9hh5md172nf5w5O3f2NbPszuzswuevueece+/5fefcc3/nd865GjUkFhOBaJoNA0naLJvrdJ31tk3EsglYAsOy0QAMHWFoWIZOUteJ5i0+dxkcaQrQHfHyfjisJWtVZ63aN+j8VqzvG2KjrnH3cJ4220afzvV0Hdtn0m0L3m4JsXf9VVrnzNV2LFUR6Iu4aByI8kDW4tFUjuXVuIfC76LHbfBya5DX27+jDcz09WdUoK6oWBqLs204x8/yFp7xygQ80OiHkA+CXvC5wWOCywCj0LYsG3IWZPIwnIVEGoaGYTAFycz49zYNMj4Xu8MNPN8e0U7OlE0zItDX/SJ0qpdnkhm25i3cJTfQoDUIkQZYFJSCTIfhLJxLQDQOvQkQojTfNMgGPOwMunj6hhXa+endbQYEOnBMbD6f4pVsniZnut8Ny1pgabNsIdUgk4eT/XCiD1LZ0jy3ycBCP4/cslJ7azr3uGiBDsXEot5+dl3IcKczPeCBa6+ExQ2y9dQCIeB0HL48M/YRXODh3dZmtqwNa+cu5toXZcJ/josb+i6wN2dxhUpzG9B2JSxvqZ0woxECevqg+wxkrWK6y+BsywI23rhCOzjVa07ZlP1fiQeHhvlLzsKl0iINsGYJeF2Tn1sr0jk4fEr2UwqXQS7kZ0vHKm33VK41JYE+/lI8G0/xpOoXTR3aF8u+ph450QddpyFvF9Ma/ez4wbXabyu9RsUC/btbvBhP8pg69rvhphXyVV3PJNLw2fHSTrwhwEs/bNMer+T8igT6+Evx7GCKJ9Vx0As3r6yfR6oc6Rx8ekyKpai0JZUVaP9X4sGBC+xWj1WDX4rjMqZX6VqTs6RI8VQxrTnIz8v1SZMKVHhbfao65KAXOq6Ze+Iochbs/6rYklwGuZYF3DzZ223CgeOhmFhUeJW7KPQ5c7HlOHEZ0gZ/wZvPWbj6LrD3UEwsmuicCQXq7WeX8nNMXXbIc6XPmQyvS9piFizPWVzR28+uicqPK9CBY2Kz00NuX1z/b6upEPRKmxQXMtx54JjYPF7ZMQJ93S9C51O8oo4jDfXr50yHZS3SNsX5FK8cPC4Wji43RqBTvTyjBp5uQ3rI85U1S6SNANk8TYkc20eXKRGoKyqWJjNsVcdtV86PfmcivC5poyKZYWtXVCx1likRKBZnm4rnBDxy4DnfWd4ibQXIW7hjcbY580f8oC/iovHkt5xRkcD1y2BJ4+QXT2fh6Xfgzf0y4ldPhHxwXwds3wTeMkG6U4PQeUL+Ng0yy5uIqPDtSAsaiPKAEsfvlvGccjz9Dry6r/7EAVmnV/fJOpZjcUPRN8pbeHoT3K/yRlrQvsPiGxVgXx2BVVeMe63SC2+VFfG5oTV0kZZUid4hGZ4N+eD0zvLlvz4LR6Lyt99Fz+1rtKsBTApTM//rl+JomgyTVoJqOa0h6PrTxZpSHdp/BSf7Km/dS5vh6BkZdEvlWN75rVi//iqtUwfoG2KjKtgarF4MuZ7xmNJ2hdJEB9A17lYZkQr6nvmK03aliR6LicBwnjaVsSg4/smXAk7bh/O0xWIioEfTbFDTwQHP9Oet5jI+d9Ensm30aJoN+kCy2Hoa/bWtUCoDT/wdHn8DooO1vfdEODUYSNKm5yxWq4SQr7aVef0T2PkB/PVD+O42eHEvZHK1rcNonBrkLFbrpsE6lVDrkMagYxFLKgO/fwe+9xvY+3lt6+HEqYFpsE63bSIqoR76n55euOfP8NMXoDta+/s7NbBtIrplE1AJs+n/3HB1qTf+URfc9Dv49T9qO5RxamDZBHRLMBJlns14823XQ+dz8OiGYj3ylhxPrX0C3vikNvVwamAJDF0te4Pi+pzZojEAf9gM/90Bt60ppvcl4OHd8M/Pql8HpwaWjTbLktQ/pqEjVCuy7NltRYNJeOE92PWBnMNStARh+11w103Vr4PlmMc3dIRpaFhWYVSfs2ZPoA++gL/9S4YpFKYBv7gVnryzdj6a848xNCzT0ElisZDCiq3ZikEf/Kb0+Eft8Md74drIRGdUh0y++NvQSZq6ThSkQMNZWFhjb3o0y1rhuXtg47oKCleBYccqEF0nato2ncB1FJaKhMfMDFWPxkDxt98DT9wBv/wxeGZxJsW5AsS26TQNnaMqodax5fu/D9+ck1G8x34CkTKTBLXAqYGhc9RsCtB9obDwcTA14XlVwe+BF+6t7T3L4dSgKUC3HvHyvq5jIyfOSp7BS43hbHGVrK5jR7y8r4fDWtJn0q0KnUvMYg1nGaftPpPucFhL6gC24G2V4VwZeqnhtF1pogOEg7ynMnoTpb7ApUImL21XtITYi5oXW7tM+3zfYdGTyrFcCLm8v5KJw5BP9vq9Q3Ieqp5QHnmlHvjJ/uK+D7+LHrXNaiT64TZ4OZXjJQrri1cuKr9i/r4OGY4YzspJunrkvo7yZYSQNivcBi+r3yMjr6YIe0yDDMg1xacr6Iu2b4KHb699LLsSQj5Zt+2bypc9HS+uozYNMk0R9qi8kjby4RHxaiIt1wcFPHDrdbO376JWCAEfHi2+3oNedt66WntY5ZeM3cMNPG8aZCn4RD11+tjMJD19RXFMg2y4geed+SUCtUe0kwEPI2shus/IVerzlXRO2qgIeNg5erfimOjPklaecpsMgNxSdPhUTeo6Kxw+Vdw25TYZWNLKU6PLjBFoVbM2tNDPI+o4Gi/t4ecLJ/pKHcOFfh5Z1awNjS43bvzwlpXaWws8vKuOu06XhgHmOom0tEmxwMO7E23dnDDA2trMFpfBWZD7rT47Pj/6o3RO2qL2kLkMzrY2s2Wi8hMKtDasnWtZwEaXQY6Cb/TpsdKY7VxD7fhRPk9hM8vGyfazThqiv3GFdjDk4yHlCiXSc1ckJY7qKjTpTD5Ubh9r2TmMjmu010JedqjjeEpuKZpLj1s6J+vs3CvW4GdHxzXaa+XOvbwlswxTGkh8dEQ8O5Seu5t6tULLqcqmXsWc3hbu46FKHisnlz8sUIbLn6Yow+WPm5Rh3n4eZ0krT403tpoqlz+wVIZ584mupgh7rm/QZny1ddW70UMnxLpYgjsuf+StAubiZwL/D25F7l8Aj9UiAAAAAElFTkSuQmCC);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}
.detail-view .superCourseType[data-v-4a361ede] .el-step__head .el-step__icon {
    background-image: url(data:image/png;base64,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);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}
@media screen and (max-width: 46.875rem) {
.detail-view[data-v-4a361ede] {
    padding: 0 8px 4px;
}
.detail-view[data-v-4a361ede] .el-collapse .el-collapse-item__wrap {
      padding: 0 6px !important;
}
.detail-view[data-v-4a361ede] .el-steps {
      margin-top: 1rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description {
        font-size: 1rem !important;
        line-height: 1.375rem !important;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item {
          width: 100%;
          margin-right: 0;
          padding: 0;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item::before {
            display: none !important;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover {
            width: 3.75rem;
            height: 3.75rem;
            margin-right: 1.125rem;
}
.detail-view[data-v-4a361ede] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-org_img {
              width: 1.5rem;
              height: 1.5rem;
              right: -6px;
}
.section-name[data-v-4a361ede] {
    font-size: 1rem !important;
    line-height: 1.375rem !important;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.section-name > span[data-v-4a361ede] {
      width: 100%;
      margin: 0 !important;
}
.pos[data-v-4a361ede]::after {
    display: none !important;
}
.pos[data-v-4a361ede] {
    padding-left: 0 !important;
    font-size: 1rem !important;
    line-height: 1.375rem !important;
    color: #074292 !important;
}
.title-cont[data-v-4a361ede] {
    font-size: 1.125rem !important;
    line-height: 1.625rem !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.title-cont[data-v-4a361ede]:before {
      margin-right: 0.75rem !important;
}
.title-cont > span[data-v-4a361ede] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
[data-v-4a361ede] .el-collapse-item__header {
    padding: 6px 0 !important;
}
}

.program-course[data-v-4a361ede] {
  margin-bottom: 1.5rem;
  font-family: D-DIN;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.program-course .program-course-title[data-v-4a361ede] {
    font-family: D-DIN-Bold;
    font-size: 3rem;
    line-height: 3.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #006cff;
}
@media screen and (max-width: 46.875rem) {
.program-course .program-course-title[data-v-4a361ede] {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0;
}
}

.program-content[data-v-104475bb] {
  margin: 1.5rem 0;
  padding-top: 5rem;
  border-top: 1px solid #006cff;
  border-bottom: 1px solid #006cff;
}
.program-content .program-content-nav[data-v-104475bb] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.5rem;
    position: -webkit-sticky;
    position: sticky;
    z-index: 99;
    top: 4.25rem;
    background-color: #fff;
}
.program-content .program-content-nav .program-content-nav-left[data-v-104475bb] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid #006aff;
}
.program-content .program-content-nav .program-content-nav-left .program-content-nav-item[data-v-104475bb] {
        width: 11.25rem;
        height: 3.5rem;
        text-align: center;
        line-height: 3.5rem;
        font-size: 1.5rem;
        color: #8cbeff;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
}
.program-content .program-content-nav .program-content-nav-left .program-content-nav-item[data-v-104475bb]::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          bottom: -4px;
          width: 100%;
          height: 4px;
          background-color: transparent;
}
.program-content .program-content-nav .program-content-nav-left .activeNav[data-v-104475bb] {
        font-family: D-DIN-Bold;
        color: #3c3c3c;
}
.program-content .program-content-nav .program-content-nav-left .activeNav[data-v-104475bb]::after {
          background-color: #006aff;
}
.program-content .program-content-nav .program-content-nav-right[data-v-104475bb] {
      border-bottom: 1px solid #006cff;
}
.program-content .font-bold[data-v-104475bb] {
    font-family: D-DIN-Bold;
}
.program-content .margin-right8[data-v-104475bb] {
    margin-right: 8px;
}
.program-content .program-course-title[data-v-104475bb] {
    font-family: D-DIN-Bold;
    font-size: 3rem;
    line-height: 3.5rem;
    padding-bottom: 2.5rem;
}
.program-content .paid-tip[data-v-104475bb] {
    background-color: #f5f9ff;
    border-top: 1px solid #006aff;
    padding: 2.5rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #3e3a39;
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 2.5rem;
}
.program-content .paid-tip .paid-tip-title[data-v-104475bb] {
      font-family: D-DIN-Bold;
      font-size: 1.5rem;
      margin-bottom: 0.75rem;
}
.program-content .paid-tip .paid-tip-subtitle[data-v-104475bb] {
      margin-bottom: 1rem;
}
.program-content .paid-tip .paid-tip-content > p[data-v-104475bb] {
      margin: 6px 0;
}
.program-content .paid-tip .paid-tip-content > p[data-v-104475bb]::before {
        content: ' ';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-right: 8px;
        background-color: #006cff;
}
.program-content .paid-tip .paid-tip-price[data-v-104475bb] {
      margin-top: 2.25rem;
      color: #006aff;
}
.program-content .paid-tip .paid-tip-price .paid-tip-price-coupon[data-v-104475bb] {
        margin-bottom: 6px;
        font-family: D-DIN;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #0a418c;
}
.program-content .paid-tip .paid-tip-price .paid-tip-price-current[data-v-104475bb] {
        font-size: 1.5rem;
}
.program-content .paid-tip .paid-tip-price .font40[data-v-104475bb] {
        font-size: 2.5rem;
        line-height: 3rem;
}
.program-content .paid-tip .paid-tip-price .color29[data-v-104475bb] {
        color: #292929;
        margin-left: 1.375rem;
}
.program-content .paid-tip .paid-tip-price .has-discount[data-v-104475bb] {
        display: inline-block;
        padding: 0 6px;
        position: relative;
        color: #0a418c;
}
.program-content .paid-tip .paid-tip-price .has-discount[data-v-104475bb] ::after {
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 100%;
          height: 1px;
          background: #0a418c;
}
.program-content .paid-tip .paid-tip-price .has-discount .font40[data-v-104475bb] {
          font-size: 1.5rem;
          line-height: 2rem;
}
.program-content .paid-tip .paid-tip-price .has-discount > span[data-v-104475bb]:last-child {
          font-size: 1rem;
}
.program-content .program-content-detail[data-v-104475bb] {
    margin-bottom: 2.5rem;
}
.program-content .program-content-detail .program-content-detail-title[data-v-104475bb] {
      font-family: D-DIN-Bold;
      font-size: 3rem;
      line-height: 3.5rem;
      margin-bottom: 1.5rem;
      padding-bottom: 1.5rem;
      border-bottom: 1px solid #006aff;
}
.program-content .ai-women-partners[data-v-104475bb] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 2.25rem;
}
.program-content .ai-women-partners .ai-women-partner-item[data-v-104475bb] {
      margin-bottom: 1.5rem;
      margin-right: 1.5rem;
      width: 25%;
}
.program-content .ai-women-partners .ai-women-partner-item .ai-women-partner-item-content[data-v-104475bb] {
        background: rgba(255, 255, 255, 0.76);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 1px solid #b0ceff;
        padding: 0 2rem;
        text-align: center;
        overflow: hidden;
}
.program-content .ai-women-partners .ai-women-partner-item .ai-women-partner-item-content > img[data-v-104475bb] {
          width: 11.25rem;
          max-height: 15rem;
          -o-object-fit: cover;
          object-fit: contain;
}
.program-content .ai-women-partners .ai-women-partner-item .ai-women-partner-item-content .ai-women-partner-item-name[data-v-104475bb] {
          color: #505050;
          height: 4.5rem;
          padding: 8px 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          border-top: 1px solid #b0ceff;
}
.program-content .ai-women-partners .ai-women-partner-item .ai-women-partner-item-content .ai-women-partner-item-name > div[data-v-104475bb] {
            text-align: center;
}
.program-content .ai-women-partners .ai-women-partner-item .ai-women-partner-item-content .ai-women-partner-item-name > div[data-v-104475bb] .rich-text {
              font-size: 1.25rem;
              line-height: 1.75rem;
}
.program-content .ai-women-partners .ai-women-partner-item[data-v-104475bb]:nth-child(3n) {
        margin-right: 0;
}
.program-content .ai-women-partners .has-introduce[data-v-104475bb] {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 1.5rem;
      margin-right: 0;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
}
.program-content .ai-women-partners .has-introduce .ai-women-partner-item-content[data-v-104475bb] {
        width: 25%;
}
.program-content .ai-women-partners .has-introduce .ai-women-partner-item-introduce[data-v-104475bb] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 1.75rem 2rem;
        min-height: 11.25rem;
        background: rgba(0, 108, 255, 0.05);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
}
.program-content .ai-women-partners .has-introduce .ai-women-partner-item-introduce[data-v-104475bb] .rich-text {
          font-size: 1.25rem;
          line-height: 1.75rem;
}
.program-content .ai-women-partners .has-introduce .ai-women-partner-item-introduce[data-v-104475bb] a {
          color: #006aff !important;
}
.program-content .ai-women-partners .revers-layout[data-v-104475bb] {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
}
.program-content .learn-tips[data-v-104475bb] {
    margin-top: 2.5rem;
    padding: 2.5rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #8cbeff;
}
.program-content .learn-tips .learn-tips-required[data-v-104475bb] {
      font-family: D-DIN-Bold;
      font-size: 1.25rem;
}
@media screen and (max-width: 46.875rem) {
.program-content[data-v-104475bb] {
    padding-top: 0;
}
.program-content .program-content-box[data-v-104475bb] {
      padding: 1.5rem;
      margin: 0 1rem;
      border-left: 1px solid #006cff;
      border-right: 1px solid #006cff;
}
.program-content .program-content-box .program-content-nav .program-content-nav-left[data-v-104475bb] {
        width: 100%;
}
.program-content .program-content-box .program-content-nav .program-content-nav-left .program-content-nav-item[data-v-104475bb] {
          font-size: 1.125rem;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          width: auto;
}
.program-content .program-content-box .program-content-detail[data-v-104475bb] {
        margin-bottom: 1.5rem;
}
.program-content .program-content-box .program-content-detail .program-content-detail-title[data-v-104475bb] {
          font-size: 2rem;
          line-height: 2.5rem;
          margin-bottom: 1rem;
          padding-bottom: 1rem;
}
.program-content .ai-women-partners[data-v-104475bb] {
      display: block;
}
.program-content .ai-women-partners .ai-women-partner-item[data-v-104475bb] {
        width: 100%;
        margin: 0;
        margin-bottom: 1rem;
}
}

.fade-enter-active[data-v-6345ad9f],
.fade-leave-active[data-v-6345ad9f] {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.fade-enter[data-v-6345ad9f],
.fade-leave-to[data-v-6345ad9f] {
  opacity: 0;
}
.promotion-dialog[data-v-6345ad9f] {
  position: fixed;
  bottom: 30%;
  left: 50vw;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2001;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border: 1px solid #006cff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 108, 255, 0.3);
          box-shadow: 0px 0px 10px 0px rgba(0, 108, 255, 0.3);
  width: 50rem;
}
.promotion-dialog .promotion-dialog-wrap[data-v-6345ad9f] {
    border: 4px solid #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1.25rem;
}
.promotion-dialog .promotion-dialog-body[data-v-6345ad9f] {
    font-family: D-DIN;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #3c3c3c;
    overflow: auto;
}
.promotion-dialog .promotion-dialog-body .promotion-header[data-v-6345ad9f] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 1rem;
}
.promotion-dialog .promotion-dialog-body .promotion-header .promotion-header-img[data-v-6345ad9f] {
        width: 19.375rem;
        height: 11rem;
        -o-object-fit: cover;
           object-fit: cover;
        margin-right: 1rem;
}
.promotion-dialog .promotion-dialog-body .promotion-header .promotion-header-text[data-v-6345ad9f] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.promotion-dialog .promotion-dialog-body .promotion-header .promotion-header-text .promotion-header-text-title[data-v-6345ad9f] {
          font-family: D-DIN-Bold;
          font-size: 1.5rem;
          line-height: 2rem;
          margin-bottom: 8px;
}
.promotion-dialog .promotion-dialog-body .promotion-btn[data-v-6345ad9f] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background: #006cff;
      border: 1px solid #ffffff;
      color: #fff;
      font-size: 1.375rem;
      line-height: 2rem;
      padding: 4px 0;
      cursor: pointer;
}
.promotion-dialog .promotion-dialog-body .promotion-btn > img[data-v-6345ad9f] {
        margin-left: 1.5rem;
        width: 2rem;
}
.promotion-dialog .close-btn[data-v-6345ad9f] {
    position: absolute;
    top: -1.25rem;
    right: -1.25rem;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
}
.promotion-dialog .close-btn > img[data-v-6345ad9f] {
      width: 100%;
}
@media screen and (max-width: 46.875rem) {
.promotion-dialog[data-v-6345ad9f] {
    width: 86%;
    margin: 0 auto;
    bottom: 50vh;
    -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
}
.promotion-dialog .promotion-dialog-body .promotion-header[data-v-6345ad9f] {
      display: block;
}
.promotion-dialog .promotion-dialog-body .promotion-header .promotion-header-img[data-v-6345ad9f] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
        height: auto;
        max-height: 11.25rem;
}
}

.login-lang_type[data-v-0458113c] {
  padding-bottom: 2px;
}
.login-lang_type[data-v-0458113c] .el-dropdown-link {
    color: #fff;
}
.el-dropdown-link[data-v-0458113c] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  font-size: 1.25rem;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.el-dropdown-link .el-dropdown-link_icon[data-v-0458113c] {
    margin-right: 8px;
}
.el-icon-arrow-up[data-v-0458113c] {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.rotate[data-v-0458113c] {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.login-lang_type_dropdown[data-v-0458113c] {
  font-family: D-DIN;
  border-top: 1px solid #006cff;
  border-bottom: 1px solid #006cff;
  padding: 0;
  min-width: 15rem;
  border-radius: 0;
}
.login-lang_type_dropdown[data-v-0458113c] .popper__arrow {
    display: none;
}
.login-lang_type_dropdown .el-dropdown-menu__item[data-v-0458113c] {
    color: #006cff;
    font-size: 1.25rem;
    height: 3.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.login-lang_type_dropdown .el-dropdown-menu__item[data-v-0458113c]:hover {
      background-color: #006cff;
      color: #fff !important;
}
.login-lang_type_dropdown .el-dropdown-menu__item .el-dropdown-menu__item_text[data-v-0458113c] {
      line-height: 1.5rem;
}
.login-lang_type_dropdown .active[data-v-0458113c] {
    background-color: #006cff;
    color: #fff;
}

.enroll-condition-tip-view[data-v-0fe7f99e] {
  position: absolute;
  bottom: 6.25rem;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 97;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f9ff;
  border: 1px solid #006cff;
  color: #006cff;
  padding: 1.5rem 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.enroll-condition-tip-view .enroll-condition-tip-view-text[data-v-0fe7f99e] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 10px;
}
.enroll-condition-tip-view .enroll-condition-tip-view-text .font-bold[data-v-0fe7f99e] {
      font-family: 'D-DIN-Bold';
}
.enroll-condition-tip-view .enroll-condition-tip-view-close[data-v-0fe7f99e] {
    width: 3rem;
    cursor: pointer;
}
@media screen and (max-width: 46.875rem) {
.enroll-condition-tip-view[data-v-0fe7f99e] {
    bottom: 8.75rem;
}
}

[data-v-709f1deb] .follow-dialog {
  width: 62.5rem;
  border: 1px solid #8cbeff;
}
.follow-program-dialog[data-v-709f1deb] {
  width: 31.25rem;
  margin: 0 auto;
}
.follow-program-dialog .follow-program-dialog-title[data-v-709f1deb] {
    font-family: D-DIN;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center;
    color: #006cff;
    margin-bottom: 1.5rem;
}
.follow-program-dialog .follow-program-dialog-title > div[data-v-709f1deb] {
      text-align: center;
}
.follow-program-dialog[data-v-709f1deb] .el-form {
    width: 31.25rem;
    margin: auto;
}
.follow-program-dialog[data-v-709f1deb] .el-form-item__label {
    color: #333;
}
.follow-program-dialog[data-v-709f1deb] .el-textarea__inner {
    font-size: 1.125rem;
    resize: none;
}
.dialog-footer[data-v-709f1deb] {
  margin-top: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dialog-footer[data-v-709f1deb] .el-button {
    padding: 10px 2rem;
    border-radius: 0;
    font-size: 1.125rem;
}
.dialog-footer[data-v-709f1deb] .el-button--primary {
    background: #006cff;
}
@media screen and (max-width: 46.875rem) {
[data-v-709f1deb] .follow-dialog {
    width: calc(100vw - 3rem) !important;
    max-width: 100%;
}
[data-v-709f1deb] .follow-dialog .el-dialog__body {
      padding: 1rem;
}
.follow-program-dialog[data-v-709f1deb] {
    width: 100%;
    padding: 0;
}
.follow-program-dialog[data-v-709f1deb] .el-form {
      width: 100%;
      margin: auto;
}
}

.enroll-btn-view[data-v-28d654ee] {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: #006cff;
  color: #fff;
  z-index: 99;
}
.enroll-btn-view .enroll-btn-view-content[data-v-28d654ee] {
    min-height: 5rem;
    padding: 0.75rem 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-left[data-v-28d654ee] {
      margin-right: 2.5rem;
}
.enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right[data-v-28d654ee] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
}
.enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .enroll-btn-view-content-btn[data-v-28d654ee] {
        cursor: pointer;
        border: 1px solid #fff;
        width: 20rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 8px 0.75rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-left: 1.5rem;
}
.enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .follow-btn[data-v-28d654ee] {
        width: unset;
}
.enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .isFollowed[data-v-28d654ee] {
        color: rgba(255, 255, 255, 0.5);
        border-color: rgba(255, 255, 255, 0.5);
        cursor: not-allowed;
}
.enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .btn-has_icon > span[data-v-28d654ee] {
        margin-right: 2rem;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
}
.enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .btn-has_icon > img[data-v-28d654ee] {
        width: 3.125rem;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
}
.enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .btn-has_icon:hover > span[data-v-28d654ee] {
        -webkit-transform: translateX(8px);
            -ms-transform: translateX(8px);
                transform: translateX(8px);
}
.enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .btn-has_icon:hover > img[data-v-28d654ee] {
        -webkit-transform: translateX(-8px);
            -ms-transform: translateX(-8px);
                transform: translateX(-8px);
}
.enroll-btn-view .bottomTip[data-v-28d654ee] {
    position: absolute;
    bottom: 6.25rem;
    right: 0;
    z-index: 100;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #006cff;
    padding: 1.25rem 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: #ffffff;
    border: 1px solid #005fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 95, 255, 0.13);
            box-shadow: 0px 0px 10px 0px rgba(0, 95, 255, 0.13);
}
.enroll-btn-view .bottomTip > div[data-v-28d654ee]:nth-child(1) {
      margin-right: 8px;
}
.hideBottom[data-v-28d654ee] {
  height: 0;
  width: 0;
  overflow: hidden;
}
@media screen and (max-width: 46.875rem) {
.enroll-btn-view[data-v-28d654ee] {
    padding: 0px 1.5rem;
}
.enroll-btn-view .enroll-btn-view-content[data-v-28d654ee] {
      margin: 0 1rem;
      padding: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
}
.enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-left[data-v-28d654ee] {
        margin-right: 0px;
        margin: 1rem 0 0.75rem;
}
.enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right[data-v-28d654ee] {
        margin: 0.75rem 0;
        width: 100%;
}
.enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .enroll-btn-view-content-btn[data-v-28d654ee] {
          margin-left: 0;
          width: 100%;
}
}

.learn-detail[data-v-1c6610f1] {
  font-family: D-DIN;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #3c3c3c;
}

