#main-mobile {
  width: 100vw
}

#main-mobile .section-1_page-banner {
  position: relative;
  width: 100%;
  overflow: hidden
}

#main-mobile .section-1_page-banner .img-bg {
  width: 7.5rem;
  height: 12rem;
  object-fit: cover
}

#main-mobile .section-1_page-banner .slogan {
  position: absolute;
  top: 8.78rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .24rem
}

#main-mobile .section-1_page-banner .slogan .line-1 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-family: DinExp-Bold;
  font-size: .77492rem;
  background: linear-gradient(257deg, #ffd981 15.44%, #ff8112 61.97%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap
}

#main-mobile .section-1_page-banner .slogan .line-1 .img-R {
  width: .58rem;
  height: .58rem;
  flex-shrink: 0;
  margin-right: .2rem;
  transform: translateY(-.12rem);
  margin-left: .04rem
}

#main-mobile .section-1_page-banner .slogan .line-1 .text-two {
  font-family: DinExp;
  display: inline-block;
  margin-left: .16rem
}

#main-mobile .section-1_page-banner .slogan .line-2 {
  text-align: center;
  font-family: DinExp;
  font-size: .4rem;
  font-style: normal;
  line-height: 115%;
  background: linear-gradient(51deg, #fb5530 2.05%, #ffcb4d 66.38%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

#main-mobile .section-1_page-introduce {
  padding: 2rem 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center
}

#main-mobile .section-1_page-introduce .title-and-introduce-box {
  padding: 0 .5rem
}

#main-mobile .section-1_page-introduce .title {
  color: #000;
  font-family: DinExp-Bold;
  font-size: .5rem;
  font-style: normal;
  line-height: 110%;
  margin-bottom: .8rem
}

#main-mobile .section-1_page-introduce .img-product {
  align-self: stretch;
  margin-bottom: .6rem
}

#main-mobile .section-1_page-introduce .desc {
  color: #000;
  font-family: DinExp-Bold;
  font-size: .3rem;
  font-style: normal;
  line-height: 150%;
  margin-bottom: .48rem;
  padding-right: .4rem
}

#main-mobile .section-1_page-introduce .btn-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  height: .76rem;
  margin-bottom: 1.6rem
}

#main-mobile .section-1_page-introduce .btn-container .watch-video-btn {
  width: 3.1rem;
  height: .76rem;
  flex-shrink: 0;
  border-radius: .47rem;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .06rem
}

#main-mobile .section-1_page-introduce .btn-container .watch-video-btn .btn-text {
  color: #000;
  font-family: DinExp-Bold;
  font-size: .28rem;
  font-style: normal;
  line-height: .48rem
}

#main-mobile .section-1_page-introduce .btn-container .watch-video-btn .img-video {
  width: .4rem;
  height: .4rem;
  flex-shrink: 0
}

#main-mobile .section-1_page-introduce .sell-points-imgs {
  display: flex;
  flex-direction: column;
  gap: .12rem;
  padding: 0 .3rem
}

#main-mobile .section-1_page-introduce .sell-points-imgs .bottom,
#main-mobile .section-1_page-introduce .sell-points-imgs .top {
  width: 100%
}

#main-mobile .section-1_page-introduce .sell-points-imgs .top .card {
  position: relative
}

#main-mobile .section-1_page-introduce .sell-points-imgs .top .card img {
  width: 6.9rem;
  height: 3.6rem;
  flex-shrink: 0;
  aspect-ratio: 23/12
}

#main-mobile .section-1_page-introduce .sell-points-imgs .top .card .text-box {
  position: absolute;
  top: .76rem;
  left: .56rem
}

#main-mobile .section-1_page-introduce .sell-points-imgs .top .card .text-box .text-title {
  color: #fff;
  font-family: DinExp-Bold;
  font-size: .64rem;
  font-style: normal;
  line-height: 100%;
  margin-bottom: .1rem
}

#main-mobile .section-1_page-introduce .sell-points-imgs .top .card .text-box .text-desc {
  color: #fff;
  font-family: DinExp;
  font-size: .32rem;
  font-style: normal;
  line-height: 110%
}

#main-mobile .section-1_page-introduce .sell-points-imgs .bottom {
  display: flex;
  flex-wrap: wrap;
  gap: .1rem
}

