.qa {
  color: #DDDDDD;
}
.qa a {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.qa .color-blue {
  color: #1A9BBB;
}

.qa-fv {
  background: url(../img/fv-pc.webp) right center/cover no-repeat;
  padding: clamp(60px, 39.5276px + 3.1496vw, 100px) 0;
  text-align: center;
}
.qa-fv .sub-title {
  font-size: clamp(30px, 22.9577px + 1.4085vw, 50px);
  margin-bottom: 15px;
  color: #2B2B2B;
}
.qa-fv .title {
  font-size: clamp(40px, 28.3803px + 2.3239vw, 73px);
  font-weight: 500;
  line-height: 1.4;
  color: #2B2B2B;
}
.qa-fv .border-text {
  font-size: clamp(20px, 15.0704px + 0.9859vw, 34px);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.5em;
  color: #2B2B2B;
}
.qa-fv .border-text .box {
  border: 1px solid #2B2B2B;
  border-top: none;
  position: relative;
  letter-spacing: clamp(1px, -0.0236px + 0.1575vw, 3px);
  padding: 0.5em 1.5em 0.3em;
}
.qa-fv .border-text .top-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  bottom: 99%;
  left: 0;
  width: 100%;
}
.qa-fv .border-text .top-line .line {
  display: inline-block;
  width: calc(50% - clamp(18px, 14.4789px + 0.7042vw, 28px) / 2);
  height: 1px;
  border-bottom: 1px solid #2B2B2B;
}
.qa-fv .border-text .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: clamp(18px, 14.4789px + 0.7042vw, 28px);
}

.qa-section {
  padding: clamp(80px, 18.5827px + 9.4488vw, 200px) clamp(10px, -5.3543px + 2.3622vw, 40px) 0;
}
.qa-section .question-head {
  background-color: #EAF7FF;
  text-align: center;
  font-size: clamp(22px, -2.5669px + 3.7795vw, 70px);
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.3em 0.5em 0.2em;
}
.qa-section .question-head .en {
  color: #B4B4B4;
  line-height: 1;
  margin-right: 10px;
  white-space: nowrap;
  font-size: clamp(32px, 2.315px + 4.5669vw, 90px);
}
.qa-section .question-head .title {
  display: inline-block;
  color: #2B2B2B;
}
.qa-section .txt {
  font-size: clamp(22px, 12.8451px + 1.831vw, 48px);
  color: #DDDDDD;
  text-align: center;
  margin: clamp(40px, 18.8732px + 4.2254vw, 100px) 0;
}
.qa-section .txt strong {
  font-weight: bold;
}
.qa-section .qa-img {
  max-width: 1000px;
  margin: clamp(40px, 25.9155px + 2.8169vw, 80px) auto 0;
}
.qa-section .answer-head {
  background: -webkit-gradient(linear, left top, right top, color-stop(19.71%, #A7E0FF), color-stop(50%, #FFFFFF), color-stop(80%, rgba(167, 224, 255, 0.98)));
  background: linear-gradient(90deg, #A7E0FF 19.71%, #FFFFFF 50%, rgba(167, 224, 255, 0.98) 80%);
  padding: clamp(10px, 6.4789px + 0.7042vw, 20px);
  margin-top: clamp(50px, 14.7887px + 7.0423vw, 150px);
  margin-bottom: clamp(40px, 25.9155px + 2.8169vw, 80px);
}
.qa-section .answer-head.margin {
  margin-top: clamp(40px, 18.8732px + 4.2254vw, 100px);
}
.qa-section .answer-head .box {
  background-color: #070707;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.qa-section .answer-head .box .video {
  position: relative;
}
.qa-section .answer-head .box .video:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../assets/img/evaluate-wrap.webp) top right/cover no-repeat;
  z-index: 2;
}
.qa-section .answer-head .box .content {
  position: absolute;
  color: #ffffff;
  top: 50%;
  left: 25%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: clamp(22px, 8.6197px + 2.6761vw, 60px);
}
.qa-section .answer-head .box .content.small {
  font-size: clamp(20px, 5.9155px + 2.8169vw, 60px);
}
.qa-section .answer-head .box .content strong {
  font-weight: bold;
  color: #DDDDDD;
  position: relative;
  display: inline-block;
}
.qa-section .answer-head .box .content strong sup {
  display: inline-block;
  top: 0.5em;
  right: -1em;
  position: absolute;
  font-size: 16px;
  color: #DDDDDD;
}
.qa-section .answer-head .box .content .en {
  display: inline-block;
  color: #60BFD7;
  font-size: clamp(28px, 9.6901px + 3.662vw, 80px);
  -webkit-transform: translateY(-20%);
      -ms-transform: translateY(-20%);
          transform: translateY(-20%);
  margin-right: 10px;
}
.qa-section .answer-head .box .answer-tip {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 12px;
  color: #989898;
}
.qa-section .border {
  margin-top: clamp(60px, 10.7042px + 9.8592vw, 200px);
  border: 1px solid #999999;
  text-align: center;
  padding: 0.4em 0.5em 0.3em;
  font-size: clamp(22px, 8.6197px + 2.6761vw, 60px);
  color: #DDDDDD;
}
.qa-section .border.margin {
  margin-top: clamp(40px, 18.8732px + 4.2254vw, 100px);
}
.qa-section .border-bottom {
  text-align: center;
  color: #DDDDDD;
  margin: clamp(40px, 25.9155px + 2.8169vw, 80px) 0 0;
}
.qa-section .border-bottom.margin {
  margin-top: clamp(60px, 38.8732px + 4.2254vw, 120px);
}
.qa-section .border-bottom .title {
  font-size: clamp(26px, 14.0282px + 2.3944vw, 60px);
}
.qa-section .border-bottom .sub-title {
  font-size: clamp(16px, 7.5493px + 1.6901vw, 40px);
}
.qa-section .full-img {
  margin-top: clamp(20px, 12.9577px + 1.4085vw, 40px);
}
.qa-section .img-title {
  color: #DDDDDD;
  text-align: center;
  font-size: clamp(18px, 13.0704px + 0.9859vw, 32px);
  font-weight: bold;
  margin-bottom: clamp(18px, 9.4937px + 1.1076vw, 25px);
}
.qa-section .qa-article {
  font-size: clamp(18px, 11.662px + 1.2676vw, 36px);
  text-align: center;
  color: #DDDDDD;
  margin-top: clamp(40px, 32.9577px + 1.4085vw, 60px);
}
.qa-section .qusetion-banner {
  margin-top: 60px;
}
.qa-section .pcnone {
  display: none;
}
.qa-section .video-items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 clamp(20px, -4.3038px + 3.1646vw, 40px);
}
.qa-section .video-items .item {
  line-height: 1.2;
}
.qa-section .video-items .item .video {
  width: 100%;
}
.qa-section .video-items .item .text {
  text-align: center;
  font-size: clamp(12px, -2.5823px + 1.8987vw, 24px);
  font-weight: 700;
  color: #fff;
  padding: clamp(12px, 8.3544px + 0.4747vw, 15px) 5px 12px;
  background-color: #555;
}
.qa-section .video-items .item .text .underline {
  text-decoration: underline;
}
.qa-section .video-items .item:nth-child(2) .text {
  background-color: #5ac3d8;
  color: #000;
}

