.bali-wrapper {
  letter-spacing: calc(-0.037em + 0.526px);
  background-color: #fff;
  font-feature-settings: "tnum";
  overflow-x: hidden;
}
.bali-wrapper * {
  box-sizing: border-box;
}
.bali-wrapper sup {
  line-height: 0;
  font-size: 0.6em;
  cursor: pointer;
}
.bali-wrapper picture {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.bali-wrapper .nr {
  white-space: nowrap;
}
.bali-wrapper img {
  width: 100%;
  display: block;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.bali-wrapper video {
  width: 100%;
  display: block;
  object-fit: cover;
}
.bali-wrapper .bali-show {
  display: block;
}
.bali-wrapper .bali-show-mob {
  display: none;
}
.bali-wrapper .bali-show-pc {
  display: block;
}
.bali-wrapper .bali-show-mob-inline {
  display: none;
}
.bali-wrapper .bali-show-pc-inline {
  display: inline-block;
}
.bali-wrapper .bali-show-ie {
  display: none;
}
.bali-wrapper .bali-hide-ie {
  display: block;
}
.bali-wrapper .pd-t {
  padding-top: 6.77083333vw;
}
.bali-wrapper .pd-b {
  padding-bottom: 6.77083333vw;
}
.bali-wrapper .bali-h3 {
  font-weight: 500;
  color: #000;
  font-size: 3.33333333vw;
  line-height: 1.25;
}
.bali-wrapper .bali-h4 {
  font-weight: 500;
  color: #000;
  font-size: 1.66666667vw;
  line-height: 1.25;
}
.bali-wrapper .bali-p {
  font-weight: 200;
  color: #000;
  font-size: 1.14583333vw;
  line-height: 1.6;
}
.bali-wrapper .bali-mgrt-40 {
  margin-top: 2.08333333vw;
}
.bali-wrapper .bali-mgrt-20 {
  margin-top: 1.04166667vw;
}
.bali-wrapper .bali-mark {
  font-weight: 200;
  color: #000000;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}
.bali-wrapper .hide-uc,
.bali-wrapper .hide-wx {
  display: none;
}
.bali-wrapper .show-uc,
.bali-wrapper .show-wx {
  display: block;
}
.bali-wrapper .bali-kv-s2-wraper {
  display: flex;
}
.bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper {
  width: 100%;
  height: 110.10416667vw;
  position: relative;
}
.bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-kv-slogan {
  width: 27.86458333vw;
  position: absolute;
  left: 63.22916667vw;
  top: 19.89583333vw;
  z-index: 1;
}
.bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-kv-slogan .bali-kv-slogan-text {
  margin-top: 2.083333vw;
  margin-left: 5vw;
  width: 25.5vw;
  font-weight: 400;
  color: #000000;
  font-size: 2.8125vw;
  letter-spacing: 2.8125vw;
  line-height: 1.25;
}
.bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-kv-img1 {
  width: 16.61458333vw;
  height: 19.89583333vw;
  position: absolute;
  top: 13.59375vw;
  left: 10.67708333vw;
  z-index: 2;
}
.bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-kv-img2 {
  width: 35.05208333vw;
  position: absolute;
  top: 13.59375vw;
  left: 23.54166667vw;
  z-index: 1;
}
.bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-kv-img-bg {
  width: 51.40625vw;
  height: 36.45833333vw;
  background-color: #f9f9f9;
  position: absolute;
  top: 5.20833333vw;
  left: 8.90625vw;
  z-index: 0;
}
.bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-kv-harmonyOS {
  position: absolute;
  width: 7.03125vw;
  left: 87.76041667vw;
  top: 39.58333333vw;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 {
  position: absolute;
  top: 46.875vw;
  width: 100%;
  z-index: 0;
  margin-left: 7.5vw;
  padding-top: 9.479167vw;
  padding-bottom: 7.91666667vw;
  width: 82.1875vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  z-index: 1;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love {
  position: relative;
  background-color: #f6f7f8;
  background-image: linear-gradient(180deg, #fcfcfc 0%, #f7f7f7 100%);
  border-radius: 1.041667vw;
  cursor: pointer;
  transition: transform 0.1s linear;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love .bali-s2-love-content {
  text-align: left;
  position: relative;
  z-index: 1;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love .bali-s2-love-content h3 {
  font-weight: 500;
  color: #000000;
  font-size: 2.083333vw;
  line-height: 1.25;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love .bali-s2-love-content p {
  margin-top: 0.520833vw;
  font-weight: 200;
  color: #000000;
  font-size: 1.041667vw;
  line-height: 1.6;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love .bali-s2-love-img {
  position: absolute;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love .bali-s2-love-icon {
  width: 2.395833vw;
  height: 2.395833vw;
  position: absolute;
  right: 1.041667vw;
  bottom: 1.041667vw;
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden;
  z-index: 1;
  opacity: 0.8;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love .bali-s2-love-icon img {
  width: 100%;
  transform: translateY(-50%);
  transition: all 0.8s ease;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love:hover .bali-s2-love-icon img {
  transform: translateY(0%);
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-1 {
  width: 40.3125vw;
  height: 20.833333vw;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-1 .bali-s2-love-content {
  margin-left: 3.125vw;
  margin-top: 6.77083333vw;
  width: 14.583333vw;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-1 .bali-s2-love-img {
  top: -2.70833333vw;
  left: 17.34375vw;
  width: 17.39583333vw;
  height: 20.83333333vw;
  opacity: 0;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-2 {
  width: 40.3125vw;
  height: 20.833333vw;
  transform: translateY(5.9375vw);
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-2 ~ .bali-s2-love {
  margin-top: 4.166667vw;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-2 .bali-s2-love-content {
  margin-left: 3.125vw;
  margin-top: 6.77083333vw;
  width: 12.864583vw;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-2 .bali-s2-love-img {
  top: -2.291667vw;
  left: 19.89583333vw;
  width: 13.697917vw;
  transform: scale(0.9);
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-3 {
  width: 29.16666667vw;
  height: 20.833333vw;
  transform: translateY(5.9375vw);
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-3 .bali-s2-love-content {
  margin-left: 17.76041667vw;
  margin-top: 7.1875vw;
  width: 8.59375vw;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-3 .bali-s2-love-img {
  top: -2.39583333vw;
  left: 3.54166667vw;
  width: 11.19791667vw;
  transform: translateY(2.39583333vw);
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-4 {
  width: 30.52083333vw;
  height: 20.833333vw;
  transform: translateY(11.875vw);
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-4 .bali-s2-love-content {
  margin: 3.333333vw 0 0 15.9375vw;
  width: 10.479167vw;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-4 .bali-s2-love-img {
  top: 2.760417vw;
  left: 6.145833vw;
  width: 18.54166667vw;
  transform: scale(0.6);
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-5 {
  width: 19.375vw;
  height: 20.833333vw;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  transform: translateY(17.8125vw);
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon {
  position: absolute;
  transform: scale(0.5);
  transition: transform 0.3s linear;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon.bali-icon-normal {
  transform: scale(1);
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon.bali-s2-love-5-icon1 {
  width: 4.21875vw;
  top: 2.916667vw;
  left: 0.9375vw;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon.bali-s2-love-5-icon2 {
  width: 2.8125vw;
  top: 1.510417vw;
  left: 9.6875vw;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon.bali-s2-love-5-icon3 {
  width: 4.739583vw;
  top: 5.9375vw;
  left: 17.03125vw;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon.bali-s2-love-5-icon4 {
  width: 4.47916667vw;
  top: 17.86458333vw;
  left: 8.17708333vw;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon.bali-s2-love-5-icon5 {
  width: 2.60416667vw;
  top: 15vw;
  left: 1.77083333vw;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-content {
  margin-top: 8.02083333vw;
  text-align: center;
  position: relative;
  z-index: 1;
}
.bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-img {
  top: -0.885417vw;
  left: 0.989583vw;
  width: 20.677083vw;
}
.bali-wrapper .s-common {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bali-wrapper .s-common .s-common-wrap {
  position: relative;
  width: 82.1875vw;
  height: 38.54166667vw;
}
.bali-wrapper .s-common .s-common-wrap .s-common-wrap-img {
  position: relative;
  width: 36.45833333vw;
  height: 38.54166667vw;
  margin-left: 8.125vw;
  overflow: hidden;
  z-index: 1;
}
.bali-wrapper .s-common .s-common-wrap .s-common-wrap-bg {
  position: absolute;
  top: 14.58333333vw;
  width: 100%;
  height: 20.83333333vw;
  background-image: linear-gradient(132.91deg, #f1e2dd 0%, #d9b8ad 100%);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.bali-wrapper .s-common .s-common-wrap .s-common-wrap-bg .s-common-wrap-text {
  margin-left: 52.70833333vw;
  width: 21.75vw;
  font-weight: 700;
  color: #fff;
  font-size: 6.25vw;
  line-height: 1.25;
}
.bali-wrapper .bali-s4 {
  width: 100vw;
  height: 130.833333vw;
  height: 118.333vw;
  position: relative;
}
.bali-wrapper .bali-s4 .bali-s4-bg {
  width: 58.802083vw;
  height: 58.802083vw;
  position: absolute;
  left: 27.708333vw;
  top: 26.25vw;
}
.bali-wrapper .bali-s4 .bali-s4-bg .bali-s4-img-text {
  width: 18.66666667vw;
  font-weight: 500;
  color: #000;
  font-size: 3.333333vw;
  line-height: 1.25;
  position: absolute;
  top: 16.5625vw;
  left: 29.947917vw;
  z-index: 1;
}
.bali-wrapper .bali-s4 .bali-s4-img {
  position: absolute;
}
.bali-wrapper .bali-s4 .bali-s4-img .bali-s4-img-text {
  font-weight: 200;
  color: #000;
  font-size: 1.145833vw;
  line-height: 1.6;
  position: absolute;
}
.bali-wrapper .bali-s4 .bali-s4-img-1 {
  width: 19.47916667vw;
  top: 7.552083vw;
  left: 65.3125vw;
}
.bali-wrapper .bali-s4 .bali-s4-img-1 .bali-s4-img-text {
  left: 2.03125vw;
  bottom: -0.416667vw;
}
.bali-wrapper .bali-s4 .bali-s4-img-2 {
  width: 21.35416667vw;
  top: 11.927083vw;
  left: 31.5625vw;
}
.bali-wrapper .bali-s4 .bali-s4-img-2 .bali-s4-img-text {
  right: 2.1875vw;
  bottom: 1.197917vw;
}
.bali-wrapper .bali-s4 .bali-s4-img-3 {
  width: 19.63541667vw;
  top: 40.833333vw;
  left: 16.458333vw;
}
.bali-wrapper .bali-s4 .bali-s4-img-3 .bali-s4-img-text {
  right: -0.364583vw;
  bottom: 2.135417vw;
}
.bali-wrapper .bali-s4 .bali-s4-img-4 {
  width: 23.02083333vw;
  top: 55.46875vw;
  left: 46.66666667vw;
}
.bali-wrapper .bali-s4 .bali-s4-img-4 .bali-s4-img-text {
  right: 6.458333vw;
  bottom: -1.614583vw;
}
.bali-wrapper .bali-s4 .bali-s4-img-5 {
  width: 19.63541667vw;
  top: 85.52083333vw;
  left: 64.791667vw;
}
.bali-wrapper .bali-s4 .bali-s4-img-5 .bali-s4-img-text {
  right: 8.072917vw;
  bottom: 14.791667vw;
}
.bali-wrapper .bali-s4 .bali-s4-img-6 {
  width: 17.1875vw;
  top: 96.14583333vw;
  left: 32.552083vw;
}
.bali-wrapper .bali-s4 .bali-s4-img-6 .bali-s4-img-text {
  right: -0.260417vw;
  bottom: 11.875vw;
}
.bali-wrapper .bali-s4 .bali-s4-text {
  position: absolute;
  top: 71.458333vw;
  left: 14.322917vw;
  width: 22.5vw;
  flex-shrink: 0;
}
.bali-wrapper .bali-s4 .bali-s4-text p {
  font-weight: 200;
  color: #000;
  font-size: 1.145833vw;
  line-height: 1.6;
}
.bali-wrapper .bali-s4 .bali-s4-text a {
  width: 9.375vw;
  font-weight: 200;
  color: #000;
  font-size: 1.145833vw;
  line-height: 1.6;
  margin-top: 1.5625vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.bali-wrapper .bali-s4 .bali-s4-text a img {
  width: 1.458333vw;
  margin-right: 0.833333vw;
}
.bali-wrapper .bali-s5 {
  margin-top: -2.6vw;
  height: 80.78125vw;
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.bali-wrapper .bali-s5 .bali-s5-text {
  width: 27.916667vw;
  margin: 6.770833vw 0 0 57.760417vw;
}
.bali-wrapper .bali-s5 .bali-s5-text p {
  margin-top: 2.08333333vw;
}
.bali-wrapper .bali-s5 .bali-s5-img-1 {
  width: 32.604167vw;
  position: absolute;
  top: 8.85416667vw;
  left: 14.322917vw;
}
.bali-wrapper .bali-s5 .bali-s5-img-2 {
  width: 30.20833333vw;
  position: absolute;
  top: 28.697917vw;
  left: 40.208333vw;
}
.bali-wrapper .bali-s5 .bali-s5-card {
  position: absolute;
  top: 56.822917vw;
  left: 15.885417vw;
  width: 68.95833333vw;
  height: 17.1875vw;
  background-image: linear-gradient(180deg, #fcfcfc 0%, #f7f7f7 100%);
  border-radius: 1.041667vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content1 {
  margin-left: 5.208333vw;
  width: 30.208333vw;
}
.bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content1 .bali-s5-card-content1-title {
  font-weight: 500;
  color: #000000;
  font-size: 1.666667vw;
  line-height: 1.25;
}
.bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content1 .bali-s5-card-content1-text {
  margin-top: 1.041667vw;
  font-weight: 200;
  color: #000000;
  font-size: 1.145833vw;
  line-height: 1.6;
}
.bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content2 {
  margin-left: 7.13541667vw;
  position: relative;
}
.bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content2 .bali-s5-card-content2-text1 {
  width: 16.875vw;
  height: 5.208333vw;
  background-image: linear-gradient(127.44deg, #f4d3a5 0%, #f38e50 100%);
  background-clip: text;
  -webkit-background-clip: text;
  font-weight: 700;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 4.166667vw;
  line-height: 1.25;
}
.bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content2 .bali-s5-card-content2-text2 {
  position: absolute;
  top: 0.72916667vw;
  right: -0.83333333vw;
  font-weight: 200;
  color: #000000;
  font-size: 1.145833vw;
  line-height: 1.6;
  white-space: nowrap;
  transform: translateX(100%);
}
.bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content2 img {
  width: 2.5vw;
  position: absolute;
  top: 3.17708333vw;
  right: -1.77083333vw;
  transform: translateX(100%);
}
.bali-wrapper .bali-s23 .bali-s23-title {
  text-align: center;
}
.bali-wrapper .bali-s23 .bali-s23-imgs {
  height: 43.541667vw;
  margin-top: 3.38541667vw;
  position: relative;
}
.bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img {
  position: absolute;
}
.bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img.bali-s23-img-1 {
  width: 18.229167vw;
  top: 8.333333vw;
  left: 13.489583vw;
  z-index: 1;
}
.bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img.bali-s23-img-2 {
  width: 21.510417vw;
  top: 0;
  left: 29.791667vw;
}
.bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img.bali-s23-img-3 {
  width: 22.1875vw;
  top: 4.114583vw;
  left: 52.34375vw;
  z-index: 1;
}
.bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img.bali-s23-img-4 {
  width: 15.625vw;
  top: 14.791667vw;
  left: 70.9375vw;
}
.bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img.bali-s23-img-5 {
  width: 17.083333vw;
  top: 19.73958333vw;
  left: 32.76041667vw;
}
.bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img.bali-s23-img-6 {
  width: 19.010417vw;
  top: 21.66666667vw;
  left: 50.885417vw;
}
.bali-wrapper .bali-s6 {
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.bali-wrapper .bali-s6 .bali-s6-title {
  width: 16.666667vw;
  position: absolute;
  top: 12.916667vw;
  left: 14.322917vw;
}
.bali-wrapper .bali-s6 .bali-s6-img {
  width: 41.666667vw;
  height: 41.666667vw;
  margin-left: 24.166667vw;
  position: relative;
}
.bali-wrapper .bali-s6 .bali-s6-img picture {
  position: relative;
  z-index: 1;
}
.bali-wrapper .bali-s6 .bali-s6-img .bali-s6-img-bg {
  position: absolute;
  top: 3.69791667vw;
  left: 18.75vw;
  width: 31.041667vw;
  height: 37.03125vw;
  background-image: linear-gradient(180deg, #fcfcfc 0%, #f7f7f7 98.31%);
  border-radius: 1.041667vw;
}
.bali-wrapper .bali-s6 .bali-s6-content {
  position: absolute;
  top: 31.25vw;
  left: 56.19791667vw;
  z-index: 2;
}
.bali-wrapper .bali-s6 .bali-s6-content .bali-s6-text {
  width: 29.47916667vw;
}
.bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons {
  margin-top: 3.125vw;
  display: flex;
  justify-content: flex-start;
}
.bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon .bali-s6-icon-img {
  height: 2.604167vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon .bali-s6-icon-img .bali-s6-icon-img1 {
  width: 2.395833vw;
}
.bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon .bali-s6-icon-img .bali-s6-icon-img2 {
  width: 2.239583vw;
}
.bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon .bali-s6-icon-img .bali-s6-icon-img3 {
  width: 3.4375vw;
}
.bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon .bali-s6-icon-text {
  margin-top: 0.520833vw;
  font-weight: 200;
  color: #000000;
  font-size: 0.729167vw;
  line-height: 1.6;
}
.bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon ~ * {
  margin-left: 3.125vw;
}
.bali-wrapper .bali-s7 .s-common-wrap .s-common-wrap-bg {
  background-image: linear-gradient(133.67deg, #f1f7f5 0%, #c7d7cb 100%);
}
.bali-wrapper .bali-s8-s9-wraper {
  position: relative;
}
.bali-wrapper .bali-s8-s9-wraper .bali-s8-s9-container {
  height: 57.86458333vw;
}
.bali-wrapper .bali-s8-s9-wraper .bali-s8-s9-container .bali-s8-s9-content {
  position: relative;
  transform-origin: top center;
}
.bali-wrapper .bali-s8-s9-wraper .bali-s8 {
  position: relative;
}
.bali-wrapper .bali-s8-s9-wraper .bali-s8 .bali-s8-text {
  width: 23.854167vw;
  position: absolute;
  top: 23.333333vw;
  left: 14.322917vw;
  z-index: 1;
}
.bali-wrapper .bali-s8-s9-wraper .bali-s8 .bali-s8-img-wrap {
  width: 73.697917vw;
  height: 51.09375vw;
  margin-left: 12.5vw;
  position: relative;
}
.bali-wrapper .bali-s8-s9-wraper .bali-s8 .bali-s8-img-wrap .bali-s8-img-bg {
  width: 48.333333vw;
}
.bali-wrapper .bali-s8-s9-wraper .bali-s8 .bali-s8-img-wrap .bali-s8-img {
  width: 44.583333vw;
  position: absolute;
  top: 0.520833vw;
  left: 29.114583vw;
}
.bali-wrapper .bali-s8-s9-wraper .bali-s9 {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  width: 100%;
  top: 13.05vw;
  top: 13.49vw;
}
.bali-wrapper .bali-s8-s9-wraper .bali-s9 .bali-s9-text {
  margin-top: 4.16666667vw;
  margin-left: 14.32291667vw;
  width: 17.70833333vw;
  transition: transform 0.1s linear;
}
.bali-wrapper .bali-s8-s9-wraper .bali-s9 .bali-s9-img {
  margin-left: 4.79166667vw;
  width: 48.85416667vw;
  height: 36.45833333vw;
  clip-path: ellipse(24.2% 41.9% at 48.7% 44.2%);
  transform: translateX(3.76%) scale(0.45) rotate(-22deg);
}
.bali-wrapper .bali-s10 {
  display: flex;
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 2.34375vw;
}
.bali-wrapper .bali-s10 .bali-s10-part1 {
  width: 40.72916667vw;
  margin-left: 14.322917vw;
  transition: transform 0.1s linear;
}
.bali-wrapper .bali-s10 .bali-s10-part1 .bali-h3 {
  text-align: right;
}
.bali-wrapper .bali-s10 .bali-s10-part1 .bali-s10-img1 {
  margin-top: 3.020833vw;
}
.bali-wrapper .bali-s10 .bali-s10-part2 {
  width: 24.270833vw;
  margin-left: 3.125vw;
  transition: transform 0.1s linear;
}
.bali-wrapper .bali-s10 .bali-s10-part2 .bali-s10-img2 {
  width: 23.80208333vw;
}
.bali-wrapper .bali-s10 .bali-s10-part2 .bali-p {
  margin-top: 3.125vw;
}
.bali-wrapper .bali-s11 {
  padding: 6.770833vw 0 6.770833vw 14.84375vw;
}
.bali-wrapper .bali-s11 .img-container {
  display: flex;
  flex-direction: row;
}
.bali-wrapper .bali-s11 .left-wrap {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
.bali-wrapper .bali-s11 .left-wrap .img-wrap {
  width: 27.447917vw;
}
.bali-wrapper .bali-s11 .center-wrap {
  position: relative;
  z-index: 2;
  margin-top: 6.25vw;
  margin-left: -3.75vw;
  flex-shrink: 0;
}
.bali-wrapper .bali-s11 .center-wrap .img-wrap {
  width: 22.916667vw;
}
.bali-wrapper .bali-s11 .right-wrap {
  position: relative;
  z-index: 2;
  margin-left: -3.177083vw;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.bali-wrapper .bali-s11 .right-wrap .img-wrap {
  width: 27.552083vw;
}
.bali-wrapper .bali-s11 .content-wrap {
  display: flex;
  margin-top: 4.16666667vw;
}
.bali-wrapper .bali-s11 .bali-h3 {
  width: 30.208333vw;
  margin: 0 4.270833vw 0 1.041667vw;
  flex-shrink: 0;
}
.bali-wrapper .bali-s11 .bali-p {
  width: 33.958333vw;
  flex-shrink: 0;
}
.bali-wrapper .bali-s12 {
  width: 71.354167vw;
  margin: 0 auto;
  padding: 6.770833vw 0;
}
.bali-wrapper .bali-s12 .img-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.bali-wrapper .bali-s12 .perch-box {
  position: absolute;
  top: 0;
  height: 100%;
  width: 0%;
  background-color: #fff;
}
.bali-wrapper .bali-s12 .left-perch {
  left: 0;
}
.bali-wrapper .bali-s12 .right-perch {
  right: 0;
}
.bali-wrapper .bali-s12 .content-wrap {
  width: 100%;
  margin-top: 3.125vw;
  padding: 0 1.5625vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.bali-wrapper .bali-s12 .bali-h3 {
  width: 30vw;
}
.bali-wrapper .bali-s12 .bali-p {
  width: 28.854167vw;
}
.bali-wrapper .bali-s13 {
  width: 71.354167vw;
  margin: 0 auto;
  padding: 6.770833vw 0;
  padding-top: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.bali-wrapper .bali-s13 .left-wrap {
  padding-top: 5.15625vw;
  width: 33.85416667vw;
}
.bali-wrapper .bali-s13 .right-wrap {
  width: 33.85416667vw;
}
.bali-wrapper .bali-s13 .content-wrap {
  padding-top: 2.083333vw;
}
.bali-wrapper .bali-s13 .left-wrap .bali-p {
  width: 23.95833333vw;
}
.bali-wrapper .bali-s13 .right-wrap .bali-p {
  width: 23.95833333vw;
}
.bali-wrapper .bali-s14 .s-common-wrap .s-common-wrap-bg {
  background-image: linear-gradient(132.91deg, #e2eef4 0%, #b0bec6 100%);
}
.bali-wrapper .bali-s15 {
  width: 71.354167vw;
  margin: 0 auto;
  padding: 6.770833vw 0;
  position: relative;
}
.bali-wrapper .bali-s15 .bali-mark {
  position: absolute;
  right: 0;
  bottom: 1.5625vw;
}
.bali-wrapper .bali-s15 .img-cricle-wrap {
  position: relative;
  width: 48.75vw;
  margin-left: 19.427083vw;
}
.bali-wrapper .bali-s15 .theme-icon {
  position: absolute;
}
.bali-wrapper .bali-s15 .theme-phone {
  width: 29.791667vw;
  top: 8.489583vw;
  right: 5.104167vw;
}
.bali-wrapper .bali-s15 .theme-fish {
  width: 8.072917vw;
  top: 8.75vw;
  left: 2.526042vw;
  transition: transform 0.1s linear;
}
.bali-wrapper .bali-s15 .theme-fish img {
  transform: scale(0.5);
  transition: transform 0.3s linear;
}
.bali-wrapper .bali-s15 .theme-watch {
  width: 11.822917vw;
  top: 12.760417vw;
  right: -6.979167vw;
  transition: transform 0.1s linear;
}
.bali-wrapper .bali-s15 .theme-watch img {
  transform: scale(0.5);
  transition: transform 0.3s linear;
}
.bali-wrapper .bali-s15 .theme-dog {
  width: 6.979167vw;
  bottom: 0.598958vw;
  right: 5.260417vw;
  transition: transform 0.1s linear;
}
.bali-wrapper .bali-s15 .theme-dog img {
  transform: scale(0.5);
  transition: transform 0.3s linear;
}
.bali-wrapper .bali-s15 .theme-pig {
  width: 5.260417vw;
  bottom: 4.21875vw;
  left: 7.734375vw;
  transition: transform 0.1s linear;
}
.bali-wrapper .bali-s15 .theme-pig img {
  transform: scale(0.5);
  transition: transform 0.3s linear;
}
.bali-wrapper .bali-s15 .theme-flower {
  width: 9.89583333vw;
  bottom: 0.98958333vw;
  left: -18.02083333vw;
  transition: transform 0.1s linear;
}
.bali-wrapper .bali-s15 .theme-flower img {
  transform: scale(0.5);
  transition: transform 0.3s linear;
}
.bali-wrapper .bali-s15 .bali-icon-normal img {
  transform: scale(1);
}
.bali-wrapper .bali-s15 .content-wrap {
  position: absolute;
  width: 24.322917vw;
  top: 20.72916667vw;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bali-wrapper .bali-s15 .bali-p {
  text-align: center;
  width: 100%;
}
.bali-wrapper .bali-s16 {
  width: 71.354167vw;
  margin: 0 auto;
  padding: 6.770833vw 0 11.614583vw;
}
.bali-wrapper .bali-s16 .card-wrap {
  width: 100%;
  height: 36.458333vw;
  background-image: linear-gradient(180deg, #fcfcfc 0%, #f7f7f7 98.31%);
  border-radius: 1.041667vw;
  padding: 4.166667vw 5.208333vw 0;
}
.bali-wrapper .bali-s16 .content-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.bali-wrapper .bali-s16 .bali-h3 {
  flex-grow: 1;
  flex-shrink: 0;
  margin-left: -1.66666667vw;
}
.bali-wrapper .bali-s16 .bali-p {
  width: 31.25vw;
}
.bali-wrapper .bali-s16 .img-wrap {
  display: flex;
  flex-direction: row;
  margin-top: 3.072917vw;
}
.bali-wrapper .bali-s16 .phone-img {
  width: 23.4375vw;
}
.bali-wrapper .bali-s16 .icon-wrap {
  width: 27.91666667vw;
  margin-top: 3.177083vw;
  margin-left: 8.38541667vw;
}
.bali-wrapper .bali-s17 {
  position: relative;
  width: 71.354167vw;
  margin: 0 auto;
  padding: 6.770833vw 0;
}
.bali-wrapper .bali-s17 .bali-mark {
  position: absolute;
  right: 0;
  bottom: 1.5625vw;
}
.bali-wrapper .bali-s17 .bali-h3 {
  text-align: center;
}
.bali-wrapper .bali-s17 .card-wrap {
  width: 100%;
  margin-top: 4.166667vw;
  display: flex;
  flex-direction: row;
}
.bali-wrapper .bali-s17 .left-card {
  flex-shrink: 0;
  width: 34.895833vw;
}
.bali-wrapper .bali-s17 .right-card {
  flex-shrink: 0;
  width: 34.895833vw;
  margin-left: 1.5625vw;
}
.bali-wrapper .bali-s17 .card-box {
  position: relative;
}
.bali-wrapper .bali-s17 .card-title {
  position: absolute;
  font-weight: 200;
  color: #000;
  font-size: 1.666667vw;
  line-height: 1.25;
}
.bali-wrapper .bali-s17 .left-card .card-title {
  top: 3.125vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.bali-wrapper .bali-s17 .card-box1 {
  margin-bottom: 1.5625vw;
}
.bali-wrapper .bali-s17 .card-box4 {
  margin: 1.5625vw 0;
}
.bali-wrapper .bali-s17 .right-card .card-title {
  left: 3.125vw;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.bali-wrapper .bali-s18 .bali-s18-img {
  width: 71.458333vw;
  margin: 0 auto;
}
.bali-wrapper .bali-s18 .bali-s18-content {
  display: flex;
  justify-content: space-between;
  width: 68.333333vw;
  margin: 3.125vw auto 0;
}
.bali-wrapper .bali-s18 .bali-s18-content .bali-h3 {
  width: 26.041667vw;
}
.bali-wrapper .bali-s18 .bali-s18-content .bali-p {
  width: 29.854167vw;
}
.bali-wrapper .bali-s19 {
  width: 71.354167vw;
  margin: 0 auto;
  padding: 0.572917vw 0;
  display: flex;
  flex-direction: row;
}
.bali-wrapper .bali-s19 .img-wrap {
  width: 50.104167vw;
  flex-shrink: 0;
}
.bali-wrapper .bali-s19 .content-wrap {
  width: 23.4375vw;
  margin-top: 17.1875vw;
  margin-left: -2.083333vw;
  flex-shrink: 0;
}
.bali-wrapper .bali-s19 .bali-p {
  width: 21.979167vw;
  margin-top: 2.083333vw;
}
.bali-wrapper .bali-s20 {
  width: 71.354167vw;
  margin: 0 auto;
  padding: 6.770833vw 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bali-wrapper .bali-s20 .card-wrap {
  height: 39.58333333vw;
  background-image: linear-gradient(180deg, #fcfcfc 0%, #f7f7f7 100%);
  border-radius: 1.041667vw;
  position: relative;
}
.bali-wrapper .bali-s20 .card-wrap.bali-s20-card1 {
  width: 41.875vw;
  margin-right: 1.5625vw;
}
.bali-wrapper .bali-s20 .card-wrap.bali-s20-card1 .content-wrap {
  width: 33.33333333vw;
}
.bali-wrapper .bali-s20 .card-wrap.bali-s20-card1 .super-fast-charg {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  font-weight: 500;
  color: #000;
  font-size: 1.145833vw;
  line-height: 1.6;
}
.bali-wrapper .bali-s20 .card-wrap.bali-s20-card2 {
  width: 27.91666667vw;
}
.bali-wrapper .bali-s20 .card-wrap.bali-s20-card2 .content-wrap {
  width: 21.45833333vw;
}
.bali-wrapper .bali-s20 .card-wrap.bali-s20-card3 {
  margin-top: 1.5625vw;
  width: 36.97916667vw;
  height: 17.70833333vw;
  order: 2;
}
.bali-wrapper .bali-s20 .card-wrap.bali-s20-card3 .content-wrap {
  width: 21.141667vw;
  margin: 3.125vw 0 0 3.229167vw;
}
.bali-wrapper .bali-s20 .card-wrap.bali-s20-card3 .left-img-wrap {
  margin: 0;
  width: 7.395833vw;
  position: absolute;
  top: 5.208333vw;
  left: 26.90625vw;
}
.bali-wrapper .bali-s20 .card-wrap.bali-s20-card4 {
  margin-top: 1.5625vw;
  width: 32.8125vw;
  height: 17.708333vw;
}
.bali-wrapper .bali-s20 .card-wrap.bali-s20-card4 .content-wrap {
  width: 16.4vw;
  margin: 3.125vw 0 0 3.229167vw;
}
.bali-wrapper .bali-s20 .card-wrap.bali-s20-card4 .left-img-wrap {
  margin: 0;
  width: 9.270833vw;
  position: absolute;
  top: 5.208333vw;
  left: 21.725vw;
}
.bali-wrapper .bali-s20 .bali-h4 {
  margin-top: 3.125vw;
  margin-bottom: 1.04166667vw;
  font-size: 2.5vw;
}
.bali-wrapper .bali-s20 .content-wrap {
  text-align: left;
  margin: 0 auto;
}
.bali-wrapper .bali-s20 .left-img-wrap {
  width: 17.291667vw;
  margin: 3.125vw auto 0;
  position: relative;
}
.bali-wrapper .bali-s20 .charging-wrap {
  position: absolute;
  top: 4.479167vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  text-align: center;
}
.bali-wrapper .bali-s20 .power-40w {
  margin: 1.5625vw auto 0;
  width: 10.98958333vw;
}
.bali-wrapper .bali-s20 .super-fast-charg {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bali-wrapper .bali-s20 .super-fast-charg img {
  width: 0.78125vw;
  margin-right: 0.572917vw;
}
.bali-wrapper .bali-s20 .super-fast-charg span {
  font-weight: 500;
  color: #000000;
  font-size: 1.145833vw;
  line-height: 1.6;
}
.bali-wrapper .bali-s20 .right-img-wrap {
  width: 40.57291667vw;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bali-wrapper .bali-s21 {
  width: 71.354167vw;
  margin: 0 auto;
  padding: 6.770833vw 0;
}
.bali-wrapper .bali-s21 .content-wrap {
  width: 100%;
  text-align: center;
}
.bali-wrapper .bali-s21 .s21-container {
  margin-top: 4.166667vw;
  width: 71.354167vw;
  height: 34.375vw;
  background-image: linear-gradient(180deg, #fcfcfc 0%, #f7f7f7 100%);
  border-radius: 1.041667vw;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.bali-wrapper .bali-s21 .s21-swiper-container {
  width: 16.927083vw;
  margin-left: 7.291667vw;
}
.bali-wrapper .bali-s21 .swiper-wrapper {
  align-items: center;
}
.bali-wrapper .bali-s21 .swiper-img {
  width: 13.072917vw;
  margin-left: 2.083333vw;
}
.bali-wrapper .bali-s21 .swiper-pagenation-pc {
  display: block;
  width: auto;
  margin-left: 7.291667vw;
  position: relative;
  padding-left: 2.083333vw;
  border-left: 0.20833333vw solid transparent;
}
.bali-wrapper .bali-s21 .swiper-pagenation-mob {
  display: none;
}
.bali-wrapper .bali-s21 .swiper-pagenation-pc .pagenation-item:not(:last-of-type) {
  margin-bottom: 2.083333vw;
}
.bali-wrapper .bali-s21 .swiper-pagenation-pc .pagenation-title {
  display: inline-block;
  font-weight: 500;
  color: #afafaf;
  font-size: 1.666667vw;
  line-height: 1.25;
  cursor: pointer;
}
.bali-wrapper .bali-s21 .swiper-pagenation-pc .pagenation-lable {
  width: 27.083333vw;
  font-weight: 200;
  color: #000;
  font-size: 1.145833vw;
  line-height: 1.6;
  overflow: hidden;
  transition: all 0.3s ease;
}
.bali-wrapper .bali-s21 .swiper-pagenation-pc .pagenation-item-active .pagenation-title {
  color: #000;
  cursor: text;
}
.bali-wrapper .bali-s21 .swiper-pagenation-pc .pagenation-item-active .pagenation-lable {
  margin-top: 1.041667vw;
}
.bali-wrapper .bali-s21 .swiper-pagenation-pc .scroll {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.20833333vw;
  width: 0.20833333vw;
  background-color: #dadada;
}
.bali-wrapper .bali-s21 .swiper-pagenation-pc .scroll-bar {
  position: absolute;
  top: 0;
  left: -0.20833333vw;
  width: 0.20833333vw;
  height: 7.29166667vw;
  background-color: #000;
  transition: all 0.3s ease;
  z-index: 1;
}
.bali-wrapper .bali-s22 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bali-wrapper .bali-s22 .bali-s22-content-wrap {
  width: 71.354167vw;
  display: flex;
  justify-content: space-between;
}
.bali-wrapper .bali-s22 .bali-s22-content-wrap .bali-h3 {
  margin-left: 1.5625vw;
  display: inline-block;
}
.bali-wrapper .bali-s22 .bali-s22-content-wrap .bali-p {
  width: 34.89583333vw;
}
.bali-wrapper .bali-s22 .bali-s22-video {
  position: relative;
  margin-top: 3.125vw;
  width: 71.354167vw;
  border-radius: 1.04166667vw;
  overflow: hidden;
}
.bali-wrapper .bali-s22 .bali-s22-video picture {
  display: none;
}
.bali-wrapper .bali-s22 .bali-s22-video .bali-video {
  position: relative;
  z-index: 1;
  border-radius: 1.04166667vw;
}
.bali-wrapper .bali-s22 .bali-s22-video .bali-s22-video-refresh {
  position: absolute;
  right: 2.34375vw;
  bottom: 1.30208333vw;
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
  z-index: 2;
}
.bali-wrapper .bali-s22 .bali-s22-video .bali-s22-video-refresh img {
  width: 1.5625vw;
}
.bali-wrapper .bali-s22 .bali-s22-video .bali-s22-video-refresh .bali-s22-video-refresh-text {
  margin-left: 0.52083333vw;
  font-weight: 200;
  color: #fff;
  font-size: 1.14583333vw;
  line-height: 1.6;
}
.bali-wrapper .bali-footer {
  padding: 5.208333vw 0 7.5vw;
}
.bali-wrapper .bali-footer ul.footer-wrap2 {
  margin: 0 auto;
  width: 82.1875vw;
  list-style: none;
  font-weight: 200;
  color: #7f7f7f;
  font-size: 12px;
  line-height: 1.6;
}
.bali-wrapper .bali-footer ol.footer-wrap {
  margin: 2.08333333vw auto 0;
  width: 82.1875vw;
  list-style: decimal;
  padding-left: 1.33333em;
  font-weight: 200;
  color: #7f7f7f;
  font-size: 12px;
  line-height: 1.6;
}
.bali-wrapper .bali-footer ol.footer-wrap li.li-active {
  color: #000;
}
@media (min-width: 1920px) {
  .bali-wrapper .bali-mark {
    font-size: 0.625vw;
  }
  .bali-wrapper .bali-footer ul.footer-wrap2,
  .bali-wrapper .bali-footer ol.footer-wrap {
    font-size: 0.625vw;
  }
}
@media (max-width: 1680px) {
  .bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon .bali-s6-icon-text {
    font-size: 12px;
  }
}
@media (max-width: 1023px), (max-aspect-ratio: 1/1) and (max-width: 1024px) {
  .bali-wrapper .bali-show-mob {
    display: block;
  }
  .bali-wrapper .bali-show-pc {
    display: none;
  }
  .bali-wrapper .bali-show-mob-inline {
    display: inline-block;
  }
  .bali-wrapper .bali-show-pc-inline {
    display: none;
  }
  .bali-wrapper .pd-t {
    padding-top: 13.888889vw;
  }
  .bali-wrapper .pd-b {
    padding-bottom: 13.888889vw;
  }
  .bali-wrapper .bali-h3 {
    font-size: 8.888889vw;
  }
  .bali-wrapper .bali-h4 {
    font-size: 6.666667vw;
  }
  .bali-wrapper .bali-p {
    font-size: 4.444444vw;
  }
  .bali-wrapper .bali-mgrt-40 {
    margin-top: 5.555556vw;
  }
  .bali-wrapper .bali-mgrt-20 {
    margin-top: 2.777778vw;
  }
  .bali-wrapper .bali-mark {
    font-size: 3.333333vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper {
    height: 488.0555555vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-kv-slogan {
    width: 83.333333vw;
    position: static;
    margin: 27.777778vw auto 0;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-kv-slogan .bali-kv-slogan-text {
    margin-top: 4.861111vw;
    margin-left: 12.916667vw;
    width: 73.611111vw;
    font-size: 6.666667vw;
    letter-spacing: 10.416667vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-kv-img1 {
    top: 78.472222vw;
    left: 5.277778vw;
    width: 30.972222vw;
    height: 37.083333vw;
    z-index: 2;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-kv-img2 {
    top: 78.472222vw;
    left: 29.305556vw;
    width: 65.277778vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-kv-img-bg {
    display: none;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-kv-harmonyOS {
    width: 18.75vw;
    left: 72.916667vw;
    top: 152.777778vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 {
    top: 172.222222vw;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding-top: 21.25vw;
    padding-bottom: 13.888889vw;
    margin: 0;
    width: 100%;
    transform: translateY(0);
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love {
    width: 83.333333vw;
    height: 47.222222vw;
    background-color: #f6f7f8;
    border-radius: 2.777778vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love .bali-s2-love-content h3 {
    font-size: 4.444444vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love .bali-s2-love-content p {
    margin-top: 1.388889vw;
    font-size: 2.777778vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love .bali-s2-love-img {
    position: absolute;
    transform: none;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love .bali-s2-love-icon {
    width: 5.277778vw;
    height: 5.277778vw;
    right: 2.222222vw;
    bottom: 2.222222vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-1 .bali-s2-love-content {
    margin-left: 8.333333vw;
    margin-top: 14.722222vw;
    width: 23.444444vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-1 .bali-s2-love-img {
    top: -7.361111vw;
    left: 30.972222vw;
    width: 42.638889vw;
    height: 50.972222vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-2 {
    margin-top: 11.111111vw;
    transform: translateY(0vw);
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-2 .bali-s2-love-content {
    margin-left: 50.833333vw;
    margin-top: 15.6944444vw;
    width: 26.222222vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-2 .bali-s2-love-img {
    top: -6.944444vw;
    left: 6.805556vw;
    width: 36.388889vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-3 {
    transform: translateY(0vw);
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-3.bali-s2-love {
    margin-top: 11.111111vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-3 .bali-s2-love-content {
    margin-left: 8.333333vw;
    margin-top: 16.805556vw;
    width: 22.916667vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-3 .bali-s2-love-img {
    top: -6.944444vw;
    left: 40.833333vw;
    width: 31.388889vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-4 {
    transform: translateY(0vw);
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-4.bali-s2-love {
    margin-top: 4.166667vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-4 .bali-s2-love-content {
    margin: 7.777778vw 0 0 44.166667vw;
    width: 25.277778vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-4 .bali-s2-love-img {
    top: 5.555556vw;
    left: 14.027778vw;
    width: 47.083333vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-5 {
    transform: translateY(0vw);
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon {
    position: absolute;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon.bali-s2-love-5-icon1 {
    width: 15vw;
    top: -0.694444vw;
    left: 3.611111vw;
    transform: scale(1);
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon.bali-s2-love-5-icon2 {
    width: 12.5vw;
    top: -1.805556vw;
    left: 37.5vw;
    transform: scale(1);
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon.bali-s2-love-5-icon3 {
    width: 20vw;
    top: -6.111111vw;
    left: 62.5vw;
    transform: scale(1);
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon.bali-s2-love-5-icon4 {
    width: 20vw;
    left: 6.388889vw;
    top: 32.083333vw;
    transform: scale(1);
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-5-icon.bali-s2-love-5-icon5 {
    width: 13.055556vw;
    top: 31.25vw;
    left: 55.555556vw;
    transform: scale(1);
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-5.bali-s2-love {
    margin-top: 18.055556vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-content {
    margin-top: 14.861111vw;
    text-align: center;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper .bali-s2 .bali-s2-love-5 .bali-s2-love-img {
    top: auto;
    left: 3.611111vw;
    bottom: -5.833333vw;
    width: 80vw;
  }
  .bali-wrapper .s-common .s-common-wrap {
    width: 83.333333vw;
    height: 119.444444vw;
  }
  .bali-wrapper .s-common .s-common-wrap .s-common-wrap-img {
    width: 66.666667vw;
    height: 72.222222vw;
    margin: 0 auto;
  }
  .bali-wrapper .s-common .s-common-wrap .s-common-wrap-bg {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 75vw;
    justify-content: center;
    align-items: flex-end;
  }
  .bali-wrapper .s-common .s-common-wrap .s-common-wrap-bg .s-common-wrap-text {
    margin-left: 0;
    margin-bottom: 8.333333vw;
    width: 40vw;
    font-size: 13.333333vw;
  }
  .bali-wrapper .bali-s4 {
    height: 292.083333vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-bg {
    width: 86.805556vw;
    height: 86.805556vw;
    left: 10.972222vw;
    top: 64.166667vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-bg .bali-s4-img-text {
    display: inline-block;
    width: auto;
    font-size: 8.888889vw;
    top: 21.25vw;
    left: 36.111111vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img .bali-s4-img-text {
    font-size: 3.333333vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img-1 {
    width: 36.25vw;
    left: 56.944444vw;
    top: 15vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img-1 .bali-s4-img-text {
    left: 3.75vw;
    bottom: -3.333333vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img-2 {
    width: 39.722222vw;
    left: 5.833333vw;
    top: 52.083333vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img-2 .bali-s4-img-text {
    right: auto;
    left: 3.333333vw;
    bottom: -2.777778vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img-3 {
    width: 33.194444vw;
    left: 15vw;
    top: 113.055556vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img-3 .bali-s4-img-text {
    right: auto;
    bottom: auto;
    top: 38.194444vw;
    left: 9.166667vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img-4 {
    width: 40.555556vw;
    left: 56.25vw;
    top: 132.916667vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img-4 .bali-s4-img-text {
    right: auto;
    bottom: auto;
    top: 45.555556vw;
    left: 17.083333vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img-5 {
    width: 36.111111vw;
    left: 56.25vw;
    top: 194.166667vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img-5 .bali-s4-img-text {
    right: 11.111111vw;
    bottom: 23.611111vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img-6 {
    width: 31.805556vw;
    left: 8.888889vw;
    top: 176.25vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-img-6 .bali-s4-img-text {
    right: -0.416667vw;
    bottom: 24.722222vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-text {
    position: absolute;
    top: 227vw;
    left: 8.333333vw;
    width: 83.333333vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-text p {
    font-size: 4.444444vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-text a {
    width: auto;
    font-size: 4.444444vw;
    margin-top: 2.777778vw;
  }
  .bali-wrapper .bali-s4 .bali-s4-text a img {
    width: 3.888889vw;
    height: 3.888889vw;
    margin-right: 2.222222vw;
  }
  .bali-wrapper .bali-s5 {
    margin-top: 0;
    height: 306.805556vw;
    flex-direction: column;
    justify-content: flex-start;
  }
  .bali-wrapper .bali-s5 .bali-s5-text {
    width: 83.333333vw;
    margin: 13.888889vw auto 8.333333vw;
  }
  .bali-wrapper .bali-s5 .bali-s5-text p {
    margin-top: 5.555556vw;
  }
  .bali-wrapper .bali-s5 .bali-s5-img-1 {
    width: 75vw;
    position: static;
    margin-left: 8.333333vw;
  }
  .bali-wrapper .bali-s5 .bali-s5-img-2 {
    width: 66.25vw;
    top: 149.583333vw;
    left: 25.416667vw;
  }
  .bali-wrapper .bali-s5 .bali-s5-card {
    top: 214.305556vw;
    left: 8.333333vw;
    width: 83.333333vw;
    height: 78.611111vw;
    border-radius: 2.777778vw;
    flex-direction: column;
  }
  .bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content1 {
    margin-left: 0;
    margin-top: 8.333333vw;
    width: 66.666667vw;
  }
  .bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content1 .bali-s5-card-content1-title {
    font-size: 6.666667vw;
  }
  .bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content1 .bali-s5-card-content1-text {
    margin-top: 2.777778vw;
    font-size: 3.611111vw;
  }
  .bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content2 {
    margin-left: 8.333333vw;
    margin-top: 5.555556vw;
    align-self: flex-start;
  }
  .bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content2 .bali-s5-card-content2-text1 {
    width: 44.861111vw;
    height: 13.888889vw;
    font-size: 11.111111vw;
  }
  .bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content2 .bali-s5-card-content2-text2 {
    top: 2.5vw;
    right: -1.388889vw;
    font-size: 3.611111vw;
  }
  .bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content2 img {
    width: 6.666667vw;
    top: 8.333333vw;
    right: -5.555556vw;
  }
  .bali-wrapper .bali-s23 .bali-s23-title {
    text-align: left;
    padding-left: 8.333333vw;
  }
  .bali-wrapper .bali-s23 .bali-s23-imgs {
    height: 160.694444vw;
    margin-top: 11.11111111vw;
  }
  .bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img.bali-s23-img-1 {
    width: 41.666667vw;
    top: 10.694444vw;
    left: 7.222222vw;
  }
  .bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img.bali-s23-img-2 {
    width: 49.305556vw;
    top: 0;
    left: 44.444444vw;
  }
  .bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img.bali-s23-img-3 {
    width: 42.083333vw;
    top: 78.333333vw;
    left: 7.083333vw;
  }
  .bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img.bali-s23-img-4 {
    width: 32.916667vw;
    top: 118.055556vw;
    left: 7.083333vw;
  }
  .bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img.bali-s23-img-5 {
    width: 42.083333vw;
    top: 45.694444vw;
    left: 51.527778vw;
  }
  .bali-wrapper .bali-s23 .bali-s23-imgs .bali-s23-img.bali-s23-img-6 {
    width: 50.694444vw;
    top: 102.777778vw;
    left: 42.777778vw;
    z-index: 2;
  }
  .bali-wrapper .bali-s6 {
    flex-direction: column;
  }
  .bali-wrapper .bali-s6 .bali-s6-title {
    width: 44.444444vw;
    top: 13.888889vw;
    left: 8.333333vw;
    z-index: 2;
  }
  .bali-wrapper .bali-s6 .bali-s6-img {
    width: 83.333333vw;
    height: auto;
    margin: 10.972222vw auto 8.333333vw;
  }
  .bali-wrapper .bali-s6 .bali-s6-img .bali-s6-img-bg {
    top: 14.027778vw;
    left: 26.25vw;
    width: 55.277778vw;
    height: 65.972222vw;
    border-radius: 2.777778vw;
  }
  .bali-wrapper .bali-s6 .bali-s6-content {
    position: static;
  }
  .bali-wrapper .bali-s6 .bali-s6-content .bali-s6-text {
    width: 83.333333vw;
    margin: 0 auto;
  }
  .bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons {
    margin-top: 8.333333vw;
    margin-left: 8.333333vw;
  }
  .bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon .bali-s6-icon-img {
    height: 8.333333vw;
  }
  .bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon .bali-s6-icon-img .bali-s6-icon-img1 {
    width: 7.638889vw;
  }
  .bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon .bali-s6-icon-img .bali-s6-icon-img2 {
    width: 7.222222vw;
  }
  .bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon .bali-s6-icon-img .bali-s6-icon-img3 {
    width: 10.972222vw;
  }
  .bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon .bali-s6-icon-text {
    margin-top: 2.777778vw;
    font-size: 3.611111vw;
    text-align: center;
  }
  .bali-wrapper .bali-s6 .bali-s6-content .bali-s6-icons .bali-s6-icon ~ * {
    margin-left: 11.111111vw;
  }
  .bali-wrapper .bali-s8-s9-wraper {
    padding-bottom: 13.8888889vw;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8-s9-container {
    height: auto;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8 .bali-s8-text {
    width: 83.333333vw;
    margin: 0 auto;
    position: static;
    z-index: 1;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8 .bali-s8-img-wrap {
    width: 87.5vw;
    height: auto;
    margin-top: -1.805556vw;
    margin-left: 4.166667vw;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8 .bali-s8-img-wrap .bali-s8-img-wrap2 {
    position: relative;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8 .bali-s8-img-wrap .bali-s8-img-wrap2 .bali-s8-img-wrap-content {
    position: relative;
    height: 111.38889vw;
    transform-origin: top center;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8 .bali-s8-img-wrap .bali-s8-img-wrap2 .bali-s8-img-wrap-content .bali-s8-img-bg {
    width: 100%;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8 .bali-s8-img-wrap .bali-s8-img-wrap2 .bali-s8-img-wrap-content .bali-s8-img {
    width: 71.666667vw;
    position: absolute;
    top: 14.305556vw;
    left: 13.75vw;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8 .bali-s8-img-wrap .bali-s8-img-wrap2 .bali-s8-img-wrap-content .bali-s8-img2-wrap {
    position: absolute;
    top: 16.111111vw;
    left: 5.277778vw;
    width: 83.333333vw;
    height: 95.277778vw;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8 .bali-s8-img-wrap .bali-s8-img-wrap2 .bali-s8-img-wrap-content .bali-s8-img2-wrap .bali-s8-img2 {
    height: inherit;
    clip-path: ellipse(43.1% 50% at 51.7% 50.2%);
    transform: scale(0.23) rotate(-27deg);
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s9 {
    flex-direction: column-reverse;
    position: static;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s9 .bali-s9-text {
    margin: 8.333333vw auto 0;
    width: 83.333333vw;
  }
  .bali-wrapper .bali-s10 {
    flex-direction: column;
  }
  .bali-wrapper .bali-s10 .bali-s10-part1 {
    width: 83.333333vw;
    margin: 0 auto 0;
  }
  .bali-wrapper .bali-s10 .bali-s10-part1 .bali-h3 {
    margin-right: 0;
    text-align: left;
  }
  .bali-wrapper .bali-s10 .bali-s10-part1 .bali-s10-img1 {
    margin-top: 5.555556vw;
  }
  .bali-wrapper .bali-s10 .bali-s10-part2 {
    width: 83.333333vw;
    margin: 8.333333vw auto 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }
  .bali-wrapper .bali-s10 .bali-s10-part2 .bali-s10-img2 {
    margin-top: 8.333333vw;
    width: 33.333333vw;
    transition: transform 0.1s linear;
    will-change: transform;
  }
  .bali-wrapper .bali-s10 .bali-s10-part2 .bali-p {
    width: 44.444444vw;
    margin-top: 0;
  }
  .bali-wrapper .bali-s11 {
    padding: 13.8888889vw 0 13.8888889vw 8.33333333vw;
  }
  .bali-wrapper .bali-s11 .img-container {
    flex-direction: column;
  }
  .bali-wrapper .bali-s11 .left-wrap {
    margin-left: 1.94444444vw;
  }
  .bali-wrapper .bali-s11 .left-wrap .img-wrap {
    width: 67.36111111vw;
  }
  .bali-wrapper .bali-s11 .center-wrap {
    margin-left: 24.58333333vw;
    margin-top: -22.63888889vw;
  }
  .bali-wrapper .bali-s11 .center-wrap .img-wrap {
    width: 62.08333333vw;
  }
  .bali-wrapper .bali-s11 .right-wrap {
    margin-top: -21.38888889vw;
    margin-left: 2.63888889vw;
  }
  .bali-wrapper .bali-s11 .right-wrap .img-wrap {
    width: 67.36111111vw;
  }
  .bali-wrapper .bali-s11 .content-wrap {
    flex-direction: column;
    margin-top: 8.3333333vw;
  }
  .bali-wrapper .bali-s11 .bali-h3 {
    width: 83.333333vw;
    margin: 0;
  }
  .bali-wrapper .bali-s11 .bali-p {
    width: 83.3333333vw;
    margin-top: 5.55555556vw;
  }
  .bali-wrapper .bali-s12 {
    width: 83.333333vw;
    margin: 0 auto;
    padding: 13.8888889vw 0;
    flex-direction: column;
  }
  .bali-wrapper .bali-s12 .img-wrap {
    width: 100%;
  }
  .bali-wrapper .bali-s12 .content-wrap {
    margin: 0;
    padding: 0;
    margin-top: 8.3333333vw;
    flex-direction: column;
  }
  .bali-wrapper .bali-s12 .bali-h3 {
    width: 100%;
  }
  .bali-wrapper .bali-s12 .bali-p {
    margin-top: 5.5555556vw;
    width: 100%;
  }
  .bali-wrapper .bali-s13 {
    width: 83.333333vw;
    margin: 0 auto;
    padding: 13.8888889vw 0;
    flex-direction: column;
    justify-content: space-between;
  }
  .bali-wrapper .bali-s13 .left-wrap {
    padding-top: 0;
    width: 83.333333vw;
    margin: 0 auto;
  }
  .bali-wrapper .bali-s13 .right-wrap {
    width: 100%;
    margin: 11.111111vw auto 0;
  }
  .bali-wrapper .bali-s13 .content-wrap {
    padding-top: 5.55555556vw;
  }
  .bali-wrapper .bali-s13 .left-wrap .bali-p {
    width: 100%;
  }
  .bali-wrapper .bali-s13 .right-wrap .bali-p {
    width: 100%;
  }
  .bali-wrapper .bali-s15 {
    width: 100%;
    padding: 13.8888889vw 0 22.77777778vw;
    position: relative;
  }
  .bali-wrapper .bali-s15 .bali-mark {
    width: 100%;
    right: 0;
    bottom: 0;
  }
  .bali-wrapper .bali-s15 .img-cricle-wrap {
    position: relative;
    width: 87.5vw;
    margin: 0;
    margin-top: 8.3333333vw;
    margin-left: 8.333333vw;
  }
  .bali-wrapper .bali-s15 .theme-icon {
    position: absolute;
  }
  .bali-wrapper .bali-s15 .theme-phone {
    width: 55.694444vw;
    top: 6.944444vw;
    left: 20.277778vw;
  }
  .bali-wrapper .bali-s15 .theme-fish {
    width: 16.11111111vw;
    top: 12.15277778vw;
    left: -5.83333333vw;
  }
  .bali-wrapper .bali-s15 .theme-watch {
    width: 18.19444444vw;
    top: 5.833333vw;
    right: -1.94444444vw;
  }
  .bali-wrapper .bali-s15 .theme-dog {
    width: 13.95833333vw;
    bottom: 0;
    right: 10.6944444vw;
  }
  .bali-wrapper .bali-s15 .theme-pig {
    width: 10.5555556vw;
    bottom: 14.8611111vw;
    left: 0;
  }
  .bali-wrapper .bali-s15 .theme-flower {
    width: 19.4444444vw;
    bottom: -8.88888889vw;
    left: 10.5555556vw;
  }
  .bali-wrapper .bali-s15 .content-wrap {
    position: static;
    width: 83.3333333vw;
    margin: 0 auto;
    align-items: flex-start;
  }
  .bali-wrapper .bali-s15 .bali-p {
    text-align: left;
  }
  .bali-wrapper .bali-s16 {
    width: 83.333333vw;
    margin: 0 auto;
    padding: 13.8888889vw 0;
    height: 210vw;
  }
  .bali-wrapper .bali-s16 .card-wrap {
    width: 100%;
    height: 155.555556vw;
    border-radius: 2.7777778vw;
    padding: 8.3333333vw 3.888889vw 0 8.3333333vw;
  }
  .bali-wrapper .bali-s16 .content-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .bali-wrapper .bali-s16 .bali-h3 {
    white-space: nowrap;
    margin-left: 0;
  }
  .bali-wrapper .bali-s16 .bali-p {
    margin-top: 5.5555556vw;
    width: 100%;
  }
  .bali-wrapper .bali-s16 .img-wrap {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 0;
  }
  .bali-wrapper .bali-s16 .phone-img {
    width: 55.555556vw;
    margin: 0 auto;
  }
  .bali-wrapper .bali-s16 .icon-wrap {
    width: 70.277778vw;
    margin: 8.333333vw auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .bali-wrapper .bali-s17 {
    width: 83.333333vw;
    margin: 0 auto;
    padding: 13.8888889vw 0;
  }
  .bali-wrapper .bali-s17 .bali-mark {
    width: 100%;
    bottom: 1.388889vw;
    text-align: center;
  }
  .bali-wrapper .bali-s17 .bali-h3 {
    text-align: center;
  }
  .bali-wrapper .bali-s17 .card-wrap {
    width: 100%;
    margin-top: 8.33333333vw;
    flex-direction: column;
  }
  .bali-wrapper .bali-s17 .left-card {
    width: 100%;
  }
  .bali-wrapper .bali-s17 .right-card {
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    margin-top: 4.16666667vw;
  }
  .bali-wrapper .bali-s17 .card-title {
    font-size: 4.4444444vw;
  }
  .bali-wrapper .bali-s17 .left-card .card-title {
    top: 8.3333333vw;
  }
  .bali-wrapper .bali-s17 .card-box1 {
    margin-bottom: 4.16666667vw;
  }
  .bali-wrapper .bali-s17 .card-box4 {
    margin: 4.16666667vw 0;
  }
  .bali-wrapper .bali-s17 .right-card .card-title {
    left: 5.5555556vw;
  }
  .bali-wrapper .bali-s18 .bali-s18-img {
    width: 83.333333vw;
  }
  .bali-wrapper .bali-s18 .bali-s18-content {
    justify-content: flex-start;
    flex-direction: column;
    width: 84.305556vw;
    margin: 8.333333vw auto 0 8.333333vw;
  }
  .bali-wrapper .bali-s18 .bali-s18-content .bali-h3 {
    width: 100%;
  }
  .bali-wrapper .bali-s18 .bali-s18-content .bali-p {
    width: 100%;
    margin-top: 5.555556vw;
  }
  .bali-wrapper .bali-s19 {
    padding: 13.888889vw 0 5.41666667vw;
    width: 100%;
    flex-direction: column-reverse;
    align-items: center;
    overflow: hidden;
  }
  .bali-wrapper .bali-s19 .img-wrap {
    width: 115.555556vw;
    margin-top: 8.3333333vw;
  }
  .bali-wrapper .bali-s19 .content-wrap {
    width: 83.3333333vw;
    margin: 0 auto;
  }
  .bali-wrapper .bali-s19 .bali-p {
    width: 100%;
    margin-top: 5.555556vw;
  }
  .bali-wrapper .bali-s20 {
    width: 100%;
    margin: 0;
    padding: 13.888889vw 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .bali-wrapper .bali-s20 .card-wrap {
    border-radius: 2.777778vw;
  }
  .bali-wrapper .bali-s20 .card-wrap.bali-s20-card1 {
    width: 83.333333vw;
    height: 111.111111vw;
    margin-right: 0;
  }
  .bali-wrapper .bali-s20 .card-wrap.bali-s20-card1 .content-wrap {
    width: 66.666667vw;
  }
  .bali-wrapper .bali-s20 .card-wrap.bali-s20-card1 ~ * {
    margin-top: 4.166667vw;
  }
  .bali-wrapper .bali-s20 .card-wrap.bali-s20-card2 {
    width: 83.333333vw;
    height: 121.666667vw;
  }
  .bali-wrapper .bali-s20 .card-wrap.bali-s20-card2 .content-wrap {
    width: 66.666667vw;
  }
  .bali-wrapper .bali-s20 .card-wrap.bali-s20-card3 {
    width: 83.333333vw;
    min-height: 90.833333vw;
    height: auto;
  }
  .bali-wrapper .bali-s20 .card-wrap.bali-s20-card3 .content-wrap {
    width: 66.666667vw;
    margin: 8.333333vw auto 0;
  }
  .bali-wrapper .bali-s20 .card-wrap.bali-s20-card3 .left-img-wrap {
    width: 33.333333vw;
    position: static;
    margin: 10.277778vw auto 5.555556vw;
  }
  .bali-wrapper .bali-s20 .card-wrap.bali-s20-card4 {
    width: 83.333333vw;
    min-height: 92.361111vw;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .bali-wrapper .bali-s20 .card-wrap.bali-s20-card4 .content-wrap {
    width: 66.666667vw;
    margin: 8.333333vw auto 0;
  }
  .bali-wrapper .bali-s20 .card-wrap.bali-s20-card4 .left-img-wrap {
    width: 34.861111vw;
    position: static;
    margin: 8.333333vw auto;
  }
  .bali-wrapper .bali-s20 .bali-h4 {
    margin-top: 0;
    margin-bottom: 2.777778vw;
    font-size: 6.666667vw;
  }
  .bali-wrapper .bali-s20 .content-wrap {
    text-align: center;
    margin: 8.333333vw auto 0;
  }
  .bali-wrapper .bali-s20 .left-img-wrap {
    width: 50vw;
    margin: 8.333333vw auto 0;
  }
  .bali-wrapper .bali-s20 .charging-wrap {
    top: 12.777778vw;
  }
  .bali-wrapper .bali-s20 .power-40w {
    margin: 4.861111vw auto 0;
    width: 31.805556vw;
  }
  .bali-wrapper .bali-s20 .super-fast-charg img {
    width: 2.222222vw;
    margin-right: 1.666667vw;
  }
  .bali-wrapper .bali-s20 .super-fast-charg span {
    font-size: 3.472222vw;
  }
  .bali-wrapper .bali-s20 .right-img-wrap {
    width: 80vw;
    margin: 11.111111vw auto 0;
  }
  .bali-wrapper .bali-s21 {
    width: 83.333333vw;
    margin: 0 auto;
    padding: 13.8888889vw 0;
  }
  .bali-wrapper .bali-s21 .s21-container {
    width: 100%;
    height: auto;
    background-image: none;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8.3333333vw;
  }
  .bali-wrapper .bali-s21 .s21-swiper-container {
    width: 52.5vw;
    margin: 0 auto;
  }
  .bali-wrapper .bali-s21 .swiper-wrapper {
    align-items: center;
  }
  .bali-wrapper .bali-s21 .swiper-img {
    width: 34.4444444vw;
    margin: 0 auto;
  }
  .bali-wrapper .bali-s21 .swiper-pagenation-pc {
    display: none;
  }
  .bali-wrapper .bali-s21 .swiper-pagenation-mob {
    width: 100%;
    display: block;
  }
  .bali-wrapper .bali-s21 .swiper-pagenation-mob .swiper-btn-wrap {
    width: 100%;
    margin: 8.3333333vw auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .bali-wrapper .bali-s21 .swiper-pagenation-mob .swiper-btn {
    width: 25vw;
    height: 4px;
    background-color: #dadada;
    position: relative;
  }
  .bali-wrapper .bali-s21 .swiper-pagenation-mob .text-wrap {
    width: 100%;
    position: relative;
  }
  .bali-wrapper .bali-s21 .swiper-pagenation-mob .text-content {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease;
  }
  .bali-wrapper .bali-s21 .swiper-pagenation-mob .text-content-active {
    opacity: 1;
  }
  .bali-wrapper .bali-s21 .swiper-pagenation-mob .swiper-btn-active::after {
    opacity: 1;
    content: "";
    display: block;
    position: absolute;
    height: 4px;
    background-color: #000;
    bottom: 0;
    left: 0;
    animation: progress 3.2s linear 0s 1 normal forwards;
  }
  .bali-wrapper .bali-s21 .swiper-pagenation-mob .text-title {
    width: 100%;
    font-weight: 500;
    color: #000;
    font-size: 6.66666667vw;
    line-height: 1.25;
  }
  .bali-wrapper .bali-s21 .swiper-pagenation-mob .text-lable {
    margin-top: 2.7777778vw;
    width: 100%;
    font-weight: 200;
    color: #000;
    font-size: 4.4444444vw;
    line-height: 1.6;
  }
  @keyframes progress {
    from {
      width: 0%;
    }
    to {
      width: 100%;
    }
  }
  @-webkit-keyframes progress {
    from {
      width: 0%;
    }
    to {
      width: 100%;
    }
  }
  .bali-wrapper .bali-s22 .bali-s22-content-wrap {
    width: 83.333333vw;
    justify-content: flex-start;
    flex-direction: column;
  }
  .bali-wrapper .bali-s22 .bali-s22-content-wrap .bali-h3 {
    margin-left: 0;
  }
  .bali-wrapper .bali-s22 .bali-s22-content-wrap .bali-p {
    width: 100%;
    margin-left: 0;
    margin-top: 5.555556vw;
  }
  .bali-wrapper .bali-s22 .bali-s22-video {
    margin-top: 8.333333vw;
    width: 83.333333vw;
    height: 46.666667vw;
    overflow: unset;
  }
  .bali-wrapper .bali-s22 .bali-s22-video .bali-video {
    border-radius: 2.777778vw;
    height: 100%;
  }
  .bali-wrapper .bali-s22 .bali-s22-video .bali-s22-video-refresh {
    right: 50%;
    bottom: -4.861111vw;
    transform: translate(50%, 100%);
  }
  .bali-wrapper .bali-s22 .bali-s22-video .bali-s22-video-refresh img {
    width: 4.166667vw;
  }
  .bali-wrapper .bali-s22 .bali-s22-video .bali-s22-video-refresh .bali-s22-video-refresh-text {
    margin-left: 1.388889vw;
    font-size: 3.333333vw;
    color: #76acdf;
  }
  .bali-wrapper .bali-footer {
    padding: 13.888889vw 0 27.777778vw;
  }
  .bali-wrapper .bali-footer ul.footer-wrap2 {
    width: 83.333333vw;
    font-size: 3.333333vw;
  }
  .bali-wrapper .bali-footer ol.footer-wrap {
    margin-top: 11.111111vw;
    width: 83.333333vw;
    padding-left: 1.4166667em;
    font-size: 3.333333vw;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .bali-wrapper .bali-show-ie {
    display: block;
  }
  .bali-wrapper .bali-hide-ie {
    display: none;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-kv-wraper {
    height: 110.10416667vw;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-s2 {
    top: 46.875vw;
    transform: translateY(0);
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love {
    transform: translateY(0);
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love .bali-s2-love-img {
    transform: scale(1);
    opacity: 1;
  }
  .bali-wrapper .bali-kv-s2-wraper .bali-s2 .bali-s2-love .bali-s2-love-5-icon {
    transform: scale(1);
  }
  .bali-wrapper .bali-s4 {
    height: 130.83vw;
  }
  .bali-wrapper .bali-s5 {
    margin-top: 0;
  }
  .bali-wrapper .bali-s5 .bali-s5-card .bali-s5-card-content2 .bali-s5-card-content2-text1 {
    background-image: none;
    color: #f38e50;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8-s9-container {
    height: auto;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8-s9-container .bali-s8-s9-content .bali-s8 {
    padding-bottom: 6.77083333vw;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8-s9-container .bali-s8-s9-content .bali-s9 {
    position: static;
    padding-top: 6.77083333vw;
    padding-bottom: 6.77083333vw;
  }
  .bali-wrapper .bali-s8-s9-wraper .bali-s8-s9-container .bali-s8-s9-content .bali-s9 .bali-s9-img {
    transform: none;
  }
  .bali-wrapper .bali-s10 {
    padding-top: 6.77vw;
  }
  .bali-wrapper .bali-s10 .bali-s10-part1 {
    margin-top: 2.03125vw;
  }
  .bali-wrapper .bali-s13 {
    padding-top: 6.770833vw;
  }
  .bali-wrapper .bali-s15 .theme-fish img,
  .bali-wrapper .bali-s15 .theme-watch img,
  .bali-wrapper .bali-s15 .theme-dog img,
  .bali-wrapper .bali-s15 .theme-pig img,
  .bali-wrapper .bali-s15 .theme-flower img {
    transform: scale(1);
  }
  .bali-wrapper .bali-s21 .swiper-pagenation-pc .pagenation-lable {
    transition: none;
  }
  .bali-wrapper .bali-s22 .bali-s22-video .bali-video {
    height: 40.10416667vw;
  }
}