#main-mobile .section-1_page-introduce .sell-points-imgs .bottom .card {
  position: relative;
  width: calc(50% - .05rem)
}

#main-mobile .section-1_page-introduce .sell-points-imgs .bottom .card img {
  width: 100%
}

#main-mobile .section-1_page-introduce .sell-points-imgs .bottom .card .text-box {
  position: absolute;
  top: .26rem;
  left: .4rem;
  display: flex;
  flex-direction: column;
  gap: .1rem
}

#main-mobile .section-1_page-introduce .sell-points-imgs .bottom .card .text-box .text-title {
  color: #fff;
  font-family: DinExp-Bold;
  font-size: .34rem;
  font-style: normal;
  line-height: 120%
}

#main-mobile .section-1_page-introduce .sell-points-imgs .bottom .card .text-box .text-desc {
  color: #fff;
  font-family: DinExp;
  font-size: .26rem;
  font-style: normal;
  line-height: 110%
}

#main-mobile .section-2_page-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110vh;
  position: relative
}

#main-mobile .section-2_page-logo .logo {
  display: flex;
  flex-direction: column;
  align-items: center
}

#main-mobile .section-2_page-logo .logo .img-logo {
  width: 4.12rem;
  height: 2.50958rem;
  aspect-ratio: 206/125.48;
  margin-bottom: .3rem
}

#main-mobile .section-2_page-logo .logo .text {
  color: #fe891d;
  text-align: center;
  font-family: DinExp;
  font-size: .38rem;
  font-style: normal;
  line-height: 130%
}

#main-mobile .section-2_page-introduce {
  width: 100%;
  box-sizing: border-box;
  padding: 1.6rem .5rem 0 .5rem;
  background-color: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative
}

#main-mobile .section-2_page-introduce .title {
  width: 6.1rem;
  color: #000;
  font-family: DinExp-Bold;
  font-size: .6rem;
  font-style: normal;
  line-height: 110%;
  margin-bottom: .6rem
}

#main-mobile .section-2_page-introduce .img-battery {
  height: 7.6rem;
  align-self: stretch;
  aspect-ratio: 65/76;
  margin-bottom: .6rem
}

#main-mobile .section-2_page-introduce .introduce {
  width: 6.1rem;
  color: #000;
  font-family: DinExp;
  font-size: .34rem;
  font-style: normal;
  line-height: 150%;
  margin-bottom: 2rem
}

#main-mobile .section-2_page-update {
  height: 18.2rem;
  background-color: #000;
  background-size: cover;
  background-position: center;
  position: relative;
  margin-bottom: 3rem
}

#main-mobile .section-2_page-update .img-bg {
  width: 100%
}

#main-mobile .section-2_page-update .title {
  padding: 1.24rem .7rem 0 .7rem;
  color: #fff;
  font-family: DinExp-Bold;
  font-size: .6rem;
  font-style: normal;
  line-height: 110%
}

#main-mobile .section-2_page-update .text-layer {
  position: absolute;
  top: 3.22rem;
  width: 100%;
  height: 18.9rem
}

#main-mobile .section-2_page-update .text-layer .text-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 2.44542rem;
  position: absolute
}

#main-mobile .section-2_page-update .text-layer .text-item .text-title {
  color: #fff;
  text-align: center;
  font-family: DinExp-Bold;
  font-size: .32rem;
  font-style: normal;
  line-height: 130%;
  margin-bottom: .2rem;
  white-space: nowrap
}

#main-mobile .section-2_page-update .text-layer .text-item .text-capacity,
#main-mobile .section-2_page-update .text-layer .text-item .text-dimensions {
  color: rgba(255, 255, 255, .7);
  text-align: center;
  font-family: DinExp;
  font-size: .28rem;
  font-style: normal;
  line-height: 135%
}

#main-mobile .section-2_page-update .text-layer .item-1 {
  top: 6.42rem;
  left: .5rem
}

#main-mobile .section-2_page-update .text-layer .item-2 {
  top: 6.42rem;
  right: .5rem
}

#main-mobile .section-2_page-update .text-layer .item-3 {
  top: 15.06rem;
  left: .5rem
}

