.learn-detail-header[data-v-20e2356a] {
  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: right top;
  background-size: cover;
  position: relative;
}
.learn-detail-header .learn-detail-header-box[data-v-20e2356a] {
    padding: 2.5rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-title[data-v-20e2356a] {
      font-family: D-DIN-Bold;
      font-size: 2.5rem;
      line-height: 3rem;
      margin-bottom: 1.5rem;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-content[data-v-20e2356a] {
      font-family: D-DIN;
      font-size: 1.125rem;
      line-height: 1.25rem;
      color: #006cff;
}
.quiz-header[data-v-20e2356a] {
  background: rgba(255, 255, 255, 0.85);
}
@media screen and (max-width: 46.875rem) {
.learn-detail-header[data-v-20e2356a] {
    background: #f9fcff;
    background-image: none;
    margin: 1.5rem 0;
}
.learn-detail-header .learn-detail-header-box[data-v-20e2356a] {
      padding: 1.5rem;
}
.learn-detail-header .learn-detail-header-box .learn-detail-header-box-title[data-v-20e2356a] {
        width: 100%;
        font-size: 2.25rem;
        line-height: 2.75rem;
        margin-bottom: 1rem;
}
}

.content-header[data-v-069a0e98] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.content-header[data-v-069a0e98] .el-breadcrumb {
    font-size: 1rem;
    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;
}
.content-header[data-v-069a0e98] .el-breadcrumb .el-breadcrumb__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;
}
.content-header[data-v-069a0e98] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner a,
      .content-header[data-v-069a0e98] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link {
        color: #006cff;
        font-weight: 400;
}
.content-header[data-v-069a0e98] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner {
        color: #8cbeff;
        max-width: 15rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
}
.content-header[data-v-069a0e98] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator {
        color: #8cbeff;
}
.content-header[data-v-069a0e98] .el-breadcrumb .el-breadcrumb__item .home-icon {
        height: 0.75rem;
        margin-right: 8px;
}
@media screen and (max-width: 46.875rem) {
.content-header[data-v-069a0e98] {
    padding: 0 1.5rem;
}
}

.section-menu[data-v-70225ac4] {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 22.5rem;
  margin-right: 2.5rem;
  background: #ffffff;
  border: 1px solid #006cff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section-menu .section-menu-title[data-v-70225ac4] {
    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;
    padding: 1rem 1.5rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.section-menu .section-menu-title .icon-menu[data-v-70225ac4] {
      width: 1rem;
      height: 1rem;
      font-size: 1rem;
}
.section-menu .section-menu-title > div[data-v-70225ac4] {
      margin-left: 1rem;
      font-size: 1.125rem;
      line-height: 1;
      color: #006cff;
}
.close-menu[data-v-70225ac4] {
  width: auto;
}
.detail-view[data-v-70225ac4] {
  padding-bottom: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 1.5rem;
  border-top: 1px solid #006cff;
}
.detail-view[data-v-70225ac4] .el-collapse {
    border: none;
    word-break: break-word;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__header {
      border-bottom: none;
      border-top: 1px solid #8cbeff;
      padding: 1rem 0px;
      height: auto;
      line-height: 1;
      cursor: pointer;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
}
.detail-view[data-v-70225ac4] .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-70225ac4] .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.125rem;
}
.detail-view[data-v-70225ac4] .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-70225ac4] .el-collapse .el-collapse-item:nth-child(1) .el-collapse-item__header {
      border-top: none;
}
.detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap {
      border: none;
      background: #fff;
      padding: 0px;
}
.detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content {
        padding: 0;
}
.detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont {
          padding: 1rem;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.detail-view[data-v-70225ac4] .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;
}
.detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title > img {
              width: 1rem;
              height: 1rem;
              -o-object-fit: cover;
                 object-fit: cover;
              margin-right: 8px;
              margin-top: 3px;
}
.detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title .section-cont-title-text {
              -webkit-box-flex: 1;
              -webkit-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease;
              font-family: D-DIN;
              font-size: 1.125rem;
              line-height: 1.375rem;
              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-70225ac4] .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-70225ac4] .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: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            margin-top: 8px;
}
.detail-view[data-v-70225ac4] .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;
              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-70225ac4] .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-70225ac4] .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-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .active,
        .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover {
          background-color: #f9fbff;
}
.detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .active .section-cont-title .section-cont-title-text,
          .detail-view[data-v-70225ac4] .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-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .active .section-cont-detail .section-cont-text,
          .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover .section-cont-detail .section-cont-text {
            color: #0a418c;
}
@media screen and (max-width: 46.875rem) {
.detail-view[data-v-70225ac4] .el-collapse .el-collapse-item__wrap {
    padding: 0 6px !important;
}
.section-name[data-v-70225ac4] {
    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-70225ac4] {
      width: 100%;
      margin: 0 !important;
}
.title-cont[data-v-70225ac4] {
    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-70225ac4]:before {
      margin-right: 0.75rem !important;
}
.title-cont > span[data-v-70225ac4] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
[data-v-70225ac4] .el-collapse-item__header {
    padding: 6px !important;
}
}