@media (max-width: 960px) {
  .qa-section {
    padding: 80px 0 0;
  }
}
@media (max-width: 767px) {
  .qa-section .answer-head .box .answer-tip {
    display: none;
  }
  .qa-section .pcnone {
    display: block;
    margin-top: -20px;
  }
}
@media (max-width: 500px) {
  .qa-section {
    padding: 60px 0 0;
  }
  .qa-section .question-head {
    padding: 0.4em 0.3em;
    font-size: 18px;
  }
  .qa-section .question-head .en {
    font-size: 20px;
    line-height: 1.2;
    margin-right: 5px;
  }
  .qa-section .qa-article {
    line-height: 1.6;
    font-size: 14px;
  }
  .qa-section .txt {
    line-height: 1.6;
    font-size: 16px;
    margin: 25px 0;
  }
  .qa-section .qa-img {
    margin-top: 25px;
  }
  .qa-section .answer-head {
    margin: 30px 0;
    padding: 6px;
  }
  .qa-section .answer-head .box .content {
    line-height: 1.3;
    left: 26%;
    font-size: 18px;
  }
  .qa-section .answer-head .box .content .en {
    font-size: 27px;
  }
  .qa-section .answer-head .box .content.small {
    font-size: 15px;
  }
  .qa-section .answer-head.margin {
    margin-top: 30px;
  }
  .qa-section .border {
    font-size: 15px;
    margin-top: 50px;
  }
  .qa-section .border-bottom {
    margin: 25px 0 35px;
  }
  .qa-section .border-bottom .title {
    font-size: 21px;
  }
  .qa-section .border-bottom .sub-title {
    font-size: 13px;
  }
  .qa-section .video-items {
    gap: 0 10px;
  }
  .qa-section .video-items .item .text {
    font-size: 10px;
    font-size: 7px;
    padding: 5px 2px;
  }
  .qa-fv {
    padding: 50px 0;
  }
  .qa-fv .sub-title {
    font-size: 17px;
  }
  .qa-fv .title {
    font-size: 24px;
  }
  .qa-fv .title .color-blue,
  .qa-fv .title .fontBlue {
    font-size: 27px;
  }
  .qa-fv .border-text {
    font-size: 14px;
  }
}