#main-mobile .section-2_page-update .text-layer .item-4 {
  top: 15.06rem;
  right: .51rem;
  width: 2.97526rem
}

#main-mobile .section-2_page-update .update-animate-container {
  position: absolute;
  width: 2.5268rem;
  height: 3.10794rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

#main-mobile .section-2_page-update .update-animate-container .num-box {
  color: #000;
  font-family: DinExp-Bold;
  font-size: .99004rem;
  font-style: normal;
  line-height: 105%;
  background: linear-gradient(78deg, #ff603d -18.43%, #ffd879 84.74%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

#main-mobile .section-2_page-update .update-animate-container .num-box .unit {
  color: #000;
  font-family: DinExp-Bold;
  font-size: .34652rem;
  font-style: normal;
  line-height: 105%
}

#main-mobile .section-2_page-update .update-animate-container .subtitle {
  color: rgba(255, 255, 255, .7);
  text-align: center;
  font-family: DinExp;
  font-size: .29702rem;
  font-style: normal;
  line-height: 130%;
  margin-bottom: .39rem
}

#main-mobile .section-2_page-update .update-animate-container .arrow {
  width: 2.5268rem;
  height: .91794rem;
  flex-shrink: 0;
  aspect-ratio: 126.34/45.9
}

#main-mobile .section-2_page-update .update-animate-container .img-cover {
  position: absolute;
  width: 2.5268rem;
  height: 1rem;
  background-color: #000;
  top: 2.18rem
}

#main-mobile .section-2_page-update .update-animate-container .img-cover.top {
  left: 0
}

#main-mobile .section-2_page-update .update-animate-container .img-cover.bottom {
  right: 0
}

#main-mobile .section-2_page-update .top.update-animate-container {
  top: 4.4rem;
  left: 2.5rem
}

#main-mobile .section-2_page-update .bottom.update-animate-container {
  top: 13.6rem;
  left: 2.5rem
}

#main-mobile .section-3_page-logo {
  height: 110vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative
}

#main-mobile .section-3_page-logo .img-logo {
  width: 4.34726rem;
  height: .98rem;
  flex-shrink: 0;
  aspect-ratio: 217.36/49;
  margin-bottom: .3rem
}

#main-mobile .section-3_page-logo .logo-text {
  color: #fe891d;
  text-align: center;
  font-family: DinExp;
  font-size: .38rem;
  font-style: normal;
  line-height: 130%
}

#main-mobile .section-3_page-detail {
  position: relative;
  height: 18.02rem;
  margin-bottom: 4.72rem
}

#main-mobile .section-3_page-detail .title-box {
  padding: 2rem .5rem .6rem .5rem;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end
}

#main-mobile .section-3_page-detail .title-box .title {
  color: #000;
  font-family: DinExp-Bold;
  font-size: .6rem;
  font-style: normal;
  line-height: 110%
}

#main-mobile .section-3_page-detail .img-chip {
  width: 7.5rem;
  height: 14.1rem
}

#main-mobile .section-3_page-detail .chart-box {
  position: absolute;
  bottom: .3rem;
  width: 7.5rem;
  height: 7.3rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  padding: .3rem;
  box-sizing: border-box
}

#main-mobile .section-3_page-detail .desc-box {
  padding: .6rem .7rem 2rem .7rem;
  background-color: #fff
}

#main-mobile .section-3_page-detail .desc-box .text {
  color: #000;
  font-family: DinExp;
  font-size: .34rem;
  font-style: normal;
  line-height: 150%
}

#main-mobile .section-3_page-detail .chart-container {
  position: absolute;
  width: 7.5rem;
  height: 7.3rem;
  flex-shrink: 0;
  top: 10.3rem
}

#main-mobile .section-3_page-detail .chart-container .img-coordinate-axis {
  position: absolute;
  width: 5.46862rem;
  top: .84rem;
  left: .98rem
}

#main-mobile .section-3_page-detail .chart-container .img-chart-box {
  position: absolute;
  width: 5.12rem;
  min-height: 2.66882rem;
  top: 1.56rem;
  left: 1.05rem;
  overflow: hidden
}

#main-mobile .section-3_page-detail .chart-container .img-chart-box .img-chart {
  position: absolute;
  min-width: 5.12rem;
  min-height: 2.66882rem
}

