/* Compiled from LESS. Edit this CSS going forward. */
/* Modern layout tokens — html { font-size: 10px } in site.less → 1rem = 10px */
/* 1200px content */
/* Homepage section shell — single visual column */
/* Homepage */
/* between major sections */
/* section title → main content */
/* carousel → Learn More button */
/* last section → footer */
/* Inner pages (About, etc.) */
/* Toolbox / forpros marketing page — type scale */
/* 3.2rem — page-level headings */
/* 2.4rem */
/* 1.8rem — intro copy (e.g. above search) */
/* 1.6rem — section descriptions */
/* 1.4rem */
/* 2.4rem — nested card titles */
/* 1.8rem */
/* bottom-content product name (.big-title) vs block headings (.card-title) */
/* product-library.html 品类入口卡：名称略大于素材列表标题 */
/* 手机端品类卡：图片区统一高度，便于同行标题/按钮对齐 */
/* 1.8rem */
/* 1.4rem */
/* 1.3rem */
/* Toolbox floating actions (cart, back-to-top, back, home) */
/* Mobile stack: base → back-top → goto → back-home → cart */
/* Toolbox 桌面侧栏：filter-nav / slider-bar（高于主内容，低于弹层） */
/* Form / lookup / registration pages — type scale */
/* Marketing / product toolkit (.page-toolbox) — light banner, dark text */
/* product-library-list 等：两列素材卡片 + 紧凑操作钮 */
/* 两列品类卡：等高图片区 + 标题弹性区 + 按钮贴底 */
/* product-library.html：品类网格 + 长 CTA 文案 */
/* product-library-one 等：bottom-content 内各类素材列表 */
/* gifts-detail.html / props-detail.html：详情 + You May Also Like */
/* Inner page hero — mobile (legacy mpx @ 414px design → rem) */
.page-g3 {
  overflow: hidden;
}
.page-g3 .grid-1 {
  width: 100vw;
  height: calc(300 / 1080 * 100vw);
  min-height: 30rem;
  overflow: hidden;
}
.page-g3 .grid-1 .banner-img {
  width: 100%;
  height: 100%;
  left: 0;
  object-fit: cover;
}
.page-g3 .grid-1 .banner-bg {
  width: 108rem;
  right: 1rem;
  top: 0;
}
.page-g3 .grid-1 .banner-bg .bg-img {
  object-fit: fill;
}
.page-g3 .grid-1 .banner-bg .banner-bg-inner {
  margin-left: 19rem;
  padding-left: 0rem;
  padding-top: 0rem;
  padding-right: 0rem;
  width: 84rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-g3 .grid-1 .banner-bg .banner-bg-inner .title {
  color: #333333;
  font-size: 4rem;
  margin-bottom: 3rem;
}
.page-g3 .grid-1 .banner-bg .banner-bg-inner .desc {
  color: #333333;
  font-size: 2.2rem;
  line-height: 1.5;
}
.page-g3 .grid-2 {
  margin-top: 0rem;
  padding-left: 0rem;
  margin-bottom: 11rem;
  width: 120rem;
  height: 45.9rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.page-g3 .grid-2 .bg-banner {
  height: 110%;
  top: -4%;
}
.page-g3 .grid-2 .grid-text {
  width: 70.6rem;
  margin-left: 7rem;
  padding-top: 3rem;
}
.page-g3 .grid-2 .grid-text .logo-group {
  align-items: flex-end;
  margin-bottom: 2.5rem;
}
.page-g3 .grid-2 .grid-text .logo-1 {
  width: 11.2rem;
  height: 4rem;
  margin-right: 1.6rem;
}
.page-g3 .grid-2 .grid-text .logo-2 {
  width: 11.4rem;
  height: 3.6rem;
}
.page-g3 .grid-2 .grid-text .evox-g3-img {
  width: 13.5rem;
  height: 1.9rem;
  object-fit: contain;
  margin-left: 0.6rem;
  transform: translateY(0.3rem);
}
.page-g3 .grid-2 .grid-text .title {
  color: #333;
  font-size: 5.2rem;
  line-height: 1.2;
  width: 42rem;
}
.page-g3 .grid-2 .grid-text .desc {
  color: #333;
  font-size: 2.2rem;
  line-height: 1.5;
  margin-top: 1.6rem;
}
.page-g3 .grid-2 .system-img {
  width: 32rem;
  height: 38.3rem;
  left: 87rem;
  top: 6.4rem;
}
.page-g3 .content-container {
  width: 120rem;
  margin: 0 auto;
}
.page-g3 .content-container .content-wrapper {
  display: none;
}
.page-g3 .content-container .content-wrapper.active {
  display: block;
}
.page-g3 .content-container #content-1 {
  padding-top: 0rem;
  padding-bottom: 6rem;
}
.page-g3 .content-container #content-1 .inner {
  justify-content: space-between;
}
.page-g3 .content-container #content-1 .inner .flex-left {
  width: 43rem;
  background-color: #f2f2f2;
  border-radius: 4.4rem;
  margin-right: 5rem;
  padding-left: 4rem;
  padding-top: 7rem;
  padding-right: 4rem;
  box-sizing: border-box;
  flex-shrink: 0;
  height: auto;
}
.page-g3 .content-container #content-1 .inner .flex-left .title {
  color: #333;
  font-size: 5rem;
  line-height: 1.1;
  margin-bottom: 4.4rem;
}
.page-g3 .content-container #content-1 .inner .flex-left .list {
  color: #333;
  font-size: 2.2rem;
  line-height: 2.4;
  margin-left: -0.4rem;
  width: auto;
}
.page-g3 .content-container #content-1 .inner .flex-left .list .indicator {
  left: -0.8rem;
  top: 0rem;
}
.page-g3 .content-container #content-1 .inner .flex-left .machine-wrapper {
  width: 35.2rem;
  height: 58.8rem;
  bottom: 9.9rem;
  overflow: hidden;
}
.page-g3 .content-container #content-1 .inner .flex-left .machine-wrapper .machine-img {
  object-fit: contain;
  transform: translate(-1.3rem);
}
.page-g3 .content-container #content-1 .inner .flex-right {
  width: 72rem;
  padding-top: 14.7rem;
  flex: 1;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-1 {
  width: 72rem;
  height: 15.1rem;
  background-color: #f2f2f2;
  border-radius: 1.6rem;
  justify-content: flex-start;
  padding-left: 3.7rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-1 .card-1-title {
  left: 0;
  color: #333;
  font-size: 1.4rem;
  line-height: 1.2;
  bottom: calc(100% + 3.2rem);
}
.page-g3 .content-container #content-1 .inner .flex-right .card-1 .spec-name {
  color: #4b4949;
  font-size: 1.7rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-1 .spec-value {
  color: #333;
  font-size: 3rem;
  margin-top: 0.8rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-1 .separator-1 {
  width: 1px;
  height: 5.3rem;
  background: #cccccc;
  margin-left: 1.2rem;
  margin-right: 1.5rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-1 .separator-2 {
  width: 1px;
  height: 5.3rem;
  background: #cccccc;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-1 .separator-3 {
  width: 1px;
  height: 5.3rem;
  background: #cccccc;
  margin-left: 1.4rem;
  margin-right: 1.3rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-1 .img-wrapper {
  width: 6.6rem;
  height: 21.6rem;
  left: 65rem;
  top: -6.4rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-1 .img-wrapper .img-wrapper-inner {
  overflow: hidden;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-1 .img-wrapper .fridge {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: contain;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-1 .img-wrapper .spec-text {
  color: #4b4949;
  font-size: 3rem;
  top: 23.7rem;
  white-space: nowrap;
  transform: translateX(-76%);
}
.page-g3 .content-container #content-1 .inner .flex-right .options {
  margin-top: 8.2rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .options .flex {
  flex: 1;
}
.page-g3 .content-container #content-1 .inner .flex-right .options .option-b {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .options .option-label {
  color: #fff;
  font-size: 1.2rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #1f94d2;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .options .option-title {
  color: #4b4949;
  font-size: 2.2rem;
  margin-top: 0.25rem;
  margin-bottom: 0.4rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .options .option-values {
  color: #4b4949;
  font-size: 2.2rem;
  width: 16.7rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .options .option-values div {
  font-family: Arial;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-1-note {
  font-size: 2.2rem;
  margin-top: 2.4rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2-1 {
  width: 100%;
  margin-top: 10rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2-1 .title {
  font-size: 2.8rem;
  line-height: 1.2;
  margin-bottom: 5.2rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2-1 .card-2-img-wrapper {
  width: 100%;
  overflow: hidden;
  height: 26.6rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2-1 .card-2-img-wrapper .cooling-left {
  width: 29.7rem;
  height: 44.5rem;
  object-fit: cover;
  top: -12.2rem;
  left: -2.5rem;
  z-index: 2;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2-1 .card-2-img-wrapper .cooling-right {
  width: 42rem;
  height: 28rem;
  object-fit: cover;
  left: 26.7rem;
  top: 0;
  z-index: 1;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2 {
  margin-top: 8.8rem;
  width: 100%;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2 .title {
  font-size: 2.8rem;
  line-height: 1.2;
  margin-bottom: 4rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2 .sub-title {
  color: #818285;
  font-size: 2.1rem;
  margin-bottom: 9rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2 .img-group {
  width: 100%;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2 .img-group .img-left {
  width: 27.216rem;
  height: 19.936rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2 .img-group .img-right {
  width: 26.4rem;
  height: 30rem;
  overflow: hidden;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2 .img-group .img-right .auto-2 {
  bottom: 0;
  width: 27.6rem;
  height: 31.6rem;
  object-fit: contain;
  right: 0;
  transform: translateY(9%);
}
.page-g3 .content-container #content-1 .inner .flex-right .card-2 .img-group .img-right .auto-1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 15rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-3 {
  margin-top: 9.3rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-3 .title {
  font-size: 2.8rem;
  margin-bottom: 12.6rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-3 .module-wrapper {
  width: 56.5rem;
  height: 16.2rem;
  transform: translateX(-1.4rem);
}
.page-g3 .content-container #content-1 .inner .flex-right .card-3 .module-wrapper .text-1 {
  font-size: 2.2rem;
  top: -1.5rem;
  transform: translateY(-100%);
  left: 36.5rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-3 .module-wrapper .text-2 {
  font-size: 2.2rem;
  top: 3.7rem;
  left: 12rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-4 {
  margin-top: 15rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-4 .title {
  font-size: 2.8rem;
  margin-bottom: 5.5rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-4 .ways-wrapper {
  width: 55.7rem;
  height: 12.9rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-4 .ways-wrapper .ways-img {
  width: 100%;
  height: 14.3rem;
  left: 0;
  bottom: 0;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-5 {
  margin-top: 14rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-5 .title {
  font-size: 2.8rem;
  margin-bottom: 4rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-5 .desc {
  font-size: 2rem;
  color: #818285;
  width: 90%;
  line-height: 1.5;
  margin-bottom: 16rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-5 .house-wrapper {
  width: 55.2rem;
  height: 19.5rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-5 .house-wrapper .house-specs {
  left: 0;
  top: -10.5rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-5 .house-wrapper .house-specs .spec-row {
  margin-bottom: 1.2rem;
  font-size: 2.2rem;
  line-height: 1.2;
  white-space: nowrap;
  color: #333;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-5 .house-wrapper .house-specs .spec-row img {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
  margin-right: 1rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-6 {
  margin-top: 11.8rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-6 .title {
  font-size: 2.8rem;
  margin-bottom: 4.9rem;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-6 .img-1-wrapper {
  width: 54.9rem;
  height: 13rem;
  margin-bottom: 1.2rem;
  overflow: hidden;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-6 .img-1-wrapper .img-1 {
  width: 56rem;
  height: 44.12rem;
  left: 0;
  top: 0;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-6 .img-2-wrapper {
  width: 55.3rem;
  height: 19.2rem;
  overflow: hidden;
}
.page-g3 .content-container #content-1 .inner .flex-right .card-6 .img-2-wrapper .img-2 {
  width: 130rem;
  height: 130rem;
  left: -37.5rem;
  top: -61.7rem;
}
.page-g3 .download-grid {
  margin-top: 2rem;
}
.page-g3 .product-grid {
  margin-bottom: 2rem;
}
.page-g3 .product-grid .product-grid-title {
  z-index: 3;
}
.page-g3 .product-grid .product-grid-content {
  padding-left: 10vw;
  padding-right: 10vw;
}
.page-g3 .product-grid .product-grid-show-more {
  margin-top: 0;
}
.page-g3 .product-grid .product-grid-show-more .product-grid-content {
  height: 40rem;
  background: #eaeaea;
  width: 100%;
}
.page-g3 .product-grid .product-grid-show-more .button {
  padding: 1rem 2rem;
  bottom: 3.1rem;
  background-color: #1f94d2;
  border-radius: 2rem;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
}
.page-g3 .product-grid .product-grid-show-more .pill-text {
  font-size: 2.2rem;
  color: black;
  font-family: 'Gotham-pro-reg';
  white-space: nowrap;
  top: 28rem;
}
.page-g3 .product-grid .product-grid-show-more .product-pill {
  height: 100%;
  padding-bottom: 9.2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  flex: 1;
}
.page-g3 .product-grid .product-grid-show-more .product-pill .pill-img-1 {
  width: 14.4rem;
  height: 14.4rem;
  top: 11.4rem;
  overflow: hidden;
}
.page-g3 .product-grid .product-grid-show-more .product-pill .pill-img-1 img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.page-g3 .product-grid .product-grid-show-more .product-pill .pill-img-2 {
  width: 13.268rem;
  height: 15.6224rem;
  top: 9.8rem;
  overflow: hidden;
}
.page-g3 .product-grid .product-grid-show-more .product-pill .pill-img-2 img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.page-g3 .product-grid .product-grid-show-more .product-pill .pill-img-3 {
  width: 14.49rem;
  height: 14.49rem;
  top: 9.3rem;
  overflow: hidden;
}
.page-g3 .product-grid .product-grid-show-more .product-pill .pill-img-3 img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.page-g3 .product-grid .product-grid-show-more .product-pill .pill-img-4 {
  width: 16.98rem;
  height: 20.332rem;
  top: 3.4rem;
  overflow: hidden;
}
.page-g3 .product-grid .product-grid-show-more .product-pill .pill-img-4 img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.page-g3 .grid-6 {
  width: 120rem;
  margin: 0 auto;
  padding-top: 10rem;
}
.page-g3 .grid-6 .title {
  color: #333333;
  font-size: 2.4rem;
  margin-bottom: 2.8rem;
  margin-left: 5.4rem;
}
.page-g3 .grid-6 .bottom-switch-row {
  height: 21.5rem;
  background: #eaeaea;
}
.page-g3 .grid-6 .bottom-switch-row .swiper {
  width: 80rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide {
  width: 20rem;
  height: 100%;
  padding-top: 15.8rem;
  position: relative;
  cursor: pointer;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-name {
  text-align: center;
  font-size: 1.2rem;
  color: #4b4949;
  line-height: 1.2;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide.active {
  background: #cbcbcb;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide.active .product-name {
  font-family: 'Gotham-pro-bold';
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-1 {
  width: 9.5rem;
  height: 9.5rem;
  top: 3.9rem;
  overflow: hidden;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-1 .product-1 {
  width: 13.2rem;
  height: 13rem;
  left: -1.9rem;
  top: -2rem;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-2 {
  width: 9.5rem;
  height: 9.5rem;
  top: 3.9rem;
  overflow: hidden;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-2 .product-2 {
  width: 13.37rem;
  height: 13.65rem;
  left: -1.9rem;
  top: -2rem;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-3 {
  width: 22.3rem;
  height: 6.8rem;
  top: 6.3rem;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-3 .product-wrapper-3-inner {
  transform: scale(0.75);
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-3 .product-3-1 {
  width: 9.9rem;
  height: 6.2rem;
  left: 0;
  bottom: 0;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-3 .product-3-1 .product-3-1-img {
  width: 12.2rem;
  height: 9.15rem;
  left: -0.8rem;
  top: -1.55rem;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-3 .product-3-2 {
  width: 11rem;
  height: 6.8rem;
  bottom: 0;
  right: 0;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-3 .product-3-2 .product-3-2-img {
  width: 12.3rem;
  height: 9.225rem;
  left: -0.7rem;
  top: -1rem;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-4 {
  width: 9.5rem;
  height: 9.5rem;
  top: 3.9rem;
  overflow: hidden;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-4 .product-4 {
  width: 17.34rem;
  height: 13rem;
  left: -3.32rem;
  top: -2.13rem;
}
.page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-5 {
  height: 10.1rem;
  width: 5.01rem;
  top: 3.5rem;
}
.page-g3 .grid-6 .bottom-switch-row .prev-button {
  width: 1rem;
  height: 1.9rem;
  left: 5.6rem;
  cursor: pointer;
}
.page-g3 .grid-6 .bottom-switch-row .prev-button img {
  object-fit: contain!important;
}
.page-g3 .grid-6 .bottom-switch-row .next-button {
  width: 1rem;
  height: 1.9rem;
  right: 5.6rem;
  cursor: pointer;
}
.page-g3 .grid-6 .bottom-switch-row .next-button img {
  object-fit: contain!important;
}
.page-g3 .grid-6 .bottom-switch-cards {
  height: 40.7rem;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card {
  display: none;
  align-items: center;
  padding-left: 47.6rem;
  width: 120rem;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card.active {
  display: flex;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .card-title {
  color: #333333;
  font-size: 2.4rem;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .card-sub-title {
  margin-top: 0.5rem;
  color: #333333;
  font-size: 1.8rem;
  width: 48.5rem;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .card-desc {
  margin-top: 2.8rem;
  color: #333333;
  font-size: 1.2rem;
  width: 48.5rem;
  line-height: 1.2;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .button {
  color: #f6f6f6;
  font-size: 1.2rem;
  padding: 1.4rem 3.4rem;
  border-radius: 2rem;
  background: #1f94d2;
  text-align: center;
  cursor: pointer;
  margin-top: 2.8rem;
  display: inline-flex;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-1 {
  width: 26.3rem;
  height: 26.3rem;
  left: 15rem;
  top: 7.9rem;
  overflow: hidden;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-1 .img-1 {
  width: 37rem;
  height: 36.3rem;
  left: -5.4rem;
  top: -5.6rem;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-2 {
  width: 26.3rem;
  height: 26.3rem;
  left: 15rem;
  top: 7.9rem;
  overflow: hidden;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-2 .img-2 {
  width: 37rem;
  height: 37.8rem;
  left: -5.3rem;
  top: -5.6rem;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-3 {
  width: 61.7rem;
  height: 18.8rem;
  top: 9rem;
  left: 0;
  transform: scale(0.6) translateX(-20%);
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-3 .img-3-1 {
  width: 27.4rem;
  height: 17.16rem;
  left: 0;
  bottom: 0;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-3 .img-3-1 .img-3-1-img {
  width: 33.77rem;
  height: 25.33rem;
  left: -2.2rem;
  top: -4.29rem;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-3 .img-3-2 {
  width: 30.45rem;
  height: 18.83rem;
  bottom: 0;
  right: 0;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-3 .img-3-2 .img-3-2-img {
  width: 34.05rem;
  height: 25.54rem;
  left: -1.94rem;
  top: -2.77rem;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-4 {
  width: 26.3rem;
  height: 26.3rem;
  left: 15rem;
  top: 7.9rem;
  overflow: hidden;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-4 .img-4 {
  width: 48rem;
  height: 36rem;
  left: -9.2rem;
  top: -5.9rem;
}
.page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-5 {
  height: 28rem;
  width: 13.87rem;
  top: 7rem;
  left: 20rem;
}
.ani-tab-grid-title {
  width: 100%;
  max-width: 120rem;
  padding-left: 7.95348837rem;
  padding-right: 7.95348837rem;
}
.grid-download {
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6rem;
  box-sizing: border-box;
}
.grid-download .grid-title {
  color: #000;
  font-size: 4.48rem;
  line-height: 1.2;
  margin-bottom: 4.8rem;
  text-align: center;
}
.download-btn {
  cursor: pointer;
  padding: 0.65rem 1rem;
  min-height: 3.6rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.8rem;
  color: #222;
  font-size: 1.6rem;
  line-height: 1.4;
  border-radius: 0.45rem;
  border: 1px solid #222;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.download-btn > div:first-child {
  flex: 1;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.download-btn .down-arrow {
  width: 1.4rem;
  height: 1.4rem;
  flex-shrink: 0;
}
.download-btn .down-arrow2 {
  display: none;
  width: 1.4rem;
  height: 1.4rem;
  flex-shrink: 0;
}
.download-btn:hover {
  background-color: #222222;
  color: #fff;
}
.download-btn:hover .down-arrow {
  display: none;
}
.download-btn:hover .down-arrow2 {
  display: block;
}
.brochure-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-top: 2rem;
}
@media screen and (max-width: 990px) {
  .brochure-list {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.videos-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 990px) {
  .videos-list {
    grid-template-columns: 1fr;
    gap: 2.8rem;
    padding-left: 0;
    padding-right: 0;
  }
}
.catalog-item {
  margin-bottom: 1rem;
}
.catalog-item .catalog-img {
  position: relative;
  width: 36.8rem;
  height: 27rem;
  border: 0.1rem solid #222;
  border-radius: 2rem;
  overflow: hidden;
}
.catalog-item .catalog-img .update {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(0, 146, 216, 0.8);
  display: none;
  justify-content: center;
  color: #fff;
  font-size: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.catalog-item .catalog-img img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.catalog-item .catalog-img img.object-cover {
  object-fit: cover;
}
.catalog-item .catalog-img img.videoplay-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8.8rem;
  height: 8.8rem;
}
.catalog-item .catalog-img:hover .update {
  display: flex;
}
.catalog-item .title {
  font-size: 1.8rem;
  margin-top: 2rem;
  text-align: center;
}
.catalog-item .size {
  font-size: 1.8rem;
}
.catalog-item .catalog-btnmain {
  margin-top: 2rem;
}
@media screen and (max-width: 990px) {
  .catalog-item {
    width: 100%;
    margin-bottom: 0;
  }
  .catalog-item .catalog-img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: 1.4rem;
  }
  .catalog-item .catalog-img img {
    object-fit: cover;
  }
  .catalog-item .catalog-img .update {
    font-size: 1.4rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
  .catalog-item .title {
    font-size: 1.6rem;
    line-height: 1.35;
    margin-top: 1.2rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  .catalog-item .catalog-btnmain {
    margin-top: 1.4rem;
  }
}
.catalog-btn {
  width: 10rem;
  padding: 0 1.8rem;
  height: 4.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.1rem solid #1d9edc;
  color: #1d9edc;
  font-size: 1.2rem;
  border-radius: 999px;
  cursor: pointer;
}
.catalog-btn:first-child {
  margin-right: 0rem;
}
.catalog-btn:hover {
  background-color: #1d9edc;
  color: #fff;
}
/* 弹窗在 .page-pthp 外，需独立选择器 */
#video-popup.popup {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.52);
  box-sizing: border-box;
}
#video-popup.popup.hide {
  display: none;
}
#video-popup.popup .popup-content {
  background: #fff;
  width: 60rem;
  max-width: calc(100vw - 3.2rem);
  display: flex;
  justify-content: center;
  border-radius: 0.3rem;
  flex-direction: column;
}
#video-popup.popup .popup-content .popup-video-wrapper {
  padding: 1.6rem;
  border-top: 1px solid #dee2e6;
}
#video-popup.popup .popup-content .popup-video-wrapper video {
  width: 100%;
  max-width: 60rem;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}
#video-popup.popup .popup-content .popup-title {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#video-popup.popup .popup-content .popup-title .close-button {
  cursor: pointer;
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.4rem;
  opacity: 0.5;
}
.hide {
  display: none;
}
@media (max-width: 990px) {
  .page-g3 .grid-1 {
    height: 55rem;
    overflow: visible;
  }
  .page-g3 .grid-1 .banner-img {
    width: 100%;
    height: 100%;
    left: 0;
  }
  .page-g3 .grid-1 .banner-bg {
    width: 90%;
    height: 42rem;
    right: unset;
    left: 50%;
    top: 7.5rem;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.55);
  }
  .page-g3 .grid-1 .banner-bg .banner-bg-inner {
    padding: 2.2rem;
    transform: none;
    width: 100%;
    margin-left: 0;
  }
  .page-g3 .grid-1 .banner-bg .banner-bg-inner .title {
    font-size: 3rem;
    text-align: center;
    letter-spacing: 0px;
    color: #fff;
  }
  .page-g3 .grid-1 .banner-bg .banner-bg-inner .desc {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    margin-top: 2rem;
  }
  .page-g3 #categories {
    margin-top: 25.1rem;
  }
  .page-g3 .grid-2 {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    padding-left: 1.2rem;
    margin-top: 4rem;
    margin-bottom: 3rem;
    width: auto;
    height: 23rem;
  }
  .page-g3 .grid-2 .bg-banner {
    object-position: 65% 50%;
  }
  .page-g3 .grid-2 .grid-text {
    width: 63rem;
    margin-right: 1rem;
    padding-top: 3.7rem;
    margin-left: 0;
  }
  .page-g3 .grid-2 .grid-text .logo-group {
    margin-bottom: 0.8rem;
  }
  .page-g3 .grid-2 .grid-text .logo-1 {
    width: 7.1rem;
    height: 2.6rem;
    margin-right: 0.8rem;
  }
  .page-g3 .grid-2 .grid-text .logo-2 {
    width: 7.5rem;
    height: 2.5rem;
  }
  .page-g3 .grid-2 .grid-text .title {
    font-size: 2rem;
    width: 100%;
    letter-spacing: -0.5px;
  }
  .page-g3 .grid-2 .grid-text .title .evox-g3-img {
    width: 10rem;
    height: auto;
    margin-left: 1.4rem;
  }
  .page-g3 .grid-2 .grid-text .desc {
    margin-top: 3.4rem;
    font-size: 1.2rem;
  }
  .page-g3 .grid-2 .system-img {
    width: 38.5rem;
    height: 46.1rem;
    left: 71.7rem;
    top: 4rem;
  }
  .page-g3 .grid-2-desc {
    margin-left: 1.6rem;
    margin-right: 2.2rem;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #333;
  }
  .page-g3 .product-grid {
    margin-bottom: 4rem;
  }
  .page-g3 .product-grid .product-grid-content {
    padding-left: 0;
    padding-right: 0;
  }
  .page-g3 .product-grid .product-grid-show-more .product-grid-content {
    height: 64.2rem;
    justify-content: space-evenly;
  }
  .page-g3 .product-grid .product-grid-show-more .button {
    width: 30rem;
    height: 5.4rem;
    border-radius: 3.2rem;
    bottom: 2.4rem;
    font-size: 1.6rem;
  }
  .page-g3 .product-grid .product-grid-show-more .pill-text {
    font-size: 1.2rem;
    letter-spacing: -0.4px;
    white-space: normal;
    text-align: center;
    top: 36rem;
  }
  .page-g3 .product-grid .product-grid-show-more .product-pill {
    padding-bottom: 24.8rem;
  }
  .page-g3 .product-grid .product-grid-show-more .product-pill .pill-img-1 {
    transform: translateX(-50%) translateY(5.6rem) scale(1.3);
  }
  .page-g3 .product-grid .product-grid-show-more .product-pill .pill-img-2 {
    transform: translateX(-50%) translateY(5.4rem) scale(1.3);
  }
  .page-g3 .product-grid .product-grid-show-more .product-pill .pill-img-3 {
    transform: translateX(-50%) translateY(4.8rem) scale(1.3);
  }
  .page-g3 .product-grid .product-grid-show-more .product-pill .pill-img-4 {
    transform: translateX(-50%) translateY(4rem) scale(1.3);
  }
  .page-g3 .download-grid {
    margin-top: 4rem;
  }
  .page-g3 .grid-6 {
    width: 100%;
    padding-top: 7rem;
  }
  .page-g3 .grid-6 .title {
    font-size: 2.4rem;
    margin-bottom: 2.2rem;
    margin-left: 1.6rem;
  }
  .page-g3 .grid-6 .bottom-switch-row {
    height: 30rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper {
    width: 70%;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide {
    width: 20rem;
    padding-top: 0rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-name {
    font-size: 1.2rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-1 {
    position: relative;
    width: 15rem;
    height: 15rem;
    top: 0rem;
    left: 0;
    transform: translateX(0);
    margin: 0 auto;
    margin-top: 5rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-1 .product-1 {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0rem;
    top: 0rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-2 {
    position: relative;
    width: 15rem;
    height: 15rem;
    top: 0rem;
    left: 0;
    transform: translateX(0);
    margin: 0 auto;
    margin-top: 5rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-2 .product-2 {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0rem;
    top: 0rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-3 {
    position: relative;
    width: 15rem;
    height: auto;
    top: 0rem;
    left: 0;
    transform: translateX(0);
    margin: 0 auto;
    margin-top: 2rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-3 .product-wrapper-3-inner {
    position: relative;
    transform: scale(1);
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-3 .product-3-1 {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0rem;
    top: 0rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-3 .product-3-1 .product-3-1-img {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0rem;
    top: 0rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-3 .product-3-2 {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0rem;
    top: 0rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-3 .product-3-2 .product-3-2-img {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0rem;
    top: 0rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-4 {
    position: relative;
    width: 15rem;
    height: 15rem;
    top: 0rem;
    left: 0;
    transform: translateX(0);
    margin: 0 auto;
    margin-top: 5rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-wrapper-4 .product-4 {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0rem;
    top: 0rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .swiper .swiper-slide .product-5 {
    width: 10.12rem;
    height: 20.4rem;
    top: 12.4rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .prev-button {
    width: 2rem;
    height: 6.65rem;
    left: 2.1rem;
  }
  .page-g3 .grid-6 .bottom-switch-row .next-button {
    width: 2rem;
    height: 6.65rem;
    right: 2.1rem;
  }
  .page-g3 .grid-6 .bottom-switch-cards {
    height: auto;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card {
    position: relative;
    height: auto;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 3.2rem;
    flex-direction: column;
    width: 93%;
    margin: 0 auto;
    transform: translateX(0px);
    left: 0;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .font-pro-r {
    width: 100%;
    margin-top: 0;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .card-title {
    font-size: 2rem;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .card-sub-title {
    font-size: 1.2rem;
    margin-top: 0.8rem;
    width: 100%;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .card-desc {
    margin-top: 1.4rem;
    font-size: 1.4rem;
    line-height: 1.4;
    width: 100%;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .button {
    margin: 0 auto;
    width: 90%;
    height: 5.4rem;
    border-radius: 3.2rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3.6rem;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-1 {
    position: relative;
    width: 93%;
    height: auto;
    left: 0%;
    transform: translateX(0%);
    top: 0;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-1 .img-1 {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-2 {
    position: relative;
    width: 93%;
    height: auto;
    left: 0%;
    transform: translateX(0%);
    top: 0;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-2 .img-2 {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-3 {
    position: relative;
    width: 93%;
    height: auto;
    top: 0;
    left: 0;
    transform: translateX(0) scale(1);
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-3 .img-3-1 {
    position: relative;
    width: 60%;
    height: auto;
    left: 0;
    bottom: unset;
    top: 0;
    margin: 0 auto;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-3 .img-3-1 .img-3-1-img {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-3 .img-3-2 {
    position: relative;
    width: 60%;
    height: auto;
    margin: 0 auto;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-3 .img-3-2 .img-3-2-img {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-4 {
    position: relative;
    left: 0;
    transform: translateX(0);
    width: 93%;
    height: auto;
    top: 0;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-wrapper-4 .img-4 {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
  }
  .page-g3 .grid-6 .bottom-switch-cards .bottom-switch-card .img-5 {
    height: 60rem;
    top: 10rem;
    left: 50%;
    transform: translateX(-50%);
    width: 29.72rem;
  }
  .page-g3 .content-container {
    width: 100%;
  }
  .page-g3 .content-container #content-1 {
    margin-top: 4rem;
    padding-top: 0rem;
    padding-bottom: 7rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .page-g3 .content-container #content-1 .inner {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }
  .page-g3 .content-container #content-1 .inner .flex-left {
    width: 100%;
    height: 152rem;
    margin-right: 0;
    border-radius: 2rem;
    padding-left: 1.6rem;
    padding-top: 5rem;
    padding-right: 1.6rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-left .title {
    font-size: 2.4rem;
    margin-bottom: 2.4rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-left .list {
    font-size: 1.8rem;
    margin-left: 1.2rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-left .list .indicator {
    left: -0.8rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-left .machine-wrapper {
    width: 24.5rem;
    height: 40.9rem;
    bottom: 1.8rem;
    left: 50%;
  }
  .page-g3 .content-container #content-1 .inner .flex-left .machine-wrapper .machine-img {
    transform: none;
  }
  .page-g3 .content-container #content-1 .inner .flex-right {
    width: 100%;
    padding-top: 16.1rem;
    padding-right: 0;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-1 {
    margin-left: 0;
    width: auto;
    height: 12.5rem;
    justify-content: flex-start;
    padding-left: 2.8rem;
    flex-wrap: wrap;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-1 .card-1-title {
    font-size: 1.4rem;
    width: 100%;
    bottom: 14.5rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-1 .spec-name {
    font-size: 1.2rem;
    width: 10rem;
    margin-right: 5rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-1 .spec-value {
    font-size: 1.6rem;
    margin-top: 0.6rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-1 .separator-1 {
    display: none;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-1 .separator-2 {
    display: none;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-1 .separator-3 {
    display: none;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-1 .img-wrapper {
    width: 6.9rem;
    height: 22.6rem;
    left: 82%;
    top: -10rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-1 .img-wrapper .spec-text {
    font-size: 1.4rem;
    top: 24.2rem;
    right: -0.4rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .options {
    margin-top: 8.2rem;
    padding-left: 1.2rem;
    flex-wrap: wrap;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .options .option-label {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.5rem;
    font-size: 1.6rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .options .option-title {
    font-size: 1.4rem;
    margin-right: 0;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .options .option-values {
    font-size: 1.2rem;
    width: 15.5rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .options .option-b {
    margin-left: 0rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .options .option-c {
    width: 76rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-1-note {
    font-size: 1.4rem;
    margin-top: 2rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-2-1 {
    margin-top: 6rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-2-1 .title {
    font-size: 2.4rem;
    width: 30rem;
    margin-bottom: 0;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-2-1 .card-2-img-wrapper {
    width: 38.5rem;
    height: 19rem;
    margin-top: 2rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-2 {
    margin-top: 6rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-2 .title {
    font-size: 2.4rem;
    margin-bottom: 1rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-2 .sub-title {
    font-size: 1.6rem;
    margin-bottom: 2.9rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-2 .img-group .img-left {
    height: 18rem;
    width: 25rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-2 .img-group .img-right {
    width: 15rem;
    height: auto;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-2 .img-group .img-right .auto-2 {
    position: relative;
    width: 100%;
    height: auto;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-2 .img-group .img-right .auto-1 {
    width: 100%;
    height: auto;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-3 {
    margin-top: 5.6rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-3 .title {
    font-size: 2.4rem;
    margin-bottom: 1.1rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-3 .module-wrapper {
    width: 39.9rem;
    height: 13.2rem;
    transform: none;
    margin-left: -1.6rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-3 .module-wrapper .text-1 {
    font-size: 2.4rem;
    left: 63.2rem;
    top: -1.9rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-3 .module-wrapper .text-2 {
    font-size: 2.4rem;
    left: 27.4rem;
    top: 7.3rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-4 {
    margin-top: 6rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-4 .title {
    font-size: 2.4rem;
    margin-bottom: 2.4rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-4 .ways-wrapper {
    width: 100%;
    height: 22.8rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-4 .ways-wrapper .ways-img {
    height: auto;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-5 {
    margin-top: 6rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-5 .title {
    font-size: 2.4rem;
    margin-bottom: 1rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-5 .desc {
    font-size: 1.6rem;
    width: 100%;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-5 .house-wrapper {
    width: 100%;
    height: 14.6rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-5 .house-wrapper .house-specs {
    top: -11.3rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-5 .house-wrapper .house-specs .spec-row {
    margin-bottom: 1rem;
    font-size: 1.2rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-5 .house-wrapper .house-specs .spec-row img {
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 2rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-6 {
    margin-top: 6rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-6 .title {
    font-size: 2.4rem;
    margin-bottom: 2.4rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-6 .img-1-wrapper {
    width: 38.5rem;
    height: 9.5rem;
    margin-bottom: 3.9rem;
    transform-origin: right;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-6 .img-1-wrapper .img-1 {
    width: 39.25rem;
    height: 30.94rem;
  }
  .page-g3 .content-container #content-1 .inner .flex-right .card-6 .img-2-wrapper {
    width: 100%;
    height: 14.374rem;
    margin: 0 auto;
  }
  .ani-tab-grid .ani-tab-grid-title {
    width: 93%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}