@charset "UTF-8";
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top 0.2s, -webkit-transform 0.2s;
  transition: top 0.2s, -webkit-transform 0.2s;
  -webkit-transition: transform 0.2s, top 0.2s;
  transition: transform 0.2s, top 0.2s;
  -webkit-transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: left 0.2s, -webkit-transform 0.2s;
  transition: left 0.2s, -webkit-transform 0.2s;
  -webkit-transition: transform 0.2s, left 0.2s;
  transition: transform 0.2s, left 0.2s;
  -webkit-transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: right 0.2s, -webkit-transform 0.2s;
  transition: right 0.2s, -webkit-transform 0.2s;
  -webkit-transition: transform 0.2s, right 0.2s;
  transition: transform 0.2s, right 0.2s;
  -webkit-transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0, 0%, 100%, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white
  .swiper-pagination-progressbar-fill {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black
  .swiper-pagination-progressbar-fill {
  background: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
  animation: swiper-preloader-spin 1s steps(12) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}
@font-face {
  font-family: HYQiHei-65S_vivo-Design-02;
  src: url(fonts/HYQiHei-65S_vivo-Design-02.woff2);
  src: url(fonts/HYQiHei-65S_vivo-Design-02.woff2) format("woff2"),
    url(fonts/HYQiHei-65S_vivo-Design-02.woff) format("woff"),
    url(fonts/HYQiHei-65S_vivo-Design-02.ttf) format("truetype");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: vivotypeEN-Bold;
  src: url(fonts/vivotypeEN-Bold.woff2);
  src: url(fonts/vivotypeEN-Bold.woff2) format("woff2"),
    url(fonts/vivotypeEN-Bold.eot?#ie-fixed) format("embedded-opentype"),
    url(fonts/vivotypeEN-Bold.woff) format("woff"),
    url(fonts/vivotypeEN-Bold.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: vivotypeEN-Heavy;
  src: url(fonts/vivotypeEN-Heavy.woff2);
  src: url(fonts/vivotypeEN-Heavy.woff2) format("woff2"),
    url(fonts/vivotypeEN-Heavy.eot?#ie-fixed) format("embedded-opentype"),
    url(fonts/vivotypeEN-Heavy.woff) format("woff"),
    url(fonts/vivotypeEN-Heavy.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: vivotypeEN-Light;
  src: url(fonts/vivotypeEN-Light.woff2);
  src: url(fonts/vivotypeEN-Light.woff2) format("woff2"),
    url(fonts/vivotypeEN-Light.eot?#ie-fixed) format("embedded-opentype"),
    url(fonts/vivotypeEN-Light.woff) format("woff"),
    url(fonts/vivotypeEN-Light.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: vivotypeEN-Medium;
  src: url(fonts/vivotypeEN-Medium.woff2);
  src: url(fonts/vivotypeEN-Medium.woff2) format("woff2"),
    url(fonts/vivotypeEN-Medium.eot?#ie-fixed) format("embedded-opentype"),
    url(fonts/vivotypeEN-Medium.woff) format("woff"),
    url(fonts/vivotypeEN-Medium.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: vivotypeEN-Regular;
  src: url(fonts/vivotypeEN-Regular.woff2);
  src: url(fonts/vivotypeEN-Regular.woff2) format("woff2"),
    url(fonts/vivotypeEN-Regular.eot?#ie-fixed) format("embedded-opentype"),
    url(fonts/vivotypeEN-Regular.woff) format("woff"),
    url(fonts/vivotypeEN-Regular.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Roboto-Regular;
  src: url(fonts/Roboto-Regular.woff2);
  src: url(fonts/Roboto-Regular.woff2) format("woff2"),
    url(fonts/Roboto-Regular.eot?#ie-fixed) format("embedded-opentype"),
    url(fonts/Roboto-Regular.woff) format("woff"),
    url(fonts/Roboto-Regular.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: PermianSansTypeface-Bold;
  src: url(fonts/PermianSansTypeface-Bold.woff2);
  src: url(fonts/PermianSansTypeface-Bold.woff2) format("woff2"),
    url(fonts/PermianSansTypeface-Bold.woff) format("woff"),
    url(fonts/PermianSansTypeface-Bold.ttf) format("truetype");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: PermianSansTypeface;
  src: url(fonts/PermianSansTypeface.woff2);
  src: url(fonts/PermianSansTypeface.woff2) format("woff2"),
    url(fonts/PermianSansTypeface.woff) format("woff"),
    url(fonts/PermianSansTypeface.ttf) format("truetype");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: AvenirNextDemiBlod;
  src: url(fonts/AvenirNextDemiBlod.woff2);
  src: url(fonts/AvenirNextDemiBlod.woff2) format("woff2"),
    url(fonts/AvenirNextDemiBlod.woff) format("woff"),
    url(fonts/AvenirNextDemiBlod.ttf) format("truetype");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: AvenirNextMedium;
  src: url(fonts/AvenirNextMedium.woff2);
  src: url(fonts/AvenirNextMedium.woff2) format("woff2"),
    url(fonts/AvenirNextMedium.woff) format("woff"),
    url(fonts/AvenirNextMedium.ttf) format("truetype");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: iconfont;
  src: url(fonts/iconfont.woff2?t=1639040038256) format("woff2"),
    url(fonts/iconfont.woff?t=1639040038256) format("woff"),
    url(fonts/iconfont.ttf?t=1639040038256) format("truetype");
}
.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icongengduo:before {
  content: "\e628";
}
.iconsousuo:before {
  content: "\e618";
}
.iconright:before {
  content: "\e64a";
}
.iconleft:before {
  content: "\ec60";
}
.iconup:before {
  content: "\ec61";
}
.icondown:before {
  content: "\ec62";
}
body,
html {
  overflow: visible;
}
body.ban-scroll {
  height: 100vh;
}
body.not-pc {
  cursor: pointer;
}
body.ban-scroll {
  overflow: hidden;
}
.nav-bottom-wrap {
  height: 4.1666666667vw;
}
.nav-bottom-wrap .mb-placeholder {
  display: none;
}
.nav-bottom-bar {
  background: #291e22;
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 498;
}
.product-nav-fixed {
  position: fixed;
}
.nav-bottom-content {
  font-family: "vivoSansGlobal-Regular", languageFont, AvenirNext,
    Microsoft YaHei, 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu,
    sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 4.1666666667vw;
  color: #be919c;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.9375vw;
  line-height: 1.2;
}
.nav-bottom-content .activebtn,
.nav-bottom-content .btn-buy-now a:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-filter: contrast(90%);
  filter: contrast(90%);
}
.nav-bottom-content .countdown-time {
  width: 12.5vw;
  font-size: 1.9791666667vw;
  color: #f1d9da;
  white-space: nowrap;
}
.nav-bottom-content .btn-buy-now a {
  display: inline-block;
  padding: 10px 20px 10px;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
  background-image: linear-gradient(270deg, #945833 0%, #dcb7a1 100%);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.nav-bottom-content .btn-buy-now a:hover {
  opacity: 0.85;
}
.nav-bottom-content .btn-buy-now a:active {
  opacity: 1;
}
.nav-bottom-wrap.is-vertical {
  height: auto;
}
.nav-bottom-wrap.is-vertical .nav-bottom-content {
  height: auto;
  font-size: 3.2vw;
  line-height: 1;
  padding: 30px 20px;
}
.nav-bottom-wrap.is-vertical .nav-bottom-content .title {
  width: 50%;
  padding-left: 10px;
}
.nav-bottom-wrap.is-vertical .nav-bottom-content .countdown-time {
  width: 22.2222222222vw;
  font-size: 3.5185185185vw;
}
.nav-bottom-wrap.is-vertical .nav-bottom-content .btn-buy-now {
  font-size: 3.5185185185vw;
}
.nav-bottom-wrap.is-vertical .nav-bottom-content .btn-buy-now a {
  padding: 2.1111111111vw 3.2407407407vw 1.6666666667vw;
}
@media screen and (max-width: 480px) {
  .nav-bottom-wrap.is-vertical .nav-bottom-content {
    padding: 10px 15px;
  }
  .nav-bottom-wrap.is-vertical .nav-bottom-content .title {
    width: 45%;
  }
}
.c-tip {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9;
  padding: 3px 10px 5px;
  font-size: 12px;
  white-space: nowrap;
  color: #fff;
  background: #000;
  border-radius: 4px;
}
.wt-product-page-wrap html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}
.wt-product-page-wrap html * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.wt-product-page-wrap body,
.wt-product-page-wrap html {
  font-family: sans-serif;
}
.wt-product-page-wrap article,
.wt-product-page-wrap aside,
.wt-product-page-wrap blockquote,
.wt-product-page-wrap body,
.wt-product-page-wrap button,
.wt-product-page-wrap code,
.wt-product-page-wrap dd,
.wt-product-page-wrap details,
.wt-product-page-wrap div,
.wt-product-page-wrap dl,
.wt-product-page-wrap dt,
.wt-product-page-wrap fieldset,
.wt-product-page-wrap figcaption,
.wt-product-page-wrap figure,
.wt-product-page-wrap footer,
.wt-product-page-wrap form,
.wt-product-page-wrap h1,
.wt-product-page-wrap h2,
.wt-product-page-wrap h3,
.wt-product-page-wrap h4,
.wt-product-page-wrap h5,
.wt-product-page-wrap h6,
.wt-product-page-wrap header,
.wt-product-page-wrap hgroup,
.wt-product-page-wrap hr,
.wt-product-page-wrap input,
.wt-product-page-wrap legend,
.wt-product-page-wrap li,
.wt-product-page-wrap menu,
.wt-product-page-wrap nav,
.wt-product-page-wrap ol,
.wt-product-page-wrap p,
.wt-product-page-wrap pre,
.wt-product-page-wrap section,
.wt-product-page-wrap td,
.wt-product-page-wrap textarea,
.wt-product-page-wrap th,
.wt-product-page-wrap ul {
  margin: 0;
  padding: 0;
}
.wt-product-page-wrap table {
  border-collapse: collapse;
  border-spacing: 0;
}
.wt-product-page-wrap caption,
.wt-product-page-wrap th {
  text-align: left;
}
.wt-product-page-wrap fieldset,
.wt-product-page-wrap img {
  border: 0;
}
.wt-product-page-wrap em,
.wt-product-page-wrap i,
.wt-product-page-wrap strong {
  font-style: normal;
}
.wt-product-page-wrap h1,
.wt-product-page-wrap h2,
.wt-product-page-wrap h3,
.wt-product-page-wrap h4,
.wt-product-page-wrap h5,
.wt-product-page-wrap h6 {
  font-size: 100%;
  font-weight: 400;
}
.wt-product-page-wrap ol,
.wt-product-page-wrap ul {
  list-style: none;
}
.wt-product-page-wrap del {
  text-decoration: line-through;
}
.wt-product-page-wrap button,
.wt-product-page-wrap input,
.wt-product-page-wrap select,
.wt-product-page-wrap textarea {
  font-size: 100%;
  border: none;
  background: none;
}
.wt-product-page-wrap a,
.wt-product-page-wrap a:focus,
.wt-product-page-wrap button,
.wt-product-page-wrap button:focus,
.wt-product-page-wrap input,
.wt-product-page-wrap input:focus,
.wt-product-page-wrap select,
.wt-product-page-wrap select:focus,
.wt-product-page-wrap textarea,
.wt-product-page-wrap textarea:focus {
  outline: 0 none;
}
.wt-product-page-wrap a {
  text-decoration: none;
  color: #000;
}
.wt-product-page-wrap .clearfix:after,
.wt-product-page-wrap .clearfix:before {
  content: "";
  display: table;
}
.wt-product-page-wrap .clearfix:after {
  clear: both;
}
.wt-product-page-wrap ::-webkit-input-placeholder {
  color: #999;
}
.wt-product-page-wrap :-moz-placeholder,
.wt-product-page-wrap ::-moz-placeholder {
  color: #999;
}
.wt-product-page-wrap {
  width: 100%;
  color: #000;
  background: #fff;
  font-family: "vivoSansGlobal-Regular", languageFont, AvenirNext,
    Microsoft YaHei, 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu,
    sans-serif;
  font-weight: 200;
  opacity: 0;
}
.wt-product-page-wrap.is-ready {
  opacity: 1;
}
.wt-product-page-wrap.is-load a {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.wt-product-page-wrap .font-bold {
  font-family: "vivoSansGlobal-Bold", languageFont, AvenirNext, Microsoft YaHei,
    微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu, sans-serif;
  font-weight: 700;
}
.wt-product-page-wrap .font-regular {
  font-family: "vivoSansGlobal-Regular", languageFont, AvenirNext,
    Microsoft YaHei, 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu,
    sans-serif;
  font-weight: 200;
}
.wt-product-page-wrap .font-light {
  font-family: "vivoSansGlobal-Light", languageFont, AvenirNext, Microsoft YaHei,
    微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu, sans-serif;
  font-weight: 200;
}
.wt-product-page-wrap .font-system {
  font-family: Roboto-Regular, languageFont, AvenirNext, Microsoft YaHei,
    微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu, sans-serif;
}
.wt-product-page-wrap * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.wt-product-page-wrap img {
  vertical-align: middle;
}
.wt-product-page-wrap .scrolled {
  opacity: 0;
}
.wt-product-page-wrap .opacity {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  pointer-events: none;
}
.wt-product-page-wrap .opacity.active {
  opacity: 1;
  pointer-events: auto;
}
.wt-product-page-wrap .full-screen {
  width: 100%;
  height: 100vh;
}
.wt-product-page-wrap .full-width {
  width: 100%;
}
.wt-product-page-wrap .fill-full-screen {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: auto;
  height: 100%;
}
.wt-product-page-wrap .clear {
  clear: both;
}
.wt-product-page-wrap .bg-cover {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.wt-product-page-wrap .btn-press,
.wt-product-page-wrap .btn-style {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 30px;
}
.wt-product-page-wrap .btn-press:hover,
.wt-product-page-wrap .btn-style:hover {
  opacity: 0.85 !important;
}
.wt-product-page-wrap .btn-press:active,
.wt-product-page-wrap .btn-style:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-filter: contrast(90%);
  filter: contrast(90%);
  opacity: 1;
}
.wt-product-page-wrap .btn-style {
  padding: 16px 30px 14px;
  line-height: 1;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#3a3f45),
    to(#83888e)
  );
  background-image: linear-gradient(270deg, #945833 0%, #dcb7a1 100%);
  color: #fff;
  white-space: nowrap;
  text-align: center;
}
.wt-product-page-wrap .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 2;
  cursor: pointer;
}
.wt-product-page-wrap .btn-close .icon-close {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.8333333333vw;
}
.wt-product-page-wrap .btn-close:hover {
  opacity: 0.8;
}
.wt-product-page-wrap.is-vertical .btn-style {
  padding: 2.1111111111vw 4.1666666667vw 1.8518518519vw;
  border-radius: 50px;
}
.wt-product-page-wrap.is-vertical .btn-close {
  width: 4.6296296296vw;
  height: 4.6296296296vw;
}
.wt-product-page-wrap.is-vertical .btn-close .icon-close {
  width: 2.3148148148vw;
}
.wt-product-page-wrap .buy-now-fontsize,
.wt-product-page-wrap.is-vertical .section1 .layer-result .btn-start-over {
  font-size: 1.1458333333vw;
}
.wt-product-page-wrap.is-vertical .buy-now-fontsize,
.wt-product-page-wrap.is-vertical .section1 .layer-result .btn-start-over {
  font-size: 2.7777777778vw;
}
.wt-product-page-wrap .page-content,
.wt-product-page-wrap .section-container {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.wt-product-page-wrap .section-container {
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
}
@media screen and (min-width: 1921px) {
  .wt-product-page-wrap .section-container {
    width: 62.5%;
    max-width: 1440px;
  }
}
.wt-product-page-wrap .section {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.wt-product-page-wrap .section .sticky-box {
  padding-top: 1.24rem;
}
@media screen and (min-width: 768px) {
  .wt-product-page-wrap .section .sticky-box {
    padding-top: 60px;
  }
}
.wt-product-page-wrap .section .bg {
  width: 100%;
}
.wt-product-page-wrap .section .text-wrap {
  padding: 0;
}
.wt-product-page-wrap .section .big-title {
  font-size: 4.55vw;
  line-height: 1.4;
}
.wt-product-page-wrap .section .title {
  position: relative;
  font-size: 3.5416666667vw;
  font-weight: 700;
  line-height: 1.15;
}
.wt-product-page-wrap .section .sub-title,
.wt-product-page-wrap .section .sub-title2 {
  font-size: 2.8125vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.6;
}
.wt-product-page-wrap .section .sub-title2 sup,
.wt-product-page-wrap .section .sub-title sup {
  font-size: 0.3466666667rem;
}
.wt-product-page-wrap .section .sub-title2 {
  font-size: 2.2916666667vw;
}
.wt-product-page-wrap .section .description {
  position: relative;
  margin-top: 1.0416666667vw;
  font-size: 1.6666666667vw;
  line-height: 1.3;
}
.wt-product-page-wrap .section .sub-desc {
  font-size: 1.4583333333vw;
  line-height: 1.3;
}
.wt-product-page-wrap .section .sub-desc2 {
  font-size: 1.0416666667vw;
  line-height: 1.3;
}
.wt-product-page-wrap .section .tip {
  display: block;
  margin-top: 4%;
  font-size: 0.7vw;
  line-height: 1.2;
}
.wt-product-page-wrap .section .br {
  display: block !important;
}
.wt-product-page-wrap .stage-sticky {
  overflow: inherit;
  z-index: auto;
}
.wt-product-page-wrap .sticky-box {
  width: 100%;
  height: 100vh;
  position: sticky;
  overflow: hidden;
  top: 0;
}
.wt-product-page-wrap .mask-up {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #000),
    to(transparent)
  );
  background: linear-gradient(0deg, #000, transparent);
}
.wt-product-page-wrap .mask-down,
.wt-product-page-wrap .mask-up {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  pointer-events: none;
}
.wt-product-page-wrap .mask-down {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(100%, #000),
    to(transparent)
  );
  background: linear-gradient(0deg, #000 100%, transparent);
}
.wt-product-page-wrap .visible-xs {
  display: none !important;
}
.wt-product-page-wrap .show {
  display: block;
}
.wt-product-page-wrap .hide {
  display: none;
}
.wt-product-page-wrap.is-vertical .section .text-wrap {
  padding: 0 5.9259259259vw;
}
.wt-product-page-wrap.is-vertical .section .big-title {
  font-size: 4.55vw;
}
.wt-product-page-wrap.is-vertical .section .sub-title,
.wt-product-page-wrap.is-vertical .section .sub-title2,
.wt-product-page-wrap.is-vertical .section .title {
  font-size: 7.8703703704vw;
}
.wt-product-page-wrap.is-vertical .section .sub-title2 {
  font-size: 6.0185185185vw;
}
.wt-product-page-wrap.is-vertical .section .description {
  margin-top: 2.7777777778vw;
  font-size: 3.3333333333vw;
}
.wt-product-page-wrap.is-vertical .section .sub-desc,
.wt-product-page-wrap.is-vertical .section .sub-desc2 {
  font-size: 3.3333333333vw;
}
.wt-product-page-wrap.is-vertical .section .tip {
  font-size: 0.3466666667rem;
}
.wt-product-page-wrap.is-vertical .br-hidden-xs {
  display: block !important;
}
.wt-product-page-wrap.is-vertical a {
  -webkit-transition: none;
  transition: none;
}
.wt-product-page-wrap.is-vertical .hidden-xs {
  display: none !important;
}
.wt-product-page-wrap.is-vertical .br-xs,
.wt-product-page-wrap.is-vertical .visible-xs {
  display: block !important;
}
.wt-product-page-wrap.is-vertical .br-hidden-xs {
  display: inline !important;
}
.wt-product-page-wrap .breathe-light {
  -webkit-animation: ani-breathe 0.8s ease-in infinite alternate;
  animation: ani-breathe 0.8s ease-in infinite alternate;
}
@-webkit-keyframes ani-breathe {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes ani-breathe {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
.wt-product-page-wrap .arrow-to-down {
  -webkit-animation: ani-arrow-down 0.6s linear infinite alternate;
  animation: ani-arrow-down 0.6s linear infinite alternate;
}
@-webkit-keyframes ani-arrow-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes ani-arrow-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.wt-product-page-wrap .arrow-to-right {
  -webkit-animation: ani-arrow-right 0.6s linear infinite alternate;
  animation: ani-arrow-right 0.6s linear infinite alternate;
}
.wt-product-page-wrap .arrow-to-right2 {
  -webkit-animation: ani-arrow-right2 0.6s linear infinite alternate;
  animation: ani-arrow-right2 0.6s linear infinite alternate;
}
@-webkit-keyframes ani-arrow-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes ani-arrow-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@-webkit-keyframes ani-arrow-right2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
}
@keyframes ani-arrow-right2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
}
.wt-product-page-wrap .section .ripple-box {
  width: 50px;
  height: 50px;
  position: relative;
}
.wt-product-page-wrap .section .ripple-box > div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wt-product-page-wrap .section .ripple-box .ripple-shadow {
  width: 70%;
  height: 70%;
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.wt-product-page-wrap .section .ripple-box .ripple-core {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
}
.wt-product-page-wrap .section .ripple-box .ripple1,
.wt-product-page-wrap .section .ripple-box .ripple2,
.wt-product-page-wrap .section .ripple-box .ripple3 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-animation: ripple 2s linear infinite;
  animation: ripple 2s linear infinite;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
}
.wt-product-page-wrap .section .ripple-box .ripple2 {
  -webkit-animation-delay: 0.5s !important;
  animation-delay: 0.5s !important;
}
.wt-product-page-wrap .section .ripple-box .ripple3 {
  -webkit-animation-delay: 1s !important;
  animation-delay: 1s !important;
}
@-webkit-keyframes ripple {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@keyframes ripple {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
.wt-product-page-wrap .layer-style {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 101;
  padding-top: 200px;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}
.wt-product-page-wrap .layer-style .section-container {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wt-product-page-wrap .layer-style .btn-back,
.wt-product-page-wrap .layer-style .section-container.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wt-product-page-wrap .layer-style .btn-back {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.1458333333vw;
  line-height: 1;
  color: #8a8379;
  cursor: pointer;
}
.wt-product-page-wrap .layer-style .btn-back .icon-box {
  margin-right: 10px;
}
.wt-product-page-wrap .layer-style .btn-back .icon-box img {
  display: block;
  width: 1.0416666667vw;
}
.wt-product-page-wrap .layer-style .btn-back:hover {
  color: #7d5d61;
}
.wt-product-page-wrap .layer-style.active {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 1440px) {
  .wt-product-page-wrap .layer-style {
    padding-top: 170px;
  }
}
.wt-product-page-wrap.is-product-nav-fixed .layer-style {
  padding-top: 100px;
}
@media screen and (max-width: 1440px) {
  .wt-product-page-wrap.is-product-nav-fixed .layer-style {
    padding-top: 80px;
  }
}
.wt-product-page-wrap.is-vertical .layer-style {
  padding-top: calc(140px + 10vw);
}
.wt-product-page-wrap.is-vertical .layer-style .btn-back {
  font-size: 3.3333333333vw;
}
.wt-product-page-wrap.is-vertical .layer-style .btn-back .icon-box {
  margin-right: 1.3888888889vw;
}
.wt-product-page-wrap.is-vertical .layer-style .btn-back .icon-box img {
  display: block;
  width: 3.2407407407vw;
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap.is-vertical .layer-style {
    padding-top: calc(120px + 4vw);
  }
}
.wt-product-page-wrap.is-vertical.is-product-nav-fixed .layer-style {
  padding-top: calc(80px + 10vw);
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap.is-vertical.is-product-nav-fixed .layer-style {
    padding-top: calc(60px + 4vw);
  }
}
.wt-product-page-wrap .product-nav-tab {
  position: sticky;
  top: 1.24rem;
  width: 100%;
  height: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 998;
  background-color: #333;
}
.wt-product-page-wrap.none-nav-tab .product-nav-tab {
  display: none !important;
}
@media screen and (min-width: 767px) {
  .wt-product-page-wrap .product-nav-tab {
    top: 60px;
  }
}
.wt-product-page-wrap .product-nav-tab[data-theme="wihte"] {
  background-color: #fff;
  border-bottom: 1px solid #b4b4b4;
}
.wt-product-page-wrap
  .product-nav-tab[data-theme="wihte"]
  .product-nav-wrapper
  .product-nav-content
  ul
  li {
  color: #333;
}
.wt-product-page-wrap .product-nav-tab.product-nav-fixed {
  position: fixed;
  top: 60px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .wt-product-page-wrap .product-nav-tab.product-nav-fixed {
    top: 1.24rem;
  }
}
.wt-product-page-wrap .product-nav-tab .product-nav-wrapper {
  position: relative;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 1240px) {
  .wt-product-page-wrap .product-nav-tab .product-nav-wrapper {
    width: 100%;
  }
}
.wt-product-page-wrap
  .product-nav-tab
  .product-nav-wrapper
  .product-nav-content
  ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -40px;
}
@media (max-width: 1240px) {
  .wt-product-page-wrap
    .product-nav-tab
    .product-nav-wrapper
    .product-nav-content
    ul {
    padding-left: 20px;
  }
}
@media (max-width: 768px) {
  .wt-product-page-wrap
    .product-nav-tab
    .product-nav-wrapper
    .product-nav-content
    ul {
    padding-left: 0.4rem;
    padding-right: 0;
    margin: 0 0 0 -0.4rem;
    height: 60px;
    display: -webkit-box;
    overflow-x: scroll;
  }
  .wt-product-page-wrap
    .product-nav-tab
    .product-nav-wrapper
    .product-nav-content
    ul:after {
    content: "";
    display: block;
    width: 1px;
  }
}
.wt-product-page-wrap
  .product-nav-tab
  .product-nav-wrapper
  .product-nav-content
  ul::-webkit-scrollbar {
  display: none;
}
.wt-product-page-wrap
  .product-nav-tab
  .product-nav-wrapper
  .product-nav-content
  ul
  li {
  display: block;
  height: 100%;
  margin: 0 40px;
  line-height: 60px;
  font-size: 18px;
  color: #fff;
  font-family: AvenirNext-DemiBold PR;
}
@media (max-width: 768px) {
  .wt-product-page-wrap
    .product-nav-tab
    .product-nav-wrapper
    .product-nav-content
    ul
    li {
    font-size: 0.38rem;
    margin: 0 0.4rem;
  }
}
.wt-product-page-wrap
  .product-nav-tab
  .product-nav-wrapper
  .product-nav-content
  ul
  li
  a {
  display: block;
  height: 100%;
  word-break: break-all;
  white-space: nowrap;
}
.wt-product-page-wrap
  .ie
  .product-nav-tab
  .product-nav-wrapper
  .product-nav-content
  ul
  li
  a,
.wt-product-page-wrap
  .safari
  .product-nav-tab
  .product-nav-wrapper
  .product-nav-content
  ul
  li
  a {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .wt-product-page-wrap
    .product-nav-tab
    .product-nav-wrapper
    .product-nav-content
    ul
    li.current {
    border-bottom: 3px solid #415fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.wt-product-page-wrap
  .product-nav-tab
  .product-nav-wrapper
  .product-nav-content
  .nav-bar {
  position: absolute;
  width: 50px;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #415fff;
}
@media (max-width: 768px) {
  .wt-product-page-wrap
    .product-nav-tab
    .product-nav-wrapper
    .product-nav-content
    .nav-bar {
    display: none;
  }
}
.wt-product-page-wrap
  .product-nav-tab
  .product-nav-wrapper
  .product-nav-content
  ul
  li {
  font-family: HYQiHei-65S_vivo-Design-02;
}
.wt-product-page-wrap .tips-stage {
  position: relative;
  background-color: #fff;
  padding: 80px 0 50px;
}
.wt-product-page-wrap .tips-stage .tip-content {
  width: 1200px;
  margin: auto;
}
@media (max-width: 1272px) {
  .wt-product-page-wrap .tips-stage .tip-content {
    margin: 0 36px;
    width: auto;
  }
}
.wt-product-page-wrap .tips-stage .tip-content h4 {
  position: relative;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 0.8em;
}
.wt-product-page-wrap .tips-stage .tip-content a {
  color: #666;
  text-decoration: underline;
}
@media (min-width: 1921px) {
  .wt-product-page-wrap .tips-stage .tip-content h4 {
    font-size: 22px;
    padding-top: 6px;
  }
}
@media (max-width: 1080px) {
  .wt-product-page-wrap .tips-stage .tip-content h4 {
    font-size: 12px;
  }
}
.wt-product-page-wrap .tips-stage .tip-content ul.case li {
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 0.6em;
}
@media (min-width: 1921px) {
  .wt-product-page-wrap .tips-stage .tip-content ul.case li {
    font-size: 22px;
  }
}
@media (max-width: 1080px) {
  .wt-product-page-wrap .tips-stage .tip-content ul.case li {
    font-size: 12px;
    line-height: 16px;
  }
}
.wt-product-page-wrap .tips-stage.dark-theme {
  background-color: #000;
}
.wt-product-page-wrap .tips-stage.dark-theme .tip-content h4 {
  color: hsla(0, 0%, 100%, 0.6);
}
.wt-product-page-wrap .tips-stage.dark-theme .tip-content ul.case li {
  color: hsla(0, 0%, 100%, 0.4);
}
.wt-product-page-wrap .tips-stage.yellow-theme {
  padding-top: 10px;
  background-color: #f2efea;
}
.wt-product-page-wrap .tips-stage.yellow-theme .tip-content h4,
.wt-product-page-wrap .tips-stage.yellow-theme .tip-content ul.case li {
  color: #8a8379;
}
.wt-product-page-wrap .tips-stage .tip-content h4 {
  -webkit-font-smoothing: antialiased;
}
.wt-product-page-wrap .tips-stage .tip-content .case li {
  list-style-type: decimal;
  margin-left: 20px;
  color: hsla(0, 0%, 100%, 0.6);
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1921px) {
  .wt-product-page-wrap .tips-stage .tip-content .case li {
    margin-left: 30px;
  }
}
@media (max-width: 1080px) {
  .wt-product-page-wrap .tips-stage .tip-content .case li {
    margin-left: 13px;
  }
}
.wt-product-page-wrap .tips-stage .tip-content .case {
  font-size: 16px;
  line-height: 1.3;
  list-style-type: decimal;
  margin-left: 10px;
  color: hsla(0, 0%, 100%, 0.4);
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap .tips-stage .tip-content .case {
    font-size: 12px;
  }
}
.wt-product-page-wrap .pop-video {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1031;
}
.wt-product-page-wrap .pop-video .pop-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}
.wt-product-page-wrap .pop-video .pop-close .icon-close {
  width: 40%;
}
.wt-product-page-wrap .pop-video .pop-close:hover {
  opacity: 0.7;
}
.wt-product-page-wrap .pop-video .pop-video-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.wt-product-page-wrap .pop-video video {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap .pop-video .pop-close {
    width: 40px;
    height: 40px;
  }
  .wt-product-page-wrap .pop-video .pop-close .icon-close {
    width: 45%;
  }
}
.wt-product-page-wrap .buy-now-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 101;
  width: 100%;
  color: #000;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 -10px 15px;
  box-shadow: 0 -10px 15px rgba(0, 0, 0, 0.1);
}
.wt-product-page-wrap .buy-now-bar .section-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.0416666667vw 0 0.78125vw;
}
.wt-product-page-wrap .buy-now-bar .main-box,
.wt-product-page-wrap .buy-now-bar .section-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wt-product-page-wrap .buy-now-bar .main-box {
  width: 75%;
}
.wt-product-page-wrap .buy-now-bar .text-box {
  margin-left: 1.0416666667vw;
}
.wt-product-page-wrap .buy-now-bar .phone {
  width: 7.75vw;
  margin-bottom: -6.20625vw;
}
.wt-product-page-wrap .buy-now-bar .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.2083333333vw;
  font-size: 0.9375vw;
  font-weight: bolder;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}
.wt-product-page-wrap .buy-now-bar .title .tag-pic {
  position: relative;
  top: 1px;
  width: 12.875vw;
  margin-bottom: 4px;
}
.wt-product-page-wrap .buy-now-bar .description {
  font-size: 0.9375vw;
  line-height: 1.2;
}
.wt-product-page-wrap .buy-now-bar .description span {
  color: #626262;
}
.wt-product-page-wrap .buy-now-bar .buy-box {
  font-size: 1.0416666667vw;
}
.wt-product-page-wrap.is-vertical .buy-now-bar .section-container {
  padding: 1vw 0 0;
}
.wt-product-page-wrap.is-vertical .buy-now-bar .main-box {
  width: 72%;
}
.wt-product-page-wrap.is-vertical .buy-now-bar .text-box {
  margin-left: 3.2407407407vw;
}
.wt-product-page-wrap.is-vertical .buy-now-bar .phone {
  width: 17.1481481481vw;
  margin-bottom: -12.185185vw;
}
.wt-product-page-wrap.is-vertical .buy-now-bar .title {
  margin-bottom: 0.7407407407vw;
  font-size: 2.7777777778vw;
}
.wt-product-page-wrap.is-vertical .buy-now-bar .title .tag-pic {
  width: 35vw;
}
.wt-product-page-wrap.is-vertical .buy-now-bar .description {
  font-size: 2.7777777778vw;
}
.wt-product-page-wrap.is-vertical .buy-now-bar .buy-box {
  font-size: 3.5185185185vw;
  line-height: 1.16;
}
.wt-product-page-wrap.is-vertical .buy-now-bar .buy-box a {
  padding: 2.7407407407vw 3.2407407407vw 2.3148148148vw;
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap.is-vertical .buy-now-bar .title .tag-pic {
    margin-left: 0;
  }
}
.wt-product-page-wrap .c-chat {
  position: fixed;
  bottom: 170px;
  right: 40px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 9;
  opacity: 0;
  pointer-events: none;
}
.wt-product-page-wrap .c-chat .avatar-box {
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  display: block;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 4px 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  -webkit-transition: none;
  transition: none;
}
.wt-product-page-wrap .c-chat .tip {
  position: absolute;
  top: -0.3645833333vw;
  right: 100%;
  width: 11.1979166667vw;
  margin-right: 0.78125vw;
  padding: 0.78125vw 1.0416666667vw;
  font-size: 0.8333333333vw;
  color: #8a8379;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  line-height: 1.33;
}
.wt-product-page-wrap .c-chat.active {
  opacity: 1;
  pointer-events: auto;
}
.wt-product-page-wrap.is-vertical .c-chat {
  bottom: 29.6296296296vw;
  right: 3.7037037037vw;
}
.wt-product-page-wrap.is-vertical .c-chat .avatar-box {
  width: 11.1111111111vw;
  height: 11.1111111111vw;
}
.wt-product-page-wrap.is-vertical .c-chat .tip {
  top: -1.8518518519vw;
  width: 53.2407407407vw;
  margin-right: 1.3888888889vw;
  padding: 2.7777777778vw 2.3148148148vw;
  font-size: 3.2vw;
  border-radius: 12px;
  line-height: 1.36;
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap.is-vertical .c-chat {
    bottom: 37.037037037vw;
    right: 23px;
  }
}
.wt-product-page-wrap .section1 {
  position: relative;
  z-index: 101;
  height: calc(100vh - 86px - 60px);
  padding: 0;
  color: #fff;
  background-position: top;
}
.wt-product-page-wrap .section1 a {
  color: #fff;
}
.wt-product-page-wrap .section1 .section-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
}
.wt-product-page-wrap .section1 .text-wrap {
  position: absolute;
  top: 55%;
  left: 0;
  width: 50%;
}
.wt-product-page-wrap .section1 .description {
  width: 80%;
}
.wt-product-page-wrap .section1 .btn-ready {
  margin-top: 2.34375vw;
  font-size: 1.25vw;
}
.wt-product-page-wrap .section1 .layer-select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}
.wt-product-page-wrap .section1 .layer-select .section-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wt-product-page-wrap .section1 .layer-select .sub-title2 {
  margin-bottom: 2.0833333333vw;
  line-height: 1.2;
}
.wt-product-page-wrap .section1 .layer-select .swiper-box {
  position: relative;
  width: 22.9166666667vw;
}
.wt-product-page-wrap .section1 .layer-select .select-swiper {
  margin-bottom: 1.3020833333vw;
  overflow: hidden;
}
.wt-product-page-wrap .section1 .layer-select .select-swiper .pic {
  width: 100%;
  border-radius: 28px 28px 0 0;
}
.wt-product-page-wrap .section1 .layer-select .select-swiper .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 6.875vw;
  padding: 0 1.3020833333vw;
  background: #b68090;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0 0 28px 28px;
}
.wt-product-page-wrap .section1 .layer-select .swiper-button-next,
.wt-product-page-wrap .section1 .layer-select .swiper-button-prev {
  width: 50px;
  height: 50px;
  z-index: 1;
  margin-top: -25px;
}
.wt-product-page-wrap .section1 .layer-select .swiper-button-prev {
  left: -80px;
  background-image: url(../img/section1-arrow-left.png);
}
.wt-product-page-wrap .section1 .layer-select .swiper-button-next {
  right: -80px;
  background-image: url(../img/section1-arrow-right.png);
}
.wt-product-page-wrap .section1 .layer-select .btn-like {
  position: relative;
  width: 3.59375vw;
  margin: 0 auto 1.5625vw;
  cursor: pointer;
}
.wt-product-page-wrap .section1 .layer-select .btn-like img {
  width: 100%;
}
.wt-product-page-wrap .section1 .layer-select .btn-like .press {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
}
.wt-product-page-wrap .section1 .layer-select .btn-like.selected .press {
  opacity: 1;
}
.wt-product-page-wrap .section1 .layer-select .btn-show-result {
  font-size: 0.9375vw;
}
.wt-product-page-wrap .section1 .layer-select .btn-show-result.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.wt-product-page-wrap .section1 .layer-select.active {
  opacity: 1;
  pointer-events: auto;
}
.wt-product-page-wrap .section1 .layer-tip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 2;
  background: rgba(0, 0, 0, 0.45);
}
.wt-product-page-wrap .section1 .layer-tip .hand {
  display: block;
  width: 3.125vw;
}
.wt-product-page-wrap .section1 .layer-tip .hand-swiper {
  margin-top: -10%;
  -webkit-animation: ani-swiper 1.2s ease infinite;
  animation: ani-swiper 1.2s ease infinite;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.wt-product-page-wrap .section1 .layer-tip .hand-touch {
  position: absolute;
  top: 36.5%;
  left: 50%;
  margin-left: -1.1979166667vw;
  -webkit-animation: ani-touch 1s ease infinite alternate;
  animation: ani-touch 1s ease infinite alternate;
}
@-webkit-keyframes ani-swiper {
  0% {
    -webkit-transform: translateX(20px) rotate(40deg);
    transform: translateX(20px) rotate(40deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(-20px) rotate(-10deg);
    transform: translateX(-20px) rotate(-10deg);
    opacity: 0;
  }
}
@keyframes ani-swiper {
  0% {
    -webkit-transform: translateX(20px) rotate(40deg);
    transform: translateX(20px) rotate(40deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(-20px) rotate(-10deg);
    transform: translateX(-20px) rotate(-10deg);
    opacity: 0;
  }
}
@-webkit-keyframes ani-touch {
  0% {
    -webkit-transform: translate(30%, 5px) scale(1.03);
    transform: translate(30%, 5px) scale(1.03);
  }
  to {
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
  }
}
@keyframes ani-touch {
  0% {
    -webkit-transform: translate(30%, 5px) scale(1.03);
    transform: translate(30%, 5px) scale(1.03);
  }
  to {
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
  }
}
.wt-product-page-wrap .section1 .layer-result {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
}
.wt-product-page-wrap .section1 .layer-result .text-wrap {
  top: 15%;
  width: 45%;
}
.wt-product-page-wrap .section1 .layer-result .logo {
  width: 11.9791666667vw;
  margin-bottom: 0.78125vw;
}
.wt-product-page-wrap .section1 .layer-result .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-position: top;
}
.wt-product-page-wrap .section1 .layer-result .item.active {
  display: block;
}
.wt-product-page-wrap .section1 .layer-result .btn-wrap {
  position: absolute;
  top: 76%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wt-product-page-wrap .section1 .layer-result .btn-start-over {
  margin-left: 1.3020833333vw;
  color: #f4e6ee;
  text-decoration: underline;
}
.wt-product-page-wrap .section1 .layer-result.active {
  opacity: 1;
  pointer-events: auto;
}
.wt-product-page-wrap .section1 .jump-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.wt-product-page-wrap.is-horizontal .section1 .res-blue .section-container,
.wt-product-page-wrap.is-horizontal .section1 .res-purple .section-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wt-product-page-wrap.is-horizontal .section1 .res-blue .text-wrap,
.wt-product-page-wrap.is-horizontal .section1 .res-purple .text-wrap {
  position: relative;
  top: 0;
  width: 42%;
}
.wt-product-page-wrap.is-horizontal .section1 .res-blue .btn-wrap,
.wt-product-page-wrap.is-horizontal .section1 .res-purple .btn-wrap {
  position: relative;
  top: 0;
  margin-top: 2.0833333333vw;
}
.wt-product-page-wrap.is-horizontal .section1 .res-blue .btn-start-over,
.wt-product-page-wrap.is-horizontal .section1 .res-purple .btn-start-over {
  color: #7f95ae;
}
.wt-product-page-wrap.is-horizontal .section1 .res-purple .text-wrap {
  width: 50%;
}
.wt-product-page-wrap.is-horizontal .section1 .res-purple .btn-start-over {
  color: #eaced8;
}
.wt-product-page-wrap.is-horizontal .section1 .res-black .text-wrap {
  position: relative;
  top: 0;
  width: 42%;
  padding-top: 14%;
}
.wt-product-page-wrap.is-horizontal .section1 .res-black .sub-desc {
  width: 90%;
}
.wt-product-page-wrap.is-horizontal .section1 .res-black .btn-wrap {
  position: relative;
  top: 0;
  margin-top: 2.0833333333vw;
}
.wt-product-page-wrap.is-horizontal .section1 .res-black .btn-start-over {
  color: #f0d1d9;
}
@media screen and (max-width: 1600px) {
  .wt-product-page-wrap.is-horizontal .section1 .layer-select .sub-title2 {
    margin-bottom: 1.5625vw;
  }
  .wt-product-page-wrap.is-horizontal .section1 .layer-select .swiper-box {
    width: 18.2291666667vw;
  }
  .wt-product-page-wrap.is-horizontal
    .section1
    .layer-select
    .select-swiper
    .pic {
    border-radius: 18px 18px 0 0;
  }
  .wt-product-page-wrap.is-horizontal
    .section1
    .layer-select
    .select-swiper
    .text-box {
    border-radius: 0 0 18px 18px;
  }
  .wt-product-page-wrap.is-horizontal .section1 .layer-select .btn-like {
    margin-bottom: 1.0416666667vw;
  }
}
@media screen and (max-width: 1440px) {
  .wt-product-page-wrap.is-horizontal .section1 .text-wrap .description {
    width: 70%;
  }
  .wt-product-page-wrap.is-horizontal .section1 .layer-select .swiper-box {
    width: 16.6666666667vw;
  }
}
@media screen and (max-width: 1199px) {
  .wt-product-page-wrap.is-horizontal .section1 {
    height: calc(100vh - 60px - 60px);
  }
}
.wt-product-page-wrap.is-vertical .section1 {
  height: auto;
}
.wt-product-page-wrap.is-vertical .section1 .section-container,
.wt-product-page-wrap.is-vertical .section1 .text-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  position: relative;
  -webkit-transform: none;
  transform: none;
}
.wt-product-page-wrap.is-vertical .section1 .text-wrap {
  padding-top: 10.6481481481vw;
  padding-bottom: 10.6481481481vw;
  background: url(../img/section1-bg-color.jpg) 50% no-repeat;
  background-size: cover;
  text-align: center;
}
.wt-product-page-wrap.is-vertical .section1 .description {
  width: 100%;
  color: #dccbcd;
}
.wt-product-page-wrap.is-vertical .section1 .btn-ready {
  margin-top: 4.6296296296vw;
  font-size: 2.962962963vw;
}
.wt-product-page-wrap.is-vertical .section1 .layer-select .section-container {
  height: 100%;
}
.wt-product-page-wrap.is-vertical .section1 .layer-select .sub-title2 {
  margin-bottom: 4.6296296296vw;
}
.wt-product-page-wrap.is-vertical .section1 .layer-select .select-swiper {
  margin-bottom: 2.2222222222vw;
}
.wt-product-page-wrap.is-vertical .section1 .layer-select .swiper-box {
  width: 83.3333333333vw;
}
.wt-product-page-wrap.is-vertical .section1 .layer-select .pic {
  border-radius: 12px 12px 0 0;
}
.wt-product-page-wrap.is-vertical .section1 .layer-select .text-box {
  height: 21.0185185185vw;
  padding: 0 4.6296296296vw;
  border-radius: 0 0 12px 12px;
}
.wt-product-page-wrap.is-vertical .section1 .layer-select .btn-like {
  width: 12.5925925926vw;
  margin-bottom: 6.4814814815vw;
}
.wt-product-page-wrap.is-vertical .section1 .layer-select .btn-show-result {
  font-size: 2.962962963vw;
}
.wt-product-page-wrap.is-vertical .section1 .layer-select .swiper-button-next,
.wt-product-page-wrap.is-vertical .section1 .layer-select .swiper-button-prev {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  margin-top: 0;
  top: auto;
  bottom: -10.1851851852vw;
}
.wt-product-page-wrap.is-vertical .section1 .layer-select .swiper-button-prev {
  left: 0;
}
.wt-product-page-wrap.is-vertical .section1 .layer-select .swiper-button-next {
  right: 0;
}
.wt-product-page-wrap.is-vertical .section1 .layer-tip .hand {
  width: 8.3333333333vw;
}
.wt-product-page-wrap.is-vertical .section1 .layer-tip .hand-swiper {
  margin-top: -30%;
}
.wt-product-page-wrap.is-vertical .section1 .layer-tip .hand-touch {
  margin-left: -2.7777777778vw;
}
.wt-product-page-wrap.is-vertical .section1 .layer-result .section-container {
  height: 100%;
}
.wt-product-page-wrap.is-vertical .section1 .layer-result .text-wrap {
  background: none;
}
.wt-product-page-wrap.is-vertical .section1 .layer-result .logo {
  width: 33.4259259259vw;
  margin-bottom: 3.7037037037vw;
}
.wt-product-page-wrap.is-vertical .section1 .layer-result .sub-desc {
  width: 80%;
  margin: 0.9259259259vw auto 0;
}
.wt-product-page-wrap.is-vertical .section1 .layer-result .btn-wrap {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: auto;
  bottom: 5.5555555556vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wt-product-page-wrap.is-vertical .section1 .layer-result .btn-start-over {
  margin-top: 1.8518518519vw;
}
.wt-product-page-wrap.is-horizontal
  .wt-product-page-wrap.is-vertical
  .section1
  .layer-result
  .res-purple
  .btn-start-over,
.wt-product-page-wrap.is-vertical
  .section1
  .layer-result
  .res-blue
  .btn-start-over,
.wt-product-page-wrap.is-vertical
  .section1
  .layer-result
  .res-purple
  .btn-start-over,
.wt-product-page-wrap.is-vertical
  .wt-product-page-wrap.is-horizontal
  .section1
  .layer-result
  .res-purple
  .btn-start-over {
  color: #3a3938;
}
.wt-product-page-wrap.is-vertical
  .section1
  .layer-result
  .res-black
  .btn-start-over {
  color: #f0d1d9;
}
.wt-product-page-wrap .section1a {
  position: relative;
  padding: 0;
  color: #fff;
  background-position: top;
  background-color: #fff;
}
.wt-product-page-wrap .section1a a {
  color: #fff;
}
.wt-product-page-wrap .section1a .swiper {
  height: 100%;
  overflow: hidden;
}
.wt-product-page-wrap .section1a .swiper-slide {
  position: relative;
}
.wt-product-page-wrap .section1a .swiper-button-next,
.wt-product-page-wrap .section1a .swiper-button-prev {
  width: 60px;
  height: 100px;
  margin-top: -50px;
  background-size: 25px 71px;
}
.wt-product-page-wrap .section1a .swiper-button-prev {
  background-image: url(../img/arrow-prev.png);
}
.wt-product-page-wrap .section1a .swiper-button-next {
  background-image: url(../img/arrow-next.png);
}
.wt-product-page-wrap .section1a .swiper-pagination {
  bottom: 30px;
}
.wt-product-page-wrap .section1a .swiper-pagination-bullet-active {
  background: #333;
}
.wt-product-page-wrap .section1a .section-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wt-product-page-wrap .section1a .text-wrap {
  width: 47%;
}
.wt-product-page-wrap .section1a .text {
  width: 100%;
}
.wt-product-page-wrap .section1a .btn-box {
  margin-top: 2.0833333333vw;
  text-align: center;
  font-size: 1.1458333333vw;
  line-height: 1;
}
.wt-product-page-wrap .section1a .btn-box a {
  margin-right: 0.625vw;
  padding: 0.5729166667vw 1.5625vw 0.9375vw;
}
.wt-product-page-wrap .section1a .btn-box a:last-of-type {
  margin-right: 0;
}
.wt-product-page-wrap .section1a .layer-pre-order {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 499;
  background: hsla(0, 0%, 100%, 0.8);
  color: #8a8379;
  text-align: center;
}
.wt-product-page-wrap .section1a .layer-pre-order a {
  color: #8a8379;
}
.wt-product-page-wrap .section1a .layer-pre-order .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 3.125vw;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 15px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  font-size: 1.1458333333vw;
}
.wt-product-page-wrap .section1a .layer-pre-order .btn-close {
  width: 3.125vw;
  height: 3.125vw;
}
.wt-product-page-wrap .section1a .layer-pre-order .btn-close .icon-close {
  width: 1.5625vw;
}
.wt-product-page-wrap .section1a .layer-pre-order .tip-text {
  margin-bottom: 1.5625vw;
}
.wt-product-page-wrap .section1a .layer-pre-order .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wt-product-page-wrap .section1a .layer-pre-order .side-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 3.6458333333vw;
}
.wt-product-page-wrap .section1a .layer-pre-order .side-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}
.wt-product-page-wrap .section1a .layer-pre-order .side-right .item {
  margin-right: 1.5625vw;
}
.wt-product-page-wrap
  .section1a
  .layer-pre-order
  .side-right
  .item:last-of-type {
  margin-right: 0;
}
.wt-product-page-wrap .section1a .layer-pre-order .link-icon {
  display: block;
  width: 7.5520833333vw;
  margin: 0 auto 1.0416666667vw;
}
.wt-product-page-wrap .section1a .layer-pre-order .name {
  text-decoration: underline;
}
.wt-product-page-wrap.is-vertical .section1a {
  height: auto;
}
.wt-product-page-wrap.is-vertical .section1a .section-container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wt-product-page-wrap.is-vertical .section1a .text-wrap {
  width: 75%;
  padding: 6.9444444444vw 0 0;
}
.wt-product-page-wrap.is-vertical .section1a .btn-box {
  margin-top: 2.7777777778vw;
  font-size: 2.7777777778vw;
}
.wt-product-page-wrap.is-vertical .section1a .btn-box a {
  padding: 1.4814814815vw 3.7037037037vw 2.3148148148vw;
}
.wt-product-page-wrap.is-vertical .section1a .layer-pre-order .content {
  padding: 8.3333333333vw 9.2592592593vw;
  border-radius: 10px;
  font-size: 3.3333333333vw;
}
.wt-product-page-wrap.is-vertical .section1a .layer-pre-order .btn-close {
  width: 7.4074074074vw;
  height: 7.4074074074vw;
}
.wt-product-page-wrap.is-vertical
  .section1a
  .layer-pre-order
  .btn-close
  .icon-close {
  width: 3.7037037037vw;
}
.wt-product-page-wrap.is-vertical .section1a .layer-pre-order .tip-text {
  margin-bottom: 5.5555555556vw;
}
.wt-product-page-wrap.is-vertical .section1a .layer-pre-order .side-left {
  margin-right: 8.3333333333vw;
}
.wt-product-page-wrap.is-vertical
  .section1a
  .layer-pre-order
  .side-right
  .item {
  margin-right: 4.6296296296vw;
}
.wt-product-page-wrap.is-vertical
  .section1a
  .layer-pre-order
  .side-right
  .item:last-of-type {
  margin-right: 0;
}
.wt-product-page-wrap.is-vertical .section1a .layer-pre-order .link-icon {
  width: 17.8703703704vw;
  margin-bottom: 2.7777777778vw;
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap.is-vertical .section1a .text-wrap {
    width: 80%;
  }
}
.wt-product-page-wrap .section2 {
  background-color: #f2efea;
}
.wt-product-page-wrap .section2 .purple {
  background-color: #dddef3;
  color: #8276ab;
}
.wt-product-page-wrap .section2 .purple .title {
  color: #8276ab;
}
.wt-product-page-wrap .section2 .purple .button-learn-more {
  background-color: #898ee5;
}
.wt-product-page-wrap .section2 .green {
  background-color: #cfe3db;
  color: #719989;
}
.wt-product-page-wrap .section2 .green .button-learn-more {
  background-color: #3bbd89;
}
.wt-product-page-wrap .section2 .pink {
  background-color: #f1d2cb;
  color: #bf7665;
}
.wt-product-page-wrap .section2 .pink .button-learn-more {
  background-color: #e36f55;
}
.wt-product-page-wrap .section2 .section-container {
  padding: 4.1666666667vw 0;
}
.wt-product-page-wrap .section2 .text-wrap {
  text-align: center;
}
.wt-product-page-wrap .section2 .text-wrap .title {
  color: #3a3938;
  font-size: 2.2916666667vw;
}
.wt-product-page-wrap .section2 .text-wrap .description {
  color: #8a8379;
  font-size: 1.1458333333vw;
}
.wt-product-page-wrap .section2 .card-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto;
}
.wt-product-page-wrap .section2 .card-list {
  margin-top: 3.125vw;
}
.wt-product-page-wrap .section2 .card-list.left-box {
  width: 63%;
  text-align: center;
}
.wt-product-page-wrap .section2 .card-list.left-box .item {
  padding: 1.8229166667vw 1.8229166667vw 1.3020833333vw;
  height: 100%;
}
.wt-product-page-wrap .section2 .card-list.left-box .button-learn-more {
  padding: 0.5208333333vw 1.5625vw 0.7291666667vw;
  margin-top: 1.3020833333vw;
}
.wt-product-page-wrap .section2 .card-list.right-box {
  width: 34%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wt-product-page-wrap .section2 .card-list.right-box .pic_bg {
  width: 100%;
}
.wt-product-page-wrap .section2 .card-list.right-box .item {
  overflow: hidden;
}
.wt-product-page-wrap .section2 .card-list.right-box .item:last-child {
  margin-top: 7.8%;
}
.wt-product-page-wrap .section2 .card-list .item {
  border-radius: 0.78125vw;
  position: relative;
}
.wt-product-page-wrap .section2 .card-list .top-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wt-product-page-wrap .section2 .card-list .top-box .text-box {
  width: 60%;
  text-align: left;
}
.wt-product-page-wrap .section2 .card-list .top-box .text-box .label {
  background-color: #cac8ef;
  display: inline-block;
  padding: 0.3125vw 0.5208333333vw;
  border-radius: 0.5208333333vw;
  font-size: 0.9375vw;
  margin-bottom: 0.5208333333vw;
}
.wt-product-page-wrap .section2 .card-list .top-box .pic-box {
  width: 36%;
  text-align: center;
}
.wt-product-page-wrap .section2 .card-list .top-box .pic-box img {
  width: auto;
}
.wt-product-page-wrap .section2 .card-list .text-box .title {
  font-size: 1.7708333333vw;
}
.wt-product-page-wrap .section2 .card-list .center-box {
  border: 1px solid #9cacd2;
  border-radius: 0.78125vw;
  padding: 1.0416666667vw 0.5208333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.0416666667vw;
}
.wt-product-page-wrap .section2 .card-list .center-box .title {
  font-size: 1.3541666667vw;
  text-align: center;
  color: #9e92c8;
}
.wt-product-page-wrap .section2 .card-list .product-box {
  width: 90%;
  text-align: center;
  margin-top: 1.25vw;
}
.wt-product-page-wrap .section2 .card-list .product-box img {
  width: 75%;
}
.wt-product-page-wrap .section2 .card-list .product-box .text-box {
  width: 81%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}
.wt-product-page-wrap .section2 .card-list .product-box .text-box .name {
  width: 32%;
  text-align: center;
  font-size: 0.9375vw;
  display: inline-block;
}
.wt-product-page-wrap
  .section2
  .card-list
  .product-box
  .text-box
  .name:first-child {
  width: 26%;
}
.wt-product-page-wrap
  .section2
  .card-list
  .product-box
  .text-box
  .name:last-child {
  width: 30%;
}
.wt-product-page-wrap .section2 .card-list .button-learn-more {
  display: inline-block;
  margin-top: 1.0416666667vw;
  padding: 0.2083333333vw 0.8333333333vw 0.5208333333vw;
  border-radius: 1.25vw;
}
.wt-product-page-wrap .section2 .card-list .button-learn-more a {
  font-size: 1.0416666667vw;
  color: #fff;
}
.wt-product-page-wrap .section2 .card-list .position-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.wt-product-page-wrap .section2 .card-list .position-box .text-box .title {
  font-size: 1.1458333333vw;
}
.wt-product-page-wrap
  .section2
  .card-list.right-box
  .item:last-child
  .position-box {
  top: 38%;
}
.wt-product-page-wrap .section2 .card-list .number {
  background: linear-gradient(120deg, #dc7057, #ffb7a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
}
.wt-product-page-wrap .section2 .card-list .number span {
  font-size: 3.5416666667vw;
}
.wt-product-page-wrap .section2 .layer-detail .section-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
.wt-product-page-wrap .section2 .layer-detail .content-box {
  width: 100%;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.wt-product-page-wrap .section2 .layer-detail .content-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5625vw 2.6041666667vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #dddef3;
}
.wt-product-page-wrap .section2 .layer-detail .content-head .img-box,
.wt-product-page-wrap .section2 .layer-detail .content-head .percent-box {
  width: 3.90625vw;
  margin-right: 2.0833333333vw;
}
.wt-product-page-wrap .section2 .layer-detail .content-head .img-box img,
.wt-product-page-wrap .section2 .layer-detail .content-head .percent-box img {
  width: 100%;
}
.wt-product-page-wrap .section2 .layer-detail .content-head .percent-box {
  width: 4.9479166667vw;
}
.wt-product-page-wrap .section2 .layer-detail .content-head .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7708333333vw;
  line-height: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wt-product-page-wrap
  .section2
  .layer-detail
  .content-head
  .number
  .text-gradient {
  background: linear-gradient(120deg, #dc7057, #ffb7a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wt-product-page-wrap .section2 .layer-detail .content-head .number span {
  font-size: 4.0625vw;
}
.wt-product-page-wrap .section2 .layer-detail .content-head .number em {
  position: relative;
  top: 0.4166666667vw;
  font-style: normal;
}
.wt-product-page-wrap .section2 .layer-detail .content-head .title {
  font-size: 1.1458333333vw;
  color: #8276ab;
}
.wt-product-page-wrap .section2 .layer-detail .content-head .description {
  margin-top: 0.2604166667vw;
  font-size: 1.1458333333vw;
  color: #9e92c8;
}
.wt-product-page-wrap .section2 .layer-detail .content-body {
  max-height: 60vh;
  padding: 2.0833333333vw;
  font-size: 1.0416666667vw;
  line-height: 1.3;
  color: #8a8379;
  overflow-y: auto;
}
.wt-product-page-wrap .section2 .layer-detail .content-body li {
  position: relative;
  padding-left: 1.0416666667vw;
}
.wt-product-page-wrap .section2 .layer-detail .panel-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#484fab),
    to(#7077d4)
  );
  background-image: linear-gradient(180deg, #484fab, #7077d4);
  padding: 0.6770833333vw 1.0416666667vw;
  font-size: 1.1458333333vw;
  line-height: 1.1;
  color: #fff;
  border-radius: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.wt-product-page-wrap .section2 .layer-detail .panel-head .icon-box {
  position: relative;
  width: 1.1979166667vw;
}
.wt-product-page-wrap .section2 .layer-detail .panel-head .icon-box img {
  display: block;
  width: 100%;
}
.wt-product-page-wrap
  .section2
  .layer-detail
  .panel-head
  .icon-box
  img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.wt-product-page-wrap .section2 .layer-detail .panel-body {
  display: none;
  padding: 1.5625vw 1.0416666667vw 0;
}
.wt-product-page-wrap .section2 .layer-detail .panel-body li {
  position: relative;
  margin-bottom: 1.3020833333vw;
  padding-left: 1.3020833333vw;
}
.wt-product-page-wrap .section2 .layer-detail .panel-body li:before {
  position: absolute;
  top: 0.5729166667vw;
  left: 0;
  width: 0.3125vw;
  height: 0.3125vw;
  display: block;
  content: "";
  background: #484746;
  border-radius: 50%;
}
.wt-product-page-wrap .section2 .layer-detail .panel-body li:last-of-type {
  margin-bottom: 0;
}
.wt-product-page-wrap .section2 .layer-detail .panel {
  margin-bottom: 2.0833333333vw;
}
.wt-product-page-wrap .section2 .layer-detail .panel.open .icon-box img {
  opacity: 0;
}
.wt-product-page-wrap
  .section2
  .layer-detail
  .panel.open
  .icon-box
  img:nth-of-type(2) {
  opacity: 1;
}
.wt-product-page-wrap .section2 .layer-detail .text-group {
  margin-bottom: 1.5625vw;
}
.wt-product-page-wrap .section2 .layer-detail .text-group .desc-title {
  margin-bottom: 0.5208333333vw;
}
.wt-product-page-wrap .section2 .layer-detail .text-group li {
  position: relative;
  margin-bottom: 1.3020833333vw;
  padding-left: 1.3020833333vw;
}
.wt-product-page-wrap .section2 .layer-detail .text-group li:before {
  position: absolute;
  top: 0.5729166667vw;
  left: 0;
  width: 0.3125vw;
  height: 0.3125vw;
  display: block;
  content: "";
  background: #484746;
  border-radius: 50%;
}
.wt-product-page-wrap .section2 .layer-detail .text-group:last-of-type,
.wt-product-page-wrap .section2 .layer-detail .text-group li:last-of-type {
  margin-bottom: 0;
}
.wt-product-page-wrap
  .section2
  .layer-detail
  .section-container:nth-of-type(2)
  .content-head {
  background-color: #f1d2cb;
}
.wt-product-page-wrap
  .section2
  .layer-detail
  .section-container:nth-of-type(2)
  .content-head
  .title {
  color: #bf7665;
}
.wt-product-page-wrap
  .section2
  .layer-detail
  .section-container:nth-of-type(2)
  .content-body {
  min-height: 30.2083333333vw;
}
@media screen and (max-width: 1600px) {
  .wt-product-page-wrap.is-horizontal .section2 .card-box {
    width: 80%;
    margin: 0 auto;
  }
  .wt-product-page-wrap.is-horizontal .section2 .card-list.left-box {
    width: 64%;
  }
  .wt-product-page-wrap.is-horizontal
    .section2
    .card-list.left-box
    .button-learn-more {
    margin-top: 1.8229166667vw;
  }
  .wt-product-page-wrap.is-horizontal
    .section2
    .card-list.right-box
    .item:last-child {
    margin-top: 5%;
  }
  .wt-product-page-wrap.is-horizontal .section2 .layer-detail .content-body {
    max-height: 50vh;
  }
}
.wt-product-page-wrap.is-horizontal.is-product-nav-fixed
  .section2
  .layer-detail
  .content-body {
  max-height: 68vh;
}
@media screen and (max-width: 1600px) {
  .wt-product-page-wrap.is-horizontal.is-product-nav-fixed
    .section2
    .layer-detail
    .content-body {
    max-height: 60vh;
  }
}
.wt-product-page-wrap.is-vertical .section2 .section-container {
  padding: 1.0666666667rem 0;
}
.wt-product-page-wrap.is-vertical .section2 .text-wrap {
  text-align: left;
  padding: 0;
}
.wt-product-page-wrap.is-vertical .section2 .text-wrap .title {
  font-size: 5vw;
}
.wt-product-page-wrap.is-vertical .section2 .text-wrap .description {
  font-size: 3.3333333333vw;
  color: #8a8379;
}
.wt-product-page-wrap.is-vertical .section2 .card-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.wt-product-page-wrap.is-vertical .section2 .card-list {
  width: 100%;
}
.wt-product-page-wrap.is-vertical .section2 .card-list .item {
  border-radius: 1.8518518519vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list
  .item:last-child
  .position-box {
  top: auto;
}
.wt-product-page-wrap.is-vertical .section2 .card-list .position-box {
  top: auto;
  left: 0;
  bottom: 28%;
  -webkit-transform: none;
  transform: none;
}
.wt-product-page-wrap.is-vertical .section2 .card-list .button-learn-more {
  margin-top: 1.8518518519vw;
  padding: 1.8518518519vw 3.7037037037vw 2.7777777778vw;
  border-radius: 4.6296296296vw;
  line-height: 1.2;
}
.wt-product-page-wrap.is-vertical .section2 .card-list .button-learn-more a {
  font-size: 2.7777777778vw;
}
.wt-product-page-wrap.is-vertical .section2 .card-list.left-box .item {
  padding: 5.5555555556vw 3.7037037037vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.left-box
  .top-box
  .pic-box {
  width: 26%;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.left-box
  .top-box
  .pic-box
  img {
  width: 100%;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.left-box
  .top-box
  .text-box {
  margin-left: 5%;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.left-box
  .top-box
  .text-box
  .title {
  font-size: 5.5555555556vw;
  margin-top: 0.2666666667rem;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.left-box
  .top-box
  .text-box
  .label {
  padding: 0.08rem 0.2666666667rem;
  border-radius: 0.1333333333rem;
  font-size: 2.962962963vw;
  white-space: nowrap;
}
.wt-product-page-wrap.is-vertical .section2 .card-list.left-box .center-box {
  margin: 0.4rem 0 0;
  padding: 3.7037037037vw 1.3888888889vw 4.6296296296vw;
  border-radius: 1.6666666667vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.left-box
  .center-box
  .title {
  font-size: 4.2592592593vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.left-box
  .center-box
  .name {
  font-size: 3.3333333333vw;
  line-height: 1.16;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.left-box
  .center-box
  .product-box {
  margin-top: 3.7037037037vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.left-box
  .center-box
  .product-box
  img {
  width: 100%;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.left-box
  .center-box
  .product-box
  .text-box {
  width: 110%;
  margin-top: 1.8518518519vw;
  margin-left: -5%;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.left-box
  .button-learn-more {
  margin-top: 4.6296296296vw;
}
.wt-product-page-wrap.is-vertical .section2 .card-list.right-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.wt-product-page-wrap.is-vertical .section2 .card-list.right-box .item {
  width: 48%;
  margin-top: 0;
}
.wt-product-page-wrap.is-vertical .section2 .card-list.right-box .number span {
  font-size: 1.04rem;
}
.wt-product-page-wrap.is-vertical .section2 .card-list.right-box .title {
  font-size: 3.3333333333vw;
  line-height: 1.16;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.right-box
  .button-learn-more {
  padding: 1.2962962963vw 3.2407407407vw 2.2222222222vw;
  border-radius: 4.6296296296vw;
  line-height: 1.2;
}
.wt-product-page-wrap.is-vertical
  .section2
  .card-list.right-box
  .button-learn-more
  a {
  font-size: 2.7777777778vw;
}
.wt-product-page-wrap.is-vertical .section2 .layer-detail .content-head {
  padding: 4.6296296296vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .layer-detail
  .content-head
  .img-box {
  width: 13.8888888889vw;
  margin-right: 3.7037037037vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .layer-detail
  .content-head
  .number {
  font-size: 5.1851851852vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .layer-detail
  .content-head
  .number
  span {
  font-size: 11.8518518519vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .layer-detail
  .content-head
  .number
  em {
  top: 0.9259259259vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .layer-detail
  .content-head
  .percent-box {
  width: 15.2777777778vw;
}
.wt-product-page-wrap.is-vertical .section2 .layer-detail .content-head .title {
  font-size: 3.3333333333vw;
  line-height: 1.16;
}
.wt-product-page-wrap.is-vertical
  .section2
  .layer-detail
  .content-head
  .description {
  margin-top: 0.9259259259vw;
  font-size: 3.3333333333vw;
  line-height: 1.16;
}
.wt-product-page-wrap.is-vertical .section2 .layer-detail .content-body {
  max-height: 68vh;
  padding: 3.7037037037vw;
  font-size: 3.3333333333vw;
  line-height: 1.16;
}
.wt-product-page-wrap.is-vertical .section2 .layer-detail .content-body li {
  padding-left: 4.6296296296vw;
}
.wt-product-page-wrap.is-vertical .section2 .layer-detail .panel-head {
  padding: 1.8518518519vw 2.7777777778vw 2.3148148148vw;
  font-size: 3.3333333333vw;
  line-height: 1.16;
}
.wt-product-page-wrap.is-vertical
  .section2
  .layer-detail
  .panel-head
  .icon-box {
  width: 2.7777777778vw;
}
.wt-product-page-wrap.is-vertical .section2 .layer-detail .panel-body {
  padding: 3.7037037037vw 2.0833333333vw 0;
}
.wt-product-page-wrap.is-vertical .section2 .layer-detail .panel-body li {
  margin-bottom: 2.3148148148vw;
  padding-left: 3.2407407407vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .layer-detail
  .panel-body
  li:before {
  width: 0.9259259259vw;
  height: 0.9259259259vw;
  top: 1.6666666667vw;
}
.wt-product-page-wrap.is-vertical .section2 .layer-detail .panel,
.wt-product-page-wrap.is-vertical .section2 .layer-detail .text-group {
  margin-bottom: 3.7037037037vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .layer-detail
  .text-group
  .desc-title {
  margin-bottom: 1.8518518519vw;
}
.wt-product-page-wrap.is-vertical .section2 .layer-detail .text-group li {
  margin-bottom: 2.3148148148vw;
  padding-left: 3.2407407407vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .layer-detail
  .text-group
  li:before {
  width: 0.9259259259vw;
  height: 0.9259259259vw;
  top: 1.6666666667vw;
}
.wt-product-page-wrap.is-vertical
  .section2
  .layer-detail
  .text-group:last-of-type {
  margin-bottom: 0;
}
.wt-product-page-wrap.is-vertical
  .section2
  .section-container:nth-of-type(2)
  .content-body {
  min-height: 100vw;
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap.is-vertical .section2 .layer-detail .content-body {
    max-height: 60vh;
  }
}
.wt-product-page-wrap.is-vertical.is-product-nav-fixed
  .section2
  .layer-detail
  .content-body {
  max-height: 64vh;
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap.is-vertical.is-product-nav-fixed
    .section2
    .layer-detail
    .content-body {
    max-height: 60vh;
  }
}
.wt-product-page-wrap .section2a {
  background-color: #fff;
}
.wt-product-page-wrap .section2a .section-container {
  padding: 4.1666666667vw 0;
}
.wt-product-page-wrap .section2a .text-wrap {
  text-align: center;
}
.wt-product-page-wrap .section2a .text-wrap .title {
  color: #000;
  font-size: 2.2916666667vw;
}
.wt-product-page-wrap .section2a .text-wrap .description {
  color: #000;
  font-size: 1.1458333333vw;
}
.wt-product-page-wrap .section2a .tag-box {
  margin-top: 2.6041666667vw;
  margin-bottom: 1.0416666667vw;
  text-align: center;
}
.wt-product-page-wrap .section2a .tag-box .tag {
  display: none;
  padding: 0.15625vw 0.5208333333vw 0vw;
  font-size: 1.8333333333vw;
  color: #6e1e27;
  background: #f1e7e0;
  border-radius: 6px;
}
.wt-product-page-wrap.is-vertical .section2a .tag-box .tag{
  display: inline-block;
}
.wt-product-page-wrap .section2a .tag-box .tag.type2 {
  background: #695f53;
}
.wt-product-page-wrap .section2a .tag-box .tag.type3 {
  background: #252b31;
}
.wt-product-page-wrap .section2a .list {
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  column-gap: 5%;
}
.wt-product-page-wrap.is-vertical .section2a .list,
.wt-product-page-wrap .section2a .list.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wt-product-page-wrap .section2a .list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 49%;
  margin-bottom: 4%;
  padding: 1.2vw;
  background: #f1e7e0;
  border-radius: 14px;
  color: #6f3d1f;
  flex-direction: column;
}
.wt-product-page-wrap .section2a .list .item:last-of-type,
.wt-product-page-wrap .section2a .list .item:nth-last-of-type(2) {
  margin-bottom: 0;
}
.wt-product-page-wrap .section2a .list .item.is-null {
  opacity: 0;
  pointer-events: none;
}
.wt-product-page-wrap .section2a .list .icon-box {
  margin-right: 1.8229166667vw;
}
.wt-product-page-wrap .section2a .list .icon-box img {
  width: 4vw;
}
.wt-product-page-wrap .section2a .list .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wt-product-page-wrap .section2a .list .title {
  font-size: 0.95vw;
  line-height: 1.36;
}
.wt-product-page-wrap .section2a .list .title {
  color: #6e1e27;
}
.wt-product-page-wrap .section2a .list .description {
  margin-top: 0.2204166667vw;
}
.wt-product-page-wrap .section2a .list .description{
    font-size: 0.8vw;
    line-height: 1.36;
}
.wt-product-page-wrap .section2a .list .btn-view-more {
  display: inline-block;
  /* margin-top: 2vw; */
  font-size: 0.9375vw;
  color: #6e1e27;
  cursor: pointer;
}
.wt-product-page-wrap .section2a .list.type2 .item {
  background: #d7c3de;
  color: #545159;
}
.wt-product-page-wrap .section2a .list.type2 .title {
  color: #545159;
}
.wt-product-page-wrap .section2a .list.type2 .btn-view-more {
  color: #545159;
}
.wt-product-page-wrap .section2a .list.type3 .item {
  background: #d3f1ff;
  color: #545159;
}
.wt-product-page-wrap .section2a .list.type3 .title {
  color: #545159;
}
.wt-product-page-wrap .section2a .list.type3 .btn-view-more {
  color: #545159;
}
.wt-product-page-wrap .section2a .layer-detail .section-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
.wt-product-page-wrap .section2a .layer-detail .content-box {
  width: 100%;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.wt-product-page-wrap .section2a .layer-detail .content-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5625vw 2.6041666667vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d7d7d7;
  color: #545159;
}
.wt-product-page-wrap .section2a .layer-detail .type2 .content-head {
  background-color: #d7c3de;
}
.wt-product-page-wrap .section2a .layer-detail .type3 .content-head {
  background-color: #d3f1ff;
}
.wt-product-page-wrap .section2a .layer-detail .content-head .img-box {
  width: 3.90625vw;
  margin-right: 2.0833333333vw;
}
.wt-product-page-wrap .section2a .layer-detail .content-head .img-box img {
  width: 100%;
}
.wt-product-page-wrap .section2a .layer-detail .content-head .title {
  font-size: 1.1458333333vw;
  color: #545159;
}
.wt-product-page-wrap .section2a .layer-detail .content-head .description {
  margin-top: 0.2604166667vw;
  font-size: 1.1458333333vw;
}
.wt-product-page-wrap .section2a .layer-detail .content-body {
  min-height: 30.2083333333vw;
  max-height: 60vh;
  padding: 2.0833333333vw;
  font-size: 1.0416666667vw;
  line-height: 1.3;
  color: #000;
  background: #f5f5f5;
  overflow-y: auto;
}
.wt-product-page-wrap .section2a .layer-detail .content-body li {
  position: relative;
  padding-left: 1.0416666667vw;
}
.wt-product-page-wrap .section2a .layer-detail .text-group {
  margin-bottom: 1.5625vw;
}
.wt-product-page-wrap .section2a .layer-detail .text-group .desc-title {
  margin-bottom: 1.0416666667vw;
}
.wt-product-page-wrap .section2a .layer-detail .text-group li {
  position: relative;
  margin-bottom: 1.3020833333vw;
  padding-left: 1.3020833333vw;
  color: #8a8379;
}
.wt-product-page-wrap .section2a .layer-detail .text-group li:before {
  position: absolute;
  top: 0.5729166667vw;
  left: 0;
  width: 0.3125vw;
  height: 0.3125vw;
  display: block;
  content: "";
  background: #484746;
  border-radius: 50%;
}
.wt-product-page-wrap .section2a .layer-detail .text-group:last-of-type,
.wt-product-page-wrap .section2a .layer-detail .text-group li:last-of-type {
  margin-bottom: 0;
}
.wt-product-page-wrap .section2a .layer-detail.type2 .content-head {
  background: #cfe3db;
  color: #83b4a1;
}
.wt-product-page-wrap .section2a .layer-detail.type2 .content-head .title {
  color: #649481;
}
.wt-product-page-wrap .section2a .layer-detail.type3 .content-head {
  background: #fbefd2;
  color: #b78b60;
}
.wt-product-page-wrap .section2a .layer-detail.type3 .content-head .title {
  color: #b78b60;
}
@media screen and (max-width: 1600px) {
  .wt-product-page-wrap.is-horizontal .section2a .layer-detail .content-body {
    max-height: 50vh;
  }
}
.wt-product-page-wrap.is-horizontal.is-product-nav-fixed
  .section2a
  .layer-detail
  .content-body {
  max-height: 68vh;
}
@media screen and (max-width: 1600px) {
  .wt-product-page-wrap.is-horizontal.is-product-nav-fixed
    .section2a
    .layer-detail
    .content-body {
    max-height: 60vh;
  }
}
.wt-product-page-wrap.is-vertical .section2a .section-container {
  padding: 9.2592592593vw 0;
}
.wt-product-page-wrap.is-vertical .section2a .text-wrap {
  text-align: center;
  padding: 0;
}
.wt-product-page-wrap.is-vertical .section2a .text-wrap .title {
  font-size: 5vw;
}
.wt-product-page-wrap.is-vertical .section2a .text-wrap .description {
  color: #8a8379;
  font-size: 3.3333333333vw;
}
.wt-product-page-wrap.is-vertical .section2a .tag-box {
  margin-top: 11.1111111111vw;
  margin-bottom: 3.7037037037vw;
  text-align: center;
}
.wt-product-page-wrap.is-vertical .section2a .tag-box .tag {
  padding: 0.5555555556vw 1.8518518519vw 0.1555555556vw;
  width: 40vw;
  border-radius: 5vw;
  font-size: 4vw;
  font-weight: 800;
}
.wt-product-page-wrap.is-vertical .section2a .list .item {
  width: 100%;
  margin-bottom: 2.5925925926vw;
  padding: 4.1666666667vw 5.5555555556vw;
  border-radius: 8px;
  flex-direction: row;
}
.wt-product-page-wrap.is-vertical .section2a .list .item:last-of-type {
  margin-bottom: 0;
}
.wt-product-page-wrap.is-vertical .section2a .list .item.is-null {
  display: none;
}
.wt-product-page-wrap.is-vertical .section2a .list .icon-box {
  margin-right: 7.4074074074vw;
  width: 20%;
  flex-shrink: 0;
}
.wt-product-page-wrap.is-vertical .section2a .list .icon-box img {
  width: 11.1111111111vw;
}
.wt-product-page-wrap.is-vertical .section2a .list .description,
.wt-product-page-wrap.is-vertical .section2a .list .title {
  font-size: 3.3333333333vw;
  line-height: 1.16;
}
.wt-product-page-wrap.is-vertical .section2a .list .description {
  margin-top: 0.9259259259vw;
}
.wt-product-page-wrap.is-vertical .section2a .list .btn-view-more {
  margin-top: 1.8518518519vw;
  padding: 0.5555555556vw 2.7777777778vw 1.3888888889vw 0;
  font-size: 2.962962963vw;
  border-radius: 30px;
}
.wt-product-page-wrap.is-vertical .section2a .layer-detail .content-head {
  padding: 4.6296296296vw;
}
.wt-product-page-wrap.is-vertical
  .section2a
  .layer-detail
  .content-head
  .img-box {
  width: 13.8888888889vw;
  margin-right: 3.7037037037vw;
}
.wt-product-page-wrap.is-vertical
  .section2a
  .layer-detail
  .content-head
  .number {
  font-size: 5.1851851852vw;
}
.wt-product-page-wrap.is-vertical
  .section2a
  .layer-detail
  .content-head
  .number
  span {
  font-size: 11.8518518519vw;
}
.wt-product-page-wrap.is-vertical
  .section2a
  .layer-detail
  .content-head
  .number
  em {
  top: 0.9259259259vw;
}
.wt-product-page-wrap.is-vertical
  .section2a
  .layer-detail
  .content-head
  .title {
  font-size: 3.3333333333vw;
  line-height: 1.16;
}
.wt-product-page-wrap.is-vertical
  .section2a
  .layer-detail
  .content-head
  .description {
  margin-top: 0.9259259259vw;
  font-size: 3.3333333333vw;
  line-height: 1.16;
}
.wt-product-page-wrap.is-vertical .section2a .layer-detail .content-body {
  min-height: 100vw;
  max-height: 68vh;
  padding: 3.7037037037vw;
  font-size: 3.3333333333vw;
  line-height: 1.16;
}
.wt-product-page-wrap.is-vertical .section2a .layer-detail .content-body li {
  padding-left: 4.6296296296vw;
}
.wt-product-page-wrap.is-vertical .section2a .layer-detail .text-group {
  margin-bottom: 3.7037037037vw;
}
.wt-product-page-wrap.is-vertical
  .section2a
  .layer-detail
  .text-group
  .desc-title {
  margin-bottom: 1.8518518519vw;
}
.wt-product-page-wrap.is-vertical .section2a .layer-detail .text-group li {
  margin-bottom: 2.3148148148vw;
  padding-left: 3.2407407407vw;
}
.wt-product-page-wrap.is-vertical
  .section2a
  .layer-detail
  .text-group
  li:before {
  width: 0.9259259259vw;
  height: 0.9259259259vw;
  top: 1.6666666667vw;
}
.wt-product-page-wrap.is-vertical
  .section2a
  .layer-detail
  .text-group:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap.is-vertical .section2a .layer-detail .content-body {
    max-height: 60vh;
  }
}
.wt-product-page-wrap.is-vertical.is-product-nav-fixed
  .section2a
  .layer-detail
  .content-body {
  max-height: 64vh;
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap.is-vertical.is-product-nav-fixed
    .section2a
    .layer-detail
    .content-body {
    max-height: 60vh;
  }
}
.wt-product-page-wrap .section3 {
  padding: 3.125vw 0;
  overflow: visible;
}
.wt-product-page-wrap .section3 .section-container {
  overflow: visible;
}
.wt-product-page-wrap .section3 .ad-highlight {
  position: relative;
  margin-top: 3.125vw;
  border-radius: 16px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.wt-product-page-wrap .section3 .ad-highlight .swiper {
  display: none;
}
.wt-product-page-wrap .section3 .ad-highlight .swiper.active {
  display: block;
}
.wt-product-page-wrap .section3 .ad-highlight .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.wt-product-page-wrap .section3 .ad-highlight .swiper-slide:first-of-type {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.wt-product-page-wrap .section3 .ad-highlight .swiper-slide:last-of-type {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.wt-product-page-wrap .section3 .ad-highlight .text-box {
  width: 75.78%;
  padding: 2.0833333333vw 1.8229166667vw;
  color: #fff;
}
.wt-product-page-wrap .section3 .ad-highlight .text-box .logo {
  width: 5.8854166667vw;
  margin-bottom: 1.5625vw;
}
.wt-product-page-wrap .section3 .ad-highlight .text-box .title {
  font-size: 1.5625vw;
}
.wt-product-page-wrap .section3 .ad-highlight .text-box .description {
  font-size: 1.1458333333vw;
}
.wt-product-page-wrap .section3 .ad-highlight .phone-box {
  position: relative;
  width: 24.22%;
}
.wt-product-page-wrap .section3 .ad-highlight .red {
  background-image: linear-gradient(
    320deg,
    #e2afb6,
    #e2afb6,
    #b9808a,
    #6b5571,
    #322443
  );
}
.wt-product-page-wrap .section3 .ad-highlight .blue {
  background-image: linear-gradient(320deg, #f5f4ef, #c0c9da, #849bbb);
}
.wt-product-page-wrap .section3 .ad-highlight .purple {
  background-image: linear-gradient(320deg, #d0b7cb, #a39bc3, #55557b);
}
.wt-product-page-wrap .section3 .ad-highlight .black {
  background-image: linear-gradient(320deg, #a1a9bc, #3c4356, #08080a);
}
.wt-product-page-wrap .c-highlight .tab {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wt-product-page-wrap .c-highlight .tab,
.wt-product-page-wrap .c-highlight .tab .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wt-product-page-wrap .c-highlight .tab .item {
  width: 49.5%;
  height: 5.46875vw;
  position: relative;
  font-size: 2.1vw;
  color: #d4cdc2;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.wt-product-page-wrap .c-highlight .tab .item:after {
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  height: 2px;
  display: block;
  content: "";
  background: #d4cdc2;
}
.wt-product-page-wrap .c-highlight .tab .item.active {
  color: #000;
}
.wt-product-page-wrap .c-highlight .tab .item.active:after {
  bottom: 0;
  height: 6px;
  /* background: #2c323c; */
  background: #cecece;
}
.wt-product-page-wrap .c-highlight .tab.tab-length-1 .item {
  width: 100%;
}
.wt-product-page-wrap .c-highlight .content{
  margin-top: 5vw;
}
.wt-product-page-wrap .c-highlight .content .content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: none;
  background-color: #eeeeee;
  border-radius: 15px;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .content-item {
  flex-direction: column;
}
.wt-product-page-wrap .c-highlight .content .content-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wt-product-page-wrap .c-highlight .content .coming-soon-title {
  margin: 0 auto;
  padding: 15vh 0 35vh;
  text-align: center;
  color: #8a8379;
}
.wt-product-page-wrap .c-highlight .content .side-left,
.wt-product-page-wrap .c-highlight .content .side-right {
  width: 49.5%;
  padding: 4.9479166667vw 0;
  color: #000;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .side-left{
  width: 100%;
  padding-bottom: 0 !important;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .side-right {
  width: 70%;
  margin: 0 auto;
}
.wt-product-page-wrap .c-highlight .content .phone-box {
  width: 18vw;
  margin: 0 auto;
  text-align: center;
}
.wt-product-page-wrap .c-highlight .content .phone-box .phones {
  position: relative;
}
.wt-product-page-wrap .c-highlight .content .phone-box .phone {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%;
  margin-bottom: 2.0833333333vw;
  opacity: 0;
}
.wt-product-page-wrap .c-highlight .content .phone-box .phone:first-of-type {
  position: relative;
}
.wt-product-page-wrap .c-highlight .content .phone-box .phone.active {
  opacity: 1;
}
.wt-product-page-wrap .c-highlight .content .phone-box .btn-quick-view {
  padding: 0.2604166667vw 0.78125vw 0.5208333333vw;
  font-size: 0.8333333333vw;
  border: 1px solid #8a8379;
  white-space: nowrap;
}
.wt-product-page-wrap .c-highlight .content .text-box {
  font-size: 1.1458333333vw;
}
.wt-product-page-wrap .c-highlight .content .text-box .desc {
  margin-bottom: 2.34375vw;
  font-size: 1.25vw;
  color: #3a3938;
}
.wt-product-page-wrap .c-highlight .content .phone-box .logo {
  width: 100%;
  margin-bottom: 2.6041666667vw;
}
.wt-product-page-wrap .c-highlight .content .text-box .params {
  margin-bottom: 3.125vw;
}
.wt-product-page-wrap .c-highlight .content .text-box .params .param {
  position: relative;
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.48vw 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #b6b6b6;
}
.wt-product-page-wrap .c-highlight .content .text-box .params .param.show-param {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wt-product-page-wrap .c-highlight .content .text-box .params .icon-box {
  width: 10%;
  margin-left: 2%;
}
.wt-product-page-wrap .c-highlight .content .text-box .params .icon-box img {
  width: 100%;
}
.wt-product-page-wrap .c-highlight .content .text-box .params .text {
  width: 85%;
}
.wt-product-page-wrap .c-highlight .content .text-box .choose {
  margin-bottom: 3.125vw;
}
.wt-product-page-wrap .c-highlight .content .text-box .choose-title {
  margin-bottom: 1vw;
}
.wt-product-page-wrap .c-highlight .content .text-box .choose-title span {
  color: #3a3938;
}
.wt-product-page-wrap .c-highlight .content .text-box .choose-title em {
  display: none;
}
.wt-product-page-wrap .c-highlight .content .text-box .choose-title em.active {
  display: inline-block;
}
.wt-product-page-wrap .c-highlight .content .text-box .colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wt-product-page-wrap .c-highlight .content .text-box .colors .item {
  width: 1.7708333333vw;
  height: 1.7708333333vw;
  position: relative;
  background: #37656b;
  border-radius: 50%;
  margin-right: 1.3020833333vw;
  cursor: pointer;
}
.wt-product-page-wrap .c-highlight .content .text-box .colors .item:after {
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  display: none;
  content: "";
  border: 1px solid #8a8379;
  border-radius: 50%;
}
.wt-product-page-wrap
  .c-highlight
  .content
  .text-box
  .colors
  .item:last-of-type {
  margin-right: 0;
}
.wt-product-page-wrap .c-highlight .content .text-box .colors .item.blue {
  background: #afe2e3;
}
.wt-product-page-wrap .c-highlight .content .text-box .colors .item.purple {
  background: #9989c1;
}
.wt-product-page-wrap .c-highlight .content .text-box .colors .item.red {
  background: #8d4351;
}
.wt-product-page-wrap .c-highlight .content .text-box .colors .item.green {
  background: #c1d6c9;
}
.wt-product-page-wrap .c-highlight .content .text-box .colors .item.silver {
  background: #d2c7b6;
}
.wt-product-page-wrap .c-highlight .content .text-box .colors .item.violet {
  background: #DEC3F7;
}
.wt-product-page-wrap .c-highlight .content .text-box .colors .item.black {
  background: #424242;
}
.wt-product-page-wrap
  .c-highlight
  .content
  .text-box
  .colors
  .item.active:after {
  display: block;
}
.wt-product-page-wrap .c-highlight .content .text-box .storages {
  display: none;
}
.wt-product-page-wrap .c-highlight .content .text-box .storages .item {
  margin-right: 0.78125vw;
  margin-bottom: 0.78125vw;
  padding: 0.2604166667vw 0.8854166667vw 0vw;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 30px;
  cursor: pointer;
}
.wt-product-page-wrap
  .c-highlight
  .content
  .text-box
  .storages
  .item:last-of-type {
  margin-right: 0;
}
.wt-product-page-wrap .c-highlight .content .text-box .storages .item.active {
  background: #fff;
  border-color: #8a8379;
}
.wt-product-page-wrap .c-highlight .content .text-box .storages.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .text-box .storages {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .text-box .buy-now-box{
  text-align: center;
}
.wt-product-page-wrap.is-vertical .c-highlight .tab .item {
  height: 11.1111111111vw;
  font-size: 3.7037037037vw;
}
.wt-product-page-wrap.is-vertical .c-highlight .tab .item:after {
  bottom: 4px;
}
.wt-product-page-wrap.is-vertical .c-highlight .tab .item.active:after {
  bottom: 2px;
  height: 4px;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .coming-soon-title {
  padding: 10vh 0 25vh;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .side-left,
.wt-product-page-wrap.is-vertical .c-highlight .content .side-right {
  padding: 8.7962962963vw 0;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .phone-box {
  width: 50vw;
}
.wt-product-page-wrap.is-vertical
  .c-highlight
  .content
  .phone-box
  .btn-quick-view {
  padding: 0.462962963vw 1.8518518519vw 0.9259259259vw;
  font-size: 1.8518518519vw;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .text-box {
  font-size: 2.7777777778vw;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .text-box .desc {
  margin-bottom: 4.1666666667vw;
  font-size: 2.7777777778vw;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .text-box .logo {
  width: 29.6296296296vw;
  margin-bottom: 4.6296296296vw;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .text-box .params {
  margin-bottom: 5.5555555556vw;
}
.wt-product-page-wrap.is-vertical
  .c-highlight
  .content
  .text-box
  .params
  .param {
  padding: 1.8518518519vw 0;
}
.wt-product-page-wrap.is-vertical
  .c-highlight
  .content
  .text-box
  .params
  .icon-box {
  width: 10%;
}
.wt-product-page-wrap.is-vertical
  .c-highlight
  .content
  .text-box
  .params
  .text {
  width: 83%;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .text-box .choose {
  margin-bottom: 5.5555555556vw;
}
.wt-product-page-wrap.is-vertical
  .c-highlight
  .content
  .text-box
  .choose-title {
  margin-bottom: 2.7777777778vw;
  text-align: center;
}
.wt-product-page-wrap.is-vertical .c-highlight .content .text-box .colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wt-product-page-wrap.is-vertical
  .c-highlight
  .content
  .text-box
  .colors
  .item {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  margin-right: 3.2407407407vw;
}
.wt-product-page-wrap.is-vertical
  .c-highlight
  .content
  .text-box
  .colors
  .item:last-of-type {
  margin-right: 0;
}
.wt-product-page-wrap.is-vertical
  .c-highlight
  .content
  .text-box
  .storages
  .item {
  margin-right: 0;
  padding: 0.9259259259vw 2.3148148148vw 0.262962963vw;
  border-radius: 30px;
}
.wt-product-page-wrap.is-vertical
  .c-highlight
  .content
  .text-box
  .storages
  .item:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap.is-vertical
    .c-highlight
    .content
    .text-box
    .colors
    .item:after {
    position: absolute;
    top: -3px;
    left: -3px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
  }
  .wt-product-page-wrap.is-vertical
    .c-highlight
    .content
    .phone-box
    .btn-quick-view {
    font-size: 2.5925925926vw;
  }
}
.wt-product-page-wrap .c-compare {
  color: #000;
}
.wt-product-page-wrap .c-compare .compare-head {
  position: relative;
  height: 2.0833333333vw;
}
.wt-product-page-wrap .c-compare .compare-head:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 4px;
  left: 0;
  display: block;
  content: "";
  background: #cdcdcd;
}
.wt-product-page-wrap .c-compare .compare-head .btn-toggle {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  position: relative;
  height: 100%;
  padding: 0.2604166667vw 2.0833333333vw 0.5208333333vw 1.0416666667vw;
  font-size: 0.9375vw;
  background: #bc99d1;
  color: #fff;
  border-radius: 30px;
  cursor: pointer;
}
.wt-product-page-wrap .c-compare .compare-head .btn-toggle:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  right: 0.78125vw;
  margin-top: 0.1041666667vw;
  content: "";
  border-top: 8px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.wt-product-page-wrap .c-compare .compare-head .btn-toggle.open:after {
  margin-top: -1px;
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.wt-product-page-wrap .c-compare .compare-body {
  padding-top: 4.1666666667vw;
}
.wt-product-page-wrap .c-compare .compare-body .select-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 3.125vw;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .item {
  width: 28.77%;
  text-align: center;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .item:first-of-type {
  width: 12.28%;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .pro-name {
  position: relative;
  margin-bottom: 1.5625vw;
  font-size: 1.5625vw;
  line-height: 1;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .pro-name span {
  cursor: pointer;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .pro-name .arrow {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 1.0416666667vw;
  margin-left: 0.7291666667vw;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .pro-name
  .menu-list {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  z-index: 2;
  width: 100%;
  margin-top: 1.3020833333vw;
  background: #f8f7f5;
  padding: 1.3020833333vw 0;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .pro-name
  .menu-list
  .menu-item {
  padding: 0.78125vw;
  cursor: pointer;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .pro-name
  .menu-list
  .menu-item.active {
  color: #ee878f;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .pro-name.open
  .arrow {
  -webkit-transform: rotate(-180deg) translateY(0.15625vw);
  transform: rotate(-180deg) translateY(0.15625vw);
}
.wt-product-page-wrap .c-compare .compare-body .select-area .pro-desc {
  height: 3.8541666667vw;
  max-height: none;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 1.5625vw;
  font-size: 1.4583333333vw;
  line-height: 1.21;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .phones {
  position: relative;
  width: 76.4%;
  margin: 0 auto 1.7708333333vw;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .phones img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .phones
  img:first-of-type {
  position: relative;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .phones img.active {
  opacity: 1;
  pointer-events: auto;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .colors .item {
  width: 1.1458333333vw;
  height: 1.1458333333vw;
  position: relative;
  margin-right: 0.78125vw;
  background: #ece7df;
  border-radius: 50%;
  cursor: pointer;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .colors
  .item:after {
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  display: none;
  content: "";
  border: 1px solid #3a3938;
  border-radius: 50%;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .colors
  .item:last-of-type {
  margin-right: 0;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .colors
  .item.black {
  background: #2f2f2f;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .colors .item.blue {
  background: #adcdd6;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .colors
  .item.purple {
  background: #bcc4e1;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .colors .item.red {
  background: #a57b7d;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .colors .item.gold {
  background: #f5e1c6;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .colors .item.jade {
  background: #c3d4cc;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .colors
  .item.active:after {
  display: block;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .item3 .colors,
.wt-product-page-wrap .c-compare .compare-body .select-area .item3 .phones {
  display: none;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .item3
  .colors.isShow,
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .item3
  .phones.isShow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wt-product-page-wrap .c-compare .compare-body .select-area .item3 .pro-desc {
  display: none;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .select-area
  .item3
  .pro-desc.isShow {
  display: block;
}
.wt-product-page-wrap .c-compare .compare-body .umx-params-area {
  font-size: 1.34vw;
}
.wt-product-page-wrap .c-compare .compare-body .umx-params-area .param-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .umx-params-area
  .param-row:last-of-type
  .item:after {
  display: none;
}
.wt-product-page-wrap .c-compare .compare-body .umx-params-area .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 87.77%;
  padding: 1.3020833333vw 1.0416666667vw 1.5625vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #d9d9d9;
}
.wt-product-page-wrap .c-compare .compare-body .umx-params-area .item:after {
  position: absolute;
  bottom: 0;
  left: 3%;
  width: 94%;
  height: 2px;
  display: block;
  margin: 0 auto;
  content: "";
  background: #d7d2ca;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .umx-params-area
  .item:first-of-type {
  width: 12.28%;
  background: #f8f7f5;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .umx-params-area
  .item:first-of-type:after {
  display: none;
}
.wt-product-page-wrap .c-compare .compare-body .umx-params-area .icon-box {
  width: 65%;
}
.wt-product-page-wrap .c-compare .compare-body .umx-params-area .icon-box img {
  width: 100%;
}
.wt-product-page-wrap .c-compare .compare-body .see-more-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.5%;
  font-size: 1.1458333333vw;
}
.wt-product-page-wrap .c-compare .compare-body .see-more-area a {
  color: #a59b91;
  text-decoration: underline;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .see-more-area
  .item:first-of-type {
  width: 12.28%;
}
.wt-product-page-wrap
  .c-compare
  .compare-body
  .see-more-area
  .item:nth-of-type(2) {
  width: 87.3%;
  padding: 1.5625vw;
  background: #9287ae;
  text-align: center;
}
.wt-product-page-wrap.is-vertical .c-compare .compare-head {
  height: 6.2962962963vw;
}
.wt-product-page-wrap.is-vertical .c-compare .compare-head .btn-toggle {
  padding: 1.3888888889vw 3.7037037037vw 0.462962963vw 1.8518518519vw;
  font-size: 3.2vw;
  line-height: 1;
}
.wt-product-page-wrap.is-vertical .c-compare .compare-head .btn-toggle:after {
  right: 1.3888888889vw;
  margin-top: 0.1851851852vw;
}
.wt-product-page-wrap.is-vertical .c-compare .compare-body {
  position: relative;
  left: -4%;
  width: 108%;
  padding-top: 7.4074074074vw;
}
.wt-product-page-wrap.is-vertical .c-compare .compare-body .select-area {
  padding-bottom: 5.5555555556vw;
}
.wt-product-page-wrap.is-vertical .c-compare .compare-body .select-area .item {
  width: 42.66%;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .select-area
  .item:first-of-type {
  width: 13.52%;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .select-area
  .pro-name {
  margin-bottom: 2.7777777778vw;
  font-size: 3.7037037037vw;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .select-area
  .pro-name
  .arrow {
  width: 2.7777777778vw;
  margin-left: 1.8518518519vw;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .select-area
  .pro-name
  .menu-list {
  margin-top: 2.3148148148vw;
  padding: 2.3148148148vw 0;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .select-area
  .pro-name
  .menu-list
  .menu-item {
  padding: 1.3888888889vw;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .select-area
  .pro-name.open
  .arrow {
  -webkit-transform: rotate(-180deg) translateY(0.2777777778vw);
  transform: rotate(-180deg) translateY(0.2777777778vw);
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .select-area
  .pro-desc {
  height: 7.7777777778vw;
  max-height: none;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 2.7777777778vw;
  font-size: 2.962962963vw;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .select-area
  .phones {
  width: 71.5%;
  margin-bottom: 3.7037037037vw;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .select-area
  .colors
  .item {
  width: 2.5925925926vw;
  height: 2.5925925926vw;
  margin-right: 1.8518518519vw;
}
.wt-product-page-wrap.is-vertical .c-compare .compare-body .umx-params-area {
  font-size: 2.5925925926vw;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .umx-params-area
  .item {
  padding: 2.7777777778vw 1.8518518519vw 3.2407407407vw;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .umx-params-area
  .item:first-of-type {
  width: 13.52%;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .umx-params-area
  .icon-box {
  width: 90%;
}
.wt-product-page-wrap.is-vertical .c-compare .compare-body .see-more-area {
  font-size: 2.5925925926vw;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .see-more-area
  .item:first-of-type {
  width: 13.52%;
}
.wt-product-page-wrap.is-vertical
  .c-compare
  .compare-body
  .see-more-area
  .item:nth-of-type(2) {
  width: 85.9%;
  padding: 2.7777777778vw;
}
@media screen and (max-width: 767px) {
  .wt-product-page-wrap.is-vertical .c-compare .compare-head {
    height: 7.4074074074vw;
  }
  .wt-product-page-wrap.is-vertical .c-compare .compare-head .btn-toggle {
    padding-top: 2.8518518519vw;
    padding-right: 5.5555555556vw;
  }
  .wt-product-page-wrap.is-vertical .c-compare .compare-head .btn-toggle:after {
    right: 2.3148148148vw;
    margin-top: 0.462962963vw;
    border-top: 6px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
  .wt-product-page-wrap.is-vertical
    .c-compare
    .compare-body
    .select-area
    .colors
    .item:after {
    position: absolute;
    top: -3px;
    left: -3px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
  }
}
.wt-product-page-wrap .c-layer-gallery .pic-box {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  height: 80%;
  max-height: 720px;
  margin-top: -4.1666666667vw;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.wt-product-page-wrap .c-layer-gallery .pic-box .pic {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
}
.wt-product-page-wrap .c-layer-gallery .pic-box .pic:first-of-type {
  position: relative;
}
.wt-product-page-wrap .c-layer-gallery .pic-box .pic.active {
  opacity: 1;
}
.wt-product-page-wrap .c-layer-gallery.active .pic-box {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.wt-product-page-wrap.is-vertical .c-layer-gallery .pic-box {
  position: relative;
  height: 75%;
  max-height: 1400px;
  margin-top: -9.2592592593vw;
}
.wt-product-page-wrap.is-vertical .section3 .section-container {
  overflow: visible;
}
.wt-product-page-wrap.is-vertical .section3 .ad-highlight {
  margin-top: 5.5555555556vw;
}
.wt-product-page-wrap.is-vertical .section3 .ad-highlight .text-box {
  width: 61.44%;
  padding: 3.7037037037vw 3.2407407407vw;
}
.wt-product-page-wrap.is-vertical .section3 .ad-highlight .text-box .logo {
  width: 13.6111111111vw;
  margin-bottom: 0.9259259259vw;
}
.wt-product-page-wrap.is-vertical .section3 .ad-highlight .text-box .title {
  font-size: 4.4444444444vw;
}
.wt-product-page-wrap.is-vertical
  .section3
  .ad-highlight
  .text-box
  .description {
  margin-top: 1.8518518519vw;
  font-size: 2.5925925926vw;
}
.wt-product-page-wrap.is-vertical .section3 .ad-highlight .phone-box {
  width: 38.56%;
}
.wt-product-page-wrap .section4 {
  padding: 2.0833333333vw 0 4.1666666667vw;
  text-align: center;
  background: #e2c0ad;
}
.wt-product-page-wrap .section4 .text-wrap {
  width: 75%;
  margin: 0 auto 2.6041666667vw;
}
.wt-product-page-wrap .section4 .text-wrap .title {
  font-size: 2.2916666667vw;
  color: #6f3d1f;
}
.wt-product-page-wrap .section4 .text-wrap .description {
  font-size: 1.1458333333vw;
  color: #000;
}
.wt-product-page-wrap .section4 .video-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wt-product-page-wrap .section4 .video-list .item {
  width: 46%;
  margin: 0 2% 4%;
  background: #c49e87;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  cursor: pointer;
}
.wt-product-page-wrap .section4 .video-list .item:first-of-type {
  width: 75%;
}
.wt-product-page-wrap .section4 .video-list .video-url,
.wt-product-page-wrap .section4 .video-list .video-url-mb {
  display: none;
}
.wt-product-page-wrap .section4 .video-list .pic-box {
  position: relative;
  overflow: hidden;
}
.wt-product-page-wrap .section4 .video-list .pic-box .pic {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%;
}
.wt-product-page-wrap .section4 .video-list .pic-box .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2.34375vw;
}
.wt-product-page-wrap .section4 .video-list .pic-box:hover .pic {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.wt-product-page-wrap .section4 .video-list .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 6.5833333333vw;
  padding: 0 10px;
  font-size: 1.1458333333vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.2;
  color: #fff;
  font-weight: bold;
}
.wt-product-page-wrap.is-vertical .section4 {
  padding: 9.2592592593vw 0;
}
.wt-product-page-wrap.is-vertical .section4 .text-wrap {
  width: 100%;
  margin-bottom: 5.5555555556vw;
  padding: 0;
  text-align: center;
}
.wt-product-page-wrap.is-vertical .section4 .text-wrap .title {
  font-size: 5vw;
}
.wt-product-page-wrap.is-vertical .section4 .text-wrap .description {
  font-size: 3.3333333333vw;
}
.wt-product-page-wrap.is-vertical .section4 .video-list {
  width: 100%;
}
.wt-product-page-wrap.is-vertical .section4 .video-list .item {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.wt-product-page-wrap.is-vertical .section4 .video-list .item:first-of-type {
  width: 100%;
}
/* .wt-product-page-wrap.is-vertical .section4 .video-list .item:nth-of-type(2) {
  margin-right: 2%;
}
.wt-product-page-wrap.is-vertical .section4 .video-list .item:nth-of-type(3) {
  margin-left: 2%;
} */
.wt-product-page-wrap.is-vertical .section4 .video-list .pic-box .icon-play {
  width: 6.9444444444vw;
}
.wt-product-page-wrap.is-vertical .section4 .video-list .text-box {
  height: 20vw;
  font-size: 4vw;
}
.page-sidebar.is-vertical {
  bottom: 23.1481481481vw;
}
.umx-params-area {
  display: none;
}
.umx-params-area.active {
  display: block;
}
.btn-view-more-arrow {
  position: relative;
  padding: 0 0.6vw;
  border: 1px solid #6e1e27;
  border-radius: 30px;
  font-size: 0.5vw;
  line-height: 1;
  font-weight: bold;
  top: -0.2vw;
}
.wt-product-page-wrap.is-vertical .btn-view-more-arrow {
  zoom: 1;
  padding: 0 1vw;
  top: -0.8vw;
  font-size: 1.2vw;
}
.wt-product-page-wrap
  .section2a
  .list.type3
  .btn-view-more
  .btn-view-more-arrow {
  border: 1px solid #71767b;
}