#main-mobile .section-3_page-detail .chart-container .text-power {
  color: #fff;
  text-align: center;
  font-family: DinExp;
  font-size: .24rem;
  font-style: normal;
  line-height: 110%;
  position: absolute;
  top: .46rem;
  left: .32rem
}

#main-mobile .section-3_page-detail .chart-container .text-battery {
  color: #fff;
  text-align: center;
  font-family: DinExp;
  font-size: .24rem;
  font-style: normal;
  line-height: 110%;
  position: absolute;
  top: 3.88rem;
  right: .3rem
}

#main-mobile .section-3_page-detail .chart-container .text-x-line {
  position: absolute;
  top: 4.46rem;
  left: .4rem;
  color: #fff;
  text-align: center;
  font-family: DinExp;
  font-size: .24rem;
  font-style: normal;
  line-height: 110%
}

#main-mobile .section-3_page-detail .chart-container .text-x-line span:first-child {
  margin-right: .64rem
}

#main-mobile .section-3_page-detail .chart-container .text-x-line span:nth-child(2) {
  margin-right: .9rem
}

#main-mobile .section-3_page-detail .chart-container .text-x-line span:nth-child(3) {
  margin-right: 1.02rem
}

#main-mobile .section-3_page-detail .chart-container .text-x-line span:nth-child(4) {
  margin-right: .88rem
}

#main-mobile .section-3_page-detail .chart-container .graphic-symbol {
  position: absolute;
  bottom: 1.13rem;
  left: .96rem;
  display: flex;
  gap: .18rem;
  left: 1.04rem
}

#main-mobile .section-3_page-detail .chart-container .graphic-symbol .text-box {
  color: #fff;
  font-family: DinExp-Bold;
  font-size: .24rem;
  font-style: normal;
  line-height: 110%;
  display: flex;
  flex-direction: column;
  gap: .08rem;
  justify-content: flex-start
}

#main-mobile .section-3_page-detail .chart-container .graphic-symbol .img-symbol {
  transform: translateY(.08rem)
}

#main-mobile .section-4_page-logo {
  height: 110vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative
}

#main-mobile .section-4_page-logo .img-logo {
  width: 4.30004rem;
  height: 1.50836rem;
  flex-shrink: 0;
  aspect-ratio: 215/75.42;
  margin-bottom: .3rem
}

#main-mobile .section-4_page-logo .logo-text {
  color: #fe891d;
  text-align: center;
  font-family: DinExp;
  font-size: .38rem;
  font-style: normal;
  line-height: 130%
}

#main-mobile .section-4_page-detail {
  position: relative
}

#main-mobile .section-4_page-detail .desc-box {
  padding: 2rem .7rem .6rem .7rem;
  background-color: #fff
}

#main-mobile .section-4_page-detail .desc-box .title {
  color: #000;
  font-family: DinExp-Bold;
  font-size: .6rem;
  font-style: normal;
  line-height: 110%;
  margin-bottom: .6rem
}

#main-mobile .section-4_page-detail .desc-box .desc {
  color: #000;
  font-family: DinExp;
  font-size: .3rem;
  font-style: normal;
  line-height: 150%
}

#main-mobile .section-4_page-detail .box-flavor-compare {
  position: relative
}

#main-mobile .section-4_page-detail .box-flavor-compare .img-bg {
  width: 7.5rem;
  height: 10.4rem
}

#main-mobile .section-4_page-detail .box-flavor-compare .nums {
  position: absolute;
  top: .98rem;
  left: .7rem;
  display: flex;
  gap: 1rem
}

#main-mobile .section-4_page-detail .box-flavor-compare .nums .num-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

#main-mobile .section-4_page-detail .box-flavor-compare .nums .num-card .num {
  font-family: DinExp-Bold;
  font-size: 1.18974rem;
  font-style: normal;
  line-height: 105%;
  background: linear-gradient(78deg, #ff603d -18.43%, #ffd879 84.74%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

#main-mobile .section-4_page-detail .box-flavor-compare .nums .num-card .num .unit {
  font-family: DinExp-Bold;
  font-size: .39658rem;
  font-style: normal;
  line-height: 105%
}

