html {
  font-size: 100px;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
  box-sizing: border-box;
}

.section {
  width: 100%;
  background-color: #003CA2;
  padding: 0 .3rem .31rem;
}

.section-title {
  width: 100%;
  height: .8rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain !important;
  position: absolute;
  top: .04rem;
  left: 0;
}

.section-content {
  position: relative;
  padding: 1.1rem 0.2rem 0.3rem;
  width: 100%;
  /* background-color: #ffffff38; */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover !important;
  /* border: .04rem solid #FFFFFF; */
  border-radius: .24rem;
  overflow: hidden;
}

.section-content-bottom-img {
  width: 100%;
  height: 0.99rem;
  position: absolute;
  bottom: -0.98rem;
  left: 50%;
  transform: translateX(-50%);
}

.section-btn-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-btn {
  cursor: pointer;
  line-height: .48rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  font-size: .34rem;
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .14rem;
  background-image: linear-gradient(179deg, #E31937 0%, #C1121F 100%), linear-gradient(0deg, #FF7000 0%, #FFCF63 100%);
  /* border-top-color: #C1121F;
  border-bottom-color: #E31937; */
  border-radius: .44rem;
  width: 4.88rem;
}

.section-btn.section-btn-short {
  line-height: .45rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: .32rem;
  padding: .13rem;
  background-image: linear-gradient(0deg, #FF7000 0%, #FFCF63 100%), linear-gradient(180deg, #FFE153 0%, #FF852A 100%);
  border-radius: .40rem;
  width: 2.92rem;
}

.section-small-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border: 1px solid #009182;
  border-radius: .27rem;
  padding: .1rem;
  line-height: .33rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  font-size: .24rem;
  color: 1961FD;
  width: 2.38rem;
}

.section-small-btn-primary {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #1961FD;
  border-radius: .08rem;
  padding: .16rem .1rem;
  line-height: .37rem;
  font-family: PingFangSC-Medium;
  /* font-weight: 500; */
  font-size: .26rem;
  color: #FFFFFF;
  width: 2.9rem;
}

.section-round-btn {
  cursor: pointer;
  width: 1.5rem;
  padding: .16rem;
  border: 1px solid #E31937;
  border-radius: .29rem;
  background-color: #ffffff;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  font-size: .24rem;
  color: #E31937;
  text-align: center;
  line-height: .26rem;
}

/* banner */
.section-banner {
  /* background-image: url(../img/section-banner.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; */
  /* height: 5rem; */
  width: 100%;
  /* height: 6.35rem; */
  position: relative;
}

.section-banner-img {
  width: 100%;
}

.section-banner-btn-group {
  position: absolute;
  bottom: .50rem;
}

.section-banner-btn {
  cursor: pointer;
  line-height: .45rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  font-size: .32rem;
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .10rem;
  background-image: linear-gradient(0deg, #0F5DE0 0%, #79E1FF 88%);
  border-radius: .1rem;
  /* border-top-color: #79E1FF; */
  /* border-bottom-color: #0F5DE0; */
  width: 3.6rem;
}

/* 金吉列语培项目 */
.section-why {
  /* margin-top: -1.31rem; */
  padding-top: .3rem;
  width: 100%;
  /* background-image: url(https://h5cdn.jjl.cn/m/20250526_languageTraining/why/section-why-top.png); */
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

/* .section-why .section-title {
  background-image: url(../img/section-why-title.png);
} */
.section-why .section-content {
  position: relative;
  padding: 0;
  width: 100%;
  background-color: transparent;
  border: none;
  border-radius: none;
  overflow: unset;
}

.section-why-cards {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.section-why-card {
  margin-bottom: .2rem;
  width: 1.22rem;
  height: 1.45rem;
  background: #ffffff33;
  border: .02rem solid #FFFFFF;
  border-radius: .12rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.section-why-card-last {
  margin-bottom: 0 !important;
}

.section-why-card-img {
  width: .68rem;
  height: .68rem;
}

.section-why-card-title {
  margin-top: .1rem;
  line-height: .30rem;
  font-family: PingFangSC-Medium;
  font-weight: 600;
  font-size: .22rem;
  color: #FFFFFF;
  white-space: nowrap;
}

/* 金吉列语培专属优势 */
.section-advantage {
  margin-top: -1px;
  width: 100%;
  /* background-image: url(https://h5cdn.jjl.cn/m/20250526_languageTraining/advantage/section-advantage-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; */
}

.section-advantage .section-title {
  background-image: url(../img/section-advantage-title.png);
}

.section-advantage .section-content {
  height: 9.36rem;
  background-image: url(../img/section-advantage-bg.png);
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: .1rem;
}

.section-advantage .section-advantage-info {
  position: relative;
  background-image: url(../img/section-advantage-info.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  height: 100%;
  width: 100%;
  padding: 0 .2rem;
}

.section-advantage-cards {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.section-advantage-card {
  flex-shrink: 0;
  width: 3.15rem;
  height: 2.42rem;
  background: #FFFFFF;
  border: 1px solid #003CA2;
  border-radius: .12rem;
  padding: 0 .18rem 0 .14rem;
  margin-bottom: .21rem;
}

.section-advantage-card-title {
  width: 2.58rem;
  height: .56rem;
  background: #003CA2;
  box-shadow: 0 .02rem .06rem 0 #003ca238;
  border-radius: 0 0 .12rem .12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -1px;
  margin-left: .15rem;
  margin-bottom: .18rem;
}

.section-advantage-card-title-text {
  line-height: .42rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  font-size: .3rem;
  color: #FFFFFF;
  text-align: center;
}

.section-advantage-card-desc {
  line-height: .33rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: .24rem;
  color: #333333;
  text-align: center;
}

.section-advantage-card-btn-wrap {
  margin-top: .2rem;
  text-align: center;
}

.section-advantage-card-btn {
  display: inline-flex;
  align-items: flex-start;
  cursor: pointer;
  line-height: .3rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: .22rem;
  color: #003CA2;
}

.section-advantage-card-btn-icon {
  width: .2rem;
  margin-left: .04rem;
  margin-top: .05rem;
}

/* 表单 */
.section-form {
  margin-top: -1px;
  padding-top: .6rem !important;
  padding-bottom: 0.01rem !important;
}

.section-form .section-content {
  background: #FFFFFF;
  box-shadow: inset 0 0 12px 0 #1961fd26;
  border-radius: .2rem;
  padding: .42rem .3rem .4rem;
  position: relative;
}

.section-form-img {
  width: 6.52rem;
  position: absolute;
  top: -0.3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.section-form-title {
  line-height: .33rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: .24rem;
  color: #ffffff;
  text-align: center;
  margin-bottom: .46rem;
  position: relative;
  z-index: 2;
}

.form-item {
  position: relative;
  height: .76rem;
  margin-bottom: .24rem;
}

.form-item:last-of-type {
  margin-bottom: 0 !important;
}

.form-input {
  position: absolute;
  background: #FFF4E4;
  border: none;
  border-radius: .08rem;
  color: #333333 !important;
  width: 100%;
  height: 100%;
  padding: .18rem .24rem;
  /* line-height: .4rem; */
  line-height: .28rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: .28rem;
}

.form-input::placeholder {
  color: #999999;
}

.form-input-code {
  padding-right: 2.2rem !important;
}

.form-input-send {
  width: 1.8rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .32rem;
  line-height: .37rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: .26rem;
  color: #003CA2;
  text-align: right;
}

.form-input-send.showCountdown {
  cursor: not-allowed;
  opacity: 0.6;
}

.form-agreement {
  display: flex;
  align-items: center;
  margin-top: .1rem;
  margin-bottom: .2rem;
}

.form-agreement-img {
  cursor: pointer;
  width: .28rem;
  margin-right: .08rem;
}

.form-agreement-text,
.form-agreement-link {
  line-height: .33rem;
  color: #999999;
  font-size: .24rem;
  font-family: PingFangSC;
  font-weight: 400;
}

.form-agreement-link {
  color: #003CA2 !important;
}

/* justified-label */
.justified-label {
  display: inline-flex;
  justify-content: space-between;
  font-weight: 600;
  position: relative;
}

.justified-label-char-wrap {
  display: flex;
  flex: 1;
  font-weight: 600;
  justify-content: space-between;
}

.justified-label-char-wrap span {
  flex-shrink: 0;
}

.justified-label-last-char {
  flex-shrink: 0;
}

/* 金吉列语培课程体系 */
.section-cost {
  width: 100%;
  margin-top: -1px;
}

.section-cost1 .section-title {
  background-image: url(../img/section-cost-title1.png);
}

.section-cost2 .section-title {
  background-image: url(../img/section-cost-title2.png);
}

.section-cost3 .section-title {
  background-image: url(../img/section-cost-title3.png);
}

.section-cost1 .section-content {
  height: 9.35rem;
  background-image: url(../img/section-cost-bg1.png);
}

.section-cost2 .section-content {
  height: 9.35rem;
  background-image: url(../img/section-cost-bg2.png);
}

.section-cost3 .section-content {
  height: 7rem;
  background-image: url(../img/section-cost-bg3.png);
}

.section-cost-cards {
  display: flex;
  flex-direction: column;
}

.section-cost-card {
  height: 2.15rem;
  background: #EDF4FF;
  border: 1px solid #003CA2;
  border-radius: .2rem;
  padding: 0 .18rem 0 .2rem;
  display: flex;
  flex-direction: column;
  margin-bottom: .2rem;
}

.section-cost-card:last-of-type {
  margin-bottom: 0 !important;
}

.section-cost-card:first-of-type .section-cost-card-title {
  width: 2.22rem;
}

.section-cost-card-title {
  width: 2.52rem;
  height: .6rem;
  background: #003CA2;
  border-radius: 0 0 .12rem .12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -1px;
  margin-bottom: .24rem;
}

.section-cost-card-title-text {
  line-height: .42rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  font-size: .3rem;
  color: #FFFFFF;
  text-align: center;
}

.section-cost-card-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: .12rem;
}

.section-cost-card-rows .section-cost-card-row:last-of-type {
  margin-bottom: 0;
}

.section-cost-card-img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
  width: .14rem;
  margin-top: 0.095rem;
  margin-right: .1rem;
}

.section-cost-card-text {
  color: #333333;
  font-size: .24rem;
  font-family: PingFangSC;
  font-weight: 400;
  line-height: .33rem;
  text-align: left;
}

/* .section-cost-card-text[data-index="0"] {
  font-weight: 500;
} */

/* 金吉列语培教师团队 */
.section-teacher {
  width: 100%;
  margin-top: -1px;
}

.section-teacher .section-title {
  background-image: url(../img/section-teacher-title.png);
}

.section-teacher .section-title-desc {
  width: 100%;
  position: absolute;
  bottom: -0.41rem;
  line-height: .33rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  font-size: .24rem;
  color: #FFFFFF;
  text-align: center;
}

.section-teacher .section-content {
  background-image: url(../img/section-teacher-bg.png);
  padding-top: 1.41rem;
  padding-bottom: .7rem;
  height: 7.06rem;
}

.section-teacher .swiper-container {
  padding-bottom: .45rem;
}

.section-teacher .swiper-pagination {
  bottom: 0 !important;
}

.section-teacher .swiper-pagination-bullet {
  width: .30rem;
  height: .08rem;
  background: #003CA2;
  border-radius: .04rem;
  opacity: 0.25;
}

.section-teacher .swiper-pagination-bullet-active {
  opacity: 1;
}

.section-teacher .section-teacher-card {
  /* height: 4.91rem; */
}

.section-teacher-card-top {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 3.75rem;
  background-image: url(../img/section-teacher-card-top.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: auto 3.34rem;
  border-radius: .12rem;
  overflow: hidden;
}

.section-teacher-card-left {
  position: relative;
  flex-shrink: 0;
  width: 2.55rem;
  height: 100%;
}

.section-teacher-card-img {
  width: 100%;
  height: 100%;
}

.section-teacher-card-right {
  flex: 1;
  height: 100%;
}

.section-teacher-card-name {
  margin-top: .09rem;
  margin-left: -0.08rem;
  margin-bottom: .15rem;
  width: 3.82rem;
  height: .76rem;
  background-image: url(../img/section-teacher-card-right-name.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  border-radius: .08rem;
  overflow: hidden;
  padding: .12rem .14rem .14rem .34rem;
  line-height: .5rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  font-size: .36rem;
  color: #FFFFFF;
}

.section-teacher-card-row {
  margin-bottom: .10rem;
  line-height: .33rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: .24rem;
  color: #FFFFFF;
}

.section-teacher-card-row:last-of-type .section-teacher-card-label {
  display: block;
  margin-bottom: .06rem;
}

.section-teacher-card4 .section-teacher-card-row3 .section-teacher-card-text {
  display: inline-block;
  line-height: .3rem;
}

.section-teacher-card-bottom {
  position: relative;
  z-index: 1;
  margin-top: -0.1rem;
  width: 100%;
  height: 1.26rem;
  background: #EDF4FF;
  border-radius: 0 0 .2rem .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-teacher-card-btn {
  cursor: pointer;
  width: 4.45rem;
  height: .7rem;
  background: #FFFFFF;
  border: 1px solid #003CA2;
  border-radius: .42rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: .28rem;
  color: #003CA2;
}

/* 四重免费好礼等你来领 */
.section-gift {
  width: 100%;
}

.section-gift .section-title {
  background-image: url(../img/section-gift-title.png);
}

.section-gift .section-content {
  height: 9.38rem;
  padding-top: 1.2rem;
  padding-bottom: .2rem;
  background-image: url(../img/section-gift-bg.png);
}

.section-gift-cards {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.section-gift-card {
  margin-bottom: .3rem;
  padding: 0 0 18px 0;
  width: 3.15rem;
  height: 3.82rem;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /* border-radius: .24rem; */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section-gift-card-last {
  margin-bottom: 0 !important;
}

.section-gift-card-title {
  margin-top: -0.1rem;
  margin-bottom: .35rem;
  background-image: url(../img/section-gift-card-img.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 2.48rem;
  height: .59rem;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-all;
  line-height: .42rem;
  font-family: Alibaba-PuHuiTi-B;
  font-weight: Bold;
  font-size: .3rem;
  color: #FFFFFF;
  text-align: center;
}

.section-gift-card-desc {
  line-height: .33rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: .24rem;
  color: #333333;
  margin-top: auto;
  margin-bottom: 13px;
}

/* 语培留学受欢迎专业院校推荐 */
.section-school {
  margin-top: -1px;
  width: 100%;
  padding-bottom: 1.41rem;
}

.section-school .section-title {
  background-image: url(../img/section-school-title.png);
}

.section-school .section-content {
  height: 8.48rem;
  padding: 1.04rem 0 .42rem;
  background-image: url(../img/section-school-bg.png);
}

.section-school-info {
  width: 100%;
  height: 6.22rem;
}

.section-school-map {
  width: 100%;
  height: 100%;
}

/* footer */
.section-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  height: 1.1rem;
  background: #FFFFFF;
  box-shadow: 0 -0.04rem .06rem 0 #00000012;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-footer-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.3rem;
  background-image: linear-gradient(179deg, #FF6B87 0%, #BC1C25 100%), linear-gradient(179deg, #E31937 0%, #C1121F 100%), linear-gradient(180deg, #FFC458 0%, #FF7200 100%);
  border-radius: .1rem;
  padding: .19rem 0;
  line-height: .42rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  font-size: .3rem;
  color: #FFFFFF;
}

.section-footer-btn-left {
  margin-right: .3rem;
}

.section-footer-btn-icon {
  width: .28rem;
  margin-right: .15rem;
}

.section-footer-btn.section-footer-btn-right {
  background-image: linear-gradient(180deg, #4CC1F3 0%, #003CA2 100%);
}