/* HIMLA (Chery Pickup) – scoped vendor CSS
   All rem values use --hr: calc(100vw / 19.2) defined on .himla-int-page */

.himla-int-page {
  --hr: calc(100vw / 19.2);
  color: #fff;
}

.himla-int-page .himla .pc-pad { display: block !important; }
.himla-int-page .himla .mb-only { display: none !important; }

.himla-int-page .himla img,
.himla-int-page .himla video { display: block; }

@keyframes slideActive {
  0% { width: 0%; }
  100% { width: 100%; }
}

.himla-int-page .himla { width: 100%; }
.himla-int-page .himla img { width: 100%; }
.himla-int-page .himla .moreTitle .more {
  font-size: calc(0.42 * var(--hr));
  line-height: calc(1.1 * var(--hr));
  font-weight: bold;
  color: #fff;
  margin-left: calc(1.36 * var(--hr));
}
.himla-int-page .himla .moreTitle .more span {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  vertical-align: middle;
  margin-left: calc(0.13 * var(--hr));
}
.himla-int-page .himla .moreTitle .title {
  font-size: calc(0.8 * var(--hr));
  line-height: calc(1.1 * var(--hr));
  font-weight: bold;
  color: #fff;
  margin-bottom: calc(0.2 * var(--hr));
  margin-left: calc(1.36 * var(--hr));
  margin-top: calc(1.24 * var(--hr));
}
.himla-int-page .himla video { width: 100%; height: 100%; object-fit: cover; }
.himla-int-page .himla .banner { width: 100%; height: 100vh; position: relative; background-size: cover; }
.himla-int-page .himla .banner img { width: 100%; height: 100%; object-fit: cover; }
.himla-int-page .himla .banner .title {
  position: absolute;
  bottom: calc(0.6 * var(--hr));
  right: calc(0.4 * var(--hr));
  font-size: calc(0.5 * var(--hr));
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #fff;
}
.himla-int-page .himla .degrees { width: 100%; }
.himla-int-page .himla .degrees img { width: 100%; }
.himla-int-page .himla .record { padding: 0 calc(0.74 * var(--hr)); }
.himla-int-page .himla .record li {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  flex-wrap: wrap;
  margin: calc(0.28 * var(--hr)) 0;
  padding-left: 1%;
}
.himla-int-page .himla .record li div { width: 100%; }
.himla-int-page .himla .record li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: calc(0.02 * var(--hr));
  height: calc(0.94 * var(--hr));
  background-color: rgba(255,255,255,0.4);
}
.himla-int-page .himla .appearance360 .record li::before { background-color: #333; }
.himla-int-page .himla .record li .name {
  font-size: calc(0.22 * var(--hr));
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
.himla-int-page .himla .record li .data {
  font-size: calc(0.36 * var(--hr));
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  margin-top: calc(0.1 * var(--hr));
}
.himla-int-page .himla .record ul { display: flex; }
.himla-int-page .himla .appearance360 {
  margin-bottom: calc(0.4 * var(--hr));
  background-color: #fff;
  color: #333;
}

.himla-int-page .model_wrap { cursor: url('/vendor/himla-int/images/cursor.cur'), grab; }
.himla-int-page .himla .interior360 .con { cursor: url('/vendor/himla-int/images/cursor.cur'), grab; }
.himla-int-page .himla .interior360 #interior { cursor: url('/vendor/himla-int/images/cursor.cur'), grab; }
.himla-int-page .himla .interior360 #interior canvas { cursor: url('/vendor/himla-int/images/cursor.cur'), grab; }

.himla-int-page .model_wrap {
  position: relative;
  width: calc(15.86 * var(--hr));
  height: 70vh;
  margin: 0 auto;
}
.himla-int-page .model_wrap .model_360 {
  overflow: hidden;
  width: 78%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.himla-int-page .model_wrap .model_360 .threesixty { width: 100%; height: 100%; }
.himla-int-page .model_wrap .bg360 { width: 100%; position: absolute; }
.himla-int-page .model_wrap .color_cut {
  height: calc(1 * var(--hr));
  width: 100%;
  display: flex;
  justify-content: end;
  position: absolute;
  bottom: calc(0.4 * var(--hr));
  left: 0;
}
.himla-int-page .model_wrap .color {
  padding: calc(0.15 * var(--hr)) calc(0.7 * var(--hr)) calc(0.15 * var(--hr)) calc(0.1 * var(--hr));
  border-radius: calc(0.48 * var(--hr));
  background-color: #dddddd;
  transform: scale(0.7);
}
.himla-int-page .model_wrap .color span {
  opacity: 1;
  width: calc(0.64 * var(--hr));
  height: calc(0.64 * var(--hr));
  position: relative;
  background-color: #dddddd;
  margin: 0 calc(0.1 * var(--hr));
  display: block;
}
.himla-int-page .model_wrap .color span i {
  display: inline-block;
  width: calc(0.64 * var(--hr));
  height: calc(0.64 * var(--hr));
  border-radius: 50%;
}
.himla-int-page .model_wrap .color span.on::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(0.62 * var(--hr));
  height: calc(0.62 * var(--hr));
  border: calc(0.08 * var(--hr)) #000 solid;
  background-color: transparent;
  border-radius: 50%;
}
.himla-int-page .model_wrap .color span.on i { transform: scale(0.7); }
.himla-int-page .model_wrap .pop_360_rou {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.himla-int-page .model_wrap .pop_360_rcon { width: 100%; }
.himla-int-page .model_wrap .svgIndicator {
  top: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.himla-int-page .model_wrap .svgIndicator img {
  width: calc(1 * var(--hr));
  height: calc(1 * var(--hr));
}
.himla-int-page .model_wrap .color span.oliveGreen i { background-color: #849b7f; }

.himla-int-page .loading-360 {
  background: url('/vendor/himla-int/images/360/loading.png') no-repeat center center;
  background-size: contain;
  width: calc(0.8 * var(--hr));
  height: calc(0.8 * var(--hr));
  animation: rotate 1s infinite;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -40px auto;
}

.himla-int-page .himla .interior360 { width: 100%; }
.himla-int-page .himla .interior360 .svgIndicator {
  width: calc(1 * var(--hr));
  height: calc(1 * var(--hr));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  pointer-events: none;
}
.himla-int-page .himla .interior360 .con { width: 100vw; }
.himla-int-page .himla .interior360 .con .interior360Swiper { width: 100vw; height: 78vh; }
.himla-int-page .himla .interior360 .con .interior360Swiper .swiper-slide {
  width: 100vw;
  height: calc(7.98 * var(--hr));
}
.himla-int-page .himla .interior360 .con .interior360Swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.himla-int-page .himla .interior360 .record { padding-bottom: calc(0.4 * var(--hr)); }
.himla-int-page .himla .interior360 .record ul { justify-content: space-between; }

.himla-int-page .himla .introduceMenu {
  height: calc(0.75 * var(--hr));
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 250;
  cursor: pointer;
}
.himla-int-page .himla .introduceMenu a {
  font-size: calc(0.22 * var(--hr));
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #536a5e;
  width: 34%;
  height: 100%;
  color: #fff;
  border-right: #6a786d 1px solid;
}
.himla-int-page .himla .introduceMenu a:last-child { border: none; }
.himla-int-page .himla .introduceMenu a.on { background-color: #709682; }

.himla-int-page .himla .introduceCon { width: 100%; }
.himla-int-page .himla .introduceCon video { width: 100%; height: 100%; object-fit: cover; }

.himla-int-page .himla .showPic {
  width: 100%;
  height: 100%;
  margin-top: calc(1.18 * var(--hr));
}
.himla-int-page .himla .showPic img { width: 100%; height: 100%; object-fit: cover; }
.himla-int-page .himla .showPic .record ul li { width: 24%; flex: none; }

.himla-int-page .himla .myVideo {
  width: 100%;
  height: calc(100svh - 0.75 * var(--hr));
  position: relative;
}
.himla-int-page .himla .myVideo video { width: 100%; height: 100%; object-fit: cover; }
.himla-int-page .himla .myVideo .audioControlBtn {
  position: absolute;
  bottom: calc(0.34 * var(--hr));
  right: calc(1.2 * var(--hr));
  width: calc(0.72 * var(--hr));
  height: calc(0.72 * var(--hr));
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 0;
  margin-right: calc(0.24 * var(--hr));
}
.himla-int-page .himla .myVideo .audioControlBtn i { width: 100%; height: 100%; }
.himla-int-page .himla .myVideo .audioControlBtn i img { width: 100%; height: 100%; object-fit: cover; }
.himla-int-page .himla .myVideo .playPauseBtn {
  position: absolute;
  bottom: calc(0.34 * var(--hr));
  right: calc(0.44 * var(--hr));
  width: calc(0.72 * var(--hr));
  height: calc(0.72 * var(--hr));
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}
.himla-int-page .himla .myVideo .playPauseBtn i {
  font-size: calc(0.28 * var(--hr));
  color: #fff;
  font-style: initial;
  line-height: calc(0.72 * var(--hr));
}
.himla-int-page .himla .myVideo .playPauseBtn .pause-icon {
  font-size: calc(0.38 * var(--hr));
  background: transparent;
}
.himla-int-page .himla .myVideo .bigPlayBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(0.72 * var(--hr));
  height: calc(0.72 * var(--hr));
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  transform-origin: center center;
  transform: translate(-50%, -50%) scale(2);
}
.himla-int-page .himla .myVideo .bigPlayBtn i {
  font-size: calc(0.28 * var(--hr));
  color: #fff;
  font-style: initial;
  line-height: calc(0.72 * var(--hr));
  margin-left: calc(0.05 * var(--hr));
}

.himla-int-page .himla .titleCon { width: 96%; margin: 0 auto; }
.himla-int-page .himla .titleCon .contact { width: calc(4.3 * var(--hr)); margin: 0 auto; }
.himla-int-page .himla .titleCon .record { padding: calc(0.3 * var(--hr)) 0 calc(0.6 * var(--hr)) 0; }
.himla-int-page .himla .titleCon .title { font-size: calc(0.72 * var(--hr)); font-weight: bold; }
.himla-int-page .himla .titleCon .record li { width: 30%; }

.himla-int-page .himla .multi-record {
  margin-top: calc(0.1 * var(--hr));
  margin-bottom: calc(0.5 * var(--hr));
  margin-left: auto;
  margin-right: auto;
}
.himla-int-page .himla .multi-record .engine-section { margin-bottom: calc(0.2 * var(--hr)); }

.himla-int-page .himla .showPic .record { padding-top: 0; }
.himla-int-page .himla .showPic .record ul li { width: auto; }

.himla-int-page .himla .multi-record .engine-title {
  font-size: calc(0.48 * var(--hr));
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  margin-bottom: calc(0.1 * var(--hr));
  text-align: left;
}
.himla-int-page .himla .multi-record .performance-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
.himla-int-page .himla .multi-record .table-header {
  display: flex;
  background-color: transparent;
  border-bottom: calc(0.02 * var(--hr)) solid rgba(255,255,255,0.3);
}
.himla-int-page .himla .multi-record .header-item {
  flex: 1;
  padding: calc(0.1 * var(--hr)) calc(0.16 * var(--hr));
  font-size: calc(0.2 * var(--hr));
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #bbb;
  text-align: left;
}
.himla-int-page .himla .multi-record .table-row {
  display: flex;
  border-bottom: calc(0.01 * var(--hr)) solid rgba(255,255,255,0.15);
  padding: calc(0.1 * var(--hr)) 0;
  align-items: center;
}
.himla-int-page .himla .multi-record .table-row:last-child { border-bottom: none; }
.himla-int-page .himla .multi-record .table-cell {
  flex: 1;
  padding: calc(0.1 * var(--hr)) calc(0.16 * var(--hr));
  font-size: calc(0.36 * var(--hr));
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #fff;
  text-align: left;
  line-height: 1.2;
}

.himla-int-page .himla .imgCon { position: relative; }
.himla-int-page .himla .imgCon .bigSwiper {
  width: calc(15.86 * var(--hr));
  margin: 0 auto;
  height: 70svh;
  border-radius: calc(0.2 * var(--hr));
  margin-bottom: 2svh;
}
.himla-int-page .himla .imgCon .bigSwiper img { width: 100%; height: 100%; object-fit: cover; }
.himla-int-page .himla .imgCon .littleSwiper {
  width: calc(15.86 * var(--hr));
  height: 17svh;
  margin: 0 auto;
}
.himla-int-page .himla .imgCon .littleSwiper .swiper-slide {
  width: 20%;
  height: 100%;
  position: relative;
}
.himla-int-page .himla .imgCon .littleSwiper .swiper-slide .pic {
  width: 95%;
  height: 95%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: calc(0.16 * var(--hr));
  overflow: hidden;
  border: #fff solid calc(0.04 * var(--hr));
}
.himla-int-page .himla .imgCon .littleSwiper .swiper-slide-thumb-active .pic {
  border: #383635 calc(0.04 * var(--hr)) solid;
}
.himla-int-page .himla .imgCon .littleSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.himla-int-page .himla .imgCon {
  --swiper-navigation-color: #fff;
  --swiper-navigation-size: calc(0.3 * var(--hr));
}
.himla-int-page .himla .imgCon .swiper-button-next {
  width: calc(0.48 * var(--hr));
  height: calc(0.48 * var(--hr));
  background-color: #666464;
  border-radius: 50%;
  top: var(--swiper-navigation-top-offset, 90%);
  right: var(--swiper-navigation-sides-offset, 5%);
}
.himla-int-page .himla .imgCon .swiper-button-prev {
  width: calc(0.48 * var(--hr));
  height: calc(0.48 * var(--hr));
  background-color: #666464;
  border-radius: 50%;
  top: var(--swiper-navigation-top-offset, 90%);
  left: var(--swiper-navigation-sides-offset, 5%);
}

.himla-int-page .himla .btnChoosePic {
  width: calc(15 * var(--hr));
  margin: 0 auto;
  margin-top: calc(2 * var(--hr));
}
.himla-int-page .himla .btnChoosePic .pic {
  width: 100%;
  height: 70svh;
  border-radius: calc(0.2 * var(--hr));
  overflow: hidden;
  position: relative;
}
.himla-int-page .himla .btnChoosePic .pic li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}
.himla-int-page .himla .btnChoosePic .pic li img { width: 100%; height: 100%; object-fit: cover; }
.himla-int-page .himla .btnChoosePic .pic li.on { visibility: visible; opacity: 1; transition: all 0.5s; }
.himla-int-page .himla .btnChoosePic .btnList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: calc(0.28 * var(--hr));
  margin-top: 2%;
}
.himla-int-page .himla .btnChoosePic .btnList a {
  height: calc(0.46 * var(--hr));
  display: block;
  color: #bbb;
  position: relative;
  cursor: pointer;
  transition: all 0.5s;
}
.himla-int-page .himla .btnChoosePic .btnList a.on,
.himla-int-page .himla .btnChoosePic .btnList a:hover {
  color: #fff;
  transition: all 0.5s;
}
.himla-int-page .himla .btnChoosePic .btnList a.on::after,
.himla-int-page .himla .btnChoosePic .btnList a:hover::after {
  content: '';
  display: block;
  width: 100%;
  height: calc(0.04 * var(--hr));
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}
.himla-int-page .himla .btnChoosePic .conShow {
  height: calc(0.28 * var(--hr));
  line-height: calc(0.28 * var(--hr));
  margin-top: 2%;
  font-size: calc(0.22 * var(--hr));
  display: flex;
  justify-content: center;
  align-items: center;
  color: #bbb;
  position: relative;
}
.himla-int-page .himla .btnChoosePic .conShow span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.5s;
  text-align: center;
}
.himla-int-page .himla .btnChoosePic .conShow span.on { opacity: 1; transition: all 0.5s; }

.himla-int-page .himla .buid-price {
  width: 100%;
  text-align: center;
  margin-top: calc(1.2 * var(--hr));
  margin-bottom: calc(0.6 * var(--hr));
}
.himla-int-page .himla .btn-build-price {
  display: inline-block;
  padding: calc(0.38 * var(--hr)) 0;
  background-color: #546a5e;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: calc(0.28 * var(--hr));
  line-height: calc(0.28 * var(--hr));
  font-weight: bold;
  border: none;
  border-radius: calc(2 * var(--hr));
  cursor: pointer;
  text-align: center;
  transition: background 0.2s;
  width: calc(3.36 * var(--hr));
}
.himla-int-page .himla .btn-build-price:hover { background-color: #4d5f56; }

.himla-int-page .himla .bottomPicSwiper {
  width: 100%;
  height: calc(100svh - 0.75 * var(--hr));
}
.himla-int-page .himla .bottomPicSwiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.himla-int-page .himla .bottomBg {
  width: 100%;
  background-color: #546a5e;
  height: calc(0.2 * var(--hr));
}

.himla-int-page .himla .SPACE .commercialSpace { padding-top: calc(0.89 * var(--hr)); }
.himla-int-page .himla .SPACE .commercialSpace .titleCon { margin-left: calc(0.62 * var(--hr)); }
.himla-int-page .himla .SPACE .commercialSpace .record ul { flex-wrap: wrap; }

.himla-int-page .himla .SPACE .MultiScenario { padding: calc(1.16 * var(--hr)) 0; }
.himla-int-page .himla .SPACE .MultiScenario .imgCon { margin-top: calc(0.6 * var(--hr)); }
.himla-int-page .himla .SPACE .MultiScenario .titleCon { padding-left: 0; width: calc(15.86 * var(--hr)); }

.himla-int-page .himla .SPACE .VersatileSpace { position: relative; margin-top: calc(1.2 * var(--hr)); }
.himla-int-page .himla .SPACE .VersatileSpace .logoTitle {
  height: 14svh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 96%;
  margin: 0 auto;
}
.himla-int-page .himla .SPACE .VersatileSpace .logoTitle h4 {
  font-size: calc(0.72 * var(--hr));
  line-height: calc(0.9 * var(--hr));
  font-weight: bold;
  color: #fff;
  width: calc(7.33 * var(--hr));
}
.himla-int-page .himla .SPACE .VersatileSpace .logo img { width: calc(8 * var(--hr)); }

.himla-int-page .himla .SPACE .VersatileSpace_con {
  display: flex;
  margin-top: calc(0.43 * var(--hr));
  align-items: center;
  margin-bottom: calc(1.64 * var(--hr));
  height: 70svh;
  position: relative;
  width: 100%;
}
.himla-int-page .himla .SPACE .VersatileSpace_con .VersatileSpaceSwiper {
  width: 60%;
  height: 100%;
  margin: 0;
}
.himla-int-page .himla .SPACE .VersatileSpace_con .VersatileSpaceSwiper img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.himla-int-page .himla .SPACE .VersatileSpace_con .swiper-button-next {
  width: calc(6.04 * var(--hr));
  font-size: calc(0.48 * var(--hr));
  line-height: calc(0.58 * var(--hr));
  height: 100%;
  position: relative;
  top: 0;
  right: 0;
  font-weight: bolder;
  color: #fff;
  text-align: center;
}
.himla-int-page .himla .SPACE .VersatileSpace_con .swiper-button-next span {
  font-size: calc(0.42 * var(--hr));
}

.himla-int-page .himla .SPACE .campingSpace .titleCon { margin-bottom: calc(0.6 * var(--hr)); }

.himla-int-page .himla .SPACE .LivingSpace { margin-top: calc(1.16 * var(--hr)); }
.himla-int-page .himla .SPACE .LivingSpace .titleCon { margin-bottom: calc(0.6 * var(--hr)); }
.himla-int-page .himla .SPACE .LivingSpace .livingSpaceSwiper {
  width: 100%;
  height: 90svh;
  --swiper-navigation-color: #fff;
  --swiper-navigation-size: calc(0.3 * var(--hr));
  position: relative;
}
.himla-int-page .himla .SPACE .LivingSpace .swiper-button-next {
  width: calc(0.8 * var(--hr));
  height: calc(0.8 * var(--hr));
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  right: var(--swiper-navigation-sides-offset, 2%);
}
.himla-int-page .himla .SPACE .LivingSpace .swiper-button-prev {
  width: calc(0.8 * var(--hr));
  height: calc(0.8 * var(--hr));
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  left: var(--swiper-navigation-sides-offset, 2%);
}
.himla-int-page .himla .SPACE .LivingSpace .livingSpaceSwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.himla-int-page .himla .SPACE .CompleteAllTasksComfortably .moreTitle {
  width: calc(15 * var(--hr));
  margin: 0 auto;
}
.himla-int-page .himla .SPACE .CompleteAllTasksComfortably .moreTitle .title { margin-left: 0; }
.himla-int-page .himla .SPACE .CompleteAllTasksComfortably .moreTitle .more { margin-left: 0; }
.himla-int-page .himla .SPACE .CompleteAllTasksComfortably .btnChoosePic {
  margin-top: calc(0.75 * var(--hr));
}
.himla-int-page .himla .SPACE .CompleteAllTasksComfortably .btnList { justify-content: space-around; }
.himla-int-page .himla .SPACE .bottomPic img { width: 100%; margin-top: calc(1.1 * var(--hr)); }

.himla-int-page .himla .SAFETY .ReliableSafety .btnChoosePic { margin-top: calc(0.56 * var(--hr)); }
.himla-int-page .himla .SAFETY .ReliableSafety .btnList { justify-content: space-around; }
.himla-int-page .himla .SAFETY .ReliableSafety .moreTitle {
  width: calc(15 * var(--hr));
  margin: 0 auto;
}
.himla-int-page .himla .SAFETY .ReliableSafety .moreTitle .title { margin-left: 0; }
.himla-int-page .himla .SAFETY .ReliableSafety .moreTitle .more { margin-left: 0; }


/* ========== Mobile ========== */
@media (max-width: 767px) {

  .himla-int-page .himla .pc-pad { display: none !important; }
  .himla-int-page .himla .mb-only { display: block !important; }

  .himla-int-page .himla .introduceMenu { height: calc(1.4 * var(--hr)); }
  .himla-int-page .himla .record { padding: 0; }
  .himla-int-page .himla .degrees .record {
    width: 90%;
    margin: 0 auto;
    padding: calc(0.32 * var(--hr)) 0;
  }
  .himla-int-page .himla .record ul { flex-wrap: wrap; }
  .himla-int-page .himla .record li { width: 47.5%; margin-left: 2%; }
  .himla-int-page .himla .record li .data { line-height: calc(0.5 * var(--hr)); }
  .himla-int-page .himla .record li .name { line-height: calc(0.4 * var(--hr)); }
  .himla-int-page .himla .record li::before { height: 100%; }
  .himla-int-page .himla .showPic .record ul li { flex: auto; width: 47%; }

  .himla-int-page .model_wrap { width: 100%; overflow: hidden; }
  .himla-int-page .himla .degrees .model_wrap .bg360 { width: 200%; }
  .himla-int-page .model_wrap .model_360 { width: 100%; padding-top: calc(1 * var(--hr)); }

  .himla-int-page .himla .myVideo { width: 100%; height: calc(5 * var(--hr)); }
  .himla-int-page .himla .bottomPicSwiper {
    width: 100%;
    height: calc(100svh - 1.5 * var(--hr));
  }

  .himla-int-page .himla .SPACE .VersatileSpace .logoTitle {
    flex-wrap: wrap;
    height: calc(3.2 * var(--hr));
  }

  .himla-int-page .himla .titleCon,
  .himla-int-page .himla .SPACE .MultiScenario .titleCon,
  .himla-int-page .himla .SPACE .LivingSpace .titleCon,
  .himla-int-page .himla .SAFETY .ReliableSafety .moreTitle {
    width: 90%;
    margin: auto !important;
    padding: 0;
  }

  .himla-int-page .himla .titleCon .record li { width: 47.5%; }
  .himla-int-page .himla .imgCon .bigSwiper { width: 90%; height: calc(4.5 * var(--hr)); }
  .himla-int-page .himla .imgCon .littleSwiper { width: 90%; }
  .himla-int-page .himla .imgCon .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, calc(0.2 * var(--hr)));
    top: var(--swiper-navigation-top-offset, 80%);
  }
  .himla-int-page .himla .imgCon .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, calc(0.2 * var(--hr)));
    top: var(--swiper-navigation-top-offset, 80%);
  }

  .himla-int-page .himla .SPACE .LivingSpace .livingSpaceSwiper {
    margin-top: calc(0.4 * var(--hr));
    --swiper-navigation-size: calc(0.4 * var(--hr));
  }
  .himla-int-page .himla .SPACE .LivingSpace .swiper-button-next {
    width: calc(1 * var(--hr));
    height: calc(1 * var(--hr));
  }
  .himla-int-page .himla .SPACE .LivingSpace .swiper-button-prev {
    width: calc(1 * var(--hr));
    height: calc(1 * var(--hr));
  }

  .himla-int-page .himla .btnChoosePic { width: 90%; margin-top: calc(1 * var(--hr)); }
  .himla-int-page .himla .btnChoosePic .btnList {
    font-size: calc(0.24 * var(--hr));
    text-align: center;
  }
  .himla-int-page .himla .btnChoosePic .btnList a {
    height: auto;
    padding: 0 calc(0.1 * var(--hr)) calc(0.2 * var(--hr));
    width: calc(100% / 3);
    height: calc(0.6 * var(--hr));
  }
  .himla-int-page .himla .btnChoosePic .conShow {
    font-size: calc(0.24 * var(--hr));
    line-height: calc(0.4 * var(--hr));
    margin-top: calc(0.34 * var(--hr));
    height: calc(1.2 * var(--hr));
  }

  .himla-int-page .himla .moreTitle .title {
    font-size: calc(0.45 * var(--hr));
    line-height: calc(0.6 * var(--hr));
    margin-left: calc(0.3 * var(--hr));
  }
  .himla-int-page .himla .moreTitle .more {
    margin-left: calc(0.3 * var(--hr));
    font-size: calc(0.4 * var(--hr));
  }

  .himla-int-page .himla .SPACE .VersatileSpace { margin-top: 0; }
  .himla-int-page .himla .SPACE .VersatileSpace .logo img {
    width: calc(6 * var(--hr));
    margin-left: 5%;
  }
  .himla-int-page .himla .SPACE .VersatileSpace .logoTitle h4 {
    width: auto;
    padding-right: 5%;
    padding-left: 5%;
    margin-bottom: calc(0.1 * var(--hr));
  }
  .himla-int-page .himla .SPACE .VersatileSpace_con {
    flex-wrap: wrap;
    justify-content: flex-end;
    height: calc(8 * var(--hr));
  }
  .himla-int-page .himla .SPACE .VersatileSpace_con .VersatileSpaceSwiper {
    width: 100%;
    height: calc(5 * var(--hr));
  }
  .himla-int-page .himla .SPACE .VersatileSpace_con .swiper-button-next {
    margin-top: 0;
    width: auto;
    height: auto;
    right: calc(0.5 * var(--hr));
  }
  .himla-int-page .himla .SPACE .VersatileSpace_con .VersatileSpaceSwiper img { width: 95%; }
  .himla-int-page .himla .SPACE .CompleteAllTasksComfortably .moreTitle { width: 90%; }

  .himla-int-page .himla .bottomBg { height: calc(0.33 * var(--hr)); }
  .himla-int-page .himla .SPACE .LivingSpace .con .word {
    bottom: calc(0.5 * var(--hr));
    right: calc(0.5 * var(--hr));
    font-size: calc(0.5 * var(--hr));
    line-height: calc(0.6 * var(--hr));
  }

  .himla-int-page .himla .interior360 .con { height: calc(7.5 * var(--hr)); }
  .himla-int-page .himla .interior360 .con .interior360Swiper { height: calc(7.9 * var(--hr)); }
  .himla-int-page .himla .interior360 .con .interior360Swiper .swiper-pagination { right: 0; }

  .himla-int-page .himla .SPACE .campingSpace .titleCon { padding-bottom: calc(0.4 * var(--hr)); }

  .himla-int-page .himla .CompleteAllTasksComfortably .btnChoosePic .btnList a,
  .himla-int-page .himla .ReliableSafety .btnChoosePic .btnList a {
    width: calc(100% / 2);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}