#main-mobile .section-4_page-detail .box-flavor-compare .nums .text {
  color: #fff;
  font-family: DinExp-Bold;
  font-size: .34rem;
  font-style: normal;
  line-height: 130%
}

#main-mobile .section-4_page-two-mode {
  padding: 2rem .5rem;
  background-color: #fff
}

#main-mobile .section-4_page-two-mode .text-part-box {
  padding: 0 .2rem .6rem .2rem
}

#main-mobile .section-4_page-two-mode .title {
  color: #000;
  font-family: DinExp-Bold;
  font-size: .6rem;
  font-style: normal;
  line-height: 110%;
  margin-bottom: .24rem
}

#main-mobile .section-4_page-two-mode .subtitle {
  color: #000;
  font-family: DinExp;
  font-size: .3rem;
  font-style: normal;
  line-height: .42rem
}

#main-mobile .section-4_page-two-mode .img-mode-MTL {
  margin-bottom: .3rem
}

#main-mobile .section-4_page-two-mode .text {
  color: #000;
  font-family: DinExp-Bold;
  font-size: .32rem;
  font-style: normal;
  line-height: 115%;
  text-align: left;
  margin-top: .3rem
}

#main-mobile .section-4_page-two-mode .text.MTL {
  margin-bottom: .6rem
}

#main-mobile .section5 {
  position: relative;
  height: 12.88rem
}

#main-mobile .section5 .page {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: absolute;
  padding: 0 .36rem
}

#main-mobile .section5 .page .slogan-box {
  padding: 1.4rem .29rem 1.2rem .29rem;
  height: 4.39rem
}

#main-mobile .section5 .page .slogan-box .text-slogan {
  top: 1.4rem;
  text-align: center;
  font-family: DinExp-Bold;
  font-size: .61rem;
  font-style: normal;
  line-height: 100%;
  background: linear-gradient(91deg, #ff603d 13.92%, #ffd879 79.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: .26rem
}

#main-mobile .section5 .page .slogan-box .text-desc {
  color: #fff;
  text-align: center;
  font-family: DinExp;
  font-size: .3rem;
  font-style: normal;
  line-height: .42rem;
  padding: 0 .1rem
}

#main-mobile .section5 .page .product-box {
  flex: 1;
  padding: 0 .36rem;
  position: relative;
  overflow: hidden
}

#main-mobile .section5 .page .product-box .img-product {
  position: absolute;
  top: -4.78rem;
  width: 4.25964rem;
  height: 14.05972rem;
  flex-shrink: 0;
  aspect-ratio: 212.98/702.99
}

#main-mobile .section5 .page.see-more .func-text-box {
  position: absolute;
  top: 0;
  right: .36rem;
  height: 100%;
  width: calc(100% - .72rem);
  display: flex
}

#main-mobile .section5 .page.see-more .func-text-box .func-text {
  color: #fff;
  text-align: right;
  font-family: DinExp;
  font-size: .28rem;
  font-style: normal;
  line-height: 115%;
  position: absolute;
  right: 0;
  border-top: 1px solid rgba(255, 255, 255, .7);
  padding: .06rem
}

#main-mobile .section5 .page.see-more .func-text-box .battery {
  top: 2.6rem;
  width: 3.33rem;
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, .7)
}

#main-mobile .section5 .page.see-more .func-text-box .mode {
  top: 3.42rem;
  width: 3.24rem
}

#main-mobile .section5 .page.see-more .func-text-box .wattage {
  top: 4.38rem;
  width: 3.33rem
}

#main-mobile .section5 .page.see-more .func-text-box .resistance {
  top: 5.6rem;
  width: 3.05rem
}

#main-mobile .section5 .page.feel-more .theme-box {
  position: absolute;
  padding-right: .47rem;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end
}

#main-mobile .section5 .page.feel-more .theme-box .theme-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: .3rem
}

#main-mobile .section5 .page.feel-more .theme-box .theme-card img {
  width: 1.0625rem;
  height: 2.125rem;
  aspect-ratio: 53.13/106.25;
  margin-bottom: .1rem
}

#main-mobile .section5 .page.feel-more .theme-box .theme-card .text-name {
  color: rgba(255, 255, 255, .9);
  text-align: center;
  font-family: DinExp-Bold;
  font-size: .28rem;
  font-style: normal;
  line-height: .37332rem
}

