.first-page[data-v-0f0e7c2c] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}
.first-page .one[data-v-0f0e7c2c] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.first-page .one .circle[data-v-0f0e7c2c] {
      position: absolute;
      top: calc(50% - 15rem);
      left: calc(50% - 10rem);
      width: 20rem;
      height: 20rem;
      border-radius: 50%;
      background-color: #006cff;
      opacity: 1;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
      -webkit-animation: zoomIn-0f0e7c2c 0.3s ease-out forwards,scaleIn-0f0e7c2c 0.5s 1.5s ease-in-out forwards;
              animation: zoomIn-0f0e7c2c 0.3s ease-out forwards,scaleIn-0f0e7c2c 0.5s 1.5s ease-in-out forwards;
}
.first-page .one .opacityA[data-v-0f0e7c2c] {
      opacity: 0;
}
.first-page .one .scroll-bg[data-v-0f0e7c2c] {
      position: absolute;
      left: 20vw;
      width: 60vw;
      height: 100vh;
      background-image: url(../img/sp_bg.98ef7cac.png);
      background-repeat: repeat-y;
      background-size: 100% auto;
      -webkit-animation: scrollBg-0f0e7c2c 40s linear infinite,opacityIn-0f0e7c2c 0.2s ease-in forwards;
              animation: scrollBg-0f0e7c2c 40s linear infinite,opacityIn-0f0e7c2c 0.2s ease-in forwards;
}
.first-page .one .logo-gif[data-v-0f0e7c2c] {
      position: absolute;
      top: calc(50% - 7.5rem);
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 12.5rem;
      z-index: 2;
}
.first-page .one .eric-logo-gif[data-v-0f0e7c2c] {
      -webkit-animation: moveTop-0f0e7c2c .3s 2.2s ease-in forwards;
              animation: moveTop-0f0e7c2c .3s 2.2s ease-in forwards;
}
.first-page .one .one-bottom-txt[data-v-0f0e7c2c] {
      position: absolute;
      bottom: 8.125rem;
      left: 4rem;
      right: 4rem;
}
.first-page .one .one-bottom-txt .title_content[data-v-0f0e7c2c] {
        -webkit-animation-delay: 0.2s;
                animation-delay: 0.2s;
        font-style: italic;
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: #fff;
        padding-right: 0.75rem;
}
.first-page .one .one-bottom-txt .title_content .title_content-title[data-v-0f0e7c2c] {
          font-size: 1.125rem;
          font-family: D-DIN-Bold;
          line-height: 1.5rem;
          font-style: normal;
          margin-bottom: 8px;
}
.first-page .one .one-bottom-txt .title_content .title_content-cont[data-v-0f0e7c2c] {
          margin-bottom: 1.875rem;
}
.first-page .one .one-bottom-txt .go[data-v-0f0e7c2c] {
        color: #ffffff;
        -webkit-animation-delay: 0.6s;
                animation-delay: 0.6s;
        font-size: 1.125rem;
        font-weight: normal;
        line-height: 1.5rem;
        margin-top: 8px;
}
@-webkit-keyframes moveTop-0f0e7c2c {
from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
to {
    -webkit-transform: translate(-50%, -10rem);
            transform: translate(-50%, -10rem);
    width: 10rem;
}
}
@keyframes moveTop-0f0e7c2c {
from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
to {
    -webkit-transform: translate(-50%, -10rem);
            transform: translate(-50%, -10rem);
    width: 10rem;
}
}
@-webkit-keyframes zoomIn-0f0e7c2c {
from {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
}
50% {
    opacity: 1;
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes zoomIn-0f0e7c2c {
from {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
}
50% {
    opacity: 1;
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@-webkit-keyframes scaleIn-0f0e7c2c {
from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
to {
    opacity: 1;
    -webkit-transform: scale(10);
            transform: scale(10);
}
}
@keyframes scaleIn-0f0e7c2c {
from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
to {
    opacity: 1;
    -webkit-transform: scale(10);
            transform: scale(10);
}
}
@-webkit-keyframes opacityIn-0f0e7c2c {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes opacityIn-0f0e7c2c {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@-webkit-keyframes scrollBg-0f0e7c2c {
from {
    background-position: 0 0;
}
to {
    background-position: 0 -300vh;
}
}
@keyframes scrollBg-0f0e7c2c {
from {
    background-position: 0 0;
}
to {
    background-position: 0 -300vh;
}
}
.my_fadeIn[data-v-0f0e7c2c] {
  -webkit-animation: fadeIn-0f0e7c2c 0.3s ease-in both;
          animation: fadeIn-0f0e7c2c 0.3s ease-in both;
}
@-webkit-keyframes fadeIn-0f0e7c2c {
from {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes fadeIn-0f0e7c2c {
from {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
}

.page2-view[data-v-0f1c93ad] {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #006cff;
  background-image: url(../img/page2_bg.9a378232.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-animation: bgColor-0f1c93ad 0.3s 0.2s linear forwards;
          animation: bgColor-0f1c93ad 0.3s 0.2s linear forwards;
  overflow: hidden;
}
.page2-view .lecturer-detail[data-v-0f1c93ad] {
    z-index: 2;
    position: absolute;
    left: 1.5rem;
    right: 1.5rem;
    top: 40%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.page2-view .lecturer-detail .lecturer-photo[data-v-0f1c93ad] {
      position: relative;
      padding: 0.875rem 1.625rem;
      background-image: url(../img/lecturer_bg.7c99e76f.png);
      background-position: top;
      background-size: 110%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center;
}
.page2-view .lecturer-detail .lecturer-photo > img[data-v-0f1c93ad] {
        height: 18.4375rem;
}
.page2-view .lecturer-detail .lecturer-photo[data-v-0f1c93ad]::after {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        bottom: 0;
        height: 5.5625rem;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 108, 255, 0)), color-stop(0%, rgba(0, 108, 255, 0)), color-stop(83%, #006cff), color-stop(100%, #006cff), to(#006cff));
        background: -webkit-linear-gradient(top, rgba(0, 108, 255, 0) 0%, rgba(0, 108, 255, 0) 0%, #006cff 83%, #006cff 100%, #006cff 100%);
        background: linear-gradient(180deg, rgba(0, 108, 255, 0) 0%, rgba(0, 108, 255, 0) 0%, #006cff 83%, #006cff 100%, #006cff 100%);
}
.page2-view .lecturer-detail .name-pos .name[data-v-0f1c93ad] {
      position: relative;
      z-index: 1;
      width: 18.4375rem;
      margin: 0 auto;
      height: 1.25rem;
      background: -webkit-linear-gradient(88deg, #006cff 16%, #006cff 16%, rgba(10, 60, 130, 0.26) 85%, rgba(10, 60, 130, 0.26) 85%, rgba(10, 60, 130, 0.26) 85%);
      background: linear-gradient(2deg, #006cff 16%, #006cff 16%, rgba(10, 60, 130, 0.26) 85%, rgba(10, 60, 130, 0.26) 85%, rgba(10, 60, 130, 0.26) 85%);
}
.page2-view .lecturer-detail .name-pos .name p[data-v-0f1c93ad] {
        position: absolute;
        left: 0;
        right: 0;
        font-family: D-DIN-Bold;
        margin: 0;
        text-align: center;
        bottom: 3px;
        color: #fff;
        font-size: 1.5rem;
        line-height: 2rem;
        text-shadow: 2px 2px #0a3c82;
}
.page2-view .lecturer-detail .name-pos .pos[data-v-0f1c93ad] {
      position: relative;
      width: 100%;
      padding: 0.75rem 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-top: -10px;
      min-height: 3.75rem;
      font-size: 1rem;
      line-height: 1.125rem;
      color: #000000;
      background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(0%, #ffffff), color-stop(99%, rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35)));
      background: -webkit-linear-gradient(bottom, #ffffff 0%, #ffffff 0%, rgba(255, 255, 255, 0.35) 99%, rgba(255, 255, 255, 0.35) 100%);
      background: linear-gradient(0deg, #ffffff 0%, #ffffff 0%, rgba(255, 255, 255, 0.35) 99%, rgba(255, 255, 255, 0.35) 100%);
}
.page2-view .lecturer-detail .name-pos .pos > div[data-v-0f1c93ad] {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%;
        text-align: center;
}
.page2-view .lecturer-detail .thanks[data-v-0f1c93ad] {
      margin-top: 1.25rem;
      font-size: 1rem;
      line-height: 1.25rem;
      color: #ffffff;
}
.page2-view .honor[data-v-0f1c93ad] {
    margin-top: 1.25rem;
    font-family: D-DIN-Bold;
}
.page2-view .honor .honor-title[data-v-0f1c93ad] {
      font-size: 1.125rem;
      line-height: 1.25rem;
      color: #ffffff;
      margin-bottom: 10px;
}
.page2-view .honor .honor-cont[data-v-0f1c93ad] {
      position: relative;
      width: 21.875rem;
      margin: 0 auto;
}
.page2-view .honor .honor-cont > img[data-v-0f1c93ad] {
        width: 100%;
        height: 11.25rem;
}
.page2-view .honor .honor-cont > p[data-v-0f1c93ad] {
        position: absolute;
        width: 100%;
        text-align: center;
}
.page2-view .honor .honor-cont .honor-cont-year[data-v-0f1c93ad] {
        font-size: 2.125rem;
        font-family: D-DIN-Bold;
        color: #006cff;
        -webkit-text-stroke: #ffffff 1px;
        top: 2.25rem;
}
.page2-view .honor .honor-cont .honor-cont-txt[data-v-0f1c93ad] {
        top: 5.125rem;
        height: 2.375rem;
        line-height: 2.375rem;
        font-size: 1.5rem;
        color: #ffffff;
}
.page2-view .bottom-img[data-v-0f1c93ad] {
    position: absolute;
    bottom: -3.125rem;
    left: -50%;
    width: 200%;
}
.xu-pagination[data-v-0f1c93ad] {
  position: relative;
}
.xu-pagination[data-v-0f1c93ad] .swiper-pagination {
    top: 1.5rem;
    width: 100%;
}
.xu-pagination[data-v-0f1c93ad] .my-bullet {
    width: 1rem;
    border-radius: 8px;
    height: 8px;
    margin: 4px;
    display: inline-block;
    border: 1px solid #025FDD;
    background: rgba(255, 255, 255, 0.8);
}
.xu-pagination[data-v-0f1c93ad] .my-bullet-active {
    background: #025FDD;
}
.header_fadeIn[data-v-0f1c93ad] {
  -webkit-animation: trans_fadeIn-0f1c93ad 0.2s 0.3s linear both;
          animation: trans_fadeIn-0f1c93ad 0.2s 0.3s linear both;
}
.thanks_fadeIn[data-v-0f1c93ad] {
  -webkit-animation: scale_fadeIn-0f1c93ad 0.2s 0.6s ease-in-out both;
          animation: scale_fadeIn-0f1c93ad 0.2s 0.6s ease-in-out both;
}
.img_fadeIn[data-v-0f1c93ad] {
  -webkit-animation: bg_img_fadeIn-0f1c93ad 0.4s 0.4s ease-in both;
          animation: bg_img_fadeIn-0f1c93ad 0.4s 0.4s ease-in both;
}
.honor_fadeIn[data-v-0f1c93ad] {
  -webkit-animation: honor_fadeIn-0f1c93ad 0.2s 1.1s ease-in-out both;
          animation: honor_fadeIn-0f1c93ad 0.2s 1.1s ease-in-out both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@-webkit-keyframes honor_fadeIn-0f1c93ad {
from {
    visibility: hidden;
}
to {
    visibility: visible;
}
}
@keyframes honor_fadeIn-0f1c93ad {
from {
    visibility: hidden;
}
to {
    visibility: visible;
}
}
@-webkit-keyframes trans_fadeIn-0f1c93ad {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 7.5rem, 0);
            transform: translate3d(0, 7.5rem, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
@keyframes trans_fadeIn-0f1c93ad {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 7.5rem, 0);
            transform: translate3d(0, 7.5rem, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes scale_fadeIn-0f1c93ad {
from {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scale_fadeIn-0f1c93ad {
from {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@-webkit-keyframes bg_img_fadeIn-0f1c93ad {
from {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
}
to {
    opacity: 0.6;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes bg_img_fadeIn-0f1c93ad {
from {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
}
to {
    opacity: 0.6;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@-webkit-keyframes bgColor-0f1c93ad {
from {
    background-color: #006cff;
}
to {
    background-color: #fff;
}
}
@keyframes bgColor-0f1c93ad {
from {
    background-color: #006cff;
}
to {
    background-color: #fff;
}
}

.pad_lr_16[data-v-5404f780] {
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page3-item[data-v-5404f780] {
  font-size: 1.125rem;
  line-height: 1.25rem;
}
.page3-item .item-header .item-header-title[data-v-5404f780] {
    color: #0a3c82;
}
.page3-item .item-header .text-cont[data-v-5404f780] {
    margin: 8px 0;
    font-family: D-DIN-Bold;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #006cff;
    text-shadow: 1px 1px #ffffff;
}
.page3-item .item-header .program-name[data-v-5404f780] {
    font-family: D-DIN-Bold;
    line-height: 1.5rem;
    color: #0a3c82;
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0%, #ffffff), color-stop(51%, rgba(255, 255, 255, 0.32)), color-stop(100%, rgba(0, 108, 255, 0.19)), to(rgba(0, 108, 255, 0.19)));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 0%, rgba(255, 255, 255, 0.32) 51%, rgba(0, 108, 255, 0.19) 100%, rgba(0, 108, 255, 0.19) 100%);
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 0%, rgba(255, 255, 255, 0.32) 51%, rgba(0, 108, 255, 0.19) 100%, rgba(0, 108, 255, 0.19) 100%);
}
.page3-item .class-detail[data-v-5404f780] {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #0a3c82;
    border-radius: 2px;
    background: -webkit-linear-gradient(93deg, #ffffff 2%, #ffffff 2%, rgba(255, 255, 255, 0.87) 97%, rgba(255, 255, 255, 0.87) 97%);
    background: linear-gradient(357deg, #ffffff 2%, #ffffff 2%, rgba(255, 255, 255, 0.87) 97%, rgba(255, 255, 255, 0.87) 97%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.page3-item .class-detail[data-v-5404f780]::after {
      content: '';
      display: block;
      clear: both;
}
.page3-item .class-detail .by-what[data-v-5404f780] {
      margin-top: 1.5625rem;
}
.page3-item .class-detail .w_100[data-v-5404f780] {
      width: 100%;
}
.page3-item .class-detail .class-detail-cont[data-v-5404f780] {
      border-bottom: 1px solid #0a3c82;
      display: inline-block;
      font-family: D-DIN-Bold;
}
.page3-item .class-detail .class-detail-cont .class-detail-cont-num1[data-v-5404f780] {
        font-family: D-DIN-Bold;
        font-size: 2.25rem;
        line-height: 2.875rem;
        color: #006cff;
        text-shadow: 1px 1px #0a3c82;
        padding: 0 8px;
}
.page3-item .class-detail .from-country[data-v-5404f780] {
      margin-top: 1.875rem;
      display: inline-block;
      border-bottom: 1px solid #006cff;
}
.page3-item .class-detail .which-female[data-v-5404f780] {
      margin-top: 1.5625rem;
      display: inline-block;
      padding-right: 4em;
      border-bottom: 1px solid #006cff;
}
.page3-item .class-detail .class-detail-cont-num2[data-v-5404f780] {
      font-family: D-DIN-Bold;
      font-size: 1.75rem;
      line-height: 2rem;
      color: #0a3c82;
      padding: 0 8px;
}

.page3Default-view[data-v-7b0f05d0] .swiper-wrapper {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}
.xu-pagination[data-v-7b0f05d0] {
  position: relative;
}
.xu-pagination[data-v-7b0f05d0] .swiper-pagination {
    top: 1.5rem;
    width: 100%;
}
.xu-pagination[data-v-7b0f05d0] .my-bullet {
    width: 1.5rem;
    border-radius: 8px;
    height: 6px;
    margin: 4px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.6);
}
.xu-pagination[data-v-7b0f05d0] .my-bullet-active {
    background: #fff;
}

p[data-v-861aa9f2] {
  margin: 0;
}
.block_view[data-v-861aa9f2] {
  display: block;
  width: 100% !important;
}
.font24[data-v-861aa9f2] {
  font-size: 1.5rem;
}
.pad_lr_16[data-v-861aa9f2] {
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.font_Bold[data-v-861aa9f2] {
  font-family: D-DIN-Bold;
}
.black_color[data-v-861aa9f2] {
  color: #000;
}
.theme-color[data-v-861aa9f2] {
  color: #0a3c82;
}
.float-view[data-v-861aa9f2]::after {
  content: '';
  display: block;
  clear: both;
}
.float-view .float_right[data-v-861aa9f2] {
  float: right;
  text-align: right;
}
.float-view .float_left[data-v-861aa9f2] {
  float: left;
  width: 100%;
}
.big_font[data-v-861aa9f2] {
  font-size: 2.25rem;
  line-height: 2.875rem;
  color: #006cff;
  padding-left: 4px;
  padding-right: 4px;
}
.page3-item[data-v-861aa9f2] {
  font-size: 1rem;
  line-height: 1.25rem;
  min-height: 28.125rem;
}
.page3-item .item-header[data-v-861aa9f2] {
    width: 95%;
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin-bottom: 10px;
    color: #0a3c82;
    text-shadow: 1px 1px #ffffff;
}
.page3-item .class-detail[data-v-861aa9f2] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #0a3c82;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0.91)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 2%, rgba(255, 255, 255, 0.91) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 2%, rgba(255, 255, 255, 0.91) 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
}
.page3-item .class-detail .lesson-view[data-v-861aa9f2] {
      border-bottom: 1px solid #006cff;
}
.page3-item .class-detail .lesson-view .lesson-item[data-v-861aa9f2] {
        padding-left: 1rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1rem;
}
.page3-item .class-detail .lesson-view .lesson-item[data-v-861aa9f2]::after {
          position: absolute;
          content: '';
          display: block;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: #0a3c82;
}
.page3-item .class-detail .lesson-view .lesson-item .lesson-item-cont[data-v-861aa9f2] {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
}
.page3-item .class-detail .lesson-view .lesson-item .lesson-item-num[data-v-861aa9f2] {
          width: 6.25rem;
          font-weight: normal;
          border-bottom: 1px solid #006cff;
          text-align: right;
}
.page3-item .class-detail .lesson-view .lesson-item .lesson-item-num > span[data-v-861aa9f2] {
            font-size: 1.5rem;
            font-family: D-DIN-Bold;
            line-height: 1.25rem;
            color: #006cff;
            padding-left: 6px;
            padding-right: 6px;
}
.page3-item .class-detail .learners-detail[data-v-861aa9f2] {
      margin-top: 8px;
      border-bottom: 1px solid #006cff;
      padding-bottom: 0.75rem;
}
.page3-item .class-detail .learners-detail > div[data-v-861aa9f2] {
        width: 80%;
}
.page3-item .class-detail .learners-detail .eric_total_learner[data-v-861aa9f2] {
        display: inline-block;
        width: auto;
        border-bottom: 1px solid #006cff;
        padding-bottom: 6px;
        padding-right: 1rem;
        margin-bottom: 10px;
}
.page3-item .class-detail .learners-rate .first-txt[data-v-861aa9f2] {
      width: 80%;
      margin-top: 0.75rem;
      margin-bottom: 10px;
}
.page3-item .class-detail .learners-rate .first-txt .txt-left[data-v-861aa9f2] {
        text-align: left;
        display: block;
        margin-bottom: -0.9375rem;
}
.page3-item .class-detail .learners-rate .first-txt .txt-rating[data-v-861aa9f2] {
        padding-left: 1em;
}
.page3-item .class-detail .learners-rate .type6-first-txt[data-v-861aa9f2] {
      width: 100%;
}
.page3-item .class-detail .learners-rate .type6-first-txt > span[data-v-861aa9f2] {
        display: block;
        width: 100%;
        text-align: left;
}
.page3-item .class-detail .learners-rate .type6-first-txt > span[data-v-861aa9f2]:nth-last-of-type(1) {
        margin-top: 1rem;
}
.page3-item .class-detail .learners-rate .last-items[data-v-861aa9f2] {
      margin-bottom: 0.75rem;
}

p[data-v-ed73ddba] {
  margin: 0;
}
.block_view[data-v-ed73ddba] {
  display: block;
  width: 100% !important;
}
.font24[data-v-ed73ddba] {
  font-size: 1.5rem;
}
.pad_lr_16[data-v-ed73ddba] {
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.font_Bold[data-v-ed73ddba] {
  font-family: D-DIN-Bold;
}
.black_color[data-v-ed73ddba] {
  color: #000;
}
.big_font[data-v-ed73ddba] {
  font-size: 2.25rem;
  line-height: 1.1;
  color: #006cff;
  padding-left: 4px;
  padding-right: 4px;
}
.big_font_noPad[data-v-ed73ddba] {
  font-size: 2.25rem;
  line-height: 1.1;
  color: #006cff;
}
.white-color[data-v-ed73ddba] {
  color: #fff;
}
.theme-color[data-v-ed73ddba] {
  color: #0a3c82;
}
.page3-item[data-v-ed73ddba] {
  font-size: 1rem;
  line-height: 1.25rem;
  min-height: 28.125rem;
}
.page3-item .item-header[data-v-ed73ddba] {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 10px;
    color: #0a3c82;
    text-shadow: 1px 1px #ffffff;
}
.page3-item .class-detail[data-v-ed73ddba] {
    padding-top: 0.75rem;
    padding-bottom: 10px;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #0a3c82;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0.91)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 2%, rgba(255, 255, 255, 0.91) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 2%, rgba(255, 255, 255, 0.91) 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
}
.page3-item .class-detail .eric_total_learner[data-v-ed73ddba] {
      border-bottom: 1px solid #006cff;
      padding-bottom: 6px;
      margin-bottom: 10px;
}
.page3-item .class-detail .eric-cert-model[data-v-ed73ddba] {
      margin-top: 8px;
}
.page3-item .class-detail .eric-cert-model > div[data-v-ed73ddba] {
        margin-bottom: 10px;
}
.page3-item .class-detail .eric-cert-model > div[data-v-ed73ddba]:nth-last-child(1) {
          margin-bottom: 0;
}
.page3-item .second-view[data-v-ed73ddba] {
    margin-top: 1.25rem;
}
.page3-item .second-view .line[data-v-ed73ddba] {
      margin: 8px 0;
      height: 1px;
      background-color: #fff;
}

p[data-v-0f2aab2e] {
  margin: 0;
}
.page3-view[data-v-0f2aab2e] {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #006cff;
  background-image: url(../img/page3_bg.d53edeb1.png);
  background-size: 100% 100%;
  background-position: 0 10rem;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-animation: bgColor-0f2aab2e 0.3s .2s linear forwards;
          animation: bgColor-0f2aab2e 0.3s .2s linear forwards;
}
.page3-view .header-img[data-v-0f2aab2e] {
    position: absolute;
    left: -50%;
    width: 240%;
}
.page3-view .container[data-v-0f2aab2e] {
    position: absolute;
    z-index: 1;
    left: 1.5rem;
    right: 1.5rem;
    top: 46%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.img_fadeIn[data-v-0f2aab2e] {
  -webkit-animation: fadeIn-0f2aab2e 0.4s 0.5s ease-in both;
          animation: fadeIn-0f2aab2e 0.4s 0.5s ease-in both;
}
.cont_fadeIn[data-v-0f2aab2e] {
  -webkit-animation: opacityIn-0f2aab2e 0.3s 0.3s ease-in both;
          animation: opacityIn-0f2aab2e 0.3s 0.3s ease-in both;
}
@-webkit-keyframes fadeIn-0f2aab2e {
from {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
}
to {
    opacity: 0.4;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes fadeIn-0f2aab2e {
from {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
}
to {
    opacity: 0.4;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@-webkit-keyframes opacityIn-0f2aab2e {
from {
    opacity: 0;
    -webkit-transform: translateY(3.125rem);
            transform: translateY(3.125rem);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes opacityIn-0f2aab2e {
from {
    opacity: 0;
    -webkit-transform: translateY(3.125rem);
            transform: translateY(3.125rem);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@-webkit-keyframes bgColor-0f2aab2e {
from {
    background-color: #006cff;
}
to {
    background-color: #fff;
}
}
@keyframes bgColor-0f2aab2e {
from {
    background-color: #006cff;
}
to {
    background-color: #fff;
}
}

p[data-v-4bb6d1e5] {
  margin: 0;
}
.txt-right[data-v-4bb6d1e5] {
  text-align: right;
}
.font14[data-v-4bb6d1e5] {
  font-size: 0.875rem;
}
.pad_lr_16[data-v-4bb6d1e5] {
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page4-item[data-v-4bb6d1e5] {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #ffffff;
}
.page4-item .first-view[data-v-4bb6d1e5] {
    padding: 8px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-3%, #0a3c82), color-stop(-3%, #0a3c82), color-stop(100%, rgba(10, 60, 130, 0)), to(rgba(10, 60, 130, 0)));
    background: -webkit-linear-gradient(top, #0a3c82 -3%, #0a3c82 -3%, rgba(10, 60, 130, 0) 100%, rgba(10, 60, 130, 0) 100%);
    background: linear-gradient(180deg, #0a3c82 -3%, #0a3c82 -3%, rgba(10, 60, 130, 0) 100%, rgba(10, 60, 130, 0) 100%);
}
.page4-item .first-view .program-name[data-v-4bb6d1e5] {
      font-family: D-DIN-Bold;
      font-size: 1.25rem;
      line-height: 1.5rem;
      color: #ffffff;
      margin: 8px 0;
}
.page4-item .first-view .line[data-v-4bb6d1e5] {
      width: 100%;
      height: 1px;
      margin-bottom: 6px;
      background: -webkit-gradient(linear, left top, right top, color-stop(49%, #ffffff), color-stop(49%, #ffffff), color-stop(65%, #ffffff), color-stop(99%, rgba(255, 255, 255, 0)), color-stop(99%, rgba(255, 255, 255, 0)));
      background: -webkit-linear-gradient(left, #ffffff 49%, #ffffff 49%, #ffffff 65%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 99%);
      background: linear-gradient(90deg, #ffffff 49%, #ffffff 49%, #ffffff 65%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 99%);
}
.page4-item .first-view .cont-txt[data-v-4bb6d1e5] {
      position: relative;
      display: inline-block;
      min-width: 51%;
      padding-bottom: 4px;
}
.page4-item .first-view .cont-txt .big-txt[data-v-4bb6d1e5] {
        font-family: D-DIN-Bold;
        font-size: 2.25rem;
        line-height: 2.875rem;
        text-shadow: 1px 1px #0a3c82;
        padding: 0 4px;
}
.page4-item .first-view .cont-txt .bold-txt[data-v-4bb6d1e5] {
        font-family: D-DIN-Bold;
        color: rgba(255, 255, 255, 0.8);
}
.page4-item .first-view .scored[data-v-4bb6d1e5] {
      min-width: 0;
}
.page4-item .first-view .scored[data-v-4bb6d1e5]::after {
        content: '';
        display: block;
        position: absolute;
        width: 75%;
        bottom: 0;
        height: 1px;
        background-color: #fff;
}
.page4-item .first-view .comment-num[data-v-4bb6d1e5] {
      min-width: 100%;
}
.page4-item .first-view .comment-num[data-v-4bb6d1e5]::after {
        content: '';
        display: block;
        position: absolute;
        left: 1rem;
        right: 1rem;
        bottom: 0;
        height: 1px;
        background-color: #fff;
}
.page4-item .first-view .comm-title[data-v-4bb6d1e5] {
      font-family: D-DIN-Bold;
      margin-top: 0.75rem;
      width: 100%;
}
.page4-item .comm-view[data-v-4bb6d1e5] {
    position: relative;
    overflow: hidden;
    border: 1px solid #ffffff;
    height: 16.25rem;
    background: rgba(0, 0, 0, 0.24);
    padding: 2.375rem 1rem;
}
.page4-item .comm-view .swiper-img[data-v-4bb6d1e5] {
      position: absolute;
      height: 2rem;
      left: 0;
      right: 0;
      text-align: center;
      z-index: 99;
      line-height: 2rem;
}
.page4-item .comm-view .swiper-img img[data-v-4bb6d1e5] {
        width: 1.5rem;
}
.page4-item .comm-view .up-img[data-v-4bb6d1e5] {
      top: 0;
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.44)));
      background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
      background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
}
.page4-item .comm-view .down-img[data-v-4bb6d1e5] {
      bottom: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.44)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
}
.page4-item .comm-view .down-img img[data-v-4bb6d1e5] {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
}
.page4-item .comm-view .btn-disabled img[data-v-4bb6d1e5] {
      opacity: 0.5;
}
.page4-item .comm-view .comm-item[data-v-4bb6d1e5] {
      position: absolute;
      width: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
}
.page4-item .comm-view .comm-item .comm-txt[data-v-4bb6d1e5] {
        font-style: italic;
}
.page4-item .comm-view .comm-item .person-info[data-v-4bb6d1e5] {
        margin-top: 1.875rem;
}
.page4-item .comm-view .comm-item .person-info .comm-name[data-v-4bb6d1e5] {
          font-family: D-DIN-Bold;
}
.page4-item .only-comm[data-v-4bb6d1e5] {
    height: 18.75rem;
}

p[data-v-0f38c2af] {
  margin: 0;
}
.page4-view[data-v-0f38c2af] {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #006cff;
  overflow: hidden;
}
.page4-view .circle[data-v-0f38c2af] {
    position: absolute;
    background: rgba(10, 60, 130, 0.2);
    border-radius: 50%;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
.page4-view .circle[data-v-0f38c2af]::after {
      content: '';
      display: block;
      background: rgba(10, 60, 130, 0.2);
      border-radius: 50%;
      width: 100%;
      height: 100%;
}
.page4-view .top_circle[data-v-0f38c2af] {
    top: -8.75rem;
    right: -8.75rem;
    width: 15rem;
    height: 15rem;
    padding: 3.125rem;
}
.page4-view .bottom_circle[data-v-0f38c2af] {
    bottom: -10rem;
    left: -10rem;
    width: 22.5rem;
    height: 22.5rem;
    padding: 2.25rem;
}
.page4-view .container[data-v-0f38c2af] {
    position: absolute;
    z-index: 1;
    left: 1.5rem;
    right: 1.5rem;
    top: 45%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.xu-pagination[data-v-0f38c2af] {
  position: relative;
}
.xu-pagination[data-v-0f38c2af] .swiper-pagination {
    top: 1.5rem;
    width: 100%;
}
.xu-pagination[data-v-0f38c2af] .my-bullet {
    width: 1.5rem;
    border-radius: 8px;
    height: 6px;
    margin: 4px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.6);
}
.xu-pagination[data-v-0f38c2af] .my-bullet-active {
    background: #fff;
}
@-webkit-keyframes opacityIn-0f38c2af {
from {
    opacity: 0.6;
}
to {
    opacity: 1;
}
}
@keyframes opacityIn-0f38c2af {
from {
    opacity: 0.6;
}
to {
    opacity: 1;
}
}
.transIn_right[data-v-0f38c2af] {
  -webkit-animation: transIn_right-0f38c2af 0.3s 0.3s ease-in both;
          animation: transIn_right-0f38c2af 0.3s 0.3s ease-in both;
}
@-webkit-keyframes transIn_right-0f38c2af {
from {
    opacity: 0;
    -webkit-transform: translate3d(6.25rem, -6.25rem, 0);
            transform: translate3d(6.25rem, -6.25rem, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
@keyframes transIn_right-0f38c2af {
from {
    opacity: 0;
    -webkit-transform: translate3d(6.25rem, -6.25rem, 0);
            transform: translate3d(6.25rem, -6.25rem, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
.transIn_left[data-v-0f38c2af] {
  -webkit-animation: transIn_left-0f38c2af 0.3s 0.3s ease-in both;
          animation: transIn_left-0f38c2af 0.3s 0.3s ease-in both;
}
@-webkit-keyframes transIn_left-0f38c2af {
from {
    opacity: 0;
    -webkit-transform: translate3d(-12.5rem, 12.5rem, 0);
            transform: translate3d(-12.5rem, 12.5rem, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
@keyframes transIn_left-0f38c2af {
from {
    opacity: 0;
    -webkit-transform: translate3d(-12.5rem, 12.5rem, 0);
            transform: translate3d(-12.5rem, 12.5rem, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}

.last-page[data-v-168410c9] {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background-image: url(../img/last_page_bg.a2101ea5.jpg);
  background-size: cover;
}
.last-page .container[data-v-168410c9] {
    position: absolute;
    z-index: 1;
    left: 1.5rem;
    right: 1.5rem;
    top: 45%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #ffffff;
}
.last-page .container .title[data-v-168410c9] {
      font-family: D-DIN-Bold;
      font-size: 1.5rem;
      line-height: 1.875rem;
      text-shadow: 2px 2px #0a3c82;
      -webkit-animation-delay: 0.2s;
              animation-delay: 0.2s;
}
.last-page .container .title > p[data-v-168410c9] {
        text-align: center;
}
.last-page .container .title > p[data-v-168410c9]:nth-of-type(1) {
        margin-bottom: 1rem;
}
.last-page .container .about[data-v-168410c9] {
      margin-top: 1.5rem;
      text-align: center;
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s;
}
.last-page .container .about .about-title[data-v-168410c9] {
        font-family: D-DIN-Bold;
        font-size: 1.5rem;
        line-height: 2.125rem;
        margin-bottom: 8px;
}
.last-page .container .about .about-cont[data-v-168410c9] {
        font-size: 1rem;
        line-height: 1.375rem;
}
.last-page .container .last-logo[data-v-168410c9] {
      margin-top: 2.5rem;
      text-align: center;
      -webkit-animation-delay: 0.8s;
              animation-delay: 0.8s;
}
.last-page .container .last-logo > img[data-v-168410c9] {
        width: 6.25rem;
}
.last-page .container .linkToIndex[data-v-168410c9] {
      display: block;
      font-size: 1rem;
      line-height: 1.375rem;
      padding: 1rem;
      text-align: center;
      -webkit-animation-delay: 1s;
              animation-delay: 1s;
}
.last-page .container .linkToIndex a[data-v-168410c9] {
        text-decoration: underline;
}
.last-page .ericType[data-v-168410c9] {
    top: 50%;
}
.last-page .ericType .title[data-v-168410c9] {
      margin-bottom: 10rem;
}
.opacityIn[data-v-168410c9] {
  -webkit-animation: opacityIn-168410c9 0.3s ease-in both;
          animation: opacityIn-168410c9 0.3s ease-in both;
}
@-webkit-keyframes opacityIn-168410c9 {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3.125rem, 0);
            transform: translate3d(0, 3.125rem, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
@keyframes opacityIn-168410c9 {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3.125rem, 0);
            transform: translate3d(0, 3.125rem, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}

[data-v-2ec5ec7f] .swiper-slide {
  overflow: hidden;
}
.full-view[data-v-2ec5ec7f] {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #006cff;
  max-width: 50rem;
  margin: 0 auto;
}
.decline[data-v-2ec5ec7f] {
  width: 1.875rem;
  position: absolute;
  bottom: 3.125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 9999;
}
@media screen and (max-height: 43.75rem) {
.decline[data-v-2ec5ec7f] {
    width: 1.625rem;
}
}