* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #ffffff;
}
body {
  font-size: 14px;
}
.seo-content {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.container__4iFVI {
  width: 100vw;
  margin: 0 auto;
  padding-top: env(safe-area-inset-top);
  padding-bottom: calc(env(safe-area-inset-bottom));
}

.navigation__1uAX1 {
  width: 100%;
  height: 54px;
  background: #ffffff;
  padding: 12px 20px;
  display: flex;
}
.navigation__1uAX1 .brand__2fj8a {
  width: 32px;
  height: 32px;
  background-image: url("/mobile/brand.png");
  flex-shrink: 0;
  background-size: 32px 32px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;
}
.navigation__1uAX1 ul.items__7PEVL {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.navigation__1uAX1 ul.items__7PEVL > li {
  margin: 0;
  padding: 5px 0;
  list-style: none;
  height: 30px;
}
.navigation__1uAX1 ul.items__7PEVL > li > a {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  color: #222222;
  display: block;
  padding: 0 10px;
}
.navigation__1uAX1 ul.items__7PEVL > li:not(:first-of-type) > a {
  position: relative;
}
.navigation__1uAX1 ul.items__7PEVL > li:not(:first-of-type) > a:before {
  content: '';
  height: 14px;
  width: 1px;
  background-color: #E7E8E8;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.footer__1T36U {
  width: 100%;
  background: #423522;
  padding: 37px 0 10px 0;
}
.footer__1T36U .company-name__2qLES {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  line-height: 27px;
  text-align: center;
}
.footer__1T36U .products__3aIZ1 {
  list-style: none;
  margin: 33px auto 0 auto;
  display: flex;
  justify-content: space-between;
  width: 263px;
  padding: 0;
}
.footer__1T36U .products__3aIZ1 > li {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer__1T36U .products__3aIZ1 > li .logo__1sf-a {
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
}
.footer__1T36U .products__3aIZ1 > li .logo__1sf-a.mint__3GyHH {
  width: 80px;
  height: 53px;
  background-size: 80px 53px;
  background-image: url("/mobile/footer/mint-reading.png");
}
.footer__1T36U .products__3aIZ1 > li .logo__1sf-a.baicizhan__34FmU {
  width: 40px;
  height: 57px;
  background-size: 40px 57px;
  background-image: url("/mobile/footer/baicizhan.png");
}
.footer__1T36U .products__3aIZ1 > li .desc__2lCef {
  font-size: 10px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
  line-height: 15px;
  text-align: center;
  margin: 30px 0 0 0;
  padding: 0 0 13px 0;
}
.footer__1T36U .products__3aIZ1 > li .link__o_Eus {
  display: block;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #979797;
  padding: 8px 16px;
  font-size: 10px;
  font-weight: 400;
  color: #ffffff;
  line-height: 10px;
}
.footer__1T36U .about-us__2BXgY {
  margin: 66px auto 0 auto;
  width: 263px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
}
.footer__1T36U .about-us__2BXgY a {
  text-decoration: none;
  color: #ffffff;
}
.footer__1T36U .divider__28Q8J {
  width: 263px;
  margin: 13px auto;
}
.footer__1T36U .divider__28Q8J hr {
  margin: 0;
  background-color: rgba(255, 255, 255, 0.3);
  height: 1px;
  width: 77px;
}
.footer__1T36U .description__2hZXj {
  width: 263px;
  margin: 13px auto;
}
.footer__1T36U .description__2hZXj p {
  font-size: 10px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  line-height: 14px;
  margin: 0;
}
.footer__1T36U .description__2hZXj p:not(:first-of-type) {
  margin-top: 5px;
}
.footer__1T36U .description__2hZXj p > a {
  color: rgba(255, 255, 255, 0.6);
}
.footer__1T36U .description__2hZXj .icon__2H4U0 {
  width: 10px;
  height: 14px;
  display: inline-block;
  border: none;
  font-size: 0;
  margin-right: 4px;
  background-image: url("/mobile/footer/beian.png");
  background-size: 10px 10px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: bottom;
}

.fixed-qr-trigger__3RQ0A {
  width: 50px;
  height: 50px;
  background-color: #ffbc2f;
  border-radius: 25px;
  position: fixed;
  right: 16px;
  bottom: 94px;
  z-index: 999;
  background-size: 26px 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/mobile/fixed-qr/img_qrcode_activated.png");
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.fixed-qr-modal__Q1UnE {
  position: fixed;
  z-index: 1000;
  zoom: 0;
  overflow: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}
.fixed-qr-modal__Q1UnE .main__3clrn {
  width: 272px;
  height: 374px;
  background: #ffffff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 1px solid #f1eee9;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fixed-qr-modal__Q1UnE .main__3clrn .logo__3mge- {
  width: 64px;
  height: 60px;
  margin-top: 20px;
  background-image: url("/mobile/brand.png");
  background-size: 64px 60px;
  background-position: center;
  background-repeat: no-repeat;
}
.fixed-qr-modal__Q1UnE .main__3clrn .title__2aY6y {
  margin: 35px 0 0 0;
  padding: 0;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #ef5b5b;
  line-height: 23px;
  background: linear-gradient(180deg, #f5993c 0%, #fcba37 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.fixed-qr-modal__Q1UnE .main__3clrn .qr__1zOqB {
  width: 126px;
  height: 126px;
  margin: 16px 20px;
  background-color: #b0b0b0;
  background-image: url("/mobile/qr.png");
  background-size: 126px;
  background-position: center;
  background-repeat: no-repeat;
}
.fixed-qr-modal__Q1UnE .main__3clrn .copy-button___gJoj {
  display: block;
  width: 148px;
  height: 37px;
  border-radius: 4px;
  border: 1px solid #f5a623;
  font-size: 14px;
  font-weight: 500;
  color: #f5a623;
  line-height: 35px;
  appearance: none;
  outline: none;
  background-color: #ffffff;
}
.fixed-qr-modal__Q1UnE .main__3clrn .tips__gWjrE {
  font-size: 10px;
  font-weight: 400;
  color: #888888;
  line-height: 19px;
  margin: 6px 0 0 0;
  padding: 0;
  text-align: center;
}
.fixed-qr-modal__Q1UnE .main__3clrn .close__182QC {
  width: 50px;
  height: 50px;
  background-image: url("/mobile/close.png");
  border-radius: 25px;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  bottom: -77px;
  display: block;
  appearance: none;
  border: none;
  background-color: transparent;
  outline: none;
}

.article__3wym7 {
  padding: 0 30px 60px 30px;
}
.article__3wym7 h1 {
  font-size: 28px;
  font-weight: 600;
  color: #2a2a2a;
  line-height: 40px;
  margin: 30px 0;
}
.article__3wym7 p {
  font-size: 12px;
  font-weight: 400;
  color: #222222;
  line-height: 20px;
  margin: 0;
  text-align: justify;
}
.article__3wym7 p:not(:first-of-type) {
  margin-top: 10px;
}

.screen__2bwIn {
  width: 375px;
  position: relative;
}
@media screen and (width: 320px) {
  .screen__2bwIn {
    width: 320px;
  }
}
@media screen and (width: 414px) {
  .screen__2bwIn {
    width: 414px;
  }
}
@media screen and (width: 768px) {
  .screen__2bwIn {
    width: 768px;
  }
}
@media screen and (width: 1024px) {
  .screen__2bwIn {
    width: 1024px;
  }
}
@media screen and (width: 360px) {
  .screen__2bwIn {
    width: 360px;
  }
}
@media screen and (width: 1366px) {
  .screen__2bwIn {
    width: 1366px;
  }
}
.firstScreen__12NuI {
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  background-color: #FBDC53;
  padding-top: 42px;
  position: absolute;
  z-index: 999;
}
.firstScreen__12NuI .topLineBg__2-MDo {
  display: block;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.firstScreen__12NuI .topContent__ncpz8 {
  width: 100%;
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.firstScreen__12NuI .topContent__ncpz8 .topTitle__2GNWp {
  display: block;
  width: 216px;
  height: 135px;
  background: url('/home_assets/mobile/top_title.png') no-repeat;
  background-size: contain;
  margin-bottom: 22px;
}
.firstScreen__12NuI .topContent__ncpz8 .topDesc__32jNu {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #211F1F;
  width: 100%;
  text-align: center;
}
.firstScreen__12NuI .topContent__ncpz8 .topPic__R-Pur {
  position: absolute;
  width: 100%;
  height: 537px;
  top: 171px;
  z-index: 3;
}
.firstScreen__12NuI .topContent__ncpz8 .phonePic__BkozD {
  position: absolute;
  width: 100%;
  height: 537px;
  top: 271px;
  background: url("/home_assets/mobile/phone_pic.png") no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0;
}
.firstScreen__12NuI .topContent__ncpz8 .phonePicMove__2Q-Z4 {
  transition: all 0.5s linear 0s;
  transform: translateY(-100px);
  opacity: 1;
}
.firstScreen__12NuI .downArrow__R9uWG {
  position: absolute;
  z-index: 2;
  bottom: 25px;
  width: 20px;
  height: 16px;
  left: 50%;
  margin-left: -10px;
  background: url("/home_assets/mobile/down_arrow.png") no-repeat;
  background-size: contain;
}
.hideFirstScreen__Km7MD {
  transition: all 1s linear 0s;
  transform: translateY(-1000px);
}
.showFirstScreen__OIEaj {
  transition: all 1s linear 0s;
  transform: translateY(0);
}
@keyframes hideScreen__QaJXc {
  to {
    transform: translateY(-1000px);
  }
}
@media screen and (width: 360px) {
  .firstScreen__12NuI {
    padding-top: 41px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topTitle__2GNWp {
    width: 208px;
    height: 130px;
    margin-bottom: 21px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topDesc__32jNu {
    font-size: 13px;
    line-height: 19px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topPic__R-Pur {
    height: 537px;
    top: 152px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .phonePic__BkozD {
    height: 537px;
    top: 252px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .phonePicMove__2Q-Z4 {
    transform: translateY(-100px);
  }
  .firstScreen__12NuI .downArrow__R9uWG {
    bottom: 19px;
    width: 18px;
    height: 15px;
    left: 50%;
    margin-left: -9px;
  }
  @keyframes hideScreen__QaJXc {
    to {
      transform: translateY(-1000px);
    }
  }
}
@media screen and (width: 320px) {
  .firstScreen__12NuI {
    padding-top: 16px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topTitle__2GNWp {
    width: 185px;
    height: 116px;
    margin-bottom: 18px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topDesc__32jNu {
    font-size: 12px;
    line-height: 17px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topPic__R-Pur {
    height: 458px;
    top: 146px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .phonePic__BkozD {
    height: 458px;
    top: 246px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .phonePicMove__2Q-Z4 {
    transform: translateY(-100px);
  }
  .firstScreen__12NuI .downArrow__R9uWG {
    bottom: 17px;
    width: 16px;
    height: 14px;
    left: 50%;
    margin-left: -8px;
  }
  @keyframes hideScreen__QaJXc {
    to {
      transform: translateY(-1000px);
    }
  }
}
@media screen and (width: 414px) {
  .firstScreen__12NuI {
    padding-top: 35px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topTitle__2GNWp {
    width: 239px;
    height: 149px;
    margin-bottom: 24px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topDesc__32jNu {
    font-size: 15px;
    line-height: 22px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topPic__R-Pur {
    height: 593px;
    top: 189px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .phonePic__BkozD {
    height: 593px;
    top: 289px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .phonePicMove__2Q-Z4 {
    transform: translateY(-100px);
  }
  .firstScreen__12NuI .downArrow__R9uWG {
    bottom: 22px;
    width: 21px;
    height: 18px;
    left: 50%;
    margin-left: -10.5px;
  }
  @keyframes hideScreen__QaJXc {
    to {
      transform: translateY(-1000px);
    }
  }
}
@media screen and (width: 768px) {
  .firstScreen__12NuI {
    padding-top: 66px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topTitle__2GNWp {
    width: 443px;
    height: 277px;
    margin-bottom: 45px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topDesc__32jNu {
    font-size: 29px;
    line-height: 40px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topPic__R-Pur {
    height: 1100px;
    top: 350px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .phonePic__BkozD {
    height: 1100px;
    top: 550px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .phonePicMove__2Q-Z4 {
    transform: translateY(-200px);
  }
  .firstScreen__12NuI .downArrow__R9uWG {
    bottom: 41px;
    width: 39px;
    height: 33px;
    left: 50%;
    margin-left: -19.5px;
  }
  @keyframes hideScreen__QaJXc {
    to {
      transform: translateY(-2000px);
    }
  }
}
@media screen and (width: 1024px) {
  .firstScreen__12NuI {
    padding-top: 87px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topTitle__2GNWp {
    width: 590px;
    height: 369px;
    margin-bottom: 60px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topDesc__32jNu {
    font-size: 38px;
    line-height: 53px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topPic__R-Pur {
    height: 1467px;
    top: 467px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .phonePic__BkozD {
    height: 1467px;
    top: 767px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .phonePicMove__2Q-Z4 {
    transform: translateY(-300px);
  }
  .firstScreen__12NuI .downArrow__R9uWG {
    bottom: 55px;
    width: 52px;
    height: 44px;
    left: 50%;
    margin-left: -26px;
  }
  .hideFirstScreen__Km7MD {
    transform: translateY(-2000px);
  }
  @keyframes hideScreen__QaJXc {
    to {
      transform: translateY(-5000px);
    }
  }
}
@media screen and (width: 1366px) {
  .firstScreen__12NuI {
    padding-top: 116px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topTitle__2GNWp {
    width: 787px;
    height: 492px;
    margin-bottom: 79px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topDesc__32jNu {
    font-size: 51px;
    line-height: 71px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .topPic__R-Pur {
    height: 1958px;
    top: 622px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .phonePic__BkozD {
    height: 1958px;
    top: 1022px;
  }
  .firstScreen__12NuI .topContent__ncpz8 .phonePicMove__2Q-Z4 {
    transform: translateY(-400px);
  }
  .firstScreen__12NuI .downArrow__R9uWG {
    bottom: 73px;
    width: 69px;
    height: 58px;
    left: 50%;
    margin-left: -34.5px;
  }
  .hideFirstScreen__Km7MD {
    transform: translateY(-2000px);
  }
  @keyframes hideScreen__QaJXc {
    to {
      transform: translateY(-9000px);
    }
  }
}
.seoContent__2aWXf {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen__13fx0 {
  width: 375px;
  position: relative;
}
@media screen and (width: 320px) {
  .screen__13fx0 {
    width: 320px;
  }
}
@media screen and (width: 414px) {
  .screen__13fx0 {
    width: 414px;
  }
}
@media screen and (width: 768px) {
  .screen__13fx0 {
    width: 768px;
  }
}
@media screen and (width: 1024px) {
  .screen__13fx0 {
    width: 1024px;
  }
}
@media screen and (width: 360px) {
  .screen__13fx0 {
    width: 360px;
  }
}
@media screen and (width: 1366px) {
  .screen__13fx0 {
    width: 1366px;
  }
}
.topBar__212UA {
  width: 375px;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  display: flex;
  align-items: center;
  padding: 7px 27px;
  background: #FFFFFF;
}
.topBar__212UA .leftColumn__3TeBv {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topBar__212UA .leftColumn__3TeBv img {
  width: 96px;
}
.topBar__212UA .rightColumn__n44Hm {
  flex: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.topBar__212UA .rightColumn__n44Hm .portal__3j6pq {
  font-size: 15px;
  line-height: 15px;
  color: #656565;
}
.topBar__212UA .rightColumn__n44Hm .portal__3j6pq:not(:last-child) {
  margin-right: 18px;
}
@media screen and (min-width: 360px) {
  .topBar__212UA {
    padding: 7px 25px;
  }
  .topBar__212UA .leftColumn__3TeBv img {
    width: 80px;
  }
  .topBar__212UA .rightColumn__n44Hm .portal__3j6pq {
    font-size: 14px;
    line-height: 14px;
  }
  .topBar__212UA .rightColumn__n44Hm .portal__3j6pq:not(:last-child) {
    margin-right: 15px;
  }
}
@media screen and (min-width: 320px) {
  .topBar__212UA {
    padding: 7px 24px;
  }
  .topBar__212UA .leftColumn__3TeBv img {
    width: 70px;
  }
  .topBar__212UA .rightColumn__n44Hm .portal__3j6pq {
    font-size: 13px;
    line-height: 13px;
  }
  .topBar__212UA .rightColumn__n44Hm .portal__3j6pq:not(:last-child) {
    margin-right: 12px;
  }
}
@media screen and (min-width: 414px) {
  .topBar__212UA {
    padding: 7px 30px;
  }
  .topBar__212UA .leftColumn__3TeBv img {
    width: 106px;
  }
  .topBar__212UA .rightColumn__n44Hm .portal__3j6pq {
    font-size: 16px;
    line-height: 16px;
  }
  .topBar__212UA .rightColumn__n44Hm .portal__3j6pq:not(:last-child) {
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  .topBar__212UA {
    padding: 10px 40px;
  }
  .topBar__212UA .leftColumn__3TeBv img {
    width: 120px;
  }
  .topBar__212UA .rightColumn__n44Hm .portal__3j6pq {
    font-size: 18px;
    line-height: 18px;
  }
  .topBar__212UA .rightColumn__n44Hm .portal__3j6pq:not(:last-child) {
    margin-right: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .topBar__212UA {
    padding: 15px 60px;
  }
  .topBar__212UA .leftColumn__3TeBv img {
    width: 130px;
  }
  .topBar__212UA .rightColumn__n44Hm .portal__3j6pq {
    font-size: 20px;
    line-height: 20px;
  }
  .topBar__212UA .rightColumn__n44Hm .portal__3j6pq:not(:last-child) {
    margin-right: 60px;
  }
}
@media screen and (min-width: 1366px) {
  .topBar__212UA {
    padding: 16px 80px;
  }
  .topBar__212UA .leftColumn__3TeBv img {
    width: 140px;
  }
  .topBar__212UA .rightColumn__n44Hm .portal__3j6pq {
    font-size: 21px;
    line-height: 21px;
  }
  .topBar__212UA .rightColumn__n44Hm .portal__3j6pq:not(:last-child) {
    margin-right: 80px;
  }
}

.screen__3CHJz {
  width: 375px;
  position: relative;
}
@media screen and (width: 320px) {
  .screen__3CHJz {
    width: 320px;
  }
}
@media screen and (width: 414px) {
  .screen__3CHJz {
    width: 414px;
  }
}
@media screen and (width: 768px) {
  .screen__3CHJz {
    width: 768px;
  }
}
@media screen and (width: 1024px) {
  .screen__3CHJz {
    width: 1024px;
  }
}
@media screen and (width: 360px) {
  .screen__3CHJz {
    width: 360px;
  }
}
@media screen and (width: 1366px) {
  .screen__3CHJz {
    width: 1366px;
  }
}
.floatBuyBar__2fmGk {
  position: fixed;
  bottom: 59px;
  width: 100%;
  height: 150px;
  z-index: 1000;
  pointer-events: none;
}
.floatBuyBar__2fmGk .ball__QiVkR {
  width: 66px;
  position: absolute;
  right: 20px;
  height: 66px;
  border-radius: 50%;
  background-color: #222222;
  filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.2));
  pointer-events: all;
}
.floatBuyBar__2fmGk .download__4vO3_ {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.floatBuyBar__2fmGk .signIn__1RKnX {
  top: 84px;
  background-image: url("/home_assets/mobile/sign_in.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 36px;
}
.floatBuyBar__2fmGk .signInClose__2SJwV {
  opacity: 0;
}
.floatBuyBar__2fmGk .signInOpen__2vGRR {
  opacity: 1;
  transition: all 1s ease-in-out 0s;
}
.floatBuyBar__2fmGk .longBar__IXdMg {
  position: absolute;
  top: 84px;
  width: 336px;
  height: 66px;
  background-color: white;
  border-radius: 33px;
  filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.2));
  left: 50%;
  margin-left: -168px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 17px;
  padding-right: 11px;
  justify-content: space-between;
}
.floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP {
  display: flex;
}
.floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  margin-right: 5px;
}
.floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .nowPrice__253fF {
  font-size: 18px;
}
.floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .rawPrice__Hfzvn {
  font-size: 13px;
  line-height: 18px;
  text-decoration-line: line-through;
  color: #000000;
  opacity: 0.5;
}
.floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .newTag__3WL0t {
  width: 54px;
  height: 18px;
  border-radius: 4px;
  background-color: #FFB41F;
  color: #FFFFFF;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}
.floatBuyBar__2fmGk .longBar__IXdMg .signBtn__37q0r {
  width: 120px;
  height: 44px;
  background: url("/home_assets/mobile/sign_in_btn.png") no-repeat;
  background-size: contain;
  pointer-events: all;
}
.floatBuyBar__2fmGk .hideBar__1jkYO {
  transform-origin: right;
  animation: hideLongBar__1JUFT 1s linear 0s;
}
@keyframes hideLongBar__1JUFT {
  to {
    transform: scale(0.1, 1);
    opacity: 0;
    background-color: transparent;
  }
}
@media screen and (width: 360px) {
  .floatBuyBar__2fmGk {
    bottom: 52px;
    height: 143px;
  }
  .floatBuyBar__2fmGk .ball__QiVkR {
    width: 63px;
    right: 19px;
    height: 63px;
    filter: drop-shadow(0px 10px 29px rgba(0, 0, 0, 0.2));
  }
  .floatBuyBar__2fmGk .download__4vO3_ {
    font-size: 15px;
    line-height: 17px;
  }
  .floatBuyBar__2fmGk .signIn__1RKnX {
    top: 80px;
    background-size: 31px 35px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg {
    top: 80px;
    width: 322px;
    height: 63px;
    border-radius: 31px;
    filter: drop-shadow(0px 10px 38px rgba(0, 0, 0, 0.2));
    margin-left: -161px;
    padding-left: 15px;
    padding-right: 11px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg {
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    margin-right: 6px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .nowPrice__253fF {
    font-size: 17px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .rawPrice__Hfzvn {
    font-size: 12px;
    line-height: 17px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .newTag__3WL0t {
    width: 52px;
    height: 18px;
    border-radius: 4px;
    font-size: 11.5px;
    line-height: 18px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .signBtn__37q0r {
    width: 115px;
    height: 42px;
  }
  .floatBuyBar__2fmGk .hideBar__1jkYO {
    transform-origin: right;
    animation: hideLongBar__1JUFT 0.5s linear 0s;
  }
}
@media screen and (width: 320px) {
  .floatBuyBar__2fmGk {
    bottom: 47px;
    height: 127px;
  }
  .floatBuyBar__2fmGk .ball__QiVkR {
    width: 56px;
    right: 17px;
    height: 56px;
    filter: drop-shadow(0px 8.5px 25.5px rgba(0, 0, 0, 0.2));
  }
  .floatBuyBar__2fmGk .download__4vO3_ {
    font-size: 13.6px;
    line-height: 15px;
  }
  .floatBuyBar__2fmGk .signIn__1RKnX {
    top: 70.5px;
    background-size: 28px 31px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg {
    top: 70.5px;
    width: 286px;
    height: 56px;
    border-radius: 28px;
    filter: drop-shadow(0px 8.5px 34px rgba(0, 0, 0, 0.2));
    margin-left: -143px;
    padding-left: 14px;
    padding-right: 9px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg {
    font-size: 12px;
    line-height: 17px;
    margin-right: 6px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .nowPrice__253fF {
    font-size: 15px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .rawPrice__Hfzvn {
    font-size: 11px;
    line-height: 16px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .newTag__3WL0t {
    width: 46px;
    height: 16px;
    border-radius: 3px;
    font-size: 10px;
    line-height: 16px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .signBtn__37q0r {
    width: 102px;
    height: 38px;
  }
}
@media screen and (width: 414px) {
  .floatBuyBar__2fmGk {
    bottom: 60px;
    height: 164px;
  }
  .floatBuyBar__2fmGk .ball__QiVkR {
    width: 73px;
    right: 22px;
    height: 73px;
    filter: drop-shadow(0px 11px 33px rgba(0, 0, 0, 0.2));
  }
  .floatBuyBar__2fmGk .download__4vO3_ {
    font-size: 18px;
    line-height: 20px;
  }
  .floatBuyBar__2fmGk .signIn__1RKnX {
    top: 90.5px;
    background-size: 36px 40px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg {
    top: 90.5px;
    width: 370px;
    height: 73px;
    border-radius: 37px;
    filter: drop-shadow(0px 11px 44px rgba(0, 0, 0, 0.2));
    margin-left: -185px;
    padding-left: 19px;
    padding-right: 12px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg {
    font-size: 15px;
    line-height: 22px;
    margin-right: 6px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .nowPrice__253fF {
    font-size: 20px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .rawPrice__Hfzvn {
    font-size: 14px;
    line-height: 20px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .newTag__3WL0t {
    width: 60px;
    height: 20px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 20px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .signBtn__37q0r {
    width: 132px;
    height: 49px;
  }
}
@media screen and (width: 768px) {
  .floatBuyBar__2fmGk {
    bottom: 113px;
    height: 305px;
  }
  .floatBuyBar__2fmGk .ball__QiVkR {
    width: 135px;
    right: 41px;
    height: 135px;
    filter: drop-shadow(0px 20px 61px rgba(0, 0, 0, 0.2));
  }
  .floatBuyBar__2fmGk .download__4vO3_ {
    font-size: 33px;
    line-height: 37px;
  }
  .floatBuyBar__2fmGk .signIn__1RKnX {
    top: 170px;
    background-size: 66px 74px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg {
    top: 170px;
    width: 686px;
    height: 135px;
    border-radius: 68px;
    filter: drop-shadow(0px 20px 82px rgba(0, 0, 0, 0.2));
    margin-left: -343px;
    padding-left: 33px;
    padding-right: 23px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg {
    font-size: 29px;
    line-height: 41px;
    margin-right: 14px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .nowPrice__253fF {
    font-size: 36px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .rawPrice__Hfzvn {
    font-size: 29px;
    line-height: 37px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .newTag__3WL0t {
    width: 111px;
    height: 38px;
    border-radius: 11px;
    font-size: 25px;
    line-height: 38px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .signBtn__37q0r {
    width: 246px;
    height: 90px;
  }
}
@media screen and (width: 1024px) {
  .floatBuyBar__2fmGk {
    bottom: 150px;
    height: 407px;
  }
  .floatBuyBar__2fmGk .ball__QiVkR {
    width: 180px;
    right: 55px;
    height: 180px;
    filter: drop-shadow(0px 27px 82px rgba(0, 0, 0, 0.2));
  }
  .floatBuyBar__2fmGk .download__4vO3_ {
    font-size: 44px;
    line-height: 49px;
  }
  .floatBuyBar__2fmGk .signIn__1RKnX {
    top: 226px;
    background-size: 88px 99px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg {
    top: 226px;
    width: 914px;
    height: 180px;
    border-radius: 90px;
    filter: drop-shadow(0px 27px 109px rgba(0, 0, 0, 0.2));
    margin-left: -457px;
    padding-left: 45px;
    padding-right: 30px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg {
    font-size: 38px;
    line-height: 55px;
    margin-right: 19px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .nowPrice__253fF {
    font-size: 44px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .rawPrice__Hfzvn {
    font-size: 35px;
    line-height: 50px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .newTag__3WL0t {
    width: 147px;
    height: 51px;
    border-radius: 15px;
    font-size: 33px;
    line-height: 51px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .signBtn__37q0r {
    width: 327px;
    height: 120px;
  }
}
@media screen and (width: 1366px) {
  .floatBuyBar__2fmGk {
    bottom: 201px;
    height: 542px;
  }
  .floatBuyBar__2fmGk .ball__QiVkR {
    width: 240px;
    right: 74px;
    height: 240px;
    filter: drop-shadow(0px 36px 109px rgba(0, 0, 0, 0.2));
  }
  .floatBuyBar__2fmGk .download__4vO3_ {
    font-size: 58px;
    line-height: 66px;
  }
  .floatBuyBar__2fmGk .signIn__1RKnX {
    top: 302px;
    background-size: 117px 132px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg {
    top: 302px;
    width: 1220px;
    height: 240px;
    border-radius: 120px;
    filter: drop-shadow(0px 36px 146px rgba(0, 0, 0, 0.2));
    margin-left: -610px;
    padding-left: 59px;
    padding-right: 40px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg {
    font-size: 51px;
    line-height: 73px;
    margin-right: 25px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .nowPrice__253fF {
    font-size: 68px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .priceContainer__22WZg .rawPrice__Hfzvn {
    font-size: 47px;
    line-height: 66px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .statusContainer__2ibYP .newTag__3WL0t {
    width: 197px;
    height: 68px;
    border-radius: 26px;
    font-size: 44px;
    line-height: 66px;
  }
  .floatBuyBar__2fmGk .longBar__IXdMg .signBtn__37q0r {
    width: 437px;
    height: 160px;
  }
}

.screen__3md2n {
  width: 375px;
  position: relative;
}
@media screen and (width: 320px) {
  .screen__3md2n {
    width: 320px;
  }
}
@media screen and (width: 414px) {
  .screen__3md2n {
    width: 414px;
  }
}
@media screen and (width: 768px) {
  .screen__3md2n {
    width: 768px;
  }
}
@media screen and (width: 1024px) {
  .screen__3md2n {
    width: 1024px;
  }
}
@media screen and (width: 360px) {
  .screen__3md2n {
    width: 360px;
  }
}
@media screen and (width: 1366px) {
  .screen__3md2n {
    width: 1366px;
  }
}
.fadeInfo__3aREc {
  background-color: #FFFFFF;
  width: 100%;
  margin-bottom: 93px;
}
.fadeInfo__3aREc .anchor__37Dcq {
  width: 1px;
  height: 1px;
  background-color: #FBDC53;
  position: absolute;
  top: 0;
}
.fadeInfo__3aREc .problemContainer__2Fid_ {
  padding-top: 30px;
  background-color: #FBDC53;
  margin-bottom: 81px;
}
.fadeInfo__3aREc .problemContainer__2Fid_ .problemTitle__1Mebe {
  width: 100%;
  display: block;
  margin-bottom: 45px;
}
.fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 82px;
}
.fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card1__Q8tsC {
  width: 148px;
  height: 190px;
  background: url("/home_assets/mobile/card1.png") no-repeat;
  background-size: contain;
  backdrop-filter: blur(15px);
}
.fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card2__3_egG {
  width: 148px;
  height: 190px;
  background: url("/home_assets/mobile/card2.png") no-repeat;
  background-size: contain;
  backdrop-filter: blur(15px);
}
.fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card3__1CEa1 {
  width: 148px;
  height: 190px;
  background: url("/home_assets/mobile/card3.png") no-repeat;
  background-size: contain;
  backdrop-filter: blur(15px);
}
.fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card4__1h7nB {
  width: 148px;
  height: 190px;
  background: url("/home_assets/mobile/card4.png") no-repeat;
  background-size: contain;
  backdrop-filter: blur(15px);
}
.fadeInfo__3aREc .peopleContainer__2Yg0H {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fadeInfo__3aREc .peopleContainer__2Yg0H .peopleTitle__f08yv {
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  color: #222222;
  margin-bottom: 22px;
}
.fadeInfo__3aREc .peopleContainer__2Yg0H .wave__JEBQw {
  width: 50px;
  height: 5px;
  background: url("/home_assets/mobile/wave.png") no-repeat;
  background-size: contain;
  margin-bottom: 25px;
}
.fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 {
  width: 100%;
  padding-left: 43px;
  padding-right: 43px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .avatar__2CM2F {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 10px;
}
.fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .name__3uyPw {
  font-size: 16px;
  line-height: 19px;
  color: #222222;
  margin-bottom: 4px;
}
.fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .desc__LaS-G {
  font-size: 12px;
  line-height: 17px;
  color: #888888;
  text-align: center;
}
.fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .avatar1__2x6Ib {
  background-image: url("/home_assets/mobile/avatar1.png");
}
.fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .avatar2__2BxGq {
  background-image: url("/home_assets/mobile/avatar2.png");
}
.fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .avatar3__21rEl {
  background-image: url("/home_assets/mobile/avatar3.png");
}
.fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .avatar4__zJEXF {
  background-image: url("/home_assets/mobile/avatar4.png");
}
@media screen and (width: 360px) {
  .fadeInfo__3aREc {
    margin-bottom: 90px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ {
    padding-top: 28px;
    margin-bottom: 81px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemTitle__1Mebe {
    margin-bottom: 44px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP {
    padding-left: 31px;
    padding-right: 31px;
    padding-bottom: 78.5px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card1__Q8tsC {
    width: 142px;
    height: 182px;
    backdrop-filter: blur(14.4px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card2__3_egG {
    width: 142px;
    height: 182px;
    backdrop-filter: blur(14.4px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card3__1CEa1 {
    width: 142px;
    height: 182px;
    backdrop-filter: blur(14.4px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card4__1h7nB {
    width: 142px;
    height: 182px;
    backdrop-filter: blur(14.4px);
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleTitle__f08yv {
    font-size: 23px;
    line-height: 35px;
    margin-bottom: 20px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .wave__JEBQw {
    width: 48px;
    height: 5px;
    margin-bottom: 24px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 {
    padding-left: 41px;
    padding-right: 41px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .avatar__2CM2F {
    width: 106px;
    height: 106px;
    margin-bottom: 10px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .name__3uyPw {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 4px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .desc__LaS-G {
    font-size: 11.5px;
    line-height: 16px;
  }
}
@media screen and (width: 320px) {
  .fadeInfo__3aREc {
    margin-bottom: 79px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ {
    padding-top: 24px;
    margin-bottom: 70px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemTitle__1Mebe {
    margin-bottom: 38px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP {
    padding-left: 27px;
    padding-right: 27px;
    padding-bottom: 70px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card1__Q8tsC {
    width: 126px;
    height: 162px;
    backdrop-filter: blur(12.8px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card2__3_egG {
    width: 126px;
    height: 162px;
    backdrop-filter: blur(12.8px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card3__1CEa1 {
    width: 126px;
    height: 162px;
    backdrop-filter: blur(12.8px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card4__1h7nB {
    width: 126px;
    height: 162px;
    backdrop-filter: blur(12.8px);
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleTitle__f08yv {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .wave__JEBQw {
    width: 43px;
    height: 4px;
    margin-bottom: 21px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 {
    padding-left: 37px;
    padding-right: 37px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .avatar__2CM2F {
    width: 94px;
    height: 94px;
    margin-bottom: 8.5px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .name__3uyPw {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 3px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .desc__LaS-G {
    font-size: 10px;
    line-height: 14px;
  }
}
@media screen and (width: 414px) {
  .fadeInfo__3aREc {
    margin-bottom: 102px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ {
    padding-top: 36px;
    padding-bottom: 50px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemTitle__1Mebe {
    margin-bottom: 50px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP {
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 90px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card1__Q8tsC {
    width: 163px;
    height: 210px;
    backdrop-filter: blur(16.5px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card2__3_egG {
    width: 163px;
    height: 210px;
    backdrop-filter: blur(16.56px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card3__1CEa1 {
    width: 163px;
    height: 210px;
    backdrop-filter: blur(16.56px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card4__1h7nB {
    width: 163px;
    height: 210px;
    backdrop-filter: blur(16.56px);
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleTitle__f08yv {
    font-size: 26.4px;
    line-height: 40px;
    margin-bottom: 24px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .wave__JEBQw {
    width: 55px;
    height: 5.5px;
    margin-bottom: 27.5px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 {
    padding-left: 47.5px;
    padding-right: 47.5px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .avatar__2CM2F {
    width: 121.5px;
    height: 121.5px;
    margin-bottom: 11px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .name__3uyPw {
    font-size: 17.6px;
    line-height: 21px;
    margin-bottom: 5px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .desc__LaS-G {
    font-size: 13px;
    line-height: 19px;
  }
}
@media screen and (width: 768px) {
  .fadeInfo__3aREc {
    margin-bottom: 192px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ {
    padding-top: 68px;
    margin-bottom: 168px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemTitle__1Mebe {
    margin-bottom: 92px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP {
    padding-left: 65.5px;
    padding-right: 65.5px;
    padding-bottom: 167.7px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card1__Q8tsC {
    width: 303px;
    height: 389px;
    backdrop-filter: blur(30.7px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card2__3_egG {
    width: 303px;
    height: 389px;
    backdrop-filter: blur(30.7px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card3__1CEa1 {
    width: 303px;
    height: 389px;
    backdrop-filter: blur(30.7px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card4__1h7nB {
    width: 303px;
    height: 389px;
    backdrop-filter: blur(30.7px);
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleTitle__f08yv {
    font-size: 49px;
    line-height: 74px;
    margin-bottom: 45px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .wave__JEBQw {
    width: 102px;
    height: 10px;
    margin-bottom: 51px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 {
    padding-left: 88px;
    padding-right: 88px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .avatar__2CM2F {
    width: 225px;
    height: 225px;
    margin-bottom: 20.5px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .name__3uyPw {
    font-size: 33px;
    line-height: 38px;
    margin-bottom: 8px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .desc__LaS-G {
    font-size: 24.5px;
    line-height: 34px;
  }
}
@media screen and (width: 1024px) {
  .fadeInfo__3aREc {
    margin-bottom: 255px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ {
    padding-top: 100px;
    margin-bottom: 224px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemTitle__1Mebe {
    margin-bottom: 122.5px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP {
    padding-left: 87px;
    padding-right: 87px;
    padding-bottom: 224px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card1__Q8tsC {
    width: 404px;
    height: 519px;
    backdrop-filter: blur(41px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card2__3_egG {
    width: 404px;
    height: 519px;
    backdrop-filter: blur(41px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card3__1CEa1 {
    width: 404px;
    height: 519px;
    backdrop-filter: blur(41px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card4__1h7nB {
    width: 404px;
    height: 519px;
    backdrop-filter: blur(41px);
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleTitle__f08yv {
    font-size: 65.5px;
    line-height: 98px;
    margin-bottom: 59.5px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .wave__JEBQw {
    width: 136.5px;
    height: 13.5px;
    margin-bottom: 68px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 {
    padding-left: 117.5px;
    padding-right: 117.5px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .avatar__2CM2F {
    width: 300px;
    height: 300px;
    margin-bottom: 28px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .name__3uyPw {
    font-size: 43.5px;
    line-height: 51px;
    margin-bottom: 10.5px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .desc__LaS-G {
    font-size: 32.7px;
    line-height: 46px;
  }
}
@media screen and (width: 1366px) {
  .fadeInfo__3aREc {
    margin-bottom: 340.5px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ {
    padding-top: 130px;
    margin-bottom: 299px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemTitle__1Mebe {
    margin-bottom: 164px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP {
    padding-left: 116.5px;
    padding-right: 116.5px;
    padding-bottom: 298.5px;
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card1__Q8tsC {
    width: 539px;
    height: 692px;
    backdrop-filter: blur(55px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card2__3_egG {
    width: 539px;
    height: 692px;
    backdrop-filter: blur(55px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card3__1CEa1 {
    width: 539px;
    height: 692px;
    backdrop-filter: blur(55px);
  }
  .fadeInfo__3aREc .problemContainer__2Fid_ .problemContent__1vZJP .card4__1h7nB {
    width: 539px;
    height: 692px;
    backdrop-filter: blur(55px);
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleTitle__f08yv {
    font-size: 87.5px;
    line-height: 131px;
    margin-bottom: 79.5px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .wave__JEBQw {
    width: 182px;
    height: 18px;
    margin-bottom: 91px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 {
    padding-left: 156.5px;
    padding-right: 156.5px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .avatar__2CM2F {
    width: 401px;
    height: 401px;
    margin-bottom: 37.5px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .name__3uyPw {
    font-size: 58px;
    line-height: 68px;
    margin-bottom: 15px;
  }
  .fadeInfo__3aREc .peopleContainer__2Yg0H .peopleContent__1pPy0 .peoplePart__1d8uF .desc__LaS-G {
    font-size: 43.7px;
    line-height: 61px;
  }
}
.seoContent__zyDE0 {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen__2GBKY {
  width: 375px;
  position: relative;
}
@media screen and (width: 320px) {
  .screen__2GBKY {
    width: 320px;
  }
}
@media screen and (width: 414px) {
  .screen__2GBKY {
    width: 414px;
  }
}
@media screen and (width: 768px) {
  .screen__2GBKY {
    width: 768px;
  }
}
@media screen and (width: 1024px) {
  .screen__2GBKY {
    width: 1024px;
  }
}
@media screen and (width: 360px) {
  .screen__2GBKY {
    width: 360px;
  }
}
@media screen and (width: 1366px) {
  .screen__2GBKY {
    width: 1366px;
  }
}
.specialCourse__M7roF {
  width: 100%;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 63px;
  position: relative;
}
.specialCourse__M7roF .title__2fJq2 {
  font-weight: 600;
  font-size: 28px;
  line-height: 42px;
  color: #222222;
  margin-bottom: 19px;
}
.specialCourse__M7roF .wave__2JkEs {
  width: 50px;
  height: 5px;
  background: url("/home_assets/mobile/wave.png") no-repeat;
  background-size: contain;
  margin-bottom: 44px;
}
.specialCourse__M7roF .subTitle__12h0w {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #222222;
  margin-bottom: 9px;
}
.specialCourse__M7roF .explain__3dOHN {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02px;
  color: #888888;
  margin-bottom: 21px;
}
.specialCourse__M7roF .circle__6Kwxe {
  position: relative;
  width: 286px;
  height: 286px;
  border-radius: 50%;
  background: url("/home_assets/mobile/circle.png") no-repeat;
  background-size: contain;
  margin-bottom: 383px;
}
.specialCourse__M7roF .circle__6Kwxe .anchor__3cLF6 {
  width: 1px;
  height: 1px;
  background-color: #FFFFFF;
  position: absolute;
  bottom: 0;
}
.specialCourse__M7roF .circle__6Kwxe .line__3ePrj {
  position: absolute;
  left: 144px;
  top: 218px;
  height: 0;
  border: 1px solid #FFBB21;
}
.specialCourse__M7roF .circle__6Kwxe .longLine__3-xjX {
  transform-origin: top;
  height: 104px;
  transition: all 0.6s linear 0s;
}
.specialCourse__M7roF .moveCircle__2hI4C {
  margin-bottom: 30px;
  transition: all 0.6s linear 0s;
}
.specialCourse__M7roF .adviceCard__1fQUJ {
  width: 295px;
  height: 353px;
  background: url("/home_assets/mobile/advice_card.png") no-repeat;
  background-size: contain;
  opacity: 0;
}
.specialCourse__M7roF .showAdviceCard__c66k1 {
  opacity: 1;
  transition: all 0.4s ease 0s;
}
@media screen and (width: 360px) {
  .specialCourse__M7roF {
    margin-bottom: 61px;
  }
  .specialCourse__M7roF .title__2fJq2 {
    font-size: 27px;
    line-height: 40px;
    margin-bottom: 17.6px;
  }
  .specialCourse__M7roF .wave__2JkEs {
    width: 48px;
    height: 5px;
    margin-bottom: 43px;
  }
  .specialCourse__M7roF .subTitle__12h0w {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 8.5px;
  }
  .specialCourse__M7roF .explain__3dOHN {
    font-size: 11.5px;
    line-height: 19px;
    letter-spacing: 0.02px;
    margin-bottom: 28px;
  }
  .specialCourse__M7roF .circle__6Kwxe {
    width: 275px;
    height: 275px;
    margin-bottom: 460px;
  }
  .specialCourse__M7roF .circle__6Kwxe .line__3ePrj {
    left: 139px;
    top: 208px;
    border: 1px solid #FFBB21;
  }
  .specialCourse__M7roF .circle__6Kwxe .longLine__3-xjX {
    height: 104px;
  }
  .specialCourse__M7roF .moveCircle__2hI4C {
    margin-bottom: 28px;
  }
  .specialCourse__M7roF .adviceCard__1fQUJ {
    width: 294.5px;
    height: 352.5px;
  }
}
@media screen and (width: 320px) {
  .specialCourse__M7roF {
    margin-bottom: 53px;
  }
  .specialCourse__M7roF .title__2fJq2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 16.2px;
  }
  .specialCourse__M7roF .wave__2JkEs {
    width: 42.6px;
    height: 4.2px;
    margin-bottom: 37.3px;
  }
  .specialCourse__M7roF .subTitle__12h0w {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 7px;
  }
  .specialCourse__M7roF .explain__3dOHN {
    font-size: 10px;
    line-height: 17px;
    letter-spacing: 0.02px;
    margin-bottom: 25px;
  }
  .specialCourse__M7roF .circle__6Kwxe {
    width: 244px;
    height: 244px;
    margin-bottom: 408px;
  }
  .specialCourse__M7roF .circle__6Kwxe .line__3ePrj {
    left: 122px;
    top: 184px;
    border: 1px solid #FFBB21;
  }
  .specialCourse__M7roF .circle__6Kwxe .longLine__3-xjX {
    height: 90px;
  }
  .specialCourse__M7roF .moveCircle__2hI4C {
    margin-bottom: 24px;
  }
  .specialCourse__M7roF .adviceCard__1fQUJ {
    width: 251.3px;
    height: 300.1px;
  }
}
@media screen and (width: 414px) {
  .specialCourse__M7roF {
    margin-bottom: 69px;
  }
  .specialCourse__M7roF .title__2fJq2 {
    font-size: 31px;
    line-height: 46px;
    margin-bottom: 21.3px;
  }
  .specialCourse__M7roF .wave__2JkEs {
    width: 55.2px;
    height: 5.5px;
    margin-bottom: 48.5px;
  }
  .specialCourse__M7roF .subTitle__12h0w {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 10px;
  }
  .specialCourse__M7roF .explain__3dOHN {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.02px;
    margin-bottom: 32px;
  }
  .specialCourse__M7roF .circle__6Kwxe {
    width: 316px;
    height: 316px;
    margin-bottom: 527.7px;
  }
  .specialCourse__M7roF .circle__6Kwxe .line__3ePrj {
    left: 159px;
    top: 239px;
    border: 1px solid #FFBB21;
  }
  .specialCourse__M7roF .circle__6Kwxe .longLine__3-xjX {
    height: 128px;
  }
  .specialCourse__M7roF .moveCircle__2hI4C {
    margin-bottom: 44px;
  }
  .specialCourse__M7roF .adviceCard__1fQUJ {
    width: 325px;
    height: 389px;
  }
}
@media screen and (width: 768px) {
  .specialCourse__M7roF {
    margin-bottom: 127px;
  }
  .specialCourse__M7roF .title__2fJq2 {
    font-size: 57px;
    line-height: 86px;
    margin-bottom: 39.3px;
  }
  .specialCourse__M7roF .wave__2JkEs {
    width: 102px;
    height: 10px;
    margin-bottom: 89.7px;
  }
  .specialCourse__M7roF .subTitle__12h0w {
    font-size: 41px;
    line-height: 61px;
    margin-bottom: 19px;
  }
  .specialCourse__M7roF .explain__3dOHN {
    font-size: 24.5px;
    line-height: 41px;
    letter-spacing: 0.04px;
    margin-bottom: 60.5px;
  }
  .specialCourse__M7roF .circle__6Kwxe {
    width: 586.5px;
    height: 586.5px;
    margin-bottom: 979px;
  }
  .specialCourse__M7roF .circle__6Kwxe .line__3ePrj {
    left: 296px;
    top: 444px;
    border: 1.5px solid #FFBB21;
  }
  .specialCourse__M7roF .circle__6Kwxe .longLine__3-xjX {
    height: 233px;
  }
  .specialCourse__M7roF .moveCircle__2hI4C {
    margin-bottom: 77px;
  }
  .specialCourse__M7roF .adviceCard__1fQUJ {
    width: 603px;
    height: 722px;
  }
}
@media screen and (width: 1024px) {
  .specialCourse__M7roF {
    margin-bottom: 171.5px;
  }
  .specialCourse__M7roF .title__2fJq2 {
    font-size: 76.4px;
    line-height: 115px;
    margin-bottom: 50.6px;
  }
  .specialCourse__M7roF .wave__2JkEs {
    width: 136.5px;
    height: 13.5px;
    margin-bottom: 121px;
  }
  .specialCourse__M7roF .subTitle__12h0w {
    font-size: 54.6px;
    line-height: 82px;
    margin-bottom: 24.5px;
  }
  .specialCourse__M7roF .explain__3dOHN {
    font-size: 32.7px;
    line-height: 55px;
    letter-spacing: 0.05px;
    margin-bottom: 79px;
  }
  .specialCourse__M7roF .circle__6Kwxe {
    width: 781.6px;
    height: 781.6px;
    margin-bottom: 1306px;
  }
  .specialCourse__M7roF .circle__6Kwxe .line__3ePrj {
    left: 296px;
    top: 444px;
    border: 2px solid #FFBB21;
  }
  .specialCourse__M7roF .circle__6Kwxe .longLine__3-xjX {
    height: 233px;
  }
  .specialCourse__M7roF .moveCircle__2hI4C {
    margin-bottom: 130px;
  }
  .specialCourse__M7roF .adviceCard__1fQUJ {
    width: 804px;
    height: 962.5px;
  }
}
@media screen and (width: 1366px) {
  .specialCourse__M7roF {
    margin-bottom: 228.5px;
  }
  .specialCourse__M7roF .title__2fJq2 {
    font-size: 102px;
    line-height: 153px;
    margin-bottom: 68.4px;
  }
  .specialCourse__M7roF .wave__2JkEs {
    width: 182px;
    height: 18px;
    margin-bottom: 161px;
  }
  .specialCourse__M7roF .subTitle__12h0w {
    font-size: 72.8px;
    line-height: 109px;
    margin-bottom: 33px;
  }
  .specialCourse__M7roF .explain__3dOHN {
    font-size: 43.7px;
    line-height: 73px;
    letter-spacing: 0.07px;
    margin-bottom: 106.5px;
  }
  .specialCourse__M7roF .circle__6Kwxe {
    width: 1043px;
    height: 1043px;
    margin-bottom: 1742px;
  }
  .specialCourse__M7roF .circle__6Kwxe .line__3ePrj {
    left: 527px;
    top: 794px;
    border: 3px solid #FFBB21;
  }
  .specialCourse__M7roF .circle__6Kwxe .longLine__3-xjX {
    height: 475px;
  }
  .specialCourse__M7roF .moveCircle__2hI4C {
    margin-bottom: 200px;
  }
  .specialCourse__M7roF .adviceCard__1fQUJ {
    width: 1073px;
    height: 1284px;
  }
}
.seoContent__1Z-4a {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen__3CPJ8 {
  width: 375px;
  position: relative;
}
@media screen and (width: 320px) {
  .screen__3CPJ8 {
    width: 320px;
  }
}
@media screen and (width: 414px) {
  .screen__3CPJ8 {
    width: 414px;
  }
}
@media screen and (width: 768px) {
  .screen__3CPJ8 {
    width: 768px;
  }
}
@media screen and (width: 1024px) {
  .screen__3CPJ8 {
    width: 1024px;
  }
}
@media screen and (width: 360px) {
  .screen__3CPJ8 {
    width: 360px;
  }
}
@media screen and (width: 1366px) {
  .screen__3CPJ8 {
    width: 1366px;
  }
}
.listenWatch__3iOOV {
  width: 100%;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 93px;
}
.listenWatch__3iOOV .title__AWmPO {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  color: #222222;
  margin-bottom: 9px;
}
.listenWatch__3iOOV .explain__2CtgX {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02px;
  color: #888888;
  margin-bottom: 29px;
}
.listenWatch__3iOOV .dotContainer__3iPkZ {
  width: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 61px;
}
.listenWatch__3iOOV .dotContainer__3iPkZ .dot__3b1Hy {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #F4F4F4;
}
.listenWatch__3iOOV .dotContainer__3iPkZ .activeDot__1G8X4 {
  background-color: #FFE15A;
}
.listenWatch__3iOOV .sliderContainer__Jx-CS {
  width: 375px;
  height: 450px;
  position: relative;
}
.listenWatch__3iOOV .sliderContainer__Jx-CS .cardShadow__3g7Na {
  width: 323px;
  height: 405px;
  background: url("/home_assets/mobile/card_shadow.png") no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  margin-left: -161.5px;
  z-index: 1;
}
.listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf {
  width: 270px;
  height: 377px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: absolute;
  z-index: 2;
  left: 50%;
  margin-left: -135px;
}
.listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe {
  overflow-y: hidden;
  width: 540px;
  height: 377px;
  display: flex;
}
.listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe .card__32vJO {
  width: 270px;
  height: 377px;
  filter: drop-shadow(0px 30px 60px rgba(0, 0, 0, 0.08));
}
.listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .showSecond__2ceMS {
  transform: translateX(-270px);
  transition: all 0.7s ease 0s;
}
.listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .showFirst__2eoPQ {
  transform: translateX(0);
  transition: all 0.7s ease 0s;
}
@media screen and (width: 360px) {
  .listenWatch__3iOOV {
    margin-bottom: 89px;
  }
  .listenWatch__3iOOV .title__AWmPO {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 8px;
  }
  .listenWatch__3iOOV .explain__2CtgX {
    font-size: 11.5px;
    line-height: 19px;
    letter-spacing: 0.02px;
    margin-bottom: 26px;
  }
  .listenWatch__3iOOV .dotContainer__3iPkZ {
    width: 19.5px;
    margin-bottom: 58.5px;
  }
  .listenWatch__3iOOV .dotContainer__3iPkZ .dot__3b1Hy {
    width: 5.7px;
    height: 5.7px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS {
    width: 360px;
    height: 434px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .cardShadow__3g7Na {
    width: 311px;
    height: 389px;
    margin-left: -155.5px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf {
    width: 260px;
    height: 362px;
    margin-left: -130px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe {
    width: 520px;
    height: 362px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe .card__32vJO {
    width: 260px;
    height: 362px;
    filter: drop-shadow(0px 28.8px 57.6px rgba(0, 0, 0, 0.08));
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .showSecond__2ceMS {
    transform: translateX(-260px);
  }
}
@media screen and (width: 320px) {
  .listenWatch__3iOOV {
    margin-bottom: 84px;
  }
  .listenWatch__3iOOV .title__AWmPO {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 6.8px;
  }
  .listenWatch__3iOOV .explain__2CtgX {
    font-size: 10px;
    line-height: 17px;
    letter-spacing: 0.02px;
    margin-bottom: 25px;
  }
  .listenWatch__3iOOV .dotContainer__3iPkZ {
    width: 17.5px;
    margin-bottom: 40px;
  }
  .listenWatch__3iOOV .dotContainer__3iPkZ .dot__3b1Hy {
    width: 5.1px;
    height: 5.1px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS {
    width: 320px;
    height: 386px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .cardShadow__3g7Na {
    width: 276px;
    height: 345px;
    margin-left: -138px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf {
    width: 231px;
    height: 322px;
    margin-left: -115.5px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe {
    width: 462px;
    height: 322px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe .card__32vJO {
    width: 231px;
    height: 322px;
    filter: drop-shadow(0px 25.6px 51.2px rgba(0, 0, 0, 0.08));
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .showSecond__2ceMS {
    transform: translateX(-231px);
  }
}
@media screen and (width: 414px) {
  .listenWatch__3iOOV {
    margin-bottom: 102px;
  }
  .listenWatch__3iOOV .title__AWmPO {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 10.2px;
  }
  .listenWatch__3iOOV .explain__2CtgX {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.02px;
    margin-bottom: 31px;
  }
  .listenWatch__3iOOV .dotContainer__3iPkZ {
    width: 23px;
    margin-bottom: 67px;
  }
  .listenWatch__3iOOV .dotContainer__3iPkZ .dot__3b1Hy {
    width: 6.6px;
    height: 6.6px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS {
    width: 414px;
    height: 447px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .cardShadow__3g7Na {
    width: 357px;
    height: 447px;
    margin-left: -178.5px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf {
    width: 298px;
    height: 416px;
    margin-left: -149px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe {
    width: 596px;
    height: 416px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe .card__32vJO {
    width: 298px;
    height: 416px;
    filter: drop-shadow(0px 33.1px 66.2px rgba(0, 0, 0, 0.08));
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .showSecond__2ceMS {
    transform: translateX(-298px);
  }
}
@media screen and (width: 768px) {
  .listenWatch__3iOOV {
    margin-bottom: 189px;
  }
  .listenWatch__3iOOV .title__AWmPO {
    font-size: 41px;
    line-height: 61px;
    margin-bottom: 19.3px;
  }
  .listenWatch__3iOOV .explain__2CtgX {
    font-size: 24.5px;
    line-height: 41px;
    letter-spacing: 0.02px;
    margin-bottom: 59.3px;
  }
  .listenWatch__3iOOV .dotContainer__3iPkZ {
    width: 41px;
    margin-bottom: 125px;
  }
  .listenWatch__3iOOV .dotContainer__3iPkZ .dot__3b1Hy {
    width: 12.2px;
    height: 12.2px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS {
    width: 768px;
    height: 830px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .cardShadow__3g7Na {
    width: 661.5px;
    height: 830px;
    margin-left: -331px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf {
    width: 553px;
    height: 772px;
    margin-left: -276.5px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe {
    width: 1106px;
    height: 772px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe .card__32vJO {
    width: 553px;
    height: 772px;
    filter: drop-shadow(0px 61.4px 122.8px rgba(0, 0, 0, 0.08));
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .showSecond__2ceMS {
    transform: translateX(-553px);
  }
}
@media screen and (width: 1024px) {
  .listenWatch__3iOOV {
    margin-bottom: 252.5px;
  }
  .listenWatch__3iOOV .title__AWmPO {
    font-size: 54.6px;
    line-height: 82px;
    margin-bottom: 24.4px;
  }
  .listenWatch__3iOOV .explain__2CtgX {
    font-size: 32.7px;
    line-height: 55px;
    letter-spacing: 0.05px;
    margin-bottom: 78px;
  }
  .listenWatch__3iOOV .dotContainer__3iPkZ {
    width: 55px;
    margin-bottom: 166.5px;
  }
  .listenWatch__3iOOV .dotContainer__3iPkZ .dot__3b1Hy {
    width: 16.3px;
    height: 16.3px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS {
    width: 1024px;
    height: 1107px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .cardShadow__3g7Na {
    width: 882px;
    height: 1107px;
    margin-left: -441px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf {
    width: 738px;
    height: 1029.5px;
    margin-left: -369px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe {
    width: 1476px;
    height: 1029.5px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe .card__32vJO {
    width: 738px;
    height: 1029.5px;
    filter: drop-shadow(0px 81.9px 163.8px rgba(0, 0, 0, 0.08));
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .showSecond__2ceMS {
    transform: translateX(-738px);
  }
}
@media screen and (width: 1366px) {
  .listenWatch__3iOOV {
    margin-bottom: 336.7px;
  }
  .listenWatch__3iOOV .title__AWmPO {
    font-size: 73px;
    line-height: 109px;
    margin-bottom: 33.3px;
  }
  .listenWatch__3iOOV .explain__2CtgX {
    font-size: 43.7px;
    line-height: 73px;
    letter-spacing: 0.07px;
    margin-bottom: 104.5px;
  }
  .listenWatch__3iOOV .dotContainer__3iPkZ {
    width: 73px;
    margin-bottom: 222px;
  }
  .listenWatch__3iOOV .dotContainer__3iPkZ .dot__3b1Hy {
    width: 21.8px;
    height: 21.8px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS {
    width: 1366px;
    height: 1475px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .cardShadow__3g7Na {
    width: 1177px;
    height: 1475px;
    margin-left: -588.5px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf {
    width: 983.5px;
    height: 1373.3px;
    margin-left: -491.5px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe {
    width: 1967px;
    height: 1373.3px;
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .cardSlider__3eMGe .card__32vJO {
    width: 983.5px;
    height: 1373.3px;
    filter: drop-shadow(0px 109.2px 218.5px rgba(0, 0, 0, 0.08));
  }
  .listenWatch__3iOOV .sliderContainer__Jx-CS .sliderBox__3NtOf .showSecond__2ceMS {
    transform: translateX(-983.5px);
  }
}
.seoContent__1MT7S {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen__1SiGK {
  width: 375px;
  position: relative;
}
@media screen and (width: 320px) {
  .screen__1SiGK {
    width: 320px;
  }
}
@media screen and (width: 414px) {
  .screen__1SiGK {
    width: 414px;
  }
}
@media screen and (width: 768px) {
  .screen__1SiGK {
    width: 768px;
  }
}
@media screen and (width: 1024px) {
  .screen__1SiGK {
    width: 1024px;
  }
}
@media screen and (width: 360px) {
  .screen__1SiGK {
    width: 360px;
  }
}
@media screen and (width: 1366px) {
  .screen__1SiGK {
    width: 1366px;
  }
}
.listeningMaterials__358qe {
  width: 100%;
  height: 1043px;
  overflow-x: hidden;
  background-color: #FBDC53;
  padding-bottom: 69px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.listeningMaterials__358qe .titleAnchor__1jfsT {
  position: absolute;
  top: 64px;
  width: 1px;
  height: 1px;
  background-color: transparent;
}
.listeningMaterials__358qe .femaleAnchor__3WCJd {
  position: absolute;
  top: 627px;
  width: 1px;
  height: 1px;
  background-color: transparent;
}
.listeningMaterials__358qe .title__3F-cQ {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #222222;
  position: absolute;
  top: 106px;
  opacity: 0;
}
.listeningMaterials__358qe .explain__pok5h {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02px;
  color: #222222;
  position: absolute;
  top: 177px;
  opacity: 0;
}
.listeningMaterials__358qe .titleMove__Ydah9 {
  opacity: 1;
  transform: translateY(-80px);
  transition: all 0.8s linear 0s;
}
.listeningMaterials__358qe .movies__3rN3I {
  width: 100%;
  height: 499px;
  background: url("/home_assets/mobile/movies.png") no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 180px;
}
.listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 {
  width: 236px;
  height: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 .item__2l-N4 {
  width: 72px;
  height: 26px;
  background: #222222;
  backdrop-filter: blur(8px);
  border-radius: 35px;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.02px;
  color: #FFFFFF;
}
.listeningMaterials__358qe .female__rDJqw {
  width: 100%;
  height: 261px;
  background: url("/home_assets/mobile/female.png") no-repeat;
  background-size: contain;
  margin-bottom: 24px;
  position: absolute;
  top: 669px;
  opacity: 0;
}
.listeningMaterials__358qe .introduction__26pt4 {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.02px;
  color: #222222;
  position: absolute;
  top: 954px;
  opacity: 0;
}
.listeningMaterials__358qe .femaleMove__38r-- {
  opacity: 1;
  transform: translateY(-80px);
  transition: all 0.8s linear 0s;
}
@media screen and (width: 360px) {
  .listeningMaterials__358qe {
    height: 1001.3px;
    padding-bottom: 65px;
  }
  .listeningMaterials__358qe .titleAnchor__1jfsT {
    top: 63.5px;
  }
  .listeningMaterials__358qe .femaleAnchor__3WCJd {
    top: 602px;
  }
  .listeningMaterials__358qe .title__3F-cQ {
    font-size: 19.2px;
    line-height: 29px;
    top: 104px;
  }
  .listeningMaterials__358qe .explain__pok5h {
    font-size: 11.5px;
    line-height: 19px;
    letter-spacing: 0.02px;
    top: 172.5px;
  }
  .listeningMaterials__358qe .titleMove__Ydah9 {
    transform: translateY(-80px);
  }
  .listeningMaterials__358qe .movies__3rN3I {
    width: 100%;
    height: 431px;
    top: 173px;
  }
  .listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 {
    width: 226.5px;
    height: 25px;
  }
  .listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 .item__2l-N4 {
    width: 69px;
    height: 25px;
    backdrop-filter: blur(7.7px);
    border-radius: 33.6px;
    font-size: 11.5px;
    line-height: 25px;
    letter-spacing: 0.02px;
  }
  .listeningMaterials__358qe .female__rDJqw {
    height: 250.5px;
    top: 644px;
  }
  .listeningMaterials__358qe .introduction__26pt4 {
    font-size: 11.5px;
    line-height: 19px;
    letter-spacing: 0.02px;
    top: 918.5px;
  }
  .listeningMaterials__358qe .femaleMove__38r-- {
    transform: translateY(-80px);
  }
}
@media screen and (width: 320px) {
  .listeningMaterials__358qe {
    height: 890px;
    padding-bottom: 58px;
  }
  .listeningMaterials__358qe .titleAnchor__1jfsT {
    top: 63.5px;
  }
  .listeningMaterials__358qe .femaleAnchor__3WCJd {
    top: 602px;
  }
  .listeningMaterials__358qe .title__3F-cQ {
    font-size: 17px;
    line-height: 25px;
    top: 104px;
  }
  .listeningMaterials__358qe .explain__pok5h {
    font-size: 10px;
    line-height: 17px;
    letter-spacing: 0.02px;
    top: 157px;
  }
  .listeningMaterials__358qe .titleMove__Ydah9 {
    transform: translateY(-80px);
  }
  .listeningMaterials__358qe .movies__3rN3I {
    width: 100%;
    height: 383px;
    top: 154px;
  }
  .listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 {
    width: 201.4px;
    height: 22.2px;
  }
  .listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 .item__2l-N4 {
    width: 61.5px;
    height: 22.2px;
    backdrop-filter: blur(6.8px);
    border-radius: 32px;
    font-size: 10.2px;
    line-height: 17px;
    letter-spacing: 0.02px;
  }
  .listeningMaterials__358qe .female__rDJqw {
    height: 223px;
    top: 577px;
  }
  .listeningMaterials__358qe .introduction__26pt4 {
    font-size: 10px;
    line-height: 17px;
    letter-spacing: 0.02px;
    top: 820px;
  }
  .listeningMaterials__358qe .femaleMove__38r-- {
    transform: translateY(-80px);
  }
}
@media screen and (width: 414px) {
  .listeningMaterials__358qe {
    height: 1151.5px;
    padding-bottom: 75.5px;
  }
  .listeningMaterials__358qe .titleAnchor__1jfsT {
    top: 71px;
  }
  .listeningMaterials__358qe .femaleAnchor__3WCJd {
    top: 693.5px;
  }
  .listeningMaterials__358qe .title__3F-cQ {
    font-size: 22px;
    line-height: 33px;
    top: 113px;
  }
  .listeningMaterials__358qe .explain__pok5h {
    font-size: 13.2px;
    line-height: 22px;
    letter-spacing: 0.02px;
    top: 191px;
  }
  .listeningMaterials__358qe .titleMove__Ydah9 {
    transform: translateY(-80px);
  }
  .listeningMaterials__358qe .movies__3rN3I {
    width: 100%;
    height: 495.7px;
    top: 199px;
  }
  .listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 {
    width: 260.5px;
    height: 28.7px;
  }
  .listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 .item__2l-N4 {
    width: 79.5px;
    height: 28.7px;
    backdrop-filter: blur(8.8px);
    border-radius: 38.6px;
    font-size: 13.2px;
    line-height: 28.7px;
    letter-spacing: 0.02px;
  }
  .listeningMaterials__358qe .female__rDJqw {
    height: 288px;
    top: 734.5px;
  }
  .listeningMaterials__358qe .introduction__26pt4 {
    font-size: 13.2px;
    line-height: 22px;
    letter-spacing: 0.02px;
    top: 1049px;
  }
  .listeningMaterials__358qe .femaleMove__38r-- {
    transform: translateY(-80px);
  }
}
@media screen and (width: 768px) {
  .listeningMaterials__358qe {
    height: 2136px;
    padding-bottom: 141px;
  }
  .listeningMaterials__358qe .titleAnchor__1jfsT {
    top: 133px;
  }
  .listeningMaterials__358qe .femaleAnchor__3WCJd {
    top: 1286px;
  }
  .listeningMaterials__358qe .title__3F-cQ {
    font-size: 41px;
    line-height: 61px;
    top: 205px;
  }
  .listeningMaterials__358qe .explain__pok5h {
    font-size: 24.5px;
    line-height: 41px;
    letter-spacing: 0.04px;
    top: 261px;
  }
  .listeningMaterials__358qe .titleMove__Ydah9 {
    transform: translateY(-140px);
  }
  .listeningMaterials__358qe .movies__3rN3I {
    width: 100%;
    height: 920px;
    top: 368.5px;
  }
  .listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 {
    width: 483px;
    height: 53px;
  }
  .listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 .item__2l-N4 {
    width: 147.5px;
    height: 53px;
    backdrop-filter: blur(16.3px);
    border-radius: 71.6px;
    font-size: 24.5px;
    line-height: 41px;
    letter-spacing: 0.04px;
  }
  .listeningMaterials__358qe .female__rDJqw {
    height: 534.5px;
    top: 1358px;
  }
  .listeningMaterials__358qe .introduction__26pt4 {
    font-size: 24.5px;
    line-height: 41px;
    letter-spacing: 0.04px;
    top: 1942px;
  }
  .listeningMaterials__358qe .femaleMove__38r-- {
    transform: translateY(-140px);
  }
}
@media screen and (width: 1024px) {
  .listeningMaterials__358qe {
    height: 2848px;
    padding-bottom: 187px;
  }
  .listeningMaterials__358qe .titleAnchor__1jfsT {
    top: 179px;
  }
  .listeningMaterials__358qe .femaleAnchor__3WCJd {
    top: 1715.5px;
  }
  .listeningMaterials__358qe .title__3F-cQ {
    font-size: 54.6px;
    line-height: 82px;
    top: 281px;
  }
  .listeningMaterials__358qe .explain__pok5h {
    font-size: 32.7px;
    line-height: 55px;
    letter-spacing: 0.05px;
    top: 475px;
  }
  .listeningMaterials__358qe .titleMove__Ydah9 {
    transform: translateY(-200px);
  }
  .listeningMaterials__358qe .movies__3rN3I {
    width: 100%;
    height: 1226px;
    top: 491.5px;
  }
  .listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 {
    width: 644.5px;
    height: 71px;
  }
  .listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 .item__2l-N4 {
    width: 196.6px;
    height: 71px;
    backdrop-filter: blur(21.8px);
    border-radius: 95.5px;
    font-size: 32.7px;
    line-height: 55px;
    letter-spacing: 0.05px;
  }
  .listeningMaterials__358qe .female__rDJqw {
    height: 712.7px;
    top: 1817.5px;
  }
  .listeningMaterials__358qe .introduction__26pt4 {
    font-size: 32.7px;
    line-height: 55px;
    letter-spacing: 0.05px;
    top: 2596.8px;
  }
  .listeningMaterials__358qe .femaleMove__38r-- {
    transform: translateY(-200px);
  }
}
@media screen and (width: 1366px) {
  .listeningMaterials__358qe {
    height: 3799px;
    padding-bottom: 250px;
  }
  .listeningMaterials__358qe .titleAnchor__1jfsT {
    top: 239px;
  }
  .listeningMaterials__358qe .femaleAnchor__3WCJd {
    top: 2289px;
  }
  .listeningMaterials__358qe .title__3F-cQ {
    font-size: 72.8px;
    line-height: 109px;
    top: 391.5px;
  }
  .listeningMaterials__358qe .explain__pok5h {
    font-size: 43.7px;
    line-height: 73px;
    letter-spacing: 0.07px;
    top: 625px;
  }
  .listeningMaterials__358qe .titleMove__Ydah9 {
    transform: translateY(-300px);
  }
  .listeningMaterials__358qe .movies__3rN3I {
    width: 100%;
    height: 1635.5px;
    top: 655.5px;
  }
  .listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 {
    width: 859.6px;
    height: 94.7px;
  }
  .listeningMaterials__358qe .movies__3rN3I .itemBar__1xh14 .item__2l-N4 {
    width: 262.2px;
    height: 94.7px;
    backdrop-filter: blur(29.1px);
    border-radius: 127.5px;
    font-size: 43.7px;
    line-height: 73px;
    letter-spacing: 0.07px;
  }
  .listeningMaterials__358qe .female__rDJqw {
    height: 950.7px;
    top: 2441px;
  }
  .listeningMaterials__358qe .introduction__26pt4 {
    font-size: 43.7px;
    line-height: 73px;
    letter-spacing: 0.07px;
    top: 3480px;
  }
  .listeningMaterials__358qe .femaleMove__38r-- {
    transform: translateY(-300px);
  }
}
.seoContent__3XWaS {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen__1Wdke {
  width: 375px;
  position: relative;
}
@media screen and (width: 320px) {
  .screen__1Wdke {
    width: 320px;
  }
}
@media screen and (width: 414px) {
  .screen__1Wdke {
    width: 414px;
  }
}
@media screen and (width: 768px) {
  .screen__1Wdke {
    width: 768px;
  }
}
@media screen and (width: 1024px) {
  .screen__1Wdke {
    width: 1024px;
  }
}
@media screen and (width: 360px) {
  .screen__1Wdke {
    width: 360px;
  }
}
@media screen and (width: 1366px) {
  .screen__1Wdke {
    width: 1366px;
  }
}
.signInCard__3mHXN {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.signInCard__3mHXN .signInPic__qWHi2 {
  width: 240px;
  height: 301px;
  background: #FFFFFF;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin-bottom: 27px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 29px;
  position: relative;
}
.signInCard__3mHXN .signInPic__qWHi2 .picTitle__3_PMj {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  margin-bottom: 4px;
}
.signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #FB9E01;
  margin-bottom: 5px;
}
.signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt .special__3pVDb {
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  color: #FB9E01;
}
.signInCard__3mHXN .signInPic__qWHi2 .codePic__2In4B {
  width: 129px;
  height: 129px;
}
.signInCard__3mHXN .signInPic__qWHi2 .bottomTips__5RB4v {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 51px;
  background: #FFE15A;
  border-radius: 0 0 10px 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 51px;
  text-align: center;
  color: #333333;
}
.signInCard__3mHXN .downloadPic__ksFAj {
  width: 264px;
  height: 300px;
  padding-top: 49px;
  padding-left: 20px;
  padding-right: 20px;
}
.signInCard__3mHXN .downloadPic__ksFAj .downloadTitle__1cMYa {
  width: 114px;
  height: 22px;
  background: url("/home_assets/mobile/app_title.png") no-repeat;
  background-size: contain;
  margin-bottom: 39px;
}
.signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw {
  width: 104px;
}
.signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .cardTitle__lj5ou {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  text-align: center;
  margin-bottom: 13px;
}
.signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .codePic__2In4B {
  width: 104px;
  height: 104px;
}
.signInCard__3mHXN .signInBtn__1CHzM {
  width: 40px;
  height: 40px;
  background: url("/home_assets/mobile/signin_btn.png") no-repeat;
  background-size: contain;
}
@media screen and (width: 360px) {
  .signInCard__3mHXN .signInPic__qWHi2 {
    width: 240px;
    height: 301px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-bottom: 27px;
    padding-top: 29px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .picTitle__3_PMj {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt .special__3pVDb {
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .codePic__2In4B {
    width: 129px;
    height: 129px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .bottomTips__5RB4v {
    height: 51px;
    border-radius: 0 0 10px 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 51px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj {
    width: 264px;
    height: 300px;
    padding-top: 49px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .downloadTitle__1cMYa {
    width: 114px;
    height: 22px;
    margin-bottom: 39px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw {
    width: 104px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .cardTitle__lj5ou {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 13px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .codePic__2In4B {
    width: 104px;
    height: 104px;
  }
  .signInCard__3mHXN .signInBtn__1CHzM {
    width: 40px;
    height: 40px;
  }
}
@media screen and (width: 320px) {
  .signInCard__3mHXN .signInPic__qWHi2 {
    width: 220px;
    height: 276px;
    box-shadow: 0 9px 27.5px rgba(0, 0, 0, 0.2);
    border-radius: 9px;
    margin-bottom: 27px;
    padding-top: 26.5px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .picTitle__3_PMj {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 3px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 4.5px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt .special__3pVDb {
    font-size: 28px;
    line-height: 37px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .codePic__2In4B {
    width: 120px;
    height: 120px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .bottomTips__5RB4v {
    height: 46.5px;
    border-radius: 0 0 9px 9px;
    font-size: 14px;
    line-height: 46.5px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj {
    width: 237px;
    height: 269px;
    padding-top: 44px;
    padding-left: 17px;
    padding-right: 17px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .downloadTitle__1cMYa {
    width: 101px;
    height: 20px;
    margin-bottom: 34px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw {
    width: 94px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .cardTitle__lj5ou {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 11.5px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .codePic__2In4B {
    width: 94px;
    height: 94px;
  }
  .signInCard__3mHXN .signInBtn__1CHzM {
    width: 40px;
    height: 40px;
  }
}
@media screen and (width: 414px) {
  .signInCard__3mHXN .signInPic__qWHi2 {
    width: 260px;
    height: 326px;
    box-shadow: 0 11px 32.5px rgba(0, 0, 0, 0.2);
    border-radius: 11px;
    margin-bottom: 28px;
    padding-top: 31.5px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .picTitle__3_PMj {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 3.5px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 6px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt .special__3pVDb {
    font-size: 32px;
    line-height: 43px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .codePic__2In4B {
    width: 140px;
    height: 140px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .bottomTips__5RB4v {
    height: 55px;
    border-radius: 0 0 11px 11px;
    font-size: 16px;
    line-height: 55px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj {
    width: 280px;
    height: 318px;
    padding-top: 52px;
    padding-left: 21.5px;
    padding-right: 21.5px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .downloadTitle__1cMYa {
    width: 119px;
    height: 24px;
    margin-bottom: 40px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw {
    width: 110px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .cardTitle__lj5ou {
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 14px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .codePic__2In4B {
    width: 110px;
    height: 110px;
  }
  .signInCard__3mHXN .signInBtn__1CHzM {
    width: 40px;
    height: 40px;
  }
}
@media screen and (width: 768px) {
  .signInCard__3mHXN .signInPic__qWHi2 {
    width: 520px;
    height: 652px;
    box-shadow: 0 22px 65px rgba(0, 0, 0, 0.2);
    border-radius: 22px;
    margin-bottom: 56px;
    padding-top: 63px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .picTitle__3_PMj {
    font-size: 34px;
    line-height: 43px;
    margin-bottom: 7px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt {
    font-size: 32px;
    line-height: 52px;
    margin-bottom: 12px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt .special__3pVDb {
    font-size: 64px;
    line-height: 87px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .codePic__2In4B {
    width: 280px;
    height: 280px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .bottomTips__5RB4v {
    height: 110.5px;
    border-radius: 0 0 22px 22px;
    font-size: 32px;
    line-height: 110.5px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj {
    width: 560px;
    height: 636px;
    padding-top: 104px;
    padding-left: 42px;
    padding-right: 42px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .downloadTitle__1cMYa {
    width: 238px;
    height: 48px;
    margin-bottom: 79px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw {
    width: 220px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .cardTitle__lj5ou {
    font-size: 34px;
    line-height: 42px;
    margin-bottom: 27px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .codePic__2In4B {
    width: 220px;
    height: 220px;
  }
  .signInCard__3mHXN .signInBtn__1CHzM {
    width: 80px;
    height: 80px;
  }
}
@media screen and (width: 1024px) {
  .signInCard__3mHXN .signInPic__qWHi2 {
    width: 700px;
    height: 878px;
    box-shadow: 0 29px 87.5px rgba(0, 0, 0, 0.2);
    border-radius: 29px;
    margin-bottom: 70px;
    padding-top: 84.5px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .picTitle__3_PMj {
    font-size: 46px;
    line-height: 58px;
    margin-bottom: 10px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt {
    font-size: 43px;
    line-height: 70px;
    margin-bottom: 15.5px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt .special__3pVDb {
    font-size: 86px;
    line-height: 117px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .codePic__2In4B {
    width: 377px;
    height: 377px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .bottomTips__5RB4v {
    height: 149.5px;
    border-radius: 0 0 29px 29px;
    font-size: 43px;
    line-height: 149.5px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj {
    width: 803px;
    height: 913px;
    padding-top: 149px;
    padding-left: 61px;
    padding-right: 61px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .downloadTitle__1cMYa {
    width: 341px;
    height: 69px;
    margin-bottom: 114px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw {
    width: 316px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .cardTitle__lj5ou {
    font-size: 48px;
    line-height: 61px;
    margin-bottom: 39px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .codePic__2In4B {
    width: 316px;
    height: 316px;
  }
  .signInCard__3mHXN .signInBtn__1CHzM {
    width: 100px;
    height: 100px;
  }
}
@media screen and (width: 1366px) {
  .signInCard__3mHXN .signInPic__qWHi2 {
    width: 900px;
    height: 1129px;
    box-shadow: 0 37.5px 112.5px rgba(0, 0, 0, 0.2);
    border-radius: 37.5px;
    margin-bottom: 100px;
    padding-top: 109px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .picTitle__3_PMj {
    font-size: 60px;
    line-height: 75px;
    margin-bottom: 13.5px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt {
    font-size: 55px;
    line-height: 90px;
    margin-bottom: 20px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .priceLine__3yuqt .special__3pVDb {
    font-size: 110px;
    line-height: 150px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .codePic__2In4B {
    width: 484px;
    height: 484px;
  }
  .signInCard__3mHXN .signInPic__qWHi2 .bottomTips__5RB4v {
    height: 191px;
    border-radius: 0 0 37.5px 37.5px;
    font-size: 55px;
    line-height: 191px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj {
    width: 1000px;
    height: 1136px;
    padding-top: 185.6px;
    padding-left: 75.5px;
    padding-right: 75.5px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .downloadTitle__1cMYa {
    width: 425px;
    height: 86px;
    margin-bottom: 145px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw {
    width: 393px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .cardTitle__lj5ou {
    font-size: 60px;
    line-height: 76px;
    margin-bottom: 49px;
  }
  .signInCard__3mHXN .downloadPic__ksFAj .codeContainer__1iRXt .codeCard__-GJVw .codePic__2In4B {
    width: 393px;
    height: 393px;
  }
  .signInCard__3mHXN .signInBtn__1CHzM {
    width: 150px;
    height: 150px;
  }
}

.screen__37nci {
  width: 375px;
  position: relative;
}
@media screen and (width: 320px) {
  .screen__37nci {
    width: 320px;
  }
}
@media screen and (width: 414px) {
  .screen__37nci {
    width: 414px;
  }
}
@media screen and (width: 768px) {
  .screen__37nci {
    width: 768px;
  }
}
@media screen and (width: 1024px) {
  .screen__37nci {
    width: 1024px;
  }
}
@media screen and (width: 360px) {
  .screen__37nci {
    width: 360px;
  }
}
@media screen and (width: 1366px) {
  .screen__37nci {
    width: 1366px;
  }
}
.firstScreenAdult__2JjCq {
  width: 375px;
  position: relative;
  width: 100%;
  overflow-x: hidden;
  height: 100vh;
  background: linear-gradient(74.99deg, rgba(255, 229, 153, 0.27) -3.88%, rgba(255, 255, 255, 0.27) 104.32%);
  position: absolute;
  z-index: 100;
  transition: all 1s ease-in 0s;
  transform: translateY(0);
}
.firstScreenAdult__2JjCq .mainContent__KTlMJ {
  position: relative;
  width: 100%;
}
.firstScreenAdult__2JjCq .mainContent__KTlMJ .title__32rKo {
  position: absolute;
  top: 57px;
  left: 50%;
  transform: translateX(-50%);
  width: 790px;
  height: 128px;
  background: url("/home_assets/web-adult/first_screen_title.png") no-repeat;
  background-size: contain;
}
.firstScreenAdult__2JjCq .mainContent__KTlMJ .subTitle__30EMr {
  position: absolute;
  top: 214px;
  width: 100%;
  text-align: center;
  font-size: 29px;
  line-height: 41px;
  color: #2A2A2A;
}
.firstScreenAdult__2JjCq .mainContent__KTlMJ .stars__3HW_F {
  position: absolute;
  top: 306px;
  width: 762px;
  height: 583px;
  left: 50%;
  transform: translateX(-50%);
  background: url("/home_assets/web-adult/stars.png") no-repeat;
  background-size: contain;
}
.firstScreenAdult__2JjCq .mainContent__KTlMJ .mainMan__3cdRU {
  position: absolute;
  width: 592px;
  height: 494px;
  background: url("/home_assets/web-adult/main_man.png") no-repeat;
  background-size: contain;
  top: 428px;
  left: 50%;
  transform: translateX(-50%);
}
.firstScreenAdult__2JjCq .mainContent__KTlMJ .bg__z4NS6 {
  width: 1200px;
  height: 485px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 306px;
  background: url("/home_assets/web-adult/first_screen_bg.png") no-repeat;
  background-size: contain;
}
.whiteModal__1fI2g {
  width: 100%;
  overflow-x: hidden;
  height: 100vh;
  background: #ffffff;
  position: absolute;
  z-index: 99;
}
.firstScreenAdultHide__3SgGZ {
  transition: all 1s linear 0s;
  transform: translateY(-3000px);
}
.seoContent__bqcyq {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen__2Pd7O {
  min-height: 100vh;
  width: 100%;
  position: relative;
  min-width: 1160px;
}
@media screen and (max-width: 1920px) {
  .screen__2Pd7O {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__2Pd7O {
    min-width: 990px;
  }
}
.screen__2Pd7O .main__1weWH {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .screen__2Pd7O .main__1weWH {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__2Pd7O .main__1weWH {
    width: 990px;
  }
}
.screen__2Pd7O .image__2tTux {
  position: relative;
}
.seoContent__2gyPy {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.suitablePeopleAdult__3wZhW {
  min-height: 100vh;
  position: relative;
  min-width: 1160px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  padding-top: 228px;
  padding-bottom: 114px;
}
@media screen and (max-width: 1920px) {
  .suitablePeopleAdult__3wZhW {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .suitablePeopleAdult__3wZhW {
    min-width: 990px;
  }
}
.suitablePeopleAdult__3wZhW .main__1weWH {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .suitablePeopleAdult__3wZhW .main__1weWH {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .suitablePeopleAdult__3wZhW .main__1weWH {
    width: 990px;
  }
}
.suitablePeopleAdult__3wZhW .image__2tTux {
  position: relative;
}
.suitablePeopleAdult__3wZhW .topAnchor__3gS3p {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  top: 0;
}
.suitablePeopleAdult__3wZhW .topAnchorHref__1lMle {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: 1200px;
}
.suitablePeopleAdult__3wZhW .title__RDDcF {
  width: 160px;
  height: 60px;
  background: url("/home_assets/web-adult/suitable_people_title.png") no-repeat;
  background-size: contain;
  margin-bottom: 60px;
}
.suitablePeopleAdult__3wZhW .animationContainer__3UdOK {
  display: flex;
  justify-content: space-between;
  width: 1062px;
  height: 434px;
}
.suitablePeopleAdult__3wZhW .animationContainer__3UdOK .peopleCard__1rx-1 {
  width: 300px;
  height: 434px;
  background-color: #F5F5F5;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 46px;
  margin-bottom: 30px;
}
.suitablePeopleAdult__3wZhW .animationContainer__3UdOK .peopleCard__1rx-1 .avatar__2AM3R {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.suitablePeopleAdult__3wZhW .animationContainer__3UdOK .peopleCard__1rx-1 .name__2lkOs {
  font-weight: 600;
  font-size: 25px;
  line-height: 35px;
  color: #211F1F;
  margin-bottom: 14px;
}
.suitablePeopleAdult__3wZhW .animationContainer__3UdOK .peopleCard__1rx-1 .desc__2ZZGD {
  font-size: 14px;
  line-height: 24px;
  color: #888888;
}
.suitablePeopleAdult__3wZhW .animationContainer__3UdOK .peopleCard__1rx-1 .avatar1__7YLbN {
  background-image: url("/home_assets/web-adult/people_avatar1.png");
}
.suitablePeopleAdult__3wZhW .animationContainer__3UdOK .peopleCard__1rx-1 .avatar2__28ffU {
  background-image: url("/home_assets/web-adult/people_avatar2.png");
}
.suitablePeopleAdult__3wZhW .animationContainer__3UdOK .peopleCard__1rx-1 .avatar3__3GQ-4 {
  background-image: url("/home_assets/web-adult/people_avatar3.png");
}
.seoContent__2gyPy {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen__RZB1u {
  min-height: 100vh;
  width: 100%;
  position: relative;
  min-width: 1160px;
}
@media screen and (max-width: 1920px) {
  .screen__RZB1u {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__RZB1u {
    min-width: 990px;
  }
}
.screen__RZB1u .main__1UpZX {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .screen__RZB1u .main__1UpZX {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__RZB1u .main__1UpZX {
    width: 990px;
  }
}
.screen__RZB1u .image__1IpZ5 {
  position: relative;
}
.seoContent__3oM0y {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.courseHighlightsAdult__ZycVd {
  min-height: 100vh;
  position: relative;
  min-width: 1160px;
  width: 100%;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .courseHighlightsAdult__ZycVd {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .courseHighlightsAdult__ZycVd {
    min-width: 990px;
  }
}
.courseHighlightsAdult__ZycVd .main__1UpZX {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .courseHighlightsAdult__ZycVd .main__1UpZX {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .courseHighlightsAdult__ZycVd .main__1UpZX {
    width: 990px;
  }
}
.courseHighlightsAdult__ZycVd .image__1IpZ5 {
  position: relative;
}
.courseHighlightsAdult__ZycVd .titleContainer__32EGg {
  width: 1356px;
  height: 100px;
  position: relative;
  margin-bottom: 127px;
}
.courseHighlightsAdult__ZycVd .titleContainer__32EGg .titlePic__1n5aW {
  width: 442px;
  height: 100px;
  background: url("/home_assets/web-adult/course_title.png") no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 2;
  right: 0;
}
.courseHighlightsAdult__ZycVd .titleContainer__32EGg .titleCn__ZX5Qc {
  font-weight: 800;
  font-size: 40px;
  line-height: 60px;
  color: #222222;
  opacity: 0;
  position: absolute;
  z-index: 2;
  bottom: 10px;
}
.courseHighlightsAdult__ZycVd .titleContainer__32EGg .titleCnShow__3REo1 {
  opacity: 1;
  transition: all 0s linear 1s;
}
.courseHighlightsAdult__ZycVd .titleContainer__32EGg .titleWideLine__dfGPm {
  position: absolute;
  width: 0;
  height: 30px;
  bottom: 3px;
  right: 0;
  background: #FBDC53;
  z-index: 0;
}
.courseHighlightsAdult__ZycVd .titleContainer__32EGg .titleWideLineMove__34vaC {
  width: 280px;
  transition: all 0.3s ease-in-out 0s;
}
.courseHighlightsAdult__ZycVd .titleContainer__32EGg .titleLine__3my1H {
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 3px;
  right: 6px;
  background-color: #FBDC53;
}
.courseHighlightsAdult__ZycVd .titleContainer__32EGg .titleLineMove__Tnxow {
  width: 1355px;
  transition: all 1s ease-in-out 0.3s;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d {
  width: 1350px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 86px;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .leftContainer__2fFLo {
  width: 439px;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .leftContainer__2fFLo .leftContainerBox__3i5Ko {
  opacity: 0;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .leftContainer__2fFLo .leftContainerBox__3i5Ko .firstRank__S-xKt {
  width: 206px;
  height: 106px;
  background: url("/home_assets/web-adult/first_rank.png") no-repeat;
  background-size: contain;
  margin-bottom: 4px;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .leftContainer__2fFLo .leftContainerBox__3i5Ko .firstTitle__1zjMx {
  font-weight: 600;
  font-size: 36px;
  line-height: 50px;
  color: #222222;
  margin-bottom: 59px;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .leftContainer__2fFLo .leftContainerBox__3i5Ko .firstDesc__2nwPD {
  font-size: 20px;
  line-height: 28px;
  color: #888888;
  margin-bottom: 148px;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .leftContainer__2fFLo .leftContainerBoxShow__KS6WK {
  opacity: 1;
  transition: all 1s ease-in-out 3s;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .leftContainer__2fFLo .arrows__1aymN {
  width: 80px;
  height: 194px;
  background: url("/home_assets/web-adult/arrows.png") no-repeat;
  background-size: contain;
  margin-bottom: 80px;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .leftContainer__2fFLo .rankAnchor__18GFa {
  width: 1px;
  height: 1px;
  background: transparent;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc {
  position: relative;
  width: 651px;
  height: 700px;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .circleMen__1C8Bw {
  width: 538.5px;
  height: 538.5px;
  background: url("/home_assets/web-adult/circle_men.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  opacity: 0;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .circleMenShow__jPtBs {
  opacity: 1;
  transition: all 0.5s ease-in-out 2s;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .line1__2fKLe {
  width: 0;
  height: 0;
  background: url("/home_assets/web-adult/line1.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 70px;
  left: 405px;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .line1Animation__3Gdr5 {
  width: 174.5px;
  height: 134.5px;
  transition: width 0.4s ease-in-out 2.5s;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .line2__E3S22 {
  width: 0;
  height: 0;
  background: url("/home_assets/web-adult/line2.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 500px;
  top: 230px;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .line2Animation__14_S1 {
  width: 209px;
  height: 107px;
  transition: height 0.4s ease-in-out 4.1s;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .line3__mtf4- {
  width: 0;
  height: 0;
  background: url("/home_assets/web-adult/line3.png") no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 70px;
  left: 345px;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .line3Animation__3Q9Bl {
  width: 163.5px;
  height: 114.3px;
  transition: width 0.4s ease-in-out 3.3s;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .wordBlock1__16AmW {
  width: 112px;
  height: 48px;
  background: url("/home_assets/web-adult/word_block1.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 20px;
  right: 78px;
  opacity: 0;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .wordBlock1Animation__3uk9T {
  opacity: 1;
  transition: all 0.4s ease-in-out 2.9s;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .wordBlock2__1JfeM {
  width: 130px;
  height: 72px;
  background: url("/home_assets/web-adult/word_block2.png") no-repeat;
  background-size: contain;
  position: absolute;
  left: -60px;
  top: 155px;
  opacity: 0;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .wordBlock2Animation__8UmMj {
  opacity: 1;
  transition: all 0.4s ease-in-out 4.5s;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .wordBlock3__V___y {
  width: 112px;
  height: 72px;
  background: url("/home_assets/web-adult/word_block3.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 635px;
  right: 150px;
  opacity: 0;
}
.courseHighlightsAdult__ZycVd .firstContainer__2UT7d .rightContainer__1HWlc .wordBlock3Animation__61jWM {
  opacity: 1;
  transition: all 0.4s ease-in-out 3.7s;
}
.courseHighlightsAdult__ZycVd .secondContainer__1NnAm {
  width: 1350px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.courseHighlightsAdult__ZycVd .secondContainer__1NnAm .movieStarPic__19W6z {
  width: 748px;
  height: 581px;
  background: url("/home_assets/web-adult/movie_star.png") no-repeat;
  background-size: contain;
  opacity: 0;
}
.courseHighlightsAdult__ZycVd .secondContainer__1NnAm .movieStarPicShow__VmUpn {
  opacity: 1;
  transition: all 0.5s ease-in-out 0s;
}
.courseHighlightsAdult__ZycVd .secondContainer__1NnAm .wordsContainer__1U-tg {
  width: 396px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.courseHighlightsAdult__ZycVd .secondContainer__1NnAm .wordsContainer__1U-tg .wordsContainerBox__bVZEt {
  margin-top: 200px;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.courseHighlightsAdult__ZycVd .secondContainer__1NnAm .wordsContainer__1U-tg .wordsContainerBox__bVZEt .secondRank__3yakV {
  width: 212px;
  height: 106px;
  background: url("/home_assets/web-adult/second_rank.png") no-repeat;
  background-size: contain;
}
.courseHighlightsAdult__ZycVd .secondContainer__1NnAm .wordsContainer__1U-tg .wordsContainerBox__bVZEt .secondTitle__1eTD- {
  font-weight: 600;
  font-size: 36px;
  line-height: 60px;
  color: #222222;
  margin-bottom: 46px;
}
.courseHighlightsAdult__ZycVd .secondContainer__1NnAm .wordsContainer__1U-tg .wordsContainerBox__bVZEt .secondDesc__2UBiU {
  font-size: 20px;
  line-height: 28px;
  text-align: right;
  letter-spacing: 0.02px;
  color: #888888;
  margin-bottom: 127px;
}
.courseHighlightsAdult__ZycVd .secondContainer__1NnAm .wordsContainer__1U-tg .wordsContainerBoxShow__3QFMN {
  opacity: 1;
  transition: all 0.5s ease-in-out 0.5s;
}
.courseHighlightsAdult__ZycVd .secondContainer__1NnAm .wordsContainer__1U-tg .arrows2__2x3RA {
  width: 80px;
  height: 122px;
  background: url("/home_assets/web-adult/arrows2.png") no-repeat;
  background-size: contain;
}
.seoContent__3oM0y {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen__1PaXF {
  min-height: 100vh;
  width: 100%;
  position: relative;
  min-width: 1160px;
}
@media screen and (max-width: 1920px) {
  .screen__1PaXF {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__1PaXF {
    min-width: 990px;
  }
}
.screen__1PaXF .main__224l9 {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .screen__1PaXF .main__224l9 {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__1PaXF .main__224l9 {
    width: 990px;
  }
}
.screen__1PaXF .image__234UF {
  position: relative;
}
.seoContent__3sOAk {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.massiveResourcesAdult__1YxWM {
  min-height: 100vh;
  position: relative;
  min-width: 1160px;
  width: 100%;
  overflow-x: hidden;
  background-color: #222222;
  height: 1349px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1920px) {
  .massiveResourcesAdult__1YxWM {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .massiveResourcesAdult__1YxWM {
    min-width: 990px;
  }
}
.massiveResourcesAdult__1YxWM .main__224l9 {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .massiveResourcesAdult__1YxWM .main__224l9 {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .massiveResourcesAdult__1YxWM .main__224l9 {
    width: 990px;
  }
}
.massiveResourcesAdult__1YxWM .image__234UF {
  position: relative;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j {
  width: 1244px;
  position: relative;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .massiveTitle__2Art1 {
  position: absolute;
  width: 984px;
  height: 100px;
  top: 456px;
  background: url("/home_assets/web-adult/massive_title.png") no-repeat;
  background-size: contain;
  opacity: 0;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .titleMove__3NPx0 {
  top: 156px;
  opacity: 1;
  transition: all 1s ease-in-out 0s;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .massiveDesc__1f1wz {
  font-weight: 600;
  font-size: 36px;
  line-height: 60px;
  color: #FFFFFF;
  position: absolute;
  top: 556px;
  opacity: 0;
  z-index: 2;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .descMove__3FMuT {
  top: 256px;
  opacity: 1;
  transition: all 1s ease-in-out 0.5s;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .arrow1__WolMx {
  position: absolute;
  top: 20px;
  right: -55px;
  width: 80px;
  height: 50px;
  background: url("/home_assets/web-adult/arrow1.png") no-repeat;
  background-size: contain;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .tagBg__2Xnco {
  width: 150px;
  height: 54px;
  background: url("/home_assets/web-adult/tag_bg.png") no-repeat;
  background-size: contain;
  font-size: 18px;
  line-height: 54px;
  letter-spacing: 0.02px;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  z-index: 2;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .tag1__2S_lf {
  top: 421px;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .tag1Animation__3N2bp {
  animation: pulse__2Bdur 0.3s ease-in-out 2s 1;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .tag2__2CJS1 {
  top: 421px;
  left: 193px;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .tag2Animation__DWmtF {
  animation: pulse__2Bdur 0.3s ease-in-out 2.3s 1;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .tag3__1vywz {
  top: 421px;
  left: 386px;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .tag3Animation__1hGCL {
  animation: pulse__2Bdur 0.3s ease-in-out 2.6s 1;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .movies__2qZm7 {
  width: 1281px;
  height: 960px;
  background-image: url("/home_assets/web-adult/movies.png");
  background-repeat: no-repeat;
  background-color: #222222;
  background-size: contain;
  position: absolute;
  top: 286px;
}
.massiveResourcesAdult__1YxWM .massiveContainer__2Hk_j .anchor__T9gUZ {
  width: 1px;
  height: 1px;
  top: 746px;
  position: absolute;
  opacity: 0;
}
@keyframes pulse__2Bdur {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
.seoContent__3sOAk {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen__JeyCw {
  min-height: 100vh;
  width: 100%;
  position: relative;
  min-width: 1160px;
}
@media screen and (max-width: 1920px) {
  .screen__JeyCw {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__JeyCw {
    min-width: 990px;
  }
}
.screen__JeyCw .main__3O_j0 {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .screen__JeyCw .main__3O_j0 {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__JeyCw .main__3O_j0 {
    width: 990px;
  }
}
.screen__JeyCw .image__3t6np {
  position: relative;
}
.seoContent__1LMIG {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.easyToHard__NtNjx {
  min-height: 100vh;
  position: relative;
  min-width: 1160px;
  width: 100%;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 75px;
}
@media screen and (max-width: 1920px) {
  .easyToHard__NtNjx {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .easyToHard__NtNjx {
    min-width: 990px;
  }
}
.easyToHard__NtNjx .main__3O_j0 {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .easyToHard__NtNjx .main__3O_j0 {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .easyToHard__NtNjx .main__3O_j0 {
    width: 990px;
  }
}
.easyToHard__NtNjx .image__3t6np {
  position: relative;
}
.easyToHard__NtNjx .topContainer__1G9AC {
  position: relative;
  width: 1197px;
  height: 479px;
}
.easyToHard__NtNjx .topContainer__1G9AC .arrows__2gCsC {
  width: 80px;
  height: 194px;
  position: absolute;
  background: url("/home_assets/web-adult/arrows.png") no-repeat;
  background-size: contain;
  margin-bottom: 107px;
}
.easyToHard__NtNjx .topContainer__1G9AC .leftContainer__2di-F {
  left: 0;
  top: 400px;
  position: absolute;
  width: 338px;
  margin-right: 384px;
  opacity: 0;
}
.easyToHard__NtNjx .topContainer__1G9AC .leftContainer__2di-F .rank4__243QZ {
  width: 212px;
  height: 106px;
  background: url("/home_assets/web-adult/rank4.png") no-repeat;
  background-size: contain;
}
.easyToHard__NtNjx .topContainer__1G9AC .leftContainer__2di-F .rankTitle__3lWoa {
  font-weight: 600;
  font-size: 36px;
  line-height: 50px;
  color: #222222;
  margin-bottom: 43px;
}
.easyToHard__NtNjx .topContainer__1G9AC .leftContainer__2di-F .rankDesc__34bcj {
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.02px;
  color: #888888;
  margin-bottom: 400px;
}
.easyToHard__NtNjx .topContainer__1G9AC .leftContainer__2di-F .arrowAnchor__1bPA3 {
  width: 1px;
  height: 1px;
  background: transparent;
}
.easyToHard__NtNjx .topContainer__1G9AC .leftContainerMove__1vI5F {
  top: 240px;
  opacity: 1;
  transition: all 0.5s ease-in-out 1.2s;
}
.easyToHard__NtNjx .topContainer__1G9AC .rightContainer__2Zlov {
  position: absolute;
  top: 150px;
  right: 0;
  width: 528px;
}
.easyToHard__NtNjx .topContainer__1G9AC .rightContainer__2Zlov .pic1__1Q1Ol {
  width: 528px;
  height: 528px;
  background: url("/home_assets/web/listen_rank_pic1.png") no-repeat;
  background-size: contain;
  opacity: 0;
}
.easyToHard__NtNjx .topContainer__1G9AC .rightContainer__2Zlov .pic1Show__2Vfs9 {
  opacity: 1;
  transition: all 0.5s ease-in-out 1.2s;
}
.easyToHard__NtNjx .topContainer__1G9AC .rightContainer__2Zlov .longLine__2sF-C {
  top: 411px;
  left: 292px;
  position: absolute;
  height: 0;
  border: 1px solid #FFBB21;
}
.easyToHard__NtNjx .topContainer__1G9AC .rightContainer__2Zlov .longLineExtend__SKM0G {
  height: 194px;
  transition: all 1s ease-in-out 0s;
}
.easyToHard__NtNjx .bottomContainer__2UWiF {
  position: relative;
  width: 1197px;
  height: 784px;
  overflow-y: hidden;
}
.easyToHard__NtNjx .bottomContainer__2UWiF .arrowAnchor__1bPA3 {
  position: absolute;
  top: 359px;
  width: 1px;
  height: 1px;
  background-color: transparent;
}
.easyToHard__NtNjx .bottomContainer__2UWiF .adviceCard__1srYz {
  position: absolute;
  top: 400px;
  right: 0;
  width: 482px;
  height: 554px;
  background: url("/home_assets/mobile/advice_card.png") no-repeat;
  background-size: cover;
  opacity: 0;
}
.easyToHard__NtNjx .bottomContainer__2UWiF .adviceCardShow__2rPGB {
  opacity: 1;
  top: 200px;
  transition: all 1s ease-in-out 0s;
}
.seoContent__1LMIG {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen__2yw3o {
  position: relative;
  min-width: 1160px;
}
@media screen and (max-width: 1920px) {
  .screen__2yw3o {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__2yw3o {
    min-width: 990px;
  }
}
.screen__2yw3o .main__2c2u- {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .screen__2yw3o .main__2c2u- {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__2yw3o .main__2c2u- {
    width: 990px;
  }
}
.screen__2yw3o .image__2kbCZ {
  position: relative;
}
.seoContent__2YYeD {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.giantScreen__2td1d {
  background-image: linear-gradient(129deg, rgba(255, 229, 154, 0.27) 0%, rgba(255, 255, 255, 0.27) 100%);
  z-index: 1;
  position: relative;
  min-width: 1160px;
}
.giantScreen__2td1d:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: center 204px;
  background-image: url("/web/v2.0.0/cheesepie-text.png");
  background-size: 1665px 672px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1920px) {
  .giantScreen__2td1d {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .giantScreen__2td1d {
    min-width: 990px;
  }
}
.giantScreen__2td1d .main__2c2u- {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .giantScreen__2td1d .main__2c2u- {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .giantScreen__2td1d .main__2c2u- {
    width: 990px;
  }
}
.giantScreen__2td1d .image__2kbCZ {
  position: relative;
}
.giantScreen__2td1d .header__tcXDs {
  height: 180px;
  padding-top: 50px;
  position: relative;
  z-index: 1;
}
.giantScreen__2td1d .header__tcXDs .main__2c2u- {
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y {
  display: flex;
  align-items: center;
}
.giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .logo__2u-FQ {
  width: 80px;
  height: 80px;
  background-size: 80px;
  background-image: url("/web/logo.png");
}
.giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .info__kOytg {
  padding-left: 46px;
  position: relative;
}
.giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .info__kOytg:before {
  content: '';
  width: 2px;
  height: 51px;
  background: #222222;
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .info__kOytg h3 {
  font-size: 26px;
  font-weight: 600;
  color: #000000;
  line-height: 37px;
  margin: 0;
}
.giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .info__kOytg p {
  font-size: 21px;
  font-weight: 400;
  color: #000000;
  line-height: 29px;
  margin: 0;
}
.giantScreen__2td1d .header__tcXDs .main__2c2u- .menus__3IcGC {
  list-style: none;
  display: flex;
  margin: 0;
}
.giantScreen__2td1d .header__tcXDs .main__2c2u- .menus__3IcGC > li {
  padding: 0;
  margin: 0;
}
.giantScreen__2td1d .header__tcXDs .main__2c2u- .menus__3IcGC > li:not(:first-of-type) {
  margin-left: 100px;
}
.giantScreen__2td1d .header__tcXDs .main__2c2u- .menus__3IcGC > li a {
  font-size: 28px;
  font-weight: 500;
  color: #3A3A3A;
  line-height: 40px;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.6;
}
.giantScreen__2td1d .body__gYuzj {
  margin-top: 86px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  position: relative;
}
.giantScreen__2td1d .body__gYuzj h1 {
  font-size: 100px;
  font-weight: 600;
  color: #2A2A2A;
  line-height: 122px;
  letter-spacing: 2px;
  margin: 0;
  position: relative;
}
.giantScreen__2td1d .body__gYuzj h1:after {
  content: '';
  width: 103px;
  height: 63px;
  position: absolute;
  right: -103px;
  top: -30px;
  background-image: url("/web/v2.0.0/title-tag.png");
  background-size: 103px 63px;
}
.giantScreen__2td1d .body__gYuzj h3 {
  background: #FFDD45;
  border-radius: 31px;
  margin: 44px 0 0;
  position: relative;
  padding: 10px 57px;
  font-size: 29px;
  font-weight: 400;
  color: #2A2A2A;
  line-height: 41px;
}
.giantScreen__2td1d .body__gYuzj h3:before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}
.giantScreen__2td1d .body__gYuzj h3:after {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}
.giantScreen__2td1d .footer__jEeXx {
  z-index: 1;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 109px;
  background-color: #FFF8DB;
  display: flex;
  align-items: center;
}
.giantScreen__2td1d .footer__jEeXx .main__2c2u- {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 {
  display: flex;
  align-items: center;
  flex: 1;
}
.giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .priceInfo__3EK0p .price__2wkE9 > span:nth-of-type(1),
.giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .priceInfo__3EK0p .price__2wkE9 > span:nth-of-type(3) {
  font-size: 39px;
  font-weight: 600;
  color: #D2A15C;
  line-height: 55px;
}
.giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .priceInfo__3EK0p .price__2wkE9 > span:nth-of-type(2) {
  font-size: 72px;
  font-weight: 600;
  color: #D2A15C;
  line-height: 55px;
}
.giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .discount__30J1b {
  margin-left: 43px;
}
.giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .discount__30J1b .name__2JHw3 {
  font-size: 24px;
  font-weight: 500;
  color: #D2A15C;
  line-height: 33px;
  letter-spacing: 1px;
  text-shadow: 0 0 1px #D2A05B;
}
.giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .discount__30J1b .oldPrice__TeTpz {
  width: 106px;
  height: 31px;
  background: #E12828;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 29px;
}
.giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .signUpInfo__3SP7k {
  margin-left: 78px;
  font-size: 21px;
  font-weight: 400;
  color: #222222;
  line-height: 29px;
}
.giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .signUpInfo__3SP7k > span {
  display: inline-flex;
  width: 25px;
  height: 40px;
  background: #FFE46A;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #222222;
  line-height: 24px;
  margin-left: 7px;
}
.giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .signUpInfo__3SP7k > span:first-of-type {
  margin-left: 14px;
}
.giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .signUpInfo__3SP7k > span:last-of-type {
  margin-right: 14px;
}
.giantScreen__2td1d .footer__jEeXx .main__2c2u- .signUpButton__2Im28 {
  width: 223px;
  height: 71px;
  background: linear-gradient(180deg, #FFEF59 0%, #FFE12F 100%);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  appearance: none;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 30px;
  font-weight: 500;
  color: #222222;
  line-height: 42px;
}
.giantScreen__2td1d .readingMan__1ON43 {
  position: absolute;
  width: 983px;
  height: 739px;
  background-image: url("/web/v2.0.0/reading-man.png");
  background-size: 983px 739px;
  background-repeat: no-repeat;
  left: 50%;
  bottom: 0;
  transform: translate3d(-50%, 0, 0);
  z-index: 0;
}
@media screen and (max-width: 1680px) {
  .giantScreen__2td1d:before {
    background-position: center 179px;
    background-size: 1457px 588px;
  }
  .giantScreen__2td1d .readingMan__1ON43 {
    width: 860px;
    height: 647px;
    background-size: 860px 647px;
  }
  .giantScreen__2td1d .header__tcXDs {
    height: 160px;
    padding: 45px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- {
    height: 70px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .logo__2u-FQ {
    width: 70px;
    height: 70px;
    background-size: 70px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .info__kOytg {
    padding-left: 40px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .info__kOytg:before {
    height: 44px;
    left: 21px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .info__kOytg h3 {
    font-size: 23px;
    line-height: 32px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .info__kOytg p {
    font-size: 18px;
    line-height: 25px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .menus__3IcGC > li:not(:first-of-type) {
    margin-left: 80px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .menus__3IcGC > li a {
    font-size: 25px;
    line-height: 35px;
  }
  .giantScreen__2td1d .body__gYuzj {
    margin-top: 45px;
  }
  .giantScreen__2td1d .body__gYuzj h1 {
    font-size: 88px;
    line-height: 107px;
  }
  .giantScreen__2td1d .body__gYuzj h1:after {
    width: 90px;
    height: 55px;
    right: -90px;
    top: -25px;
    background-size: 90px 55px;
  }
  .giantScreen__2td1d .body__gYuzj h3 {
    border-radius: 27px;
    margin: 42px 0 0;
    padding: 10px 50px;
    font-size: 26px;
    line-height: 36px;
  }
  .giantScreen__2td1d .body__gYuzj h3:before {
    width: 6px;
    height: 6px;
    left: 22px;
  }
  .giantScreen__2td1d .body__gYuzj h3:after {
    width: 6px;
    height: 6px;
    right: 22px;
  }
  .giantScreen__2td1d .footer__jEeXx {
    height: 95px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .priceInfo__3EK0p .price__2wkE9 > span:nth-of-type(1),
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .priceInfo__3EK0p .price__2wkE9 > span:nth-of-type(3) {
    font-size: 34px;
    line-height: 49px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .priceInfo__3EK0p .price__2wkE9 > span:nth-of-type(2) {
    font-size: 58px;
    line-height: 49px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .discount__30J1b {
    margin-left: 46px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .discount__30J1b .name__2JHw3 {
    font-size: 21px;
    line-height: 29px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .discount__30J1b .oldPrice__TeTpz {
    width: 93px;
    height: 27px;
    border-radius: 14px;
    font-size: 18px;
    line-height: 25px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .signUpInfo__3SP7k {
    margin-left: 73px;
    font-size: 18px;
    line-height: 25px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .signUpInfo__3SP7k > span {
    width: 22px;
    height: 35px;
    border-radius: 2px;
    font-size: 18px;
    line-height: 21px;
    margin-left: 6px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .signUpInfo__3SP7k > span:first-of-type {
    margin-left: 12px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .signUpInfo__3SP7k > span:last-of-type {
    margin-right: 12px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .signUpButton__2Im28 {
    width: 195px;
    height: 62px;
    border-radius: 31px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    font-size: 26px;
    line-height: 37px;
  }
}
@media screen and (max-height: 800px) {
  .giantScreen__2td1d .readingMan__1ON43 {
    width: 532px !important;
    height: 400px !important;
    background-size: contain !important;
  }
}
@media screen and (max-width: 1440px) {
  .giantScreen__2td1d:before {
    background-position: center 153px;
    background-size: 1249px 504px;
  }
  .giantScreen__2td1d .readingMan__1ON43 {
    width: 737px;
    height: 554px;
    background-size: 737px 554px;
  }
  .giantScreen__2td1d .header__tcXDs {
    height: 136px;
    padding: 38px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- {
    height: 60px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .logo__2u-FQ {
    width: 60px;
    height: 60px;
    background-size: 60px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .info__kOytg {
    padding-left: 35px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .info__kOytg:before {
    height: 38px;
    left: 18px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .info__kOytg h3 {
    font-size: 20px;
    line-height: 28px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .brand__1QB7y .info__kOytg p {
    font-size: 16px;
    line-height: 22px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .menus__3IcGC > li:not(:first-of-type) {
    margin-left: 68px;
  }
  .giantScreen__2td1d .header__tcXDs .main__2c2u- .menus__3IcGC > li a {
    font-size: 21px;
    line-height: 30px;
  }
  .giantScreen__2td1d .body__gYuzj {
    margin-top: 38px;
  }
  .giantScreen__2td1d .body__gYuzj h1 {
    font-size: 75px;
    line-height: 92px;
  }
  .giantScreen__2td1d .body__gYuzj h1:after {
    width: 77px;
    height: 47px;
    right: -77px;
    top: -20px;
    background-size: 77px 47px;
  }
  .giantScreen__2td1d .body__gYuzj h3 {
    border-radius: 24px;
    margin: 33px 0 0;
    padding: 8px 43px;
    font-size: 22px;
    line-height: 31px;
  }
  .giantScreen__2td1d .body__gYuzj h3:before {
    width: 5px;
    height: 5px;
    left: 19px;
  }
  .giantScreen__2td1d .body__gYuzj h3:after {
    width: 5px;
    height: 5px;
    right: 19px;
  }
  .giantScreen__2td1d .footer__jEeXx {
    height: 82px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .priceInfo__3EK0p .price__2wkE9 > span:nth-of-type(1),
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .priceInfo__3EK0p .price__2wkE9 > span:nth-of-type(3) {
    font-size: 29px;
    line-height: 42px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .priceInfo__3EK0p .price__2wkE9 > span:nth-of-type(2) {
    font-size: 54px;
    line-height: 42px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .discount__30J1b {
    margin-left: 32px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .discount__30J1b .name__2JHw3 {
    font-size: 18px;
    line-height: 25px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .discount__30J1b .oldPrice__TeTpz {
    width: 80px;
    height: 23px;
    border-radius: 12px;
    font-size: 15px;
    line-height: 22px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .signUpInfo__3SP7k {
    margin-left: 57px;
    font-size: 16px;
    line-height: 22px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .signUpInfo__3SP7k > span {
    width: 19px;
    height: 30px;
    border-radius: 2px;
    font-size: 15px;
    line-height: 18px;
    margin-left: 5px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .signUpInfo__3SP7k > span:first-of-type {
    margin-left: 10px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .sellInfo__X78_7 .signUpInfo__3SP7k > span:last-of-type {
    margin-right: 10px;
  }
  .giantScreen__2td1d .footer__jEeXx .main__2c2u- .signUpButton__2Im28 {
    width: 167px;
    height: 53px;
    border-radius: 26px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    font-size: 22px;
    line-height: 31px;
  }
}

.screen__3427M {
  position: relative;
  min-width: 1160px;
}
@media screen and (max-width: 1920px) {
  .screen__3427M {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__3427M {
    min-width: 990px;
  }
}
.screen__3427M .main__1V9En {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .screen__3427M .main__1V9En {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__3427M .main__1V9En {
    width: 990px;
  }
}
.screen__3427M .image__13VWg {
  position: relative;
}
.seoContent__3iNai {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.courseHarvest__2s2A7 {
  position: relative;
  min-width: 1160px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1920px) {
  .courseHarvest__2s2A7 {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .courseHarvest__2s2A7 {
    min-width: 990px;
  }
}
.courseHarvest__2s2A7 .main__1V9En {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .courseHarvest__2s2A7 .main__1V9En {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .courseHarvest__2s2A7 .main__1V9En {
    width: 990px;
  }
}
.courseHarvest__2s2A7 .image__13VWg {
  position: relative;
}
.courseHarvest__2s2A7 .image__13VWg {
  width: 1318px;
  height: 814px;
}
@media screen and (max-width: 1680px) {
  .courseHarvest__2s2A7 .image__13VWg {
    width: 1153px;
    height: 712px;
  }
}
@media screen and (max-width: 1440px) {
  .courseHarvest__2s2A7 .image__13VWg {
    width: 988px;
    height: 611px;
  }
}

.screen__3woVz {
  position: relative;
  min-width: 1160px;
}
@media screen and (max-width: 1920px) {
  .screen__3woVz {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__3woVz {
    min-width: 990px;
  }
}
.screen__3woVz .main__3IPwr {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .screen__3woVz .main__3IPwr {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__3woVz .main__3IPwr {
    width: 990px;
  }
}
.screen__3woVz .image__3MiXH {
  position: relative;
}
.seoContent__2FYwL {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.whoCanLearn__Bmeuv {
  position: relative;
  min-width: 1160px;
  background-color: #FFFBF0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1920px) {
  .whoCanLearn__Bmeuv {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .whoCanLearn__Bmeuv {
    min-width: 990px;
  }
}
.whoCanLearn__Bmeuv .main__3IPwr {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .whoCanLearn__Bmeuv .main__3IPwr {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .whoCanLearn__Bmeuv .main__3IPwr {
    width: 990px;
  }
}
.whoCanLearn__Bmeuv .image__3MiXH {
  position: relative;
}
.whoCanLearn__Bmeuv .image__3MiXH {
  width: 1158px;
  height: 583px;
}
@media screen and (max-width: 1680px) {
  .whoCanLearn__Bmeuv .image__3MiXH {
    width: 1013px;
    height: 510px;
  }
}
@media screen and (max-width: 1440px) {
  .whoCanLearn__Bmeuv .image__3MiXH {
    width: 869px;
    height: 437px;
  }
}

.screen__2HAF3 {
  position: relative;
  min-width: 1160px;
}
@media screen and (max-width: 1920px) {
  .screen__2HAF3 {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__2HAF3 {
    min-width: 990px;
  }
}
.screen__2HAF3 .main__3YLAK {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .screen__2HAF3 .main__3YLAK {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__2HAF3 .main__3YLAK {
    width: 990px;
  }
}
.screen__2HAF3 .image__XVaJe {
  position: relative;
}
.seoContent__2RsXx {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.courseFeatures__21yIv {
  position: relative;
  min-width: 1160px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 78px 0;
}
@media screen and (max-width: 1920px) {
  .courseFeatures__21yIv {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .courseFeatures__21yIv {
    min-width: 990px;
  }
}
.courseFeatures__21yIv .main__3YLAK {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .courseFeatures__21yIv .main__3YLAK {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .courseFeatures__21yIv .main__3YLAK {
    width: 990px;
  }
}
.courseFeatures__21yIv .image__XVaJe {
  position: relative;
}
.courseFeatures__21yIv .titleImage__3MOyo {
  position: relative;
  width: 208px;
  height: 116px;
}
.courseFeatures__21yIv .image__XVaJe {
  margin-top: 123px;
}
.courseFeatures__21yIv .image__XVaJe:nth-of-type(2) {
  width: 1195px;
  height: 554px;
}
.courseFeatures__21yIv .image__XVaJe:nth-of-type(3) {
  width: 1199px;
  height: 616px;
}
.courseFeatures__21yIv .image__XVaJe:nth-of-type(4) {
  width: 1113px;
  height: 644px;
}
.courseFeatures__21yIv .image__XVaJe:nth-of-type(5) {
  width: 1185px;
  height: 748px;
}
@media screen and (max-width: 1680px) {
  .courseFeatures__21yIv {
    padding: 68px 0;
  }
  .courseFeatures__21yIv .titleImage__3MOyo {
    width: 182px;
    height: 102px;
  }
  .courseFeatures__21yIv .image__XVaJe {
    margin-top: 108px;
  }
  .courseFeatures__21yIv .image__XVaJe:nth-of-type(2) {
    width: 1046px;
    height: 485px;
  }
  .courseFeatures__21yIv .image__XVaJe:nth-of-type(3) {
    width: 1049px;
    height: 578px;
  }
  .courseFeatures__21yIv .image__XVaJe:nth-of-type(4) {
    width: 974px;
    height: 564px;
  }
  .courseFeatures__21yIv .image__XVaJe:nth-of-type(5) {
    width: 1037px;
    height: 655px;
  }
}
@media screen and (max-width: 1440px) {
  .courseFeatures__21yIv {
    padding: 60px 0;
  }
  .courseFeatures__21yIv .titleImage__3MOyo {
    width: 156px;
    height: 87px;
  }
  .courseFeatures__21yIv .image__XVaJe {
    margin-top: 92px;
  }
  .courseFeatures__21yIv .image__XVaJe:nth-of-type(2) {
    width: 896px;
    height: 416px;
  }
  .courseFeatures__21yIv .image__XVaJe:nth-of-type(3) {
    width: 899px;
    height: 496px;
  }
  .courseFeatures__21yIv .image__XVaJe:nth-of-type(4) {
    width: 835px;
    height: 483px;
  }
  .courseFeatures__21yIv .image__XVaJe:nth-of-type(5) {
    width: 899px;
    height: 561px;
  }
}

.screen__2oTFe {
  position: relative;
  min-width: 1160px;
}
@media screen and (max-width: 1920px) {
  .screen__2oTFe {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__2oTFe {
    min-width: 990px;
  }
}
.screen__2oTFe .main__2w9py {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .screen__2oTFe .main__2w9py {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__2oTFe .main__2w9py {
    width: 990px;
  }
}
.screen__2oTFe .image__1bUlh {
  position: relative;
}
.seoContent__1MNM2 {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.hotComments__33WHL {
  position: relative;
  min-width: 1160px;
  background-image: url("/web/v2.0.0/comment-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 68px;
}
@media screen and (max-width: 1920px) {
  .hotComments__33WHL {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .hotComments__33WHL {
    min-width: 990px;
  }
}
.hotComments__33WHL .main__2w9py {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .hotComments__33WHL .main__2w9py {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .hotComments__33WHL .main__2w9py {
    width: 990px;
  }
}
.hotComments__33WHL .image__1bUlh {
  position: relative;
}
.hotComments__33WHL .main__2w9py {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hotComments__33WHL .main__2w9py .tags__18Fvc {
  margin-top: 67px;
}
.hotComments__33WHL .main__2w9py .tags__18Fvc > span {
  width: 80px;
  height: 39px;
  background: #FFBB21;
  border-radius: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 29px;
}
.hotComments__33WHL .main__2w9py .tags__18Fvc > span:not(:first-of-type) {
  margin-left: 35px;
}
.hotComments__33WHL .main__2w9py .comments__3u_cV {
  margin: 84px 0 0;
  list-style: none;
  padding: 0;
  white-space: nowrap;
}
.hotComments__33WHL .main__2w9py .comments__3u_cV > li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
.hotComments__33WHL .main__2w9py .comments__3u_cV > li:not(:first-of-type) {
  margin-left: 50px;
}
.comment__lNPX2 {
  width: 359px;
  height: 438px;
  background: #FFFFFF;
  box-shadow: 0 2px 29px 0 rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  padding: 36px;
}
.comment__lNPX2 .header__LBvBM {
  display: flex;
  align-items: center;
}
.comment__lNPX2 .header__LBvBM .avatar__XF0Cj {
  width: 82px;
  height: 82px;
  background-color: #b0b0b0;
  border-radius: 41px;
}
.comment__lNPX2 .header__LBvBM .name__h13qZ {
  padding-left: 20px;
  font-size: 23px;
  font-weight: 400;
  color: #222222;
  line-height: 32px;
}
.comment__lNPX2 .body__17cXk {
  margin-top: 20px;
}
.comment__lNPX2 .body__17cXk p {
  margin: 0;
  text-align: justify;
  font-size: 17px;
  font-weight: 400;
  color: #222222;
  line-height: 35px;
  white-space: pre-wrap;
}
@media screen and (max-width: 1680px) {
  .hotComments__33WHL {
    padding-top: 60px;
  }
  .hotComments__33WHL .main__2w9py .tags__18Fvc {
    margin-top: 59px;
  }
  .hotComments__33WHL .main__2w9py .tags__18Fvc > span {
    width: 70px;
    height: 34px;
    border-radius: 17px;
    font-size: 18px;
    line-height: 25px;
  }
  .hotComments__33WHL .main__2w9py .tags__18Fvc > span:not(:first-of-type) {
    margin-left: 31px;
  }
  .hotComments__33WHL .main__2w9py .comments__3u_cV {
    margin: 59px 0 0;
  }
  .hotComments__33WHL .main__2w9py .comments__3u_cV > li:not(:first-of-type) {
    margin-left: 45px;
  }
  .comment__lNPX2 {
    width: 315px;
    height: 383px;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.06);
    border-radius: 18px;
    padding: 32px;
  }
  .comment__lNPX2 .header__LBvBM .avatar__XF0Cj {
    width: 74px;
    height: 74px;
    border-radius: 37px;
  }
  .comment__lNPX2 .header__LBvBM .name__h13qZ {
    padding-left: 16px;
    font-size: 20px;
    line-height: 28px;
  }
  .comment__lNPX2 .body__17cXk {
    margin-top: 16px;
  }
  .comment__lNPX2 .body__17cXk p {
    font-size: 15px;
    line-height: 30px;
  }
}
@media screen and (max-width: 1440px) {
  .hotComments__33WHL {
    padding-top: 51px;
  }
  .hotComments__33WHL .main__2w9py .tags__18Fvc {
    margin-top: 50px;
  }
  .hotComments__33WHL .main__2w9py .tags__18Fvc > span {
    width: 60px;
    height: 29px;
    border-radius: 15px;
    font-size: 16px;
    line-height: 22px;
  }
  .hotComments__33WHL .main__2w9py .tags__18Fvc > span:not(:first-of-type) {
    margin-left: 26px;
  }
  .hotComments__33WHL .main__2w9py .comments__3u_cV {
    margin: 63px 0 0;
  }
  .hotComments__33WHL .main__2w9py .comments__3u_cV > li:not(:first-of-type) {
    margin-left: 38px;
  }
  .comment__lNPX2 {
    width: 270px;
    height: 329px;
    box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.06);
    border-radius: 15px;
    padding: 26px;
  }
  .comment__lNPX2 .header__LBvBM .avatar__XF0Cj {
    width: 63px;
    height: 63px;
    border-radius: 33px;
  }
  .comment__lNPX2 .header__LBvBM .name__h13qZ {
    padding-left: 14px;
    font-size: 17px;
    line-height: 24px;
  }
  .comment__lNPX2 .body__17cXk {
    margin-top: 14px;
  }
  .comment__lNPX2 .body__17cXk p {
    font-size: 13px;
    line-height: 26px;
  }
}

.screen__uqUJp {
  position: relative;
  min-width: 1160px;
}
@media screen and (max-width: 1920px) {
  .screen__uqUJp {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__uqUJp {
    min-width: 990px;
  }
}
.screen__uqUJp .main__2Itiu {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .screen__uqUJp .main__2Itiu {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__uqUJp .main__2Itiu {
    width: 990px;
  }
}
.screen__uqUJp .image__3SFeZ {
  position: relative;
}
.seoContent__3F_n1 {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.suitablePeople__1sL41 {
  position: relative;
  min-width: 1160px;
  width: 100%;
  overflow-x: hidden;
  padding-top: 127px;
  display: flex;
  justify-content: center;
  background-color: #f2f2f2;
  padding-bottom: 66px;
}
@media screen and (max-width: 1920px) {
  .suitablePeople__1sL41 {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .suitablePeople__1sL41 {
    min-width: 990px;
  }
}
.suitablePeople__1sL41 .main__2Itiu {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .suitablePeople__1sL41 .main__2Itiu {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .suitablePeople__1sL41 .main__2Itiu {
    width: 990px;
  }
}
.suitablePeople__1sL41 .image__3SFeZ {
  position: relative;
}
.suitablePeople__1sL41 .animationContainer__Z4rvM {
  position: relative;
  width: 685px;
  height: 489px;
  margin-right: 333px;
}
.suitablePeople__1sL41 .animationContainer__Z4rvM .peoplePart__2kudy {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
}
.suitablePeople__1sL41 .animationContainer__Z4rvM .peoplePart__2kudy .avatar__2XY4n {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 14px;
}
.suitablePeople__1sL41 .animationContainer__Z4rvM .peoplePart__2kudy .name__keIR9 {
  font-size: 16px;
  line-height: 19px;
  color: #222222;
  margin-bottom: 8px;
}
.suitablePeople__1sL41 .animationContainer__Z4rvM .peoplePart__2kudy .desc__34f7s {
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #888888;
}
.suitablePeople__1sL41 .animationContainer__Z4rvM .peoplePart__2kudy .avatar1__2nDQM {
  background-image: url("/home_assets/mobile/avatar1.png");
}
.suitablePeople__1sL41 .animationContainer__Z4rvM .peoplePart__2kudy .avatar2__QF0KH {
  background-image: url("/home_assets/mobile/avatar2.png");
}
.suitablePeople__1sL41 .animationContainer__Z4rvM .peoplePart__2kudy .avatar3__2w6SF {
  background-image: url("/home_assets/mobile/avatar3.png");
}
.suitablePeople__1sL41 .animationContainer__Z4rvM .peoplePart__2kudy .avatar4__ZOSB5 {
  background-image: url("/home_assets/mobile/avatar4.png");
}
.suitablePeople__1sL41 .animationContainer__Z4rvM .pos1__3Yr8j {
  top: 0;
  left: 0;
}
.suitablePeople__1sL41 .animationContainer__Z4rvM .pos2___adUM {
  top: 0;
  left: 327px;
}
.suitablePeople__1sL41 .animationContainer__Z4rvM .pos3__1Fthe {
  top: 309px;
  left: 170px;
}
.suitablePeople__1sL41 .animationContainer__Z4rvM .pos4__1k848 {
  top: 309px;
  left: 497px;
}
.suitablePeople__1sL41 .titleContainer__21je6 {
  position: relative;
  width: 182px;
  height: 660px;
}
.suitablePeople__1sL41 .titleContainer__21je6 .star__2DiBJ {
  width: 80px;
  height: 103px;
  background: url("/home_assets/web/suitable_star.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 180px;
}
.suitablePeople__1sL41 .titleContainer__21je6 .title__2skoR {
  width: 70px;
  height: 307px;
  background: url("/home_assets/web/suitable_title.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
}
.suitablePeople__1sL41 .titleContainer__21je6 .animationAnchor__3EQbb {
  width: 1px;
  height: 1px;
  position: absolute;
  background-color: transparent;
  top: 308px;
  right: 0;
}
.suitablePeople__1sL41 .titleContainer__21je6 .arrow__h0WII {
  width: 80px;
  height: 194px;
  background: url("/home_assets/web/suitable_arrow.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 460px;
  right: 0;
}
.seoContent__3F_n1 {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen__2qXjM {
  position: relative;
  min-width: 1160px;
}
@media screen and (max-width: 1920px) {
  .screen__2qXjM {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__2qXjM {
    min-width: 990px;
  }
}
.screen__2qXjM .main__IS-4N {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .screen__2qXjM .main__IS-4N {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__2qXjM .main__IS-4N {
    width: 990px;
  }
}
.screen__2qXjM .image__3bWlW {
  position: relative;
}
.seoContent__21L1V {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.courseHighlights__14DJB {
  position: relative;
  min-width: 1160px;
  width: 100%;
  overflow-x: hidden;
  padding-top: 189px;
  padding-bottom: 37px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .courseHighlights__14DJB {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .courseHighlights__14DJB {
    min-width: 990px;
  }
}
.courseHighlights__14DJB .main__IS-4N {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .courseHighlights__14DJB .main__IS-4N {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .courseHighlights__14DJB .main__IS-4N {
    width: 990px;
  }
}
.courseHighlights__14DJB .image__3bWlW {
  position: relative;
}
.courseHighlights__14DJB .titleContainer__3kIdV {
  width: 1197px;
  height: 97px;
  position: relative;
  margin-bottom: 127px;
}
.courseHighlights__14DJB .titleContainer__3kIdV .titlePic__CDHO8 {
  position: absolute;
  z-index: 2;
  width: 442px;
  height: 97px;
  background: url("/home_assets/web/course_title.png") no-repeat;
  background-size: contain;
}
.courseHighlights__14DJB .titleContainer__3kIdV .titleCn__3og6g {
  position: absolute;
  z-index: 2;
  right: 0;
  font-weight: 800;
  font-size: 40px;
  line-height: 60px;
  color: #222222;
  opacity: 0;
  bottom: 10px;
}
.courseHighlights__14DJB .titleContainer__3kIdV .titleCnShow__z3-Pr {
  opacity: 1;
  transition: all 0s linear 1s;
}
.courseHighlights__14DJB .titleContainer__3kIdV .titleWideLine__16K2j {
  position: absolute;
  width: 0;
  height: 30px;
  bottom: 0;
  background: #FBDC53;
  z-index: 0;
}
.courseHighlights__14DJB .titleContainer__3kIdV .titleWideLineMove__2ac9K {
  width: 280px;
  transition: all 0.3s ease-in-out 0s;
}
.courseHighlights__14DJB .titleContainer__3kIdV .titleLine__2uit9 {
  position: absolute;
  width: 200px;
  height: 2px;
  bottom: 0;
  background-color: #FBDC53;
}
.courseHighlights__14DJB .titleContainer__3kIdV .titleLineMove__2gzMg {
  width: 1197px;
  transition: all 1s ease-in-out 0.3s;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo {
  margin-bottom: 200px;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .topContainer__2n4kz {
  position: relative;
  width: 1197px;
  height: 579px;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .topContainer__2n4kz .leftContainer__2-mYI {
  left: 0;
  top: 300px;
  position: absolute;
  width: 288px;
  margin-right: 384px;
  opacity: 0;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .topContainer__2n4kz .leftContainer__2-mYI .rank1__3tl5x {
  width: 206px;
  height: 106px;
  background: url("/home_assets/web/listen_rank.png") no-repeat;
  background-size: contain;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .topContainer__2n4kz .leftContainer__2-mYI .rankTitle__1HKqh {
  width: 288px;
  height: 54px;
  background: url("/home_assets/web/listen_rank_title.png") no-repeat;
  background-size: contain;
  margin-bottom: 43px;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .topContainer__2n4kz .leftContainer__2-mYI .rankDesc__22t2w {
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.02px;
  color: #888888;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .topContainer__2n4kz .leftContainerMove__2tH67 {
  top: 140px;
  opacity: 1;
  transition: all 1s ease-in-out 1.2s;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .topContainer__2n4kz .rightContainer__2RpPd {
  position: absolute;
  right: 0;
  width: 528px;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .topContainer__2n4kz .rightContainer__2RpPd .pic1__3uw8n {
  width: 528px;
  height: 528px;
  background: url("/home_assets/web/listen_rank_pic1.png") no-repeat;
  background-size: contain;
  opacity: 0;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .topContainer__2n4kz .rightContainer__2RpPd .pic1Show__3qFxW {
  opacity: 1;
  transition: all 1s ease-in-out 0.5s;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .topContainer__2n4kz .rightContainer__2RpPd .longLine__eoxKE {
  top: 411px;
  left: 292px;
  position: absolute;
  height: 0;
  border: 1px solid #FFBB21;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .topContainer__2n4kz .rightContainer__2RpPd .longLineExtend__1Sd-C {
  height: 194px;
  transition: all 1s ease-in-out 0s;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .bottomContainer__3CyAL {
  position: relative;
  width: 1197px;
  height: 584px;
  overflow-y: hidden;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .bottomContainer__3CyAL .arrow__2RBau {
  position: absolute;
  top: 163px;
  width: 80px;
  height: 194px;
  background: url("/home_assets/web/suitable_arrow.png") no-repeat;
  background-size: contain;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .bottomContainer__3CyAL .arrowAnchor__2fKYE {
  position: absolute;
  top: 359px;
  width: 1px;
  height: 1px;
  background-color: transparent;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .bottomContainer__3CyAL .adviceCard__3jgk5 {
  position: absolute;
  top: 200px;
  right: 0;
  width: 482px;
  height: 554px;
  background: url("/home_assets/mobile/advice_card.png") no-repeat;
  background-size: cover;
  opacity: 0;
}
.courseHighlights__14DJB .listenLevelContainer__2O5wo .bottomContainer__3CyAL .adviceCardShow__2Z2u2 {
  opacity: 1;
  top: 0;
  transition: all 1s ease-in-out 0s;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV {
  position: relative;
  height: 785px;
  width: 1197px;
  overflow-y: hidden;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV .bigGrayCircle__31YLq {
  position: absolute;
  top: 81px;
  left: 10px;
  width: 555px;
  height: 555px;
  border-radius: 50%;
  background-color: #F5F5F5;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV .starLeft__1f18r {
  position: absolute;
  top: 351px;
  left: 0;
  width: 55px;
  height: 144px;
  background: url("/home_assets/web/star_left.png") no-repeat;
  background-size: contain;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV .starRight__DUmk1 {
  position: absolute;
  top: 161px;
  left: 520px;
  width: 80px;
  height: 103px;
  background: url("/home_assets/web/star_right.png") no-repeat;
  background-size: contain;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV .dotContainer__3BizL {
  width: 14px;
  height: 54px;
  position: absolute;
  top: 311px;
  left: 610px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV .dotContainer__3BizL .dot__2p1Zf {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #FFE055;
  opacity: 0.2;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV .dotContainer__3BizL .activeDot__XUrPk {
  opacity: 1;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV .sliderContainer__2O077 {
  position: absolute;
  top: 0;
  left: 65px;
  z-index: 2;
  width: 441px;
  height: 698px;
  border-radius: 20px;
  border: 1px #FBDC53 solid;
  box-sizing: border-box;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV .sliderContainer__2O077 .bottomTitleContainer__3vdsR {
  width: 441px;
  height: 72px;
  background-color: #FBDC53;
  display: flex;
  justify-content: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV .sliderContainer__2O077 .bottomTitleContainer__3vdsR .title__6R6I8 {
  font-size: 24px;
  line-height: 72px;
  letter-spacing: 0.02px;
  color: #222222;
  font-weight: bolder;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV .sliderContainer__2O077 .scrollContainer__17OoK {
  width: 438px;
  height: 613px;
  overflow-y: hidden;
  background-color: #ffffff;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV .sliderContainer__2O077 .scrollContainer__17OoK .scrollList__2bA_9 {
  width: 438px;
  height: 1226px;
  transition: all 0.5s ease-in-out 0s;
}
.courseHighlights__14DJB .watchPicContainer__3c6bV .rankContainer__Kf8Pm {
  position: absolute;
  top: 200px;
  right: 0;
  width: 290px;
  height: 326px;
  background: url("/home_assets/web/watch_rank.png") no-repeat;
  background-size: contain;
}
.seoContent__21L1V {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen__1DVE1 {
  position: relative;
  min-width: 1160px;
}
@media screen and (max-width: 1920px) {
  .screen__1DVE1 {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__1DVE1 {
    min-width: 990px;
  }
}
.screen__1DVE1 .main__20uS- {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .screen__1DVE1 .main__20uS- {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .screen__1DVE1 .main__20uS- {
    width: 990px;
  }
}
.screen__1DVE1 .image__2j5ti {
  position: relative;
}
.seoContent__31rf- {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.massiveResources__3WGwp {
  position: relative;
  min-width: 1160px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #FBDC53;
  padding-top: 174px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1920px) {
  .massiveResources__3WGwp {
    min-width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .massiveResources__3WGwp {
    min-width: 990px;
  }
}
.massiveResources__3WGwp .main__20uS- {
  width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .massiveResources__3WGwp .main__20uS- {
    width: 1320px;
  }
}
@media screen and (max-width: 1440px) {
  .massiveResources__3WGwp .main__20uS- {
    width: 990px;
  }
}
.massiveResources__3WGwp .image__2j5ti {
  position: relative;
}
.massiveResources__3WGwp .contentContainer__ARfQH {
  width: 1244px;
  height: 1590px;
  position: relative;
}
.massiveResources__3WGwp .contentContainer__ARfQH .changeAnchor__BTqJj {
  width: 1px;
  height: 1px;
  position: absolute;
  background-color: transparent;
  top: -130px;
}
.massiveResources__3WGwp .contentContainer__ARfQH .massiveTitle__3A0Gk {
  position: absolute;
  width: 984px;
  height: 83px;
  background: url("/home_assets/web/massive_title.png") no-repeat;
  background-size: contain;
  top: 200px;
  opacity: 0;
  z-index: 2;
}
.massiveResources__3WGwp .contentContainer__ARfQH .massiveLine__iIsEz {
  position: absolute;
  top: 53px;
  height: 30px;
  width: 0;
  background-color: #ffffff;
}
.massiveResources__3WGwp .contentContainer__ARfQH .lineMove__3PVnA {
  width: 714px;
  transition: all 0.2s linear 1s;
}
.massiveResources__3WGwp .contentContainer__ARfQH .titleMove__2lf0b {
  top: 0;
  opacity: 1;
  transition: all 0.4s ease-in-out 0s;
}
.massiveResources__3WGwp .contentContainer__ARfQH .massiveSubTitle__221fY {
  position: absolute;
  top: 290px;
  opacity: 0;
  width: 557px;
  height: 60px;
  background: url("/home_assets/web/massive_subTitle.png") no-repeat;
  background-size: contain;
  z-index: 2;
}
.massiveResources__3WGwp .contentContainer__ARfQH .subTitleMove__1-C86 {
  top: 90px;
  opacity: 1;
  transition: all 0.4s ease-in-out 0s;
}
.massiveResources__3WGwp .contentContainer__ARfQH .tagContainer__K6rZN {
  position: absolute;
  top: 257px;
  width: 532px;
  height: 54px;
  display: flex;
  justify-content: space-between;
  z-index: 2;
}
.massiveResources__3WGwp .contentContainer__ARfQH .tagContainer__K6rZN .tag__2gQBD {
  width: 150px;
  height: 54px;
  background-color: #222222;
  border-radius: 35px;
  font-size: 18px;
  line-height: 54px;
  letter-spacing: 0.02px;
  color: #FFFFFF;
  text-align: center;
}
.massiveResources__3WGwp .contentContainer__ARfQH .tagContainer__K6rZN .tag1Animation__zBKyj {
  animation: pulse__mGy1m 0.5s ease-in-out 0.4s 1;
}
.massiveResources__3WGwp .contentContainer__ARfQH .tagContainer__K6rZN .tag2Animation__1gHDA {
  animation: pulse__mGy1m 0.5s ease-in-out 0.8s 1;
}
.massiveResources__3WGwp .contentContainer__ARfQH .tagContainer__K6rZN .tag3Animation__2HL5c {
  animation: pulse__mGy1m 0.5s ease-in-out 1.2s 1;
}
.massiveResources__3WGwp .contentContainer__ARfQH .movies__1KpBz {
  position: absolute;
  top: 90px;
  width: 1244px;
  height: 952px;
  background: url("/home_assets/web/movies.png") no-repeat;
  background-size: contain;
  z-index: 2;
}
.massiveResources__3WGwp .contentContainer__ARfQH .morePic__2wCvY {
  position: absolute;
  top: 750px;
  right: 59px;
  width: 528px;
  height: 546px;
  background: url("/home_assets/web/more_pic.png") no-repeat;
  background-size: contain;
  z-index: 2;
}
.massiveResources__3WGwp .contentContainer__ARfQH .startAnimationAnchor__1PtTf {
  width: 1px;
  height: 1px;
  background-color: transparent;
  position: absolute;
  top: 666px;
}
.massiveResources__3WGwp .contentContainer__ARfQH .bottomAnimationAnchor__2l1tK {
  width: 1px;
  height: 1px;
  background-color: transparent;
  position: absolute;
  top: 390px;
}
.massiveResources__3WGwp .contentContainer__ARfQH .voiceStar__WjZB6 {
  width: 1093px;
  height: 788px;
  background: url("/home_assets/web/prize_pic.png") no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -788px;
}
.massiveResources__3WGwp .contentContainer__ARfQH .voiceStarMove__3Qx5x {
  bottom: 0;
  opacity: 1;
  transition: all 0.5s ease-in-out 0s;
}
.massiveResources__3WGwp .contentContainer__ARfQH .movieWords__20oWQ {
  width: 353px;
  height: 100px;
  background: url("/home_assets/web/movie_words.png") no-repeat;
  background-size: contain;
  z-index: 10;
  position: absolute;
  bottom: 108px;
  opacity: 0;
}
.massiveResources__3WGwp .contentContainer__ARfQH .movieWordsMove__1lA9_ {
  bottom: 308px;
  opacity: 1;
  transition: all 0.5s ease-in-out 0s;
}
.massiveResources__3WGwp .contentContainer__ARfQH .starName__1Ed4m {
  width: 276px;
  height: 40px;
  background: url("/home_assets/web/star_name.png") no-repeat;
  background-size: contain;
  z-index: 10;
  position: absolute;
  bottom: -72px;
  opacity: 0;
}
.massiveResources__3WGwp .contentContainer__ARfQH .starNameMove__3W5Vk {
  bottom: 172px;
  opacity: 1;
  transition: all 0.5s ease-in-out 0s;
}
.massiveResources__3WGwp .contentContainer__ARfQH .starDesc__27bFD {
  width: 166px;
  height: 42px;
  background: url("/home_assets/web/star_desc.png") no-repeat;
  background-size: contain;
  z-index: 10;
  position: absolute;
  bottom: -86px;
  opacity: 0;
}
.massiveResources__3WGwp .contentContainer__ARfQH .starDescMove__2buUS {
  bottom: 114px;
  opacity: 1;
  transition: all 0.5s ease-in-out 0s;
}
@keyframes pulse__mGy1m {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
.seoContent__31rf- {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.footer__s1Q8s {
  width: 100%;
  padding-bottom: 20px;
  background-color: #2a2a2a;
}
.footer__s1Q8s .main__3csQz {
  width: 1300px;
  margin: 0 auto;
  padding-top: 130px;
  display: flex;
  align-items: center;
}
.footer__s1Q8s .main__3csQz h1.title__2aClz {
  width: 252px;
  height: 166px;
  font-size: 54px;
  font-weight: 800;
  color: #ffffff;
  line-height: 70px;
  white-space: pre-wrap;
  flex-shrink: 0;
}
.footer__s1Q8s .main__3csQz div.divider__3df0l {
  width: 1px;
  height: 115px;
  background-color: #979797;
  margin: 0 200px;
  flex-shrink: 0;
}
.footer__s1Q8s .main__3csQz .applications__1Zh4i {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.footer__s1Q8s .main__3csQz .applications__1Zh4i .application__14TWt {
  width: 170px;
}
.footer__s1Q8s .main__3csQz .applications__1Zh4i .application__14TWt .logo__2xigU {
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer__s1Q8s .main__3csQz .applications__1Zh4i .application__14TWt .logo__2xigU > img {
  border: none;
}
.footer__s1Q8s .main__3csQz .applications__1Zh4i .application__14TWt .logo__2xigU > img.mint-reading__19wNu {
  width: 160px;
  height: 106px;
}
.footer__s1Q8s .main__3csQz .applications__1Zh4i .application__14TWt .logo__2xigU > img.baicizhan__gu0xS {
  width: 80px;
  height: 114px;
}
.footer__s1Q8s .main__3csQz .applications__1Zh4i .application__14TWt .desc__2rUif {
  text-align: center;
  margin-top: 60px;
  display: block;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
  opacity: 0.4;
}
.footer__s1Q8s .main__3csQz .applications__1Zh4i .application__14TWt .link__2d0EG {
  margin: 25px auto 0 auto;
  display: block;
  text-decoration: none;
  width: 147px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #979797;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
  padding: 9px 0;
}
.footer__s1Q8s ul.contact-us__2Z2bL {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 77px 0 0 0;
  padding: 0;
  height: 20px;
  list-style: none;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li a {
  color: #ffffff;
  text-decoration: none;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li:not(:first-of-type) {
  margin-left: 235px;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li .icon__1dIKr {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  z-index: 0;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li .icon__1dIKr .tooltip__1ZCBV {
  position: absolute;
  padding: 25px;
  bottom: 40px;
  z-index: 1;
  background: #ffffff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  left: 50%;
  transform: translate3d(-50%, 0, 0) scale(0);
  transition: transform 0.1s linear, opacity 0.4s ease-in;
  transform-origin: bottom center;
  border: 1px solid #eceae8;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li .icon__1dIKr .tooltip__1ZCBV .follow-us__22xiD {
  width: 138px;
  height: 138px;
  background-image: url("/web/qr.png");
  background-size: 138px;
  background-position: center;
  background-repeat: no-repeat;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li .icon__1dIKr .tooltip__1ZCBV .contact-us__2Z2bL .name__2LVAM {
  font-size: 12px;
  font-weight: 400;
  color: #888888;
  line-height: 18px;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li .icon__1dIKr .tooltip__1ZCBV .contact-us__2Z2bL .name__2LVAM:not(:first-of-type) {
  margin-top: 8px;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li .icon__1dIKr .tooltip__1ZCBV .contact-us__2Z2bL .email__1Dh43 {
  margin-top: 4px;
  display: block;
  text-decoration: none;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li .icon__1dIKr .tooltip__1ZCBV .contact-us__2Z2bL .divider__3df0l {
  width: 100%;
  height: 1px;
  background-color: #ffdf27;
  margin: 18px 0;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li .icon__1dIKr .tooltip__1ZCBV .contact-us__2Z2bL .qr__2NUDJ {
  margin-top: 8px;
  width: 160px;
  height: 160px;
  background-image: url("/web/qr.png");
  background-size: 160px;
  background-position: center;
  background-repeat: no-repeat;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li .icon__1dIKr .tooltip__1ZCBV:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background: #ffffff;
  bottom: -8px;
  left: 50%;
  transform: translate3d(-50%, 0, 0) rotate(45deg);
}
.footer__s1Q8s ul.contact-us__2Z2bL > li .icon__1dIKr.weixin__-zVYI {
  background-image: url("/web/footer/wx.png");
  width: 26px;
  height: 21px;
  background-size: 26px 21px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
}
.footer__s1Q8s ul.contact-us__2Z2bL > li .icon__1dIKr.mail__1rsEo {
  background-image: url("/web/footer/mail.png");
  width: 20px;
  height: 17px;
  background-size: 20px 17px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
}
.footer__s1Q8s p.copyrights__zmQjZ {
  text-align: center;
  margin-top: 42px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
  opacity: 0.4;
}
.footer__s1Q8s p.copyrights__zmQjZ > a {
  color: #ffffff;
}
.footer__s1Q8s p.beian__1xHBV {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  opacity: 0.4;
  margin-top: 17px;
  text-align: center;
}
.footer__s1Q8s p.beian__1xHBV .icon__1dIKr {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: none;
  font-size: 0;
  margin-right: 10px;
  background: url("/web/footer/beian.png");
  background-size: 20px 20px;
  background-position: center;
  vertical-align: bottom;
}
.footer__s1Q8s .homeLink__YaCl- {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.fixed-qr__UtHCT {
  position: fixed;
  bottom: 100px;
  right: 100px;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  z-index: 9999;
  background-color: #ffbc2f;
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
  background-size: 52px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/web/fixed-qr/img_qrcode_activated.png");
}
.fixed-qr__UtHCT:hover {
  background-color: #ffffff;
  background-image: url("/web/fixed-qr/img_qrcode_normal.png");
}
.fixed-qr__UtHCT .bubble__1ov4X {
  width: 240px;
  height: 240px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  position: absolute;
  left: -274px;
  bottom: 20px;
  transform-origin: right bottom;
  transition: all 0.1s linear;
  z-index: 1;
  background-image: url("/web/qr.png");
  background-size: 236px;
  background-position: center;
  background-repeat: no-repeat;
}
.fixed-qr__UtHCT .bubble__1ov4X:after {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: #ffffff;
  right: -10px;
  bottom: 15px;
  z-index: 0;
  transform: rotate(45deg);
}

.header__22adn {
  height: 123px;
  background: #ffe055;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.header__22adn > nav {
  width: 1200px;
  margin: 0 auto;
}
.body__1kdaT {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 234px;
}
.body__1kdaT h1 {
  font-size: 60px;
  font-weight: 600;
  color: #2a2a2a;
  line-height: 106px;
  letter-spacing: 1px;
  margin-bottom: 48px;
  margin-top: 137px;
}
.body__1kdaT p {
  font-size: 16px;
  font-weight: 400;
  color: #2a2a2a;
  line-height: 32px;
}
.body__1kdaT p:not(:first-of-type) {
  margin-top: 48px;
}

.brand__2Mpyr {
  height: 60px;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.brand__2Mpyr .logo__C_kJV {
  width: 60px;
  height: 60px;
  display: block;
  border: 0;
}
.brand__2Mpyr .divider__1ODcJ {
  width: 2px;
  height: 38px;
  background-color: #222222;
  margin-left: 18px;
  margin-right: 18px;
}
.brand__2Mpyr .info__1k7VF .name__31j9v {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  color: #222222;
  line-height: 30px;
}
.brand__2Mpyr .info__1k7VF .description__3XjYV {
  font-size: 19px;
  font-weight: 400;
  color: #222222;
  line-height: 27px;
  margin: 6px 0 0 0;
  padding: 0;
}