#main-mobile .section5 .page.feel-more .theme-box .theme-card:last-child {
  margin-bottom: 0
}

#main-mobile .section5 .page.control-more .img-btn-right {
  width: 1.1rem;
  position: absolute;
  left: 2.6rem;
  top: 7.16rem;
  z-index: 10
}

#main-mobile .section5 .page.control-more .text-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: .6rem
}

#main-mobile .section5 .page.control-more .text-box .operator-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: .2rem
}

#main-mobile .section5 .page.control-more .text-box .operator-box .line-1 {
  display: flex;
  align-items: center;
  gap: .2rem
}

#main-mobile .section5 .page.control-more .text-box .operator-box .line-1 .img-yellow-btn {
  width: .78606rem;
  height: .41922rem;
  flex-shrink: 0
}

#main-mobile .section5 .page.control-more .text-box .operator-box .line-1 .times {
  color: #fff;
  font-family: DinExp-Bold;
  font-size: .28rem;
  font-style: normal;
  line-height: 130%
}

#main-mobile .section5 .page.control-more .text-box .operator-box .line-2 .operator-name {
  width: 100%;
  display: inline-block;
  color: #d7b387;
  text-align: center;
  font-family: DinExp;
  font-size: .28rem;
  font-style: normal;
  line-height: 130%
}

#main-mobile .section6_page-style {
  background: #fff
}

#main-mobile .section6_page-style .text-title {
  color: #000;
  font-family: DinExp-Bold;
  font-size: .6rem;
  font-style: normal;
  line-height: 110%;
  padding: 2rem .7rem .6rem .7rem
}

#main-mobile .section6_page-style .img-style {
  width: 100%;
  aspect-ratio: 375/456
}

.section6_page-reliable {
  background: #fff;
  padding: 2rem 0
}

.section6_page-reliable .text-title {
  color: #000;
  font-family: DinExp-Bold;
  font-size: .6rem;
  font-style: normal;
  line-height: 110%;
  padding: 0 .7rem .6rem .7rem
}

.section6_page-reliable .img-cards-wrapper {
  display: flex;
  flex-direction: column;
  gap: .21rem;
  padding: 0 .3rem
}

.section6_page-reliable .img-cards-wrapper .img-card {
  position: relative
}

.section6_page-reliable .img-cards-wrapper .img-card .text-desc {
  position: absolute;
  left: .42rem;
  top: .42rem;
  color: #fff;
  font-family: DinExp-Bold;
  font-size: .3397rem;
  font-style: normal;
  line-height: 130%
}

.section6_page-reliable .img-cards-wrapper .img-button {
  width: 6.9rem;
  height: 7.55166rem;
  flex-shrink: 0;
  aspect-ratio: 345/377.58
}

.section6_page-reliable .img-cards-wrapper .img-mouthpiece {
  width: 6.9rem;
  height: 4.56rem;
  flex-shrink: 0;
  aspect-ratio: 115/76
}

.section6_page-reliable .img-cards-wrapper .img-base {
  width: 6.9rem;
  height: 4.56rem;
  flex-shrink: 0;
  aspect-ratio: 115/76
}

.section6_page-compatible {
  background-color: #000
}

.section6_page-compatible .text-content-wrapper {
  padding: 1.06rem .7rem .46rem .7rem
}

.section6_page-compatible .text-content-wrapper .text-title {
  color: #e5e5e5;
  font-family: DinExp-Bold;
  font-size: .5rem;
  font-style: normal;
  line-height: 110%;
  margin-bottom: .28rem
}

.section6_page-compatible .text-content-wrapper .text-desc {
  color: #e5e5e5;
  font-family: DinExp;
  font-size: .3rem;
  font-style: normal;
  line-height: 140%
}

.section6_page-compatible .product-cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: .06rem;
  margin-bottom: .46rem
}

.section6_page-compatible .product-cards-wrapper .product-card {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-color: #2b2b2b;
  padding: .32rem .36rem .88rem .36rem;
  width: calc(50% - .03rem);
  position: relative
}