.course-view[data-v-692a9d54] {
  margin-top: 1.5rem;
}
.course-view .course-list-video[data-v-692a9d54] {
    padding: 1rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    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-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.course-view .course-list-video .course-list-video-left[data-v-692a9d54] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
.course-view .course-list-video .course-list-video-left .course-video-name[data-v-692a9d54] {
        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;
}
.course-view .course-list-video .course-list-video-left .course-video-name > img[data-v-692a9d54] {
          width: 1rem;
          margin-right: 8px;
          margin-top: 3px;
}
.course-view .course-list-video .course-list-video-left .course-video-name > span[data-v-692a9d54] {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          font-size: 1.125rem;
          line-height: 1.375rem;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.course-view .course-list-video .course-list-video-left .course-video-duration[data-v-692a9d54] {
        font-size: 1rem;
        line-height: 1.125rem;
        padding-left: 1.5rem;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-top: 6px;
}
.course-view .course-list-video .course-list-video-right[data-v-692a9d54] {
      font-size: 1.125rem;
      line-height: 1.375rem;
      margin-left: 1.5rem;
      background-color: #0067ff;
      color: #fff;
      padding: 4px 0.75rem;
      cursor: pointer;
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
}
.course-view .course-list-video[data-v-692a9d54]:hover {
      background: #f9fbff;
}
.course-view .course-list-video:hover .course-list-video-left .course-video-name > span[data-v-692a9d54] {
        color: #0067ff;
}
.course-view .course-list-video:hover .course-list-video-left .course-video-duration[data-v-692a9d54] {
        color: #0a418c;
}
.course-view .course-list-video:hover .course-list-video-right[data-v-692a9d54] {
        opacity: 1;
}
@media screen and (max-width: 46.875rem) {
.course-view[data-v-692a9d54] {
    margin-top: 0;
}
.course-view .course-list-video[data-v-692a9d54] {
      border: 1px solid #8cbeff;
      margin-bottom: 8px;
      -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;
}
.course-view .course-list-video .course-list-video-right[data-v-692a9d54] {
        -webkit-align-self: flex-end;
            -ms-flex-item-align: end;
                align-self: flex-end;
        margin-left: 0;
        margin-top: 4px;
        padding: 6px 0.875rem;
        opacity: 1;
}
}

.super-video .super-video-btn[data-v-182f5196] {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  background: #f9fbff;
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.super-video .super-video-btn .btn-text[data-v-182f5196] {
    margin-bottom: 0.75rem;
    color: #006cff;
}
.super-video .super-video-btn .exLink-btn[data-v-182f5196] {
    background: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #006cff;
    color: #006cff;
    width: 15rem;
    text-align: center;
    padding: 0.75rem;
    cursor: pointer;
    line-height: 1;
    text-decoration: underline;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.super-video .super-video-btn .exLink-btn[data-v-182f5196]:hover {
      background: #006cff;
      color: #ffffff;
}
.super-video .super-video-detail[data-v-182f5196] {
  padding-top: 1.5rem;
  border-top: 1px solid #8cbeff;
}

.section-header[data-v-018bb0e6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0;
  border-bottom: 1px solid #0067ff;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.section-header .content-name[data-v-018bb0e6] {
    font-family: D-DIN-Bold;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #505050;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.section-header .content-btn[data-v-018bb0e6] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.section-header .content-btn > div[data-v-018bb0e6] {
      padding: 4px 10px;
      background-color: #f9fbff;
      cursor: pointer;
      color: #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;
}
.section-header .content-btn > div > img[data-v-018bb0e6] {
        width: 1rem;
}
.section-header .content-btn .content-btn-left > img[data-v-018bb0e6] {
      margin-right: 8px;
}
.section-header .content-btn .content-btn-right[data-v-018bb0e6] {
      margin-left: 1.5rem;
}
.section-header .content-btn .content-btn-right > img[data-v-018bb0e6] {
        margin-left: 8px;
}
.section-lecturer[data-v-018bb0e6] {
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.section-lecturer .lecturer-list[data-v-018bb0e6] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.section-lecturer .lecturer-list .lecturer-list-item[data-v-018bb0e6] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-top: 1rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      cursor: pointer;
}
.section-lecturer .lecturer-list .lecturer-list-item .lecturer-cover[data-v-018bb0e6] {
        width: 3.75rem;
        height: 3.75rem;
        position: relative;
        margin-right: 1rem;
}
.section-lecturer .lecturer-list .lecturer-list-item .lecturer-cover .lecturer-cover-img[data-v-018bb0e6] {
          display: block;
          width: 100%;
          height: 100%;
          border: 1px solid #006cff;
          border-radius: 50%;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
}
.section-lecturer .lecturer-list .lecturer-list-item .lecturer-list-item-detail[data-v-018bb0e6] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.section-lecturer .lecturer-list .lecturer-list-item .lecturer-list-item-detail > div[data-v-018bb0e6] {
          min-height: 1.5rem;
}
.section-lecturer .lecturer-list .lecturer-list-item .lecturer-list-item-detail .lecturer-name[data-v-018bb0e6] {
          font-family: D-DIN-Bold;
}
.section-lecturer .lecturer-list .lecturer-list-item .lecturer-list-item-detail .lecturer-position[data-v-018bb0e6] {
          font-size: 1rem;
          line-height: 1.375rem;
}
.section-lecturer .lecturer-list .lecturer-list-item[data-v-018bb0e6]:nth-child(2n) {
      margin-left: 8px;
}
.section-lecturer .lecturer-list .lecturer-name[data-v-018bb0e6],
    .section-lecturer .lecturer-list .lecturer-position[data-v-018bb0e6] {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
}
.section-lecturer .lecturer-list .lecturer-list-item:hover .lecturer-name[data-v-018bb0e6] {
      color: #006cff;
}
.section-lecturer .lecturer-list .lecturer-list-item:hover .lecturer-position[data-v-018bb0e6] {
      color: #0a418c;
}
@media screen and (max-width: 46.875rem) {
.section-lecturer[data-v-018bb0e6] {
    padding-top: 0;
}
.section-lecturer .lecturer-list[data-v-018bb0e6] {
      display: block;
}
.section-lecturer .lecturer-list .lecturer-list-item[data-v-018bb0e6] {
        width: 100%;
        margin: 0 !important;
        margin-bottom: 1rem !important;
}
}

[data-v-146269b8] .quiz-dialog {
  background-color: #fff;
  border-radius: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
[data-v-146269b8] .quiz-dialog .el-dialog__header {
    display: none;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body {
    padding: 2.5rem;
    position: relative;
    border: 1px solid #006cff;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #3c3c3c;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content {
      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-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content .quiz-dialog-content-img {
        display: block;
        height: 7.5rem;
        margin-bottom: 1.5rem;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content .quiz-dialog-content-title {
        text-align: center;
        margin-bottom: 1rem;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content .quiz-dialog-content-text .quiz-pass-title {
        margin-bottom: 8px;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content .quiz-dialog-content-text .quiz-pass-list {
        padding-left: 1.25rem;
        margin: 0;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content .quiz-dialog-content-text .quiz-fail-box {
        margin-top: 8px;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content .quiz-dialog-content-text .course-timeout-complete {
        margin: 1.25rem 0;
        background-color: #f9fbff;
        padding: 1.25rem;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content .quiz-dialog-content-text .course-timeout-complete > div {
          width: 80%;
          text-align: center;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-bottom {
      margin: 5rem auto 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;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-bottom > div {
        width: 18.75rem;
        height: 2.5rem;
        line-height: 2.5rem;
        color: #006cff;
        cursor: pointer;
        padding: 0 8px;
        border: 1px solid #006cff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: center;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-bottom > div:nth-child(1) {
          margin-right: 0.75rem;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .user-info-incomplete {
      margin-bottom: 2rem;
      font-family: D-DIN;
      font-size: 1.25rem;
      line-height: 1.5rem;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .user-info-incomplete .user-info-incomplete-btn {
        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: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        color: #006cff;
        cursor: pointer;
        margin-top: 1rem;
}
[data-v-146269b8] .quiz-dialog .el-dialog__body .user-info-incomplete .user-info-incomplete-btn > img {
          width: 1rem;
          margin-left: 10px;
}
[data-v-146269b8] .quiz-dialog .close-btn {
    width: 3.75rem;
    height: 3.75rem;
    position: absolute;
    right: -1.875rem;
    top: -1.875rem;
    background-color: #fff;
    cursor: pointer;
}
[data-v-146269b8] .quiz-dialog .close-btn > img {
      width: 100%;
}
[data-v-146269b8] .quiz-dialog .mobile-close {
    width: 2.5rem;
    right: -1.25rem;
    top: -1.25rem;
}

.quiz-timeout-alert {
  border-radius: 0;
  border-color: #006cff;
  font-family: D-DIN;
  font-size: 1.25rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.quiz-timeout-alert .el-message-box__content {
    font-size: 1.125rem;
    color: #3c3c3c;
}
.quiz-timeout-alert .el-message-box__btns .el-button {
    background: #006cff;
    border-color: #006cff;
    font-size: 1.125rem;
    border-radius: 0;
}

.quiz-view .quiz-view-title[data-v-471b0307] {
  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: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.75rem 0;
  position: -webkit-sticky;
  position: sticky;
  top: 5rem;
  background-color: #fff;
  z-index: 9;
}
.quiz-view .quiz-view-title > div[data-v-471b0307]:nth-child(1) {
    margin-right: 2.5rem;
}
.quiz-view .quiz-view-title > div:nth-child(1) > span[data-v-471b0307] {
      color: #006cff;
      display: inline-block;
      width: 6.25rem;
}
.quiz-view .quiz-view-cont[data-v-471b0307] {
  background-color: #f9fbff;
  padding: 2.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-title[data-v-471b0307] {
    font-family: D-DIN-Bold;
    font-size: 1.25rem;
    line-height: 2rem;
    color: #3c3c3c;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] {
    padding: 2.5rem 0;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option .correct-answer[data-v-471b0307] {
      margin: 2rem 0;
      font-size: 1.25rem;
      line-height: 1.75rem;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option .correct-answer > span[data-v-471b0307]:nth-child(1) {
        font-family: D-DIN-Bold;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option .correct-answer > span[data-v-471b0307]:nth-child(2) {
        color: #ff5959;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option .correct-answer .correct-answer-right[data-v-471b0307] {
        color: #006cff !important;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio,
    .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox,
    .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio,
    .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 0.875rem;
      margin-right: 0;
      color: #3c3c3c;
      font-weight: 400;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio:nth-last-child(1),
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox:nth-last-child(1),
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio:nth-last-child(1),
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox:nth-last-child(1) {
        margin-bottom: 0;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-radio__label,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-checkbox__label,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-radio__label,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-checkbox__label,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-radio__label,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-checkbox__label,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-radio__label,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-checkbox__label {
        font-size: 1.25rem;
        line-height: 1.5rem;
        white-space: break-spaces;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-radio__input .el-radio__inner,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-radio__input .el-radio__inner,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-radio__input .el-radio__inner,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-radio__input .el-radio__inner {
        margin-top: 4px;
        width: 1rem;
        height: 1rem;
        border-color: #006cff;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-radio__input .el-radio__inner::after,
        .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-radio__input .el-radio__inner::after,
        .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-radio__input .el-radio__inner::after,
        .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-radio__input .el-radio__inner::after {
          width: 8px;
          height: 8px;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-radio__input.is-checked .el-radio__inner,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-radio__input.is-checked .el-radio__inner,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-radio__input.is-checked .el-radio__inner {
        background-color: #fff;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner::after,
        .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-radio__input.is-checked .el-radio__inner::after,
        .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-radio__input.is-checked .el-radio__inner::after,
        .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-radio__input.is-checked .el-radio__inner::after {
          background-color: #006cff;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-checkbox__input .el-checkbox__inner,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-checkbox__input .el-checkbox__inner,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-checkbox__input .el-checkbox__inner,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-checkbox__input .el-checkbox__inner {
        margin-top: 4px;
        width: 1rem;
        height: 1rem;
        border-color: #006cff;
}
.quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-checkbox__input.is-checked .el-checkbox__inner,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-checkbox__input.is-checked .el-checkbox__inner,
      .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
        background-color: #006cff;
}
.quiz-view .quiz-view-cont .quiz-view-bottom[data-v-471b0307] {
    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;
}
.quiz-view .quiz-view-cont .quiz-view-bottom .quiz-view-bottom-btn[data-v-471b0307] {
      width: 19.5rem;
      border: 1px solid #006cff;
      color: #006cff;
      background-color: #fff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      font-family: D-DIN;
      font-size: 1.25rem;
      padding: 10px;
      text-align: center;
      cursor: pointer;
}
.quiz-view .quiz-view-cont .quiz-view-bottom .submit-btn-disabled[data-v-471b0307] {
      cursor: not-allowed;
      opacity: 0.7;
}
@media screen and (max-width: 46.875rem) {
.quiz-view .quiz-view-title[data-v-471b0307] {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
}

.exam-container[data-v-b50a2c36] {
  padding: 1.5rem;
  color: #3c3c3c;
  background-color: #f9fbff;
}
.exam-container .exam-name[data-v-b50a2c36] {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    line-height: 2.5rem;
    font-family: D-DIN-Bold;
}
.exam-container .exam-subName[data-v-b50a2c36] {
    margin-bottom: 1.5rem;
}
.quiz-view-bottom[data-v-b50a2c36] {
  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;
}
.quiz-view-bottom .quiz-view-bottom-btn[data-v-b50a2c36] {
    width: 19.5rem;
    border: 1px solid #006cff;
    color: #006cff;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: D-DIN;
    font-size: 1.25rem;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

.course-wrap[data-v-7203bbd7] {
  font-family: D-DIN;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #3c3c3c;
  margin: 1.5rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #006cff;
  border-bottom: 1px solid #006cff;
}
.course-wrap .course-content[data-v-7203bbd7] {
    padding: 1.5rem 0;
}
.course-wrap .course-content .course-content-wrap[data-v-7203bbd7] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 1.5rem;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
}
.course-wrap .course-content .course-content-wrap .course-content-wrap-right[data-v-7203bbd7] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.course-wrap .course-content .course-content-wrap .course-content-wrap-right .slack-view[data-v-7203bbd7] {
          margin-bottom: 1.5rem;
}
@media screen and (max-width: 46.875rem) {
.course-wrap .course-content[data-v-7203bbd7] {
    padding: 1.5rem 0;
}
.course-wrap .course-content .course-content-wrap[data-v-7203bbd7] {
      padding: 0 1.5rem;
}
}