.text_1 {
  width: 61px;
  height: 25px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 25px;
  margin: 35px 0 0 18px;
}
.text_3 {
  width: 52px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  margin: 32px 0 0 14px;
}
.image-wrapper_1 {
  height: 42px;
  background: url(./../img/SketchPng172920e0fc308af632172cb65d6e285bf036229fc2e04089ef458db361f1ed4b.png) 0px 0px no-repeat;
  background-size: 100%;
  width: 100%;
}
.text_6 {
  width: 175px;
  color: rgba(17, 17, 17, 1);
}
.text_7 {
  width: 45%;
  color: rgba(93, 98, 112, 1);
}

.text_8 {
  width: 103px;
  height: 17px;
  color: rgba(17, 17, 17, 1);
}
.text_11 {
  width: 66px;
  height: 23px;
  color: rgba(17, 17, 17, 1);
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-top: 22px;
}
.img_cheapest{
  width: 90.82%;
  height: 97.18%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  transition: none;
  z-index: 1;
}
.circles{
  width: 9%;
  height: 50%;
  background: url(./../img/point-blue.png) 0 0 no-repeat;
  background-size: 24px 24px;
  border-radius: 50%;
  position: absolute;
  left: 28%;
  top: 23%;
  z-index: 80;
  display: none;
}
.slide-in {
  animation: slideDown 2s ease forwards;
  z-index: 2;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0%);
  }
}
.box_0 {
  margin-top: -80px;
  padding-top: 80px;
  width: 100%;
  height: 410px;
  background-color: var(--bg-light-blue);
}
.image_7 {
  width: 50px;
  height: 50px;
}
.text_25 {
  width: 161px;
  height: 28px;
  overflow-wrap: break-word;
}
.carousel-wrapper {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  white-space: nowrap;
  margin: 20px auto 0 auto;
}
.carousel-track {
  display: inline-block;
  animation: scrollLoop 20s linear infinite;
}
@keyframes scrollLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.carousel-track .small_img {
  width: 100px;
  height: 42px;
  display: inline-block;
}
.carousel-track img {
  scroll-snap-align: start;
}
.image_11 {
  margin: 20px 0 0 30px;
}
.image-text_6 {
  height: 16px;
  margin: 0 0 20px 20px;
}
.thumbnail_4 {
  margin-left: 10px;
}
.box_22 {
  background-color: rgba(249, 250, 251, 1);
}
.box_23{
  margin: 40px auto 30px auto;
}
.box_23_item_up{
  height: 160px;
}
.box_23_item_up.step-pad-38 { padding-top: 38px; }
.box_23_item_up.step-pad-14 { padding-top: 14px; }
.image_21 {
  width: 72.6%;
  height: auto;
  position: absolute;
  bottom: 0;
}
.label_1 {
  width: 10%;
  margin-left: 78%;
  position: absolute;
  top: 56%;
}
.text-group_13 {
  width: 88%;
  height: 111px;
}
.text_55 {
  font-size: 48px;
  line-height: 67px;
}
.text_56 {
  line-height: 28px;
}
.box_23_item2{
  width: 50%;
  float: left;
}
.section_29 {
  width: 100%;
  margin: 20px 0 0 0;
  display: grid;
  grid-template-columns: 44fr 56fr;
  gap: 0;
}
.text_118 {
  margin-top: 20px;
}
.text-wrapper_35 {
  background-color: rgba(36, 99, 235, 1);
}
.text-wrapper_35:hover{
  background-color: #4D8AFF;
}
.section_31 img{
  max-width: 60%;
  height: auto;
  width: auto;
  display: block;
  object-fit: contain;
}
.group_341{
  height: 380px;
}
.group_34 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.text_139 {
  margin-top: 30px;
}
.text-wrapper_38:hover{
  background-color: #4D8AFF;
}
.box_26 {
  max-width: 1160px;
  padding: 20px 0 0 0;
}
.group_67 {
  margin: 30px auto 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.group_68 {
  margin: 60px auto 20px auto
}
.text_87 {
  font-size: 28px;
  line-height: 32px;
}
.text_88 {
  margin-top: 28px;
}
.group_199{
  max-width: 1160px;
  margin: 50px auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4%;
}
.group_19-0 {
  border-radius: 18px;
  padding: 30px 20px;
}
.image_43{
  width: 58px;
  height: 58px;
  margin: 0 auto;
}
.image_43-0 {
  width: 58px;
  height: 58px;
}
.label_5{
  height: 40px;
  margin: 10px auto 0 auto;
  font-size: 20px;
  color: rgba(4, 12, 28, 1);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.label_5-0 {
  width: 36px;
  height: 36px;
  float: left;
}
.label_5-1{
  float: left;
  margin: 2px 0 0 6px;
  font-family: 'Karla', sans-serif;
}
.text_200{
  display: inline-block;
  width: 300px;
  height: 52px;
  line-height: 52px;
  background-color: rgb(36, 99, 235);
}
.text-wrapper_69 {
  margin: 90px auto 0 auto;
}
.text_93 {
  font-size: 28px;
  line-height: 32px;
}
.group_70 {
  margin: 20px auto 0 auto;
  display: grid;
  grid-template-columns: 56fr 44fr;
  gap: 0;
}
.group_71 {
  width: 110px;
  height: 36px;
  margin: 16px auto 40px auto;
}
.box_70 {
  margin: 30px auto;
  padding-left: 10%;
}
.image-text_82 {
  height: 22px;
  margin-top: 16px;
  cursor: pointer;
}
.text-group_25 {
  color: rgba(24, 81, 224, 1);
}
.text-group_25:hover{
  border-bottom: 2px solid rgba(24, 81, 224, 1);
}
.thumbnail_8 {
  width: 17px;
  height: 17px;
  margin-top: 3px;
  margin-left: 10px;
}
.box_71 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
.section_6 {
  background-color: rgba(24, 81, 224, 1);
  border-radius: 28px 0 0 28px;
}
.paragraph_4 {
  font-size: 36px;
  line-height: 54px;
  margin: 27px auto 0 auto;
}
.thumbnail_11 {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.section_34 {
  height: 60px;
  margin: 20px auto 40px auto;
}
.text-wrapper_21 {
  background-color: rgba(255, 255, 255, 1);
}
.text-wrapper_21:hover{
  background-color: #f4f6f8;
}
.text-wrapper_22 {
  border: 2px solid rgba(255, 255, 255, 1);
}
.text-wrapper_22:hover{
  background-color: #4D8AFF;
}
.text_101 {
  color: rgba(24, 81, 224, 1);
  font-size: 18px;
  line-height: 60px;
}
.text_102 {
  font-size: 18px;
  line-height: 60px;
}
.section_7 {
  border-radius: 0 28px 28px 0;
  background: url(./../img/mergeImage.webp) 0 0 no-repeat;
  background-size: 100%;
}
.section_7-wrapper {
  position: relative;           /* 让内部 img 和 overlay 定位 */
  border-radius: 0 28px 28px 0; /* 保持原圆角 */
  overflow: hidden;             /* 防止图片溢出圆角 */
  width: 100%;                  /* 或你原来的宽度 */
  height: 100%;                 /* 或固定高度，如 500px */
}

.section_7-image {
  width: 100%;
  height: 100%;
  object-fit: cover;            /* 核心：类似 background-size: cover */
  object-position: center;      /* 可调，类似 background-position */
  display: block;               /* 去除 img 底部间隙 */
}
@media (max-width: 1160px){
  .circles{
    left: 26%;
  }
}
@media (max-width: 990px){
  .box_1{
    height: 1100px;
  }
  .box_2{
    max-width: 80%;
  }
  .grid{
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
  }
  .section_29{
    grid-template-columns: 1fr;
    width: 92%;
    margin: 0 auto;
  }
  .section_31{
    margin-top: 20px;
  }
  .group_341{
    height: 430px;
  }
  .box_26{
    padding: 20px 4% 0 4%;
    width: 92%;
  }
  .group_199{
    grid-template-columns: repeat(1, 1fr);
  }
  .text-wrapper_69{
    margin: 120px auto 0 auto;
  }
  .paragraph_4{
    font-size: 30px;
    line-height: 40px;
  }
  .section_34{
    margin: 20px auto 20px auto;
  }
  .text_102{
    font-size: 16px;
  }
  .section_7{
    background-size: 100% 309px;
  }
}
@media (max-width: 768px){
  .box_2{
    max-width: 90%;
  }
  .grid1 {
    grid-template-columns: 1fr;
  }
  .box_4{
    height: 210px;
  }
  .paragraph_1{
    font-size: 38px;
  }
  .paragraph_1_1{
    width: 100%;
    font-size: 36px;
    line-height: 50px;
  }
  .box_23_item2{
    width: 33%;
  }
  .group_341{
    height: 700px;
  }
  .group_34{
    grid-template-columns: repeat(1, 1fr);
    position: relative;
  }
  .group_67{
    grid-template-columns: repeat(1, 1fr);
    margin: 78px auto 0 auto;
  }
  .text_87{
    font-size: 22px;
    line-height: 24px;
  }
  .group_199{
    width: 90%;
    padding: 20px;
  }
  .text-wrapper_69{
    margin: 120px auto 0 auto;
  }
  .text_93{
    font-size: 24px;
    line-height: 26px;
  }
  .group_70{
    grid-template-columns: 1fr;
  }
  .box_71 {
    grid-template-columns: 1fr;
  }
  .section_6{
    width: 90%;
    margin: 0 auto;
    border-radius: 28px;
  }
  .paragraph_4{
    margin: 10px 0 0 50px;
  }
  .section_7{
    width: 90%;
    height: 290px;
    margin: 20px auto;
    border-radius: 28px;
  }
  .text_2{
    width: 98%;
    height: 100px;
    padding-right: 20px;
  }
  .box_6{
    width: 92%;
    margin-top: 20px;
  }
  .text_2s{
    overflow-wrap: break-word;
  }
  .box_7{
    width: 90%;
    margin: 20px auto 0 auto;
  }
  .bubble{
    left: 90px;
    top: 260px;
  }
  .text-wrapper_1{
    width: 66px;
    height: 66px;
    background-size: 66px 66px;
  }
  .text_1{
    margin: 20px 0 0 4px;
  }
  .text-wrapper_2{
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
  }
  .text_3{
    margin: 16px 0 0 0;
  }
  .card_box{
    width: 90%;
    height: 74%;
  }
  .circles{
    width: 24px;
    height: 24px;
    background-size: 22px 22px;
    left: 30%;
    top: 6%;
  }
  .text_11{
    margin-top: 0;
  }
  .text-wrapper_6,.text-wrapper_61{
    margin-top: 0;
  }
  .box_0{
    margin-top: -40px;
    height: 980px;
  }
  .box_12{
    margin: 0 auto;
  }
  .group_5{
    max-width: 92%;
    margin: 0 auto;
  }
  .box_140{
    padding-bottom: 190px;
  }
  .box_14{
    padding-left: 4%;
    padding-right: 4%;
  }
  .grid_1{
    grid-template-columns: repeat(1, 1fr);
    margin-top: 100px;
  }
  .image-wrapper_3{
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 550px){
  .box_4{
    height: 260px;
  }
}
@media (max-width: 450px){
  .box_2{
    margin: 100px auto 0 auto;
  }
  .box_4{
    height: 240px;
  }
  .paragraph_1{
    font-size: 30px;
  }
  .paragraph_1_1{
    font-size: 30px;
    line-height: 36px;
  }
  .box_23_item_up{
    height: 100px;
  }
  .text_55{
    font-size: 38px;
  }
  .text_56{
    font-size: 14px;
    line-height: 16px;
  }
  .text_118{
    margin-top: 8px;
  }
  .box_68 {
    position: absolute;
    top: 480px;
  }
  .text_139{
    margin-top: 40px;
  }
  .group_67{
    margin: 130px auto 0 auto;
  }
  .text_88{
    margin-top: 50px;
  }
  .group_199{
    margin-left: -5%;
  }
  .group_70{
    margin: 0 auto 0 auto;
  }
  .paragraph_4 {
    font-size: 26px;
    line-height: 34px;
  }
  .section_34{
    height: 40px;
  }
  .text_101,.text_102{
    line-height: 40px;
    font-size: 13px;
  }
  .section_7{
    height: 200px;
  }
  .text-wrapper_5{
    margin: 6px auto 0 auto;
  }
  .box_13{
    margin: 80px auto 0 auto;
  }
  .group_6{
    height: 300px !important;
  }
  .text_31{
    font-size: 24px;
    line-height: 30px;
  }
  .box_140 {
    padding-bottom: 240px;
  }
  .text_32{
    margin: 10px auto 0 auto;
  }
  .text_33{
    margin: 68px auto 0 auto;
  }
  .text_35{
    height: 100px;
  }
  .box_19{
    width: 92%;
    margin: 0 auto;
    padding-bottom: 60px;
  }
  .box_12{
    margin: 120px auto 40px auto;
  }
  .group_200{
    margin: 140px auto 0 auto;
  }
  .text-wrapper_69 {
    margin: 20px auto 0 auto;
  }
  .text_25{
    font-size: 16px !important;
  }
  .img_33{
    width: 100%;
    height: auto;
  }
}