.section6_page-compatible .product-cards-wrapper .product-card .text-title {
  color: rgba(255, 255, 255, .9);
  text-align: center;
  font-family: DinExp;
  font-size: .3rem;
  font-style: normal;
  line-height: 140%
}

.section6_page-compatible .product-cards-wrapper .product-card .line {
  position: absolute;
  width: 66%;
  top: .95rem;
  height: 1px;
  background-color: #4b4b4b
}

.section6_page-compatible .product-cards-wrapper .product-card .text-name {
  color: rgba(255, 255, 255, .9);
  text-align: center;
  font-family: DinExp-Bold;
  font-size: .36rem;
  font-style: normal;
  line-height: .52rem;
  margin-bottom: .04rem
}

.section6_page-compatible .product-cards-wrapper .product-card .text-subname {
  color: rgba(255, 255, 255, .5);
  text-align: center;
  font-family: DinExp;
  font-size: .3rem;
  font-style: normal;
  line-height: 140%
}

.section6_page-compatible .product-cards-wrapper .product-card:first-child,
.section6_page-compatible .product-cards-wrapper .product-card:nth-child(2) {
  margin-bottom: .34rem
}

.section6_page-compatible .product-pods-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: .32rem 0 .47rem 0;
  background-color: #2b2b2b;
  margin-bottom: .46rem
}

.section6_page-compatible .product-pods-1 .line-title {
  width: 6.58rem;
  display: flex;
  justify-content: center;
  padding-bottom: .12rem;
  border-bottom: 1px solid #4a4a4a;
  color: rgba(255, 255, 255, .9);
  text-align: center;
  font-family: DinExp;
  font-size: .34rem;
  font-style: normal;
  line-height: .5rem
}

.section6_page-compatible .product-pods-1 .line-product-1 {
  display: flex;
  width: 100%
}

.section6_page-compatible .product-pods-1 .line-product-1 .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: .345rem;
  margin-left: .32rem
}

.section6_page-compatible .product-pods-1 .line-product-1 .left .img-product-DTL {
  width: 2.38rem;
  height: 2.78rem;
  flex-shrink: 0;
  aspect-ratio: 119/139;
  margin-bottom: .258rem
}

.section6_page-compatible .product-pods-1 .line-product-1 .left .text-name {
  color: rgba(255, 255, 255, .9);
  text-align: center;
  font-family: DinExp-Bold;
  font-size: .36rem;
  font-style: normal;
  line-height: .52rem;
  margin-bottom: .04rem
}

.section6_page-compatible .product-pods-1 .line-product-1 .left .text-subname {
  color: #8a8a8a;
  text-align: center;
  font-family: DinExp;
  font-size: .3rem;
  font-style: normal;
  line-height: 140%
}

.section6_page-compatible .product-pods-1 .line-product-1 .right {
  flex: 1;
  display: flex;
  align-items: flex-start;
  margin-top: 1.24rem;
  margin-right: .2rem;
  justify-content: center
}

.section6_page-compatible .product-pods-1 .line-product-1 .right .product-img-card {
  display: flex;
  flex-direction: column
}

.section6_page-compatible .product-pods-1 .line-product-1 .right .product-img-card .img-product {
  width: 1.16rem;
  height: 1.66rem;
  flex-shrink: 0;
  margin-bottom: .5rem
}

.section6_page-compatible .product-pods-1 .line-product-1 .right .product-img-card .text-name {
  color: rgba(255, 255, 255, .9);
  text-align: center;
  font-family: DinExp-Bold;
  font-size: .36rem;
  font-style: normal;
  line-height: .52rem;
  margin-bottom: .04rem
}

.section6_page-compatible .product-pods-1 .line-product-1 .right .product-img-card .text-sub-name {
  color: red;
  text-align: center;
  font-family: DinExp;
  font-size: .3rem;
  font-style: normal;
  line-height: 140%
}

.section6_page-compatible .product-pods-1 .line-product-2 {
  display: flex;
  padding: .58rem .3rem .47rem .3rem;
  gap: .3rem
}

.section6_page-compatible .product-pods-1 .line-product-2 .product-img-group {
  display: flex
}

.section6_page-compatible .product-pods-1 .line-product-2 .product-img-group .product-img-card {
  display: flex;
  flex-direction: column
}

.section6_page-compatible .product-pods-1 .line-product-2 .product-img-group .product-img-card .img-product {
  margin-bottom: .49rem;
  width: 1.16rem;
  height: 1.66rem;
  flex-shrink: 0
}

.section6_page-compatible .product-pods-1 .line-product-2 .product-img-group .product-img-card .text-name {
  color: rgba(255, 255, 255, .9);
  text-align: center;
  font-family: DinExp-Bold;
  font-size: .36rem;
  font-style: normal;
  line-height: .52rem;
  margin-bottom: .02rem
}

.section6_page-compatible .product-pods-1 .line-product-2 .product-img-group .product-img-card .text-sub-name {
  color: red;
  text-align: center;
  font-family: DinExp;
  font-size: .3rem;
  font-style: normal;
  line-height: 140%
}

.section6_page-compatible .product-pods-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: .32rem 0 .88rem 0;
  background-color: #2b2b2b
}

.section6_page-compatible .product-pods-2 .line-title {
  width: 6.58rem;
  display: flex;
  justify-content: center;
  padding-bottom: .12rem;
  border-bottom: 1px solid #4a4a4a;
  color: rgba(255, 255, 255, .9);
  text-align: center;
  font-family: DinExp;
  font-size: .34rem;
  font-style: normal;
  line-height: .5rem
}

.section6_page-compatible .product-pods-2 .line-product-1 {
  display: flex;
  width: 100%
}

.section6_page-compatible .product-pods-2 .line-product-1 .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: .345rem;
  margin-left: .32rem
}

.section6_page-compatible .product-pods-2 .line-product-1 .left .img-product-DTL {
  width: 2.38rem;
  height: 2.78rem;
  flex-shrink: 0;
  aspect-ratio: 119/139;
  margin-bottom: .258rem
}

.section6_page-compatible .product-pods-2 .line-product-1 .left .text-name {
  color: rgba(255, 255, 255, .9);
  text-align: center;
  font-family: DinExp-Bold;
  font-size: .36rem;
  font-style: normal;
  line-height: .52rem;
  margin-bottom: .04rem
}

.section6_page-compatible .product-pods-2 .line-product-1 .left .text-subname {
  color: #8a8a8a;
  text-align: center;
  font-family: DinExp;
  font-size: .3rem;
  font-style: normal;
  line-height: 140%
}

.section6_page-compatible .product-pods-2 .line-product-1 .right {
  flex: 1;
  display: flex;
  align-items: flex-start;
  margin-top: 1.24rem;
  margin-right: .2rem;
  margin-left: .2rem;
  justify-content: space-between
}

.section6_page-compatible .product-pods-2 .line-product-1 .right .product-img-card {
  display: flex;
  flex-direction: column
}

.section6_page-compatible .product-pods-2 .line-product-1 .right .product-img-card .img-product {
  width: 1.16rem;
  height: 1.66rem;
  flex-shrink: 0;
  margin-bottom: .5rem
}

.section6_page-compatible .product-pods-2 .line-product-1 .right .product-img-card .text-name {
  color: rgba(255, 255, 255, .9);
  text-align: center;
  font-family: DinExp-Bold;
  font-size: .36rem;
  font-style: normal;
  line-height: .52rem;
  margin-bottom: .04rem
}

.section6_page-compatible .product-pods-2 .line-product-1 .right .product-img-card .text-sub-name {
  color: red;
  text-align: center;
  font-family: DinExp;
  font-size: .3rem;
  font-style: normal;
  line-height: 140%
}

.section6_page-end {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 0 1.64rem 0;
  background-color: #fff
}

.section6_page-end .title {
  color: #000;
  text-align: center;
  font-family: DinExp-Bold;
  font-size: .5rem;
  font-style: normal;
  line-height: 110%
}

.section6_page-end .img-product {
  width: 6.8rem;
  height: 9.6rem;
  flex-shrink: 0
}

.section6_page-end .sell-point-list {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  align-items: center
}

.section6_page-end .sell-point-list .sell-point {
  border: 1px solid rgba(68, 68, 68, .5);
  padding: .12rem .2rem;
  color: #666;
  font-family: DinExp;
  font-size: .26rem;
  font-style: normal;
  line-height: .4rem
}