/**
 * Powered by ;
 * vivo-product-2023 - ;
 * Version: 1.1.7;
 * Released on: 2023-07-14;
 */
@charset "UTF-8";
.visually-text {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  position: absolute;

}
.hide {
  display: none;
}
.expandc-open {
  overflow-y: hidden;
}
.expandc-open .expandc-animate {
  overflow-y: hidden;
}
.expandc-complete {
  overflow-y: auto;
}
.expandc-close {
  overflow-y: hidden;
}
.expandc-close .expandc-animate {
  overflow-y: hidden;
}
.expand-container-button {
  height: 1px;
  z-index: 9;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 130px;
  text-align: center;
}
@media (max-width: 1440px) {
  .expand-container-button {
    bottom: 110px;
  }
}
@media (max-width: 1080px) {
  .expand-container-button {
    bottom: 80px;
  }
}
.expand-container-button.gradient,
.expand-container-button.inline {
  position: relative;
  width: auto;
  bottom: auto;
  display: inline-block;
  height: auto;
}
.expand-container-button.ec-botton-close {
  pointer-events: none;
  position: fixed;
  bottom: 120px;
  opacity: 0;
  -webkit-transform: translateY(120px);
  -ms-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition: opacity 0.8s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.2, 0, 0.2, 1);
  transition: opacity 0.8s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.2, 0, 0.2, 1);
  transition: opacity 0.8s cubic-bezier(0.2, 0, 0.2, 1), transform 0.5s cubic-bezier(0.2, 0, 0.2, 1);
  transition: opacity 0.8s cubic-bezier(0.2, 0, 0.2, 1), transform 0.5s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.2, 0, 0.2, 1);
}
@media (max-width: 1440px) {
  .expand-container-button.ec-botton-close {
    bottom: 80px;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
  }
}
.show-close-btn .expand-container-button.ec-botton-close {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.expand-container-button .ec-button-wrapper {
  display: inline-block;
  margin: auto;
}
.expand-container-button .ec-button-wrapper p {
  font-size: 18px;
}
@media (max-width: 1440px) {
  .expand-container-button .ec-button-wrapper p {
    font-size: 16px;
  }
}
@media (max-width: 1080px) {
  .expand-container-button .ec-button-wrapper p {
    font-size: 14px;
  }
}
.expand-container-button .ec-button-wrapper a {
  display: inline-block;
  margin-top: 15px;
  font-size: 22px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.no-csstransforms3d .expand-container-button .ec-button-wrapper a {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.expand-container-button .ec-button-wrapper a b {
  width: 50px;
  height: 50px;
  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;
  vertical-align: middle;
}
.no-csstransforms3d .expand-container-button .ec-button-wrapper a b {
  display: table-cell;
}
@media (max-width: 1440px) {
  .expand-container-button .ec-button-wrapper a {
    margin-top: 10px;
    font-size: 18px;
  }
  .expand-container-button .ec-button-wrapper a b {
    width: 40px;
    height: 40px;
  }
}
.expand-container-button .ec-button-wrapper.ec-open-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #a874e3;
  color: #fff;
  border-radius: 50px;
  padding: 0 15px;
  font-size: 14px;
  height: 50px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.windows .expand-container-button .ec-button-wrapper.ec-open-btn a {
  font-size: 15px;
}
.expand-container-button .ec-button-wrapper.ec-open-btn a b {
  width: 22px;
  height: 22px;
  border: 1px #fff solid;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px;
  border-radius: 50%;
}
.expand-container-button .ec-button-wrapper.ec-open-btn a p {
  display: inline-block;
  color: #fff;
}
@media (max-width: 1080px) {
  .expand-container-button .ec-button-wrapper.ec-open-btn a {
    height: 42px;
    padding: 0 10px;
  }
  .expand-container-button .ec-button-wrapper.ec-open-btn a b {
    margin-right: 6px;
  }
}
.expand-container-button .ec-button-wrapper.ec-open-btn a:hover {
  background-color: #ad7ce5;
}
.expand-container-button .ec-button-wrapper.ec-close-btn a {
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
}
.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line {
  margin: 0;
  background-color: transparent;
  color: #fff;
  font-size: 16px;
  border: 1px #a874e3 solid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line b {
  width: 28px;
  height: 28px;
  border: none;
  background-color: #a874e3;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line b:before {
  font-weight: 700;
}
.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line p {
  font-family: "方正悠黑简体 PR";
  color: #a874e3;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-size: 20px;
}
@media (max-width: 1440px) {
  .expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line p {
    font-size: 18px;
  }
}
@media (max-width: 1080px) {
  .expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line p {
    font-size: 16px;
  }
}
.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line:hover {
  border-color: #8d4ada;
}
.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line:hover b {
  background-color: #8d4ada;
}
.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line:hover p {
  color: #8d4ada;
}
.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line {
  margin: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#95e2f8), to(#a874e3));
  background-image: -webkit-linear-gradient(left, #95e2f8 0, #a874e3 100%);
  background-image: linear-gradient(90deg, #95e2f8 0, #a874e3 100%);
  color: #fff;
  font-size: 16px;
  border: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line:before {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 1;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 50px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line b {
  display: none;
  width: 28px;
  height: 28px;
  border: none;
  background-color: #a874e3;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line b:before {
  font-weight: 700;
}
.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line p {
  position: relative;
  z-index: 2;
  font-family: "方正悠黑简体 PR";
  color: #000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-size: 18px;
}
@media (min-width: 1921px) {
  .expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line p {
    font-size: 20px;
  }
}
@media (max-width: 1080px) {
  .expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line p {
    font-size: 16px;
  }
}
.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line .active:before,
.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line:hover:before {
  opacity: 0;
}
.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line .active p,
.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line:hover p {
  color: #fff;
}
.expand-container-mask {
  overflow: hidden;
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  display: none;
}
.expandc-open .expandc-animate .expand-container-mask {
  display: block;
  -webkit-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.2, 0, 0.2, 1);
}
.expandc-open .expandc-animating .expand-container-mask {
  will-change: opacity;
  opacity: 1;
}
.expandc-complete .expandc-animate .expand-container-mask {
  display: none;
}
.expandc-close .expandc-animate .expand-container-mask {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 1s cubic-bezier(0.2, 0, 0.2, 1);
  transition: opacity 1s cubic-bezier(0.2, 0, 0.2, 1);
}
.expandc-close .expandc-animating .expand-container-mask {
  opacity: 0;
  will-change: opacity;
}
.product-main-wrapper {
  position: relative;
  z-index: 1;
}
.product-main-wrapper .product-main-content {
  position: relative;
}
.expandc-open .expandc-animate .product-main-wrapper .product-main-content {
  -webkit-transform-origin: 50vw 50vh;
  -ms-transform-origin: 50vw 50vh;
  transform-origin: 50vw 50vh;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.2, 1);
  transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.2, 1);
  transition: transform 1s cubic-bezier(0.2, 0, 0.2, 1);
  transition: transform 1s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0.2, 0, 0.2, 1);
}
.expandc-open .expandc-animating .product-main-wrapper .product-main-content {
  will-change: transform;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.expandc-complete .expandc-animate .product-main-wrapper .product-main-content {
  display: none;
}
.expandc-close .expandc-animate .product-main-wrapper .product-main-content {
  -webkit-transform-origin: 50vw 50vh;
  -ms-transform-origin: 50vw 50vh;
  transform-origin: 50vw 50vh;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.2, 0, 0.2, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.2, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.2, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.2, 0, 0.2, 1);
}
.expandc-close .expandc-animating .product-main-wrapper .product-main-content {
  will-change: transform;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.product-detail-wrapper {
  background-color: #fff;
  z-index: 9;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100vh;
  min-height: 100vh;
  display: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.ie .product-detail-wrapper {
  overflow: hidden !important;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.product-detail-wrapper [data-detail-content] {
  display: none;
}
.product-detail-wrapper [data-detail-content].current {
  display: block;
}
.expandc-open .expandc-animate .product-detail-wrapper {
  display: block;
  -webkit-transform: translate(0, 100vh);
  -ms-transform: translate(0, 100vh);
  transform: translate(0, 100vh);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.2, 0, 0.2, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.2, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.2, 0, 0.2, 1);
}
.expandc-open .expandc-animating .product-detail-wrapper {
  will-change: transform;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.expandc-complete .expandc-animate .product-detail-wrapper {
  display: block;
  position: relative;
  height: auto;
}
.expandc-close .expandc-animate .product-detail-wrapper {
  display: block;
  position: fixed;
  height: 100vh;
  overflow: hidden;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.2, 0, 0.2, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.2, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.2, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.2, 0, 0.2, 1);
}
.expandc-close .expandc-animating .product-detail-wrapper {
  overflow: hidden;
  will-change: transform;
  -webkit-transform: translate(0, 100vh);
  -ms-transform: translate(0, 100vh);
  transform: translate(0, 100vh);
}
.visually-text {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.hide {
  display: none;
}
.topNavMaxScreen.J_detail_navi {
  background-color: #fff;
}
body #vivo-foot-path,
body footer {
  background-color: #f7f7f7;
}
.lazy-imageom {
  background-image: none !important;
}
.lazy-imageom:after,
.lazy-imageom:before {
  background-image: none !important;
}
.lazy-imageom-ready {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.lazy-imageom-animated {
  opacity: 1;
}
.stage .text-center {
  text-align: center;
}
.stage a.line-link {
  display: inline-block;
  font-size: 14px;
  line-height: 1.2em;
  padding-bottom: 8px;
  position: relative;
  color: #415fff;
  margin: auto 2em;
  overflow: hidden;
}
.stage a.line-link:after {
  content: "";
  left: 50%;
  bottom: 0;
  margin-left: -5px;
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 10px;
  background-color: #415fff;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.stage a.line-link:hover:after {
  -webkit-transform: scaleX(6);
  -ms-transform: scaleX(6);
  transform: scaleX(6);
}
.stage a.line-link.line-link1:hover:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.stage a.line-link.line-link2:hover:after {
  -webkit-transform: scaleX(2);
  -ms-transform: scaleX(2);
  transform: scaleX(2);
}
.stage a.line-link.line-link3:hover:after {
  -webkit-transform: scaleX(3);
  -ms-transform: scaleX(3);
  transform: scaleX(3);
}
.stage a.line-link.line-link4:hover:after {
  -webkit-transform: scaleX(4);
  -ms-transform: scaleX(4);
  transform: scaleX(4);
}
.stage a.line-link.line-link5:hover:after {
  -webkit-transform: scaleX(5);
  -ms-transform: scaleX(5);
  transform: scaleX(5);
}
.stage a.line-link.line-link6:hover:after {
  -webkit-transform: scaleX(6);
  -ms-transform: scaleX(6);
  transform: scaleX(6);
}
.stage a.line-link.line-link7:hover:after {
  -webkit-transform: scaleX(7);
  -ms-transform: scaleX(7);
  transform: scaleX(7);
}
.stage a.line-link.line-link8:hover:after {
  -webkit-transform: scaleX(8);
  -ms-transform: scaleX(8);
  transform: scaleX(8);
}
.stage a.line-link.line-link9:hover:after {
  -webkit-transform: scaleX(9);
  -ms-transform: scaleX(9);
  transform: scaleX(9);
}
.stage a.line-link.line-link10:hover:after {
  -webkit-transform: scaleX(10);
  -ms-transform: scaleX(10);
  transform: scaleX(10);
}
.stage a.line-link.line-link11:hover:after {
  -webkit-transform: scaleX(11);
  -ms-transform: scaleX(11);
  transform: scaleX(11);
}
.stage a.line-link.line-link12:hover:after {
  -webkit-transform: scaleX(12);
  -ms-transform: scaleX(12);
  transform: scaleX(12);
}
.stage a.line-link.line-link13:hover:after {
  -webkit-transform: scaleX(13);
  -ms-transform: scaleX(13);
  transform: scaleX(13);
}
.stage a.line-link.line-link14:hover:after {
  -webkit-transform: scaleX(14);
  -ms-transform: scaleX(14);
  transform: scaleX(14);
}
.stage a.line-link.line-link15:hover:after {
  -webkit-transform: scaleX(15);
  -ms-transform: scaleX(15);
  transform: scaleX(15);
}
.stage a.line-link.line-link16:hover:after {
  -webkit-transform: scaleX(16);
  -ms-transform: scaleX(16);
  transform: scaleX(16);
}
.stage a.line-link.line-link17:hover:after {
  -webkit-transform: scaleX(17);
  -ms-transform: scaleX(17);
  transform: scaleX(17);
}
.stage a.line-link.line-link18:hover:after {
  -webkit-transform: scaleX(18);
  -ms-transform: scaleX(18);
  transform: scaleX(18);
}
.stage a.line-link.line-link19:hover:after {
  -webkit-transform: scaleX(19);
  -ms-transform: scaleX(19);
  transform: scaleX(19);
}
.stage a.line-link.line-link20:hover:after {
  -webkit-transform: scaleX(20);
  -ms-transform: scaleX(20);
  transform: scaleX(20);
}
.stage a.line-link.line-link21:hover:after {
  -webkit-transform: scaleX(21);
  -ms-transform: scaleX(21);
  transform: scaleX(21);
}
.stage a.line-link.line-link22:hover:after {
  -webkit-transform: scaleX(22);
  -ms-transform: scaleX(22);
  transform: scaleX(22);
}
.stage a.line-link.line-link23:hover:after {
  -webkit-transform: scaleX(23);
  -ms-transform: scaleX(23);
  transform: scaleX(23);
}
.stage a.line-link.line-link24:hover:after {
  -webkit-transform: scaleX(24);
  -ms-transform: scaleX(24);
  transform: scaleX(24);
}
.stage a.line-link.line-link25:hover:after {
  -webkit-transform: scaleX(25);
  -ms-transform: scaleX(25);
  transform: scaleX(25);
}
.stage a.line-link.line-link26:hover:after {
  -webkit-transform: scaleX(26);
  -ms-transform: scaleX(26);
  transform: scaleX(26);
}
.stage a.line-link.line-link27:hover:after {
  -webkit-transform: scaleX(27);
  -ms-transform: scaleX(27);
  transform: scaleX(27);
}
.stage a.line-link.line-link28:hover:after {
  -webkit-transform: scaleX(28);
  -ms-transform: scaleX(28);
  transform: scaleX(28);
}
.stage a.line-link.line-link29:hover:after {
  -webkit-transform: scaleX(29);
  -ms-transform: scaleX(29);
  transform: scaleX(29);
}
.stage a.line-link.line-link30:hover:after {
  -webkit-transform: scaleX(30);
  -ms-transform: scaleX(30);
  transform: scaleX(30);
}
#pd-fly-layer {
  font-size: 14px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
  display: none;
}
#pd-fly-layer i {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
}
#pd-fly-layer .pd-fly-wrap {
  position: relative;
  z-index: 1;
}
#pd-fly-layer .pd-fly-showbox {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
}
@media (max-width: 720px) {
  #pd-fly-layer .pd-fly-showbox {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
#pd-fly-layer .pd-fly-showbox .pd-fly-close {
  width: 80px;
  height: 80px;
  line-height: 50px;
  text-align: center;
  overflow: hidden;
  position: fixed;
  right: 10px;
  top: 5px;
  font-weight: 100;
  z-index: 9;
  color: rgba(255, 255, 255, 0.8);
  font-size: 40px;
  background-image: url(../img/close_hover.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1180px) {
  #pd-fly-layer .pd-fly-showbox .pd-fly-close {
    text-align: center;
    left: 90%;
    top: 10px;
  }
}
@media (max-width: 720px) {
  #pd-fly-layer .pd-fly-showbox .pd-fly-close {
    right: 20px;
    top: 80px;
    font-size: 30px;
    left: 80%;
  }
  #pd-fly-layer .pd-fly-showbox .pd-fly-close .icon-supper_close {
    font-size: 28px;
  }
}
#pd-fly-layer .pd-fly-showbox .pd-fly-close b {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#pd-fly-layer .pd-fly-showbox .pd-fly-close b:before {
  content: "";
}
#pd-fly-layer .pd-fly-showbox .pd-fly-close:hover b {
  opacity: 0.6;
}
#pd-fly-layer .pd-fly-showbox .pd-fly-content {
  position: relative;
  overflow: hidden;
  background-color: #000;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#pd-fly-layer .pd-fly-showbox .pd-fly-content video {
  width: 100% !important;
  height: auto !important;
}
.umx-stage {
  position: relative;
  overflow: hidden;
}
.umx-stage .umx-section {
  position: relative;
  width: 100%;
  padding-top: 160px;
  z-index: 2;
}
@media (min-width: 1921px) {
  .umx-stage .umx-section {
    padding-top: 200px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section {
    padding-top: 48px;
  }
}
.umx-stage .umx-section .umx-title {
  text-align: left;
  margin: 0 auto;
  width: 1000px;
}
@media (min-width: 1921px) {
  .umx-stage .umx-section .umx-title {
    width: 1200px;
  }
}
@media (max-width: 1440px) {
  .umx-stage .umx-section .umx-title {
    width: 800px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title {
    width: auto;
    text-align: left;
  }
}
.umx-stage .umx-section .umx-title .umx-main-title,
.umx-stage .umx-section .umx-title .umx-vice-title {
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  font-family: HanyiVar-vivo-hwid-70;
  font-weight: 400;
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-main-title,
  .umx-stage .umx-section .umx-title .umx-vice-title {
    width: auto;
    letter-spacing: 0.5px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.umx-stage .umx-section .umx-title .umx-main-title sup,
.umx-stage .umx-section .umx-title .umx-vice-title sup {
  position: relative;
  top: -10px;
  font-size: 32px;
}
@media (max-width: 1440px) {
  .umx-stage .umx-section .umx-title .umx-main-title sup,
  .umx-stage .umx-section .umx-title .umx-vice-title sup {
    top: -6px;
    font-size: 18px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-main-title sup,
  .umx-stage .umx-section .umx-title .umx-vice-title sup {
    font-size: 12px;
  }
}
.umx-stage .umx-section .umx-title .umx-main-title sup:hover a,
.umx-stage .umx-section .umx-title .umx-vice-title sup:hover a {
  color: #415fff;
}
.umx-stage .umx-section .umx-title .umx-intro {
  line-height: 1.5;
  font-family: HanyiVar-vivo-hwid-60;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-intro {
    margin-bottom: 14px;
    padding-left: 24px;
    padding-right: 24px;
    width: auto;
  }
}
.umx-stage .umx-section .umx-title .umx-intro sup {
  font-size: 12px;
  position: relative;
  top: -4px;
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-intro sup {
    top: -2px;
  }
}
.umx-stage .umx-section .umx-title .umx-intro sup:hover a {
  color: #415fff;
}
.umx-stage .umx-section .umx-title .umx-innertips {
  font-family: HanyiVar-vivo-hwid-60;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 22px;
  letter-spacing: 0.7px;
}
@media (max-width: 1440px) {
  .umx-stage .umx-section .umx-title .umx-innertips {
    margin-top: 16px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-innertips {
    letter-spacing: 0.5px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.umx-stage .umx-section .umx-title .umx-main-title-bigger {
  font-size: 60px;
}
@media (min-width: 1921px) {
  .umx-stage .umx-section .umx-title .umx-main-title-bigger {
    font-size: 84px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-main-title-bigger {
    font-size: 40px;
  }
}
.umx-stage .umx-comma::after {
  content: "， ";
  position: absolute;
}
.umx-stage .umx-full::after {
  content: "。 ";
  position: absolute;
}
.umx-stage .umx-tanhao::after {
  content: "！";
  position: absolute;
}
.umx-stage .umx-mb-hide {
  display: block;
}
@media (max-width: 1000px) {
  .umx-stage .umx-mb-hide {
    display: none;
  }
}
.umx-stage .umx-mb-show {
  display: none;
}
@media (max-width: 1000px) {
  .umx-stage .umx-mb-show {
    display: block;
  }
}
.umx-stage .umx-buttonBuy {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: -310px;
  margin-top: 580px;
}
@media (min-width: 1921px) {
  .umx-stage .umx-buttonBuy {
    margin-left: -393px;
    margin-top: 728px;
  }
}
@media (max-width: 1440px) {
  .umx-stage .umx-buttonBuy {
    margin-left: -272px;
    margin-top: 451px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-buttonBuy {
    margin-left: 0;
    margin-top: 48vw;
  }
}
.umx-stage .umx-buttonBuy .umx-buttonBuy-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1000px) {
  .umx-stage .umx-buttonBuy .umx-buttonBuy-section {
    width: 200px;
  }
}
.umx-stage .umx-buttonBuy .umx-purchase {
  -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 2px solid #000;
  border-radius: 50px;
}
.umx-stage .umx-buttonBuy .umx-purchase a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 28px;
}
@media (min-width: 1921px) {
  .umx-stage .umx-buttonBuy .umx-purchase a {
    padding: 24px 32px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-buttonBuy .umx-purchase a {
    padding: 14px;
  }
}
.umx-stage .umx-buttonBuy .umx-purchase a p {
  font-size: 16px;
  line-height: 1;
  font-family: HanyiVar-vivo-hwid-60;
  margin-right: 8px;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (min-width: 1921px) {
  .umx-stage .umx-buttonBuy .umx-purchase a p {
    font-size: 22px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-buttonBuy .umx-purchase a p {
    font-size: 12px;
    margin-right: 4px;
  }
}
.umx-stage .umx-buttonBuy .umx-purchase a svg {
  fill: #000;
  -webkit-transition: fill 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: fill 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 7px;
  height: 12px;
}
@media (min-width: 1921px) {
  .umx-stage .umx-buttonBuy .umx-purchase a svg {
    width: 10px;
    height: 18px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-buttonBuy .umx-purchase a svg {
    width: 6px;
    height: 10px;
  }
}
.umx-stage .umx-buttonBuy .umx-purchase:hover {
  border: 2px solid #415fff;
}
.umx-stage .umx-buttonBuy .umx-purchase:hover a p {
  color: #415fff;
}
.umx-stage .umx-buttonBuy .umx-purchase:hover a svg {
  fill: #415fff;
}
.umx-stage .umx-buttonBuy .umx-purchase:active {
  background: rgba(65, 95, 255, 0.3);
  border: 2px solid #415fff;
}
.umx-stage .umx-buttonBuy .umx-purchase:active a p {
  color: #415fff;
}
.umx-stage .umx-buttonBuy .umx-purchase:active a svg {
  fill: #415fff;
}
.umx-stage .umx-buttonBuy .umx-purchase:last-child {
  margin-left: 24px;
}
@media (max-width: 1000px) {
  .umx-stage .umx-buttonBuy .umx-purchase:last-child {
    margin-left: 12px;
  }
}
.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase {
  border: 2px solid #fff;
}
.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase a svg {
  fill: #fff;
}
.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase a p {
  color: #fff;
}
.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase:hover {
  border: 2px solid #415fff;
}
.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase:hover a p {
  color: #415fff;
}
.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase:hover a svg {
  fill: #415fff;
}
.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase:active {
  background: rgba(65, 95, 255, 0.3);
  border: 2px solid #415fff;
}
.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase:active a p {
  color: #415fff;
}
.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase:active a svg {
  fill: #415fff;
}
.umx-stage .umx-productBuy {
  display: inline-block;
  margin-top: 26px;
  margin-bottom: 26px;
  position: relative;
  width: 100%;
}
@media (max-width: 1000px) {
  .umx-stage .umx-productBuy {
    padding-left: 24px;
  }
}
.umx-stage .umx-productBuy .umx-productBuy-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1000px) {
  .umx-stage .umx-productBuy .umx-productBuy-box {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}
.umx-stage .umx-productBuy .umx-productBuy-box a {
  -webkit-font-smoothing: antialiased;
  position: relative;
  will-change: transform;
  -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 2px solid rgba(65, 95, 255, 0);
}
.umx-stage .umx-productBuy .umx-productBuy-box a p {
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 1px;
  font-family: HanyiVar-vivo-hwid-60;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (max-width: 1000px) {
  .umx-stage .umx-productBuy .umx-productBuy-box a p {
    font-size: 16px;
    line-height: 16px;
  }
}
.umx-stage .umx-productBuy .umx-productBuy-box a::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  right: -12px;
  border-width: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 5px;
  border-style: solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  vertical-align: middle;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (max-width: 1000px) {
  .umx-stage .umx-productBuy .umx-productBuy-box a::after {
    width: 8px;
    height: 8px;
    right: -10px;
    top: auto;
    margin-top: -13px;
    border-width: 0 2px 2px 0;
  }
}
.umx-stage .umx-productBuy .umx-productBuy-box a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 21px;
  height: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.umx-stage .umx-productBuy .umx-productBuy-box a:hover::after {
  color: #415fff;
}
.umx-stage .umx-productBuy .umx-productBuy-box a:hover::before {
  background: #415fff;
}
.umx-stage .umx-productBuy .umx-productBuy-box a:hover p {
  color: #415fff;
}
.umx-stage .umx-productBuy.umx-productBuy-dark {
  color: #fff;
}
.umx-stage.umx-stage-tips {
  background-color: #fff;
  padding: 50px 0;
}
@media (max-width: 1080px) {
  .umx-stage.umx-stage-tips {
    padding: 25px 0;
  }
}
.umx-stage.umx-stage-tips .umx-tip-content {
  margin: auto;
  color: #fff;
  width: 1000px;
}
@media (min-width: 1921px) {
  .umx-stage.umx-stage-tips .umx-tip-content {
    width: 1200px;
  }
}
@media (max-width: 1440px) {
  .umx-stage.umx-stage-tips .umx-tip-content {
    width: 1000px;
  }
}
@media (max-width: 1080px) {
  .umx-stage.umx-stage-tips .umx-tip-content {
    width: auto;
  }
}
@media (max-width: 720px) {
  .umx-stage.umx-stage-tips .umx-tip-content {
    width: auto;
  }
}
.umx-stage.umx-stage-tips .umx-tip-content h4 {
  font-family: HanyiVar-vivo-hwid-75;
  padding-bottom: 15px;
  font-weight: 700;
}
@media (max-width: 1000px) {
  .umx-stage.umx-stage-tips .umx-tip-content h4 {
    margin: 0 24px;
  }
}
@media (max-width: 1000px) {
  .umx-stage.umx-stage-tips .umx-tip-content h4 {
    margin: 0 24px;
  }
}
.umx-stage.umx-stage-tips .umx-tip-content li {
  font-family: HanyiVar-vivo-hwid-65;
  line-height: 26px;
  text-align: left;
  color: rgba(134, 134, 139, 0.8);
  list-style: decimal;
  margin-left: 25px;
  font-size: 14px;
}
@media (max-width: 1000px) {
  .umx-stage.umx-stage-tips .umx-tip-content li {
    line-height: 20px;
    font-size: 12px;
    margin: 0 24px;
  }
}
@media (max-width: 720px) {
  .umx-stage.umx-stage-tips .umx-tip-content li {
    margin-left: 24px;
  }
}
@media (max-width: 1000px) {
  .umx-stage.umx-stage-tips .umx-tip-content ul {
    padding-bottom: 60px;
    margin: 0 24px;
  }
}
.umx-stage.umx-stage-tips.umx-drak-mode {
  background-color: #000;
}
.umx-stage.umx-stage-tips.umx-drak-mode h4 {
  color: #fff;
}
.umx-stage.umx-stage-tips.umx-drak-mode ul li {
  color: rgba(134, 134, 139, 0.8);
}
.umx-stage .umx-data-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1000px) {
  .umx-stage .umx-data-items {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.umx-stage .umx-data-items li {
  -webkit-font-smoothing: antialiased;
}
.umx-stage .umx-data-items li strong {
  -webkit-font-smoothing: antialiased;
  font-family: HanyiVar-vivo-hwid-65;
  font-weight: 400;
  line-height: 1.5;
  margin: 6px 0 5px 0;
  position: relative;
  display: block;
}
@media (max-width: 1000px) {
  .umx-stage .umx-data-items li strong {
    margin: 6px 0 0 0;
  }
}
.umx-stage .umx-data-items li strong span {
  -webkit-font-smoothing: antialiased;
  font-family: HanyiVar-vivo-hwid-55;
}
.umx-stage .umx-data-items li p {
  -webkit-font-smoothing: antialiased;
  font-family: HanyiVar-vivo-hwid-55;
  font-weight: 400;
  line-height: 1.5;
}
.umx-stage .umx-data-items li:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.umx-stage .umx-popup-bg {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.8);
}
.umx-stage .umx-popup-scroll {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: auto;
}
.umx-stage.active .umx-popup-bg,
.umx-stage.active .umx-popup-scroll {
  display: block;
}
.umx-stage .umx-popup-container {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 10px;
  margin-top: 120px;
  margin-bottom: 120px;
  background: #151515;
}
.umx-stage .umx-popup-container .svg-box {
  position: absolute;
  height: 100%;
  overflow: inherit;
  top: 66px;
  right: 60px;
  z-index: 10;
}
@media (max-width: 1440px) {
  .umx-stage .umx-popup-container .svg-box {
    top: 50px;
    right: 30px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-popup-container .svg-box {
    top: 26px;
    right: 36px;
  }
}
.umx-stage .umx-popup-container .svg-box svg {
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
  top: 70px;
  width: 50px;
  height: 36px;
  cursor: pointer;
}
@media (min-width: 1921px) {
  .umx-stage .umx-popup-container .svg-box svg {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1440px) {
  .umx-stage .umx-popup-container .svg-box svg {
    width: 38px;
    height: 27px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-popup-container .svg-box svg {
    width: 36px;
    height: 25px;
  }
}
.umx-stage .umx-open-popup {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
  margin-top: 20px;
  font-size: 16px;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 50px;
  padding: 8px 18px 8px 18px;
  font-family: HYQH-55S;
  font-weight: 400;
  -webkit-transition: border 0.5s ease, color 0.5s ease;
  transition: border 0.5s ease, color 0.5s ease;
  z-index: 998;
}
@media (max-width: 1000px) {
  .umx-stage .umx-open-popup {
    font-size: 16px;
  }
}
.umx-stage .umx-open-popup:hover {
  -webkit-transition: border 0.5s ease, color 0.5s ease;
  transition: border 0.5s ease, color 0.5s ease;
  border: 2px solid #415fff;
  color: #415fff;
}
._tween {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  opacity: 0;
}
.lt9 ._tween {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.start ._tween {
  will-change: transform;
  -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.start ._tween._tween_1 {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.start ._tween._tween_2 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.start ._tween._tween_3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.start ._tween._tween_4 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.start ._tween._tween_5 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.start ._tween._tween_6 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.start ._tween._tween_7 {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.start ._tween._tween_8 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.start ._tween._tween_9 {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
.start ._tween._tween_10 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.start ._tween._tween_11 {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
.start ._tween._tween_12 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.start ._tween._tween_13 {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
.start ._tween._tween_14 {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.start ._tween._tween_15 {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.start ._tween._tween_16 {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.start ._tween._tween_17 {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}
.start ._tween._tween_18 {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.start ._tween._tween_19 {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}
.start ._tween._tween_20 {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.stage-showcase .stage-sc-figure .SC-accessories-a {
  background-image: url(../img/vp-parts-img1.jpg);
  background-size: 456px 304px;
  width: 456px;
  height: 304px;
  left: 50%;
  margin-left: -228px;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .stage-showcase .stage-sc-figure .SC-accessories-a {
    background-image: url(../img/vp-parts-img1-x2.jpg);
  }
}
.webp .stage-showcase .stage-sc-figure .SC-accessories-a {
  background-image: url(../img/vp-parts-img1.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .stage-showcase .stage-sc-figure .SC-accessories-a {
    background-image: url(../img/vp-parts-img1-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .stage-showcase .stage-sc-figure .SC-accessories-a {
    background-image: url(../img/vp-parts-img1-lg.jpg);
    background-size: 600px 400px;
    width: 600px;
    height: 400px;
    margin-left: -300px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .stage-showcase .stage-sc-figure .SC-accessories-a {
    background-image: url(../img/vp-parts-img1-lg-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .stage-showcase .stage-sc-figure .SC-accessories-a {
    background-image: url(../img/vp-parts-img1-lg.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .stage-showcase .stage-sc-figure .SC-accessories-a {
    background-image: url(../img/vp-parts-img1-lg-x2.jpg.webp);
  }
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-figure .SC-accessories-a {
    background-image: url(../img/vp-parts-img1-mb.jpg);
    background-size: 250px 175px;
    background-position: center;
    background-repeat: no-repeat;
    width: 250px;
    height: 175px;
    left: 50%;
    margin-left: -125px;
    margin-left: -125px !important;
  }
}
@media only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 720px) and (min-resolution: 1.5dppx),
  (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 720px) and (min-resolution: 144dpi) {
  .stage-showcase .stage-sc-figure .SC-accessories-a {
    background-image: url(../img/vp-parts-img1-mb-x2.jpg);
  }
}
.stage-showcase .stage-sc-figure .SC-phone-a {
  background-image: url(../img/vp-products-img1.png);
  background-size: 304px 228px;
  width: 304px;
  height: 228px;
  left: 50%;
  margin-left: -152px;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .stage-showcase .stage-sc-figure .SC-phone-a {
    background-image: url(../img/vp-products-img1-x2.png);
  }
}
.webp .stage-showcase .stage-sc-figure .SC-phone-a {
  background-image: url(../img/vp-products-img1.png.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .stage-showcase .stage-sc-figure .SC-phone-a {
    background-image: url(../img/vp-products-img1-x2.png.webp);
  }
}
@media (min-width: 1921px) {
  .stage-showcase .stage-sc-figure .SC-phone-a {
    background-image: url(../img/vp-products-img1-lg.png);
    background-size: 400px 300px;
    width: 400px;
    height: 300px;
    margin-left: -200px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .stage-showcase .stage-sc-figure .SC-phone-a {
    background-image: url(../img/vp-products-img1-lg-x2.png);
  }
}
@media (min-width: 1921px) {
  .webp .stage-showcase .stage-sc-figure .SC-phone-a {
    background-image: url(../img/vp-products-img1-lg.png.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .stage-showcase .stage-sc-figure .SC-phone-a {
    background-image: url(../img/vp-products-img1-lg-x2.png.webp);
  }
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-figure .SC-phone-a {
    background-image: url(../img/vp-products-img1.png);
    background-size: 200px 150px;
    background-position: center;
    background-repeat: no-repeat;
    width: 200px;
    height: 150px;
    left: 50%;
    margin-left: -100px;
    margin-left: -100px !important;
  }
}
@media only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 720px) and (min-resolution: 1.5dppx),
  (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 720px) and (min-resolution: 144dpi) {
  .stage-showcase .stage-sc-figure .SC-phone-a {
    background-image: url(../img/vp-products-img1-x2.png);
  }
}
.stage-showcase .stage-sc-figure .SC-phone-b {
  background-image: url(../img/vp-products-img2.png);
  background-size: 304px 228px;
  width: 304px;
  height: 228px;
  left: 50%;
  margin-left: -152px;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .stage-showcase .stage-sc-figure .SC-phone-b {
    background-image: url(../img/vp-products-img2-x2.png);
  }
}
.webp .stage-showcase .stage-sc-figure .SC-phone-b {
  background-image: url(../img/vp-products-img2.png.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .stage-showcase .stage-sc-figure .SC-phone-b {
    background-image: url(../img/vp-products-img2-x2.png.webp);
  }
}
@media (min-width: 1921px) {
  .stage-showcase .stage-sc-figure .SC-phone-b {
    background-image: url(../img/vp-products-img2-lg.png);
    background-size: 400px 300px;
    width: 400px;
    height: 300px;
    margin-left: -200px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .stage-showcase .stage-sc-figure .SC-phone-b {
    background-image: url(../img/vp-products-img2-lg-x2.png);
  }
}
@media (min-width: 1921px) {
  .webp .stage-showcase .stage-sc-figure .SC-phone-b {
    background-image: url(../img/vp-products-img2-lg.png.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .stage-showcase .stage-sc-figure .SC-phone-b {
    background-image: url(../img/vp-products-img2-lg-x2.png.webp);
  }
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-figure .SC-phone-b {
    background-image: url(../img/vp-products-img2.png);
    background-size: 200px 150px;
    background-position: center;
    background-repeat: no-repeat;
    width: 200px;
    height: 150px;
    left: 50%;
    margin-left: -100px;
    margin-left: -100px !important;
  }
}
@media only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 720px) and (min-resolution: 1.5dppx),
  (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 720px) and (min-resolution: 144dpi) {
  .stage-showcase .stage-sc-figure .SC-phone-b {
    background-image: url(../img/vp-products-img2-x2.png);
  }
}
.stage-showcase .stage-sc-figure .SC-protection-a {
  background-image: url(../img/vp-broken-img1.png);
  background-size: 228px 319px;
  width: 228px;
  height: 319px;
  left: 50%;
  margin-left: -114px;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .stage-showcase .stage-sc-figure .SC-protection-a {
    background-image: url(../img/vp-broken-img1-x2.png);
  }
}
.webp .stage-showcase .stage-sc-figure .SC-protection-a {
  background-image: url(../img/vp-broken-img1.png.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .stage-showcase .stage-sc-figure .SC-protection-a {
    background-image: url(../img/vp-broken-img1-x2.png.webp);
  }
}
@media (min-width: 1921px) {
  .stage-showcase .stage-sc-figure .SC-protection-a {
    background-image: url(../img/vp-broken-img1-lg.png);
    background-size: 300px 420px;
    width: 300px;
    height: 420px;
    margin-left: -150px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .stage-showcase .stage-sc-figure .SC-protection-a {
    background-image: url(../img/vp-broken-img1-lg-x2.png);
  }
}
@media (min-width: 1921px) {
  .webp .stage-showcase .stage-sc-figure .SC-protection-a {
    background-image: url(../img/vp-broken-img1-lg.png.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .stage-showcase .stage-sc-figure .SC-protection-a {
    background-image: url(../img/vp-broken-img1-lg-x2.png.webp);
  }
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-figure .SC-protection-a {
    background-image: url(../img/vp-broken-img1.png);
    background-size: 150px 210px;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 210px;
    left: 50%;
    margin-left: -75px;
    margin-left: -75px !important;
  }
}
@media only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 720px) and (min-resolution: 1.5dppx),
  (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 720px) and (min-resolution: 144dpi) {
  .stage-showcase .stage-sc-figure .SC-protection-a {
    background-image: url(../img/vp-broken-img1-x2.png);
  }
}
.product-main-content {
  background-color: #fff;
}
#pd-fly-layer {
  background-color: #000;
}
#pd-fly-layer i {
  background-color: #000;
}
body {
  overflow: inherit;
}
html {
  overflow: inherit;
}
html.limit-fly {
  overflow-y: hidden;
}
footer {
  overflow-x: hidden;
}
@media (max-width: 1199px) {
  .vp-head-wap .vp-head-wrap-wap {
    width: 100%;
  }
}
.vp-head-wap .vp-head-mainbar-pc {
  position: absolute;
  background-color: #fff;
  width: 100%;
}
#vivo-product-wrap {
  overflow: inherit;
}
#vivo-wrap {
  position: relative;
  width: 100%;
  overflow: inherit;
}
.umx-stage_sticky {
  overflow: inherit;
}
.umx-stickyBox {
  width: 100%;
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  overflow: hidden;
  top: 0;
}
@media (max-width: 1000px) {
  .umx-stickyBox {
    overflow-x: hidden;
  }
}
body,
html {
  min-width: 320px;
}
figure,
picture {
  outline: 0;
  padding: 0;
  margin: 0;
}
@media (max-width: 1080px) {
  #vivo-head-wrap .gb-vivo-head .gb-nav-tool,
  #vivo-head-wrap .v_h_search {
    overflow: hidden;
  }
}
.um-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.um-row .col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}
.um-row .col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.um-row .col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.um-row .col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.um-row .col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}
.um-row .col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.um-row .col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}
.um-row .col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}
.um-row .col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.um-row .col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}
.um-row .col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}
.um-row .col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 1921px) {
  .um-row .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .um-row .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .um-row .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .um-row .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .um-row .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .um-row .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .um-row .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .um-row .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .um-row .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .um-row .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .um-row .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .um-row .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 1440px) {
  .um-row .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .um-row .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .um-row .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .um-row .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .um-row .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .um-row .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .um-row .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .um-row .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .um-row .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .um-row .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .um-row .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .um-row .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 1080px) {
  .um-row .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .um-row .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .um-row .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .um-row .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .um-row .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .um-row .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .um-row .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .um-row .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .um-row .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .um-row .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .um-row .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .um-row .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 720px) {
  .um-row .col-mb-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .um-row .col-mb-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .um-row .col-mb-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .um-row .col-mb-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .um-row .col-mb-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .um-row .col-mb-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .um-row .col-mb-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .um-row .col-mb-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .um-row .col-mb-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .um-row .col-mb-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .um-row .col-mb-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .um-row .col-mb-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.J_detail_navi {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.85);
}
.J_detail_navi_img {
  background-image: url(../img/vivopd-logo.png);
  background-repeat: no-repeat;
  background-position: center left !important;
  background-size: auto 80%;
}
@media (max-width: 720px) {
  .J_detail_navi_img {
    margin-top: 0.4rem !important;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .J_detail_navi_img {
    background-image: url(../img/vivopd-logo-x2.png);
  }
}
.topNavMaxScreen .topNavBox .phoneName {
  min-width: 125px !important;
}
a,
button,
img {
  outline: 0;
  border: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
#vivo-product-wrap {
  font-size: 14px;
  text-align: left;
  position: relative;
  width: 100%;
  z-index: 1;
}
.umx-stage {
  font-family: HanyiVar-vivo-hwid-60;
}
@media (max-width: 1000px) {
  .umx-stage .umx-section {
    padding-top: 70px;
  }
}
.umx-stage .umx-section .umx-title .umx-linear-gradint {
  font-family: HanyiVar-vivo-hwid-70;
  background-image: -webkit-gradient(linear, left top, right top, from(#c6abff), to(#573be8));
  background-image: -webkit-linear-gradient(left, #c6abff 0, #573be8 100%);
  background-image: linear-gradient(90deg, #c6abff 0, #573be8 100%);
  -webkit-background-clip: text;
  color: transparent;
}
@media (max-width: 360px) {
  .umx-stage .umx-section .umx-title .umx-linear-gradint {
    background-image: none;
    color: #c6abff;
  }
}
.ie .umx-stage .umx-section .umx-title .umx-linear-gradint {
  background-image: none;
  color: #c6abff;
}
.umx-stage .umx-section .umx-title .umx-vice-title {
  color: #15171d;
  font-size: 28px;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .umx-stage .umx-section .umx-title .umx-vice-title {
    font-size: 21px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-vice-title {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
.umx-stage .umx-section .umx-title .umx-vice-title sup {
  font-size: 16px;
  top: -4px;
}
@media (max-width: 1440px) {
  .umx-stage .umx-section .umx-title .umx-vice-title sup {
    font-size: 12px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-vice-title sup {
    font-size: 12px;
    top: 0;
  }
}
.umx-stage .umx-section .umx-title .umx-vice-title.umx-small-vice {
  font-size: 20px;
  line-height: 1.2;
}
@media (max-width: 1440px) {
  .umx-stage .umx-section .umx-title .umx-vice-title.umx-small-vice {
    font-size: 15px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-vice-title.umx-small-vice {
    font-size: 14px;
    margin-bottom: 8px;
  }
}
.umx-stage .umx-section .umx-title .umx-main-title {
  font-size: 80px;
  line-height: 1.2;
  margin-bottom: 28px;
  color: #15171d;
  font-family: HanyiVar-vivo-hwid-70;
}
@media (max-width: 1440px) {
  .umx-stage .umx-section .umx-title .umx-main-title {
    font-size: 60px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-main-title {
    font-size: 44px;
    margin-bottom: 20px;
  }
}
.umx-stage .umx-section .umx-title .umx-main-title span.umx-mb-hide {
  width: 0;
  display: inline-block;
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-main-title span.umx-mb-hide {
    display: none;
  }
}
.umx-stage .umx-section .umx-title .umx-main-title.umx-small-main {
  font-size: 56px;
}
@media (max-width: 1440px) {
  .umx-stage .umx-section .umx-title .umx-main-title.umx-small-main {
    font-size: 42px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-main-title.umx-small-main {
    font-size: 28px;
  }
}
.umx-stage .umx-section .umx-title .umx-intro {
  color: #60666d;
  font-size: 20px;
}
@media (max-width: 1440px) {
  .umx-stage .umx-section .umx-title .umx-intro {
    font-size: 15px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-intro {
    font-size: 16px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-intro sup {
    position: inherit;
  }
}
.umx-stage .umx-section .umx-title .umx-innertips {
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
}
@media (max-width: 1440px) {
  .umx-stage .umx-section .umx-title .umx-innertips {
    font-size: 14px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-section .umx-title .umx-innertips {
    font-size: 11px;
  }
}
.umx-stage .umx-data-items {
  margin-top: 48px;
}
@media (min-width: 1921px) {
  .umx-stage .umx-data-items {
    margin-top: 80px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-data-items {
    margin-top: 20px;
  }
}
.umx-stage .umx-data-items li {
  margin-bottom: 24px;
}
@media (max-width: 1000px) {
  .umx-stage .umx-data-items li {
    width: 50%;
    margin-bottom: 20px;
  }
}
.umx-stage .umx-data-items li strong {
  font-size: 28px;
  color: #15171d;
  font-family: HanyiVar-vivo-hwid-70;
  margin: 12px 0 4px 0;
}
@media (max-width: 1440px) {
  .umx-stage .umx-data-items li strong {
    font-size: 21px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-data-items li strong {
    font-size: 24px;
  }
}
.umx-stage .umx-data-items li strong span {
  font-family: HanyiVar-vivo-hwid-70;
  font-size: 20px;
}
@media (max-width: 1440px) {
  .umx-stage .umx-data-items li strong span {
    font-size: 14px;
  }
}
.umx-stage .umx-data-items li strong sup {
  position: absolute;
  font-size: 12px;
}
@media (max-width: 1440px) {
  .umx-stage .umx-data-items li strong sup {
    font-size: 10px;
  }
}
.umx-stage .umx-data-items li p {
  color: #60666d;
  font-size: 16px;
}
@media (max-width: 1440px) {
  .umx-stage .umx-data-items li p {
    font-size: 12px;
  }
}
.umx-stage .umx-data-items li p sup {
  font-size: 12px;
  position: relative;
}
@media (max-width: 1000px) {
  .umx-stage .umx-data-items li p sup {
    font-size: 10px;
  }
}
.umx-stage .umx-data-items li:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.umx-stage .umx-popup-container {
  width: 1000px;
}
@media (max-width: 1440px) {
  .umx-stage .umx-popup-container {
    width: 637px;
  }
}
@media (max-width: 1000px) {
  .umx-stage .umx-popup-container {
    width: 100vw;
  }
}
.umx-stage .umx-popup-section {
  position: relative;
  width: 100%;
  height: 1500px;
  background-color: #bc8f8f;
}
.umx-dark-mode {
  background: #000;
}
.umx-dark-mode .umx-section .umx-title .umx-main-title {
  color: #fff;
}
.umx-dark-mode .umx-section .umx-title .umx-vice-title {
  color: #a1a1a6;
}
.umx-dark-mode .umx-section .umx-title .umx-intro {
  color: rgba(255, 255, 255, 0.6);
}
.umx-dark-mode .umx-section .umx-title .umx-data-items li strong {
  color: #fff;
}
.umx-dark-mode .umx-section .umx-title .umx-data-items li p {
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 1000px) {
  .umx-stage.umx-stage-tips {
    padding: 70px 0 0 0;
  }
}
.umx-stage.umx-stage-tips .umx-tip-content {
  width: 1020px;
}
@media (max-width: 1440px) {
  .umx-stage.umx-stage-tips .umx-tip-content {
    width: 900px;
  }
}
@media (max-width: 1000px) {
  .umx-stage.umx-stage-tips .umx-tip-content {
    width: auto;
  }
}
.umx-stage.umx-stage-tips .umx-tip-content li {
  font-size: 12px;
  font-family: HanyiVar-vivo-hwid-60;
  line-height: 2.15;
  margin-bottom: 5px;
  color: #86868b;
}
@media (max-width: 1000px) {
  .umx-stage.umx-stage-tips .umx-tip-content li {
    line-height: 1.8;
  }
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.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-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.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-slide-invisible-blank {
  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(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  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: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 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);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-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: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.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%);
  -ms-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: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
}
.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%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-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-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.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%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.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;
  -ms-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;
  -ms-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;
}
.zeiss-tvc {
  overflow: hidden;
  position: relative;
}
.zeiss-tvc .umx-figure-bg {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1920px;
  height: 1080px;
}
@media (min-width: 1921px) {
  .zeiss-tvc .umx-figure-bg {
    width: 2560px;
    height: 1440px;
  }
}
@media (max-width: 1440px) {
  .zeiss-tvc .umx-figure-bg {
    width: 1440px;
    height: 810px;
  }
}
@media (max-width: 1000px) {
  .zeiss-tvc .umx-figure-bg {
    width: 100vw;
    height: 177.86667vw;
  }
}
.zeiss-tvc .umx-figure-bg .umx-tvc-bg {
  position: absolute;
  background-image: url(../img/zeiss-tvc-img1-lg.jpg);
  background-size: 1920px 1080px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1920px;
  height: 1080px;
  left: 50%;
  margin-left: -960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-tvc .umx-figure-bg .umx-tvc-bg {
    background-image: url(../img/zeiss-tvc-img1-lg-x2.jpg);
  }
}
.webp .zeiss-tvc .umx-figure-bg .umx-tvc-bg {
  background-image: url(../img/zeiss-tvc-img1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-tvc .umx-figure-bg .umx-tvc-bg {
    background-image: url(../img/zeiss-tvc-img1-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-tvc .umx-figure-bg .umx-tvc-bg {
    background-image: url(../img/zeiss-tvc-img1-xl.jpg);
    background-size: 2560px 1300px;
    background-position: center;
    background-repeat: no-repeat;
    width: 2560px;
    height: 1300px;
    left: 50%;
    margin-left: -1280px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-tvc .umx-figure-bg .umx-tvc-bg {
    background-image: url(../img/zeiss-tvc-img1-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-tvc .umx-figure-bg .umx-tvc-bg {
    background-image: url(../img/zeiss-tvc-img1-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-tvc .umx-figure-bg .umx-tvc-bg {
    background-image: url(../img/zeiss-tvc-img1-xl-x2.jpg.webp);
  }
}
.zeiss-tvc .umx-figure-bg .umx-section {
  position: absolute;
  top: 0;
  padding-top: 265px;
}
@media (min-width: 1921px) {
  .zeiss-tvc .umx-figure-bg .umx-section {
    padding-top: 326px;
  }
}
@media (max-width: 1000px) {
  .zeiss-tvc .umx-figure-bg .umx-section {
    padding-top: 41.6vw;
  }
}
.zeiss-tvc .umx-figure-bg .umx-section .umx-title {
  text-align: center;
}
.zeiss-tvc .umx-figure-bg .umx-section .umx-row1-title {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-logo {
  
  position: relative;
  margin-bottom: 32px;
  background-image: url(../img/zeiss-tvc-img2-lg.png);
  background-size: 256px 84px;
  background-position: center;
  background-repeat: no-repeat;
  width: 256px;
  height: 84px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-logo {
    background-image: url(../img/zeiss-tvc-img2-lg-x2.png);
  }
}
.webp .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-logo {
  background-image: url(../img/zeiss-tvc-img2-lg.png.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-logo {
    background-image: url(../img/zeiss-tvc-img2-lg-x2.png.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-logo {
    background-image: url(../img/zeiss-tvc-img2-xl.png);
    background-size: 341px 112px;
    background-position: center;
    background-repeat: no-repeat;
    width: 341px;
    height: 112px;
    margin-bottom: 42px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-logo {
    background-image: url(../img/zeiss-tvc-img2-xl-x2.png);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-logo {
    background-image: url(../img/zeiss-tvc-img2-xl.png.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-logo {
    background-image: url(../img/zeiss-tvc-img2-xl-x2.png.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-logo {
    background-image: url(../img/zeiss-tvc-img2-mb.png);
    background-size: 120px 39px;
    background-position: center;
    background-repeat: no-repeat;
    width: 120px;
    height: 39px;
    background-size: 32vw 10.4vw;
    width: 32vw;
    height: 10.4vw;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-logo {
    background-image: url(../img/zeiss-tvc-img2-mb-x2.png);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-logo {
    background-image: url(../img/zeiss-tvc-img2-mb.png.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-logo {
    background-image: url(../img/zeiss-tvc-img2-mb-x2.png.webp);
  }
}
.zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-main-title {
  color: #fff;
  font-size: 80px;
  margin-bottom: 80px;
}
@media (min-width: 1921px) {
  .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-main-title {
    font-size: 117px;
    margin-bottom: 106px;
  }
}
@media (max-width: 1440px) {
  .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-main-title {
    font-size: 64px;
  }
}
@media (max-width: 1000px) {
  .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-main-title {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 40px;
  }
}
.zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-button {
  position: relative;
  margin: 0 auto;
  width: 160px;
  height: 56px;
  font-size: 16px;
  font-family: HanyiVar-vivo-hwid-65;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.31);
  color: #fff;
  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;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}
@media (min-width: 1921px) {
  .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-button {
    width: 213px;
    height: 74px;
    font-size: 21px;
    border-radius: 37px;
  }
}
@media (max-width: 1000px) {
  .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-button {
    width: 160px;
    height: 44px;
    border-radius: 22px;
    font-size: 16px;
  }
}
.zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-button span {
  margin-right: 12px;
}
@media (min-width: 1921px) {
  .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-button span {
    margin-right: 16px;
  }
}
@media (min-width: 1921px) {
  .zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-button svg {
    width: 26px;
    height: 26px;
  }
}
.zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
.zeiss-tvc .umx-figure-bg .umx-section .umx-title .umx-tvc-button:active {
  background: rgba(255, 255, 255, 0.3);
}
.zeiss-history {
  padding-top: 243px;
}
@media (max-width: 1600px) {
  .zeiss-history {
    padding: 90px 0;
  }
}
@media (max-width: 1000px) {
  .zeiss-history {
    padding: 40px 0;
  }
}
.zeiss-history .umx-horizontal-scroll-wrapper {
  height: 200vh;
}
@media (max-width: 1000px) {
  .zeiss-history .umx-horizontal-scroll-wrapper {
    height: auto;
  }
}
@media (max-width: 1000px) {
  .zeiss-history .umx-stickyBox {
    height: auto;
  }
}
.zeiss-history .umx-section {
  padding-top: 0;
}
.zeiss-history .umx-section .umx-title {
  width: 1600px;
}
@media (min-width: 1921px) {
  .zeiss-history .umx-section .umx-title {
    width: 2120px;
  }
}
@media (max-width: 1600px) {
  .zeiss-history .umx-section .umx-title {
    width: 1230px;
  }
}
@media (max-width: 1000px) {
  .zeiss-history .umx-section .umx-title {
    width: auto;
  }
}
.zeiss-history .umx-section .umx-title .umx-main-title {
  position: relative;
  font-size: 72px;
}
@media (max-width: 1600px) {
  .zeiss-history .umx-section .umx-title .umx-main-title {
    font-size: 54px;
    line-height: 59px;
  }
}
@media (max-width: 1000px) {
  .zeiss-history .umx-section .umx-title .umx-main-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.zeiss-history .umx-section .umx-title .umx-history-logo {
  position: relative;
  margin-right: 24px;
  background-image: url(../img/zeiss-logo-lg.png);
  background-size: 80px 80px;
  background-position: center;
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-history .umx-section .umx-title .umx-history-logo {
    background-image: url(../img/zeiss-logo-lg-x2.png);
  }
}
.webp .zeiss-history .umx-section .umx-title .umx-history-logo {
  background-image: url(../img/zeiss-logo-lg.png.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-section .umx-title .umx-history-logo {
    background-image: url(../img/zeiss-logo-lg-x2.png.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-history .umx-section .umx-title .umx-history-logo {
    background-image: url(../img/zeiss-logo-lg.png);
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-right: 12px;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-section .umx-title .umx-history-logo {
    background-image: url(../img/zeiss-logo-lg-x2.png);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-history .umx-section .umx-title .umx-history-logo {
    background-image: url(../img/zeiss-logo-lg.png.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-section .umx-title .umx-history-logo {
    background-image: url(../img/zeiss-logo-lg-x2.png.webp);
  }
}
.zeiss-history .umx-section .umx-title .umx-intro {
  width: 960px;
}
@media (max-width: 1000px) {
  .zeiss-history .umx-section .umx-title .umx-intro {
    width: auto;
    font-size: 14px;
    line-height: 18px;
  }
}
.zeiss-history .umx-progress-text {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #313131;
  line-height: 1;
  font-family: HanyiVar-vivo-hwid-65;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  bottom: 24px;
  font-size: 12px;
  color: #6e6e73;
  line-height: 1;
}
@media (max-width: 1000px) {
  .zeiss-history .umx-progress-text {
    display: none;
  }
}
.zeiss-history .umx-progress-text .umx-progress-current {
  font-size: 28px;
  color: #000;
}
.zeiss-history .umx-box-line {
  position: absolute;
  width: 240px;
  height: 3px;
  background: #e1e1e1;
  border-radius: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  bottom: 90%;
  margin-bottom: 80px;
  right: 0;
  z-index: 5;
  opacity: 1;
}
@media (max-width: 1000px) {
  .zeiss-history .umx-box-line {
    display: none;
  }
}
.zeiss-history .umx-box-line .umx-box-progress-line {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 25%;
  background: #000;
  border-radius: 2px;
}
.zeiss-history .umx-history-list {
  position: relative;
  width: 1600px;
  margin: auto;
  padding-top: 100px;
}
@media (min-width: 1921px) {
  .zeiss-history .umx-history-list {
    width: 2120px;
  }
}
@media (max-width: 1600px) {
  .zeiss-history .umx-history-list {
    width: 1230px;
  }
}
@media (max-width: 1024px) {
  .zeiss-history .umx-history-list {
    width: 960px;
  }
}
@media (max-width: 1000px) {
  .zeiss-history .umx-history-list {
    width: 87.2vw;
    padding-top: 24px;
  }
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1000px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure {
  position: relative;
  width: 520px;
  height: 640px;
  background-color: #0c0c0c;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 48px;
}
@media (min-width: 1921px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure {
    width: 674px;
    height: 853px;
  }
}
@media (max-width: 1600px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure {
    width: 390px;
    height: 480px;
  }
}
@media (max-width: 1000px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure {
    width: 87.2vw;
    height: 64vw;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure:last-child {
  margin-right: 0;
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure:first-child .umx-figure-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure .umx-figure-text {
  position: absolute;
  bottom: 110px;
  left: 48px;
  color: #fff;
  font-family: HanyiVar-vivo-hwid-65;
  font-size: 18px;
  line-height: 26px;
  z-index: 9;
}
@media (max-width: 1000px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure .umx-figure-text {
    font-size: 14px;
    line-height: 18px;
    left: 24px;
    top: 50px;
    bottom: auto;
  }
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure .umx-figure-text span {
  font-size: 80px;
  margin: 0 5px;
}
@media (max-width: 1000px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure .umx-figure-text span {
    font-size: 40px;
    line-height: 36px;
  }
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure {
  position: absolute;
}
@media (max-width: 1000px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure {
    right: 0;
    left: 0;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
  background-image: url(../img/zeiss-history-img1-lg.jpg);
  background-size: 520px 640px;
  background-position: center;
  background-repeat: no-repeat;
  width: 520px;
  height: 640px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-lg-x2.jpg);
  }
}
.webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
  background-image: url(../img/zeiss-history-img1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-xl.jpg);
    background-size: 674px 853px;
    background-position: center;
    background-repeat: no-repeat;
    width: 674px;
    height: 853px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-md.jpg);
    background-size: 390px 480px;
    background-position: center;
    background-repeat: no-repeat;
    width: 390px;
    height: 480px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-mb.jpg);
    background-size: 327px 240px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 240px;
    background-size: 87.2vw 64vw;
    width: 87.2vw;
    height: 64vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f1 {
    background-image: url(../img/zeiss-history-img1-mb-x2.jpg.webp);
  }
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
  background-image: url(../img/zeiss-history-img2-lg.jpg);
  background-size: 520px 640px;
  background-position: center;
  background-repeat: no-repeat;
  width: 520px;
  height: 640px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-lg-x2.jpg);
  }
}
.webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
  background-image: url(../img/zeiss-history-img2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-xl.jpg);
    background-size: 674px 853px;
    background-position: center;
    background-repeat: no-repeat;
    width: 674px;
    height: 853px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-md.jpg);
    background-size: 390px 480px;
    background-position: center;
    background-repeat: no-repeat;
    width: 390px;
    height: 480px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-mb.jpg);
    background-size: 327px 240px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 240px;
    background-size: 87.2vw 64vw;
    width: 87.2vw;
    height: 64vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f2 {
    background-image: url(../img/zeiss-history-img2-mb-x2.jpg.webp);
  }
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
  background-image: url(../img/zeiss-history-img3-lg.jpg);
  background-size: 520px 640px;
  background-position: center;
  background-repeat: no-repeat;
  width: 520px;
  height: 640px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-lg-x2.jpg);
  }
}
.webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
  background-image: url(../img/zeiss-history-img3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-xl.jpg);
    background-size: 674px 853px;
    background-position: center;
    background-repeat: no-repeat;
    width: 674px;
    height: 853px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-md.jpg);
    background-size: 390px 480px;
    background-position: center;
    background-repeat: no-repeat;
    width: 390px;
    height: 480px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-mb.jpg);
    background-size: 327px 240px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 240px;
    background-size: 87.2vw 64vw;
    width: 87.2vw;
    height: 64vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f3 {
    background-image: url(../img/zeiss-history-img3-mb-x2.jpg.webp);
  }
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
  background-image: url(../img/zeiss-history-img4-lg.jpg);
  background-size: 520px 640px;
  background-position: center;
  background-repeat: no-repeat;
  width: 520px;
  height: 640px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-lg-x2.jpg);
  }
}
.webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
  background-image: url(../img/zeiss-history-img4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-xl.jpg);
    background-size: 674px 853px;
    background-position: center;
    background-repeat: no-repeat;
    width: 674px;
    height: 853px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-md.jpg);
    background-size: 390px 480px;
    background-position: center;
    background-repeat: no-repeat;
    width: 390px;
    height: 480px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-mb.jpg);
    background-size: 327px 240px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 240px;
    background-size: 87.2vw 64vw;
    width: 87.2vw;
    height: 64vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure figure.umx-history-f4 {
    background-image: url(../img/zeiss-history-img4-mb-x2.jpg.webp);
  }
}
.zeiss-joint {
  height: 500vh;
}
@media (max-width: 1000px) {
  .zeiss-joint {
    height: auto;
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-stickyBox {
    height: auto;
  }
}
.zeiss-joint .umx-section {
  position: absolute;
  padding-top: 0;
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-section {
    position: relative;
  }
}
.zeiss-joint .umx-section .umx-title {
  width: 1600px;
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-section .umx-title {
    width: 2120px;
  }
}
@media (max-width: 1600px) {
  .zeiss-joint .umx-section .umx-title {
    width: 1230px;
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-section .umx-title {
    width: auto;
  }
}
.zeiss-joint .umx-section .umx-title .umx-main-title {
  font-size: 64px;
  line-height: 76px;
  margin-bottom: 80px;
}
@media (max-width: 1600px) {
  .zeiss-joint .umx-section .umx-title .umx-main-title {
    font-size: 54px;
    line-height: 59px;
    margin-bottom: 59px;
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-section .umx-title .umx-main-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.zeiss-joint .umx-joint-list {
  position: relative;
  width: 1600px;
  height: 720px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list {
    width: 2120px;
    height: 960px;
  }
}
@media (max-width: 1600px) {
  .zeiss-joint .umx-joint-list {
    width: 1230px;
    height: 540px;
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list {
    width: 87.2vw;
    height: auto;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.zeiss-joint .umx-joint-list .umx-figure-wrapper {
  position: relative;
  width: 1056px;
  height: 720px;
  overflow: hidden;
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper {
    width: 1408px;
    height: 960px;
  }
}
@media (max-width: 1600px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper {
    width: 792px;
    height: 540px;
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper {
    width: 87.2vw;
    height: auto;
  }
}
.zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item {
    position: relative;
    margin: 6px auto;
  }
}
.zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
  background-image: url(../img/zeiss-joint-img1-lg.jpg);
  background-size: 1056px 720px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1056px;
  height: 720px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-lg-x2.jpg);
  }
}
.webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
  background-image: url(../img/zeiss-joint-img1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-xl.jpg);
    background-size: 1408px 960px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1408px;
    height: 960px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-md.jpg);
    background-size: 792px 540px;
    background-position: center;
    background-repeat: no-repeat;
    width: 792px;
    height: 540px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-mb.jpg);
    background-size: 327px 150px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 150px;
    background-size: 87.2vw 40vw;
    width: 87.2vw;
    height: 40vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1 {
    background-image: url(../img/zeiss-joint-img1-mb-x2.jpg.webp);
  }
}
.zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
  background-image: url(../img/zeiss-joint-img2-lg.jpg);
  background-size: 1056px 720px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1056px;
  height: 720px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-lg-x2.jpg);
  }
}
.webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
  background-image: url(../img/zeiss-joint-img2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-xl.jpg);
    background-size: 1408px 960px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1408px;
    height: 960px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-md.jpg);
    background-size: 792px 540px;
    background-position: center;
    background-repeat: no-repeat;
    width: 792px;
    height: 540px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-mb.jpg);
    background-size: 327px 150px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 150px;
    background-size: 87.2vw 40vw;
    width: 87.2vw;
    height: 40vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 {
    background-image: url(../img/zeiss-joint-img2-mb-x2.jpg.webp);
  }
}
.zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
  background-image: url(../img/zeiss-joint-img3-lg.jpg);
  background-size: 1056px 720px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1056px;
  height: 720px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-lg-x2.jpg);
  }
}
.webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
  background-image: url(../img/zeiss-joint-img3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-xl.jpg);
    background-size: 1408px 960px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1408px;
    height: 960px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-md.jpg);
    background-size: 792px 540px;
    background-position: center;
    background-repeat: no-repeat;
    width: 792px;
    height: 540px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-mb.jpg);
    background-size: 327px 150px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 150px;
    background-size: 87.2vw 40vw;
    width: 87.2vw;
    height: 40vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    background-image: url(../img/zeiss-joint-img3-mb-x2.jpg.webp);
  }
}
.zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
  background-image: url(../img/zeiss-joint-img4-lg.jpg);
  background-size: 1056px 720px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1056px;
  height: 720px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-lg-x2.jpg);
  }
}
.webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
  background-image: url(../img/zeiss-joint-img4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-xl.jpg);
    background-size: 1408px 960px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1408px;
    height: 960px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-md.jpg);
    background-size: 792px 540px;
    background-position: center;
    background-repeat: no-repeat;
    width: 792px;
    height: 540px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-mb.jpg);
    background-size: 327px 150px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 150px;
    background-size: 87.2vw 40vw;
    width: 87.2vw;
    height: 40vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f4 {
    background-image: url(../img/zeiss-joint-img4-mb-x2.jpg.webp);
  }
}
.zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item .umx-joint-text-mb {
  display: none;
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item .umx-joint-text-mb {
    position: absolute;
    width: 60%;
    height: 100%;
    left: 50%;
    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;
  }
}
.zeiss-joint .umx-joint-list .umx-text-wrapper {
  position: absolute;
  width: 370px;
  height: 720px;
  right: 0;
  top: 0;
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-text-wrapper {
    width: 493px;
    height: 960px;
  }
}
@media (max-width: 1600px) {
  .zeiss-joint .umx-joint-list .umx-text-wrapper {
    width: 308px;
    height: 540px;
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-text-wrapper {
    display: none;
  }
}
.zeiss-joint .umx-joint-list .umx-text-wrapper .umx-joint-text-item {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.zeiss-joint .umx-joint-list .umx-text-wrapper .umx-joint-text-item .umx-joint-text-progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 28px;
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-text-wrapper .umx-joint-text-item .umx-joint-text-progress {
    margin-bottom: 37px;
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-text-wrapper .umx-joint-text-item .umx-joint-text-progress {
    display: none;
  }
}
.zeiss-joint .umx-joint-list .umx-text-wrapper .umx-joint-text-item .umx-joint-text-progress .umx-joint-current-progress {
  font-size: 56px;
  font-family: HanyiVar-vivo-hwid-75;
  line-height: 1;
  margin-right: 4px;
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-text-wrapper .umx-joint-text-item .umx-joint-text-progress .umx-joint-current-progress {
    font-size: 74px;
    margin-right: 5px;
  }
}
.zeiss-joint .umx-joint-list .umx-text-wrapper .umx-joint-text-item .umx-joint-text-progress .umx-joint-total-progress {
  font-size: 18px;
  font-family: HanyiVar-vivo-hwid-65;
  line-height: 1.5;
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-text-wrapper .umx-joint-text-item .umx-joint-text-progress .umx-joint-total-progress {
    font-size: 24px;
  }
}
.zeiss-joint .umx-joint-list .umx-joint-text-content .umx-joint-text-title {
  font-size: 32px;
  font-family: HanyiVar-vivo-hwid-65;
  line-height: 40px;
  margin-bottom: 16px;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-joint-text-content .umx-joint-text-title {
    font-size: 42px;
    line-height: 53px;
    margin-bottom: 21px;
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-joint-text-content .umx-joint-text-title {
    color: #fff;
    font-size: 16px;
    color: #fff;
    margin-bottom: 8px;
    line-height: 21px;
  }
}
.zeiss-joint .umx-joint-list .umx-joint-text-content .umx-joint-text-intro {
  font-size: 18px;
  font-family: HanyiVar-vivo-hwid-65;
  color: #6e6e73;
  line-height: 27px;
  margin-bottom: 48px;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  max-width: 100%;
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-joint-text-content .umx-joint-text-intro {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 64px;
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-joint-text-content .umx-joint-text-intro {
    font-size: 12px;
    color: #fff;
    margin-bottom: 0;
    line-height: 15px;
    opacity: 0.8;
  }
}
.zeiss-joint .umx-joint-list .umx-joint-text-link {
  position: relative;
  font-size: 16px;
  font-family: HanyiVar-vivo-hwid-65;
  color: #000;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-joint-text-link {
    font-size: 21px;
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-joint-text-link {
    width: 33%;
    font-size: 12px;
    color: #fff;
    margin-bottom: 0;
    line-height: 15px;
    opacity: 0.8;
    margin-top: 8px;
  }
}
.zeiss-joint .umx-joint-list .umx-joint-text-link:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: -5px;
  left: 0;
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-joint-text-link:before {
    background-color: #fff;
    bottom: -2px;
  }
}
.zeiss-joint .umx-joint-list .umx-joint-text-link:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../img/arrow-right-black.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: -16px;
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-joint-text-link:after {
    width: 21px;
    height: 21px;
    right: -21px;
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-joint-text-link:after {
    background-image: url(../img/arrow-right-white.png);
  }
}
.zeiss-joint .umx-joint-list .umx-joint-text-link.joint-video-link:after {
  width: 12px;
  height: 12px;
  background-image: url(../img/icon-video-play-black.png);
}
@media (min-width: 1921px) {
  .zeiss-joint .umx-joint-list .umx-joint-text-link.joint-video-link:after {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-joint-text-link.joint-video-link:after {
    background-image: url(../img/icon-video-play-white.png);
  }
}
@-webkit-keyframes popupMask {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes popupMask {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes mbSelectorContent {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes mbSelectorContent {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes buttonCircle {
  0% {
    stroke-dashoffset: 185;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes buttonCircle {
  0% {
    stroke-dashoffset: 185;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.zeiss-master {
  padding: 160px 0;
}
@media (max-width: 1600px) {
  .zeiss-master {
    padding: 90px 0;
  }
}
@media (max-width: 1000px) {
  .zeiss-master {
    padding: 40px 0;
  }
}
.zeiss-master .umx-section {
  padding-top: 0;
}
.zeiss-master .umx-section .umx-title {
  width: 1600px;
}
@media (min-width: 1921px) {
  .zeiss-master .umx-section .umx-title {
    width: 2120px;
  }
}
@media (max-width: 1600px) {
  .zeiss-master .umx-section .umx-title {
    width: 1230px;
  }
}
@media (max-width: 1000px) {
  .zeiss-master .umx-section .umx-title {
    width: auto;
  }
}
.zeiss-master .umx-section .umx-title .umx-main-title {
  font-size: 80px;
  margin-bottom: 80px;
}
@media (max-width: 1600px) {
  .zeiss-master .umx-section .umx-title .umx-main-title {
    font-size: 54px;
    line-height: 59px;
    margin-bottom: 59px;
  }
}
@media (max-width: 1000px) {
  .zeiss-master .umx-section .umx-title .umx-main-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.zeiss-master .umx-master-list {
  position: relative;
  width: 100%;
  height: calc(50vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1000px) {
  .zeiss-master .umx-master-list {
    height: auto;
    padding: 0 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper {
  position: relative;
  width: 75%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
}
.zeiss-master .umx-master-list .umx-figure-wrapper:hover .umx-master-arrow {
  opacity: 1;
}
@media (max-width: 1000px) {
  .zeiss-master .umx-master-list .umx-figure-wrapper {
    width: 100%;
    height: 58.13333vw;
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-arrow {
  position: absolute;
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.3);
  top: 50%;
  margin-top: -32px;
  border-radius: 50%;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 5;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (max-width: 1000px) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-arrow {
    display: none;
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-arrow.umx-left-arrow {
  left: 4%;
  background-image: url(../img/arrow-left-white.png);
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-arrow.umx-right-arrow {
  right: 4%;
  background-image: url(../img/arrow-right-white.png);
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list.current {
  opacity: 1;
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #151617;
  background-size: auto 100% !important;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.current {
  opacity: 1;
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-horizontal-background {
  background-size: 100% auto !important;
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-1 {
  background-image: url(../img/zeiss-master-img1-1-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-1 {
    background-image: url(../img/zeiss-master-img1-1-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-1 {
  background-image: url(../img/zeiss-master-img1-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-1 {
    background-image: url(../img/zeiss-master-img1-1-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-2 {
  background-image: url(../img/zeiss-master-img1-2-lg.jpg);
  background-size: 653px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 653px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-2 {
    background-image: url(../img/zeiss-master-img1-2-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-2 {
  background-image: url(../img/zeiss-master-img1-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-2 {
    background-image: url(../img/zeiss-master-img1-2-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-3 {
  background-image: url(../img/zeiss-master-img1-3-lg.jpg);
  background-size: 1440px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1440px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-3 {
    background-image: url(../img/zeiss-master-img1-3-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-3 {
  background-image: url(../img/zeiss-master-img1-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-3 {
    background-image: url(../img/zeiss-master-img1-3-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-4 {
  background-image: url(../img/zeiss-master-img1-4-lg.jpg);
  background-size: 1281px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1281px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-4 {
    background-image: url(../img/zeiss-master-img1-4-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-4 {
  background-image: url(../img/zeiss-master-img1-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-4 {
    background-image: url(../img/zeiss-master-img1-4-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-5 {
  background-image: url(../img/zeiss-master-img1-5-lg.jpg);
  background-size: 1280px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1280px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-5 {
    background-image: url(../img/zeiss-master-img1-5-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-5 {
  background-image: url(../img/zeiss-master-img1-5-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-5 {
    background-image: url(../img/zeiss-master-img1-5-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-6 {
  background-image: url(../img/zeiss-master-img1-6-lg.jpg);
  background-size: 1281px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1281px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-6 {
    background-image: url(../img/zeiss-master-img1-6-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-6 {
  background-image: url(../img/zeiss-master-img1-6-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-6 {
    background-image: url(../img/zeiss-master-img1-6-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-7 {
  background-image: url(../img/zeiss-master-img1-7-lg.jpg);
  background-size: 1281px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1281px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-7 {
    background-image: url(../img/zeiss-master-img1-7-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-7 {
  background-image: url(../img/zeiss-master-img1-7-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f1-7 {
    background-image: url(../img/zeiss-master-img1-7-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-1 {
  background-image: url(../img/zeiss-master-img2-1-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-1 {
    background-image: url(../img/zeiss-master-img2-1-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-1 {
  background-image: url(../img/zeiss-master-img2-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-1 {
    background-image: url(../img/zeiss-master-img2-1-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-2 {
  background-image: url(../img/zeiss-master-img2-2-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-2 {
    background-image: url(../img/zeiss-master-img2-2-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-2 {
  background-image: url(../img/zeiss-master-img2-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-2 {
    background-image: url(../img/zeiss-master-img2-2-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-3 {
  background-image: url(../img/zeiss-master-img2-3-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-3 {
    background-image: url(../img/zeiss-master-img2-3-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-3 {
  background-image: url(../img/zeiss-master-img2-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-3 {
    background-image: url(../img/zeiss-master-img2-3-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-4 {
  background-image: url(../img/zeiss-master-img2-4-lg.jpg);
  background-size: 641px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 641px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-4 {
    background-image: url(../img/zeiss-master-img2-4-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-4 {
  background-image: url(../img/zeiss-master-img2-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-4 {
    background-image: url(../img/zeiss-master-img2-4-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-5 {
  background-image: url(../img/zeiss-master-img2-5-lg.jpg);
  background-size: 769px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 769px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-5 {
    background-image: url(../img/zeiss-master-img2-5-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-5 {
  background-image: url(../img/zeiss-master-img2-5-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-5 {
    background-image: url(../img/zeiss-master-img2-5-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-6 {
  background-image: url(../img/zeiss-master-img2-6-lg.jpg);
  background-size: 721px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 721px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-6 {
    background-image: url(../img/zeiss-master-img2-6-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-6 {
  background-image: url(../img/zeiss-master-img2-6-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-6 {
    background-image: url(../img/zeiss-master-img2-6-lg-x2.jpg.webp);
  }
}





/* 2-7 */
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-7 {
  background-image: url(../img/zeiss-master-img2-7-lg.jpg);
  background-size: 721px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 721px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-7 {
    background-image: url(../img/zeiss-master-img2-7-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-7 {
  background-image: url(../img/zeiss-master-img2-7-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-7 {
    background-image: url(../img/zeiss-master-img2-7-lg-x2.jpg.webp);
  }
}
/* 2-8 */
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-8 {
  background-image: url(../img/zeiss-master-img2-8-lg.jpg);
  background-size: 721px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 721px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-8 {
    background-image: url(../img/zeiss-master-img2-8-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-8 {
  background-image: url(../img/zeiss-master-img2-8-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-8 {
    background-image: url(../img/zeiss-master-img2-8-lg-x2.jpg.webp);
  }
}
/* 2-9 */
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-9 {
  background-image: url(../img/zeiss-master-img2-9-lg.jpg);
  background-size: 721px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 721px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-9 {
    background-image: url(../img/zeiss-master-img2-9-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-9 {
  background-image: url(../img/zeiss-master-img2-9-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-9 {
    background-image: url(../img/zeiss-master-img2-9-lg-x2.jpg.webp);
  }
}
/* 2-10 */
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-10 {
  background-image: url(../img/zeiss-master-img2-10-lg.jpg);
  background-size: 721px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 721px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-10 {
    background-image: url(../img/zeiss-master-img2-10-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-10 {
  background-image: url(../img/zeiss-master-img2-10-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f2-10 {
    background-image: url(../img/zeiss-master-img2-10-lg-x2.jpg.webp);
  }
}


















.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-1 {
  background-image: url(../img/zeiss-master-img3-1-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-1 {
    background-image: url(../img/zeiss-master-img3-1-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-1 {
  background-image: url(../img/zeiss-master-img3-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-1 {
    background-image: url(../img/zeiss-master-img3-1-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-2 {
  background-image: url(../img/zeiss-master-img3-2-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-2 {
    background-image: url(../img/zeiss-master-img3-2-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-2 {
  background-image: url(../img/zeiss-master-img3-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-2 {
    background-image: url(../img/zeiss-master-img3-2-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-3 {
  background-image: url(../img/zeiss-master-img3-3-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-3 {
    background-image: url(../img/zeiss-master-img3-3-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-3 {
  background-image: url(../img/zeiss-master-img3-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-3 {
    background-image: url(../img/zeiss-master-img3-3-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-4 {
  background-image: url(../img/zeiss-master-img3-4-lg.jpg);
  background-size: 1281px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1281px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-4 {
    background-image: url(../img/zeiss-master-img3-4-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-4 {
  background-image: url(../img/zeiss-master-img3-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-4 {
    background-image: url(../img/zeiss-master-img3-4-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-5 {
  background-image: url(../img/zeiss-master-img3-5-lg.jpg);
  background-size: 1281px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1281px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-5 {
    background-image: url(../img/zeiss-master-img3-5-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-5 {
  background-image: url(../img/zeiss-master-img3-5-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-5 {
    background-image: url(../img/zeiss-master-img3-5-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-6 {
  background-image: url(../img/zeiss-master-img3-6-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-6 {
    background-image: url(../img/zeiss-master-img3-6-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-6 {
  background-image: url(../img/zeiss-master-img3-6-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-6 {
    background-image: url(../img/zeiss-master-img3-6-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-7 {
  background-image: url(../img/zeiss-master-img3-7-lg.jpg);
  background-size: 721px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 721px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-7 {
    background-image: url(../img/zeiss-master-img3-7-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-7 {
  background-image: url(../img/zeiss-master-img3-7-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-7 {
    background-image: url(../img/zeiss-master-img3-7-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-8 {
  background-image: url(../img/zeiss-master-img3-8-lg.jpg);
  background-size: 721px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 721px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-8 {
    background-image: url(../img/zeiss-master-img3-8-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-8 {
  background-image: url(../img/zeiss-master-img3-8-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f3-8 {
    background-image: url(../img/zeiss-master-img3-8-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-1 {
  background-image: url(../img/zeiss-master-img4-1-lg.jpg);
  background-size: 1441px 803px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 803px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-1 {
    background-image: url(../img/zeiss-master-img4-1-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-1 {
  background-image: url(../img/zeiss-master-img4-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-1 {
    background-image: url(../img/zeiss-master-img4-1-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-2 {
  background-image: url(../img/zeiss-master-img4-2-lg.jpg);
  background-size: 720px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 720px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-2 {
    background-image: url(../img/zeiss-master-img4-2-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-2 {
  background-image: url(../img/zeiss-master-img4-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-2 {
    background-image: url(../img/zeiss-master-img4-2-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-3 {
  background-image: url(../img/zeiss-master-img4-3-lg.jpg);
  background-size: 720px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 720px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-3 {
    background-image: url(../img/zeiss-master-img4-3-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-3 {
  background-image: url(../img/zeiss-master-img4-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-3 {
    background-image: url(../img/zeiss-master-img4-3-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-4 {
  background-image: url(../img/zeiss-master-img4-4-lg.jpg);
  background-size: 1282px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1282px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-4 {
    background-image: url(../img/zeiss-master-img4-4-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-4 {
  background-image: url(../img/zeiss-master-img4-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f4-4 {
    background-image: url(../img/zeiss-master-img4-4-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-1 {
  background-image: url(../img/zeiss-master-img5-1-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-1 {
    background-image: url(../img/zeiss-master-img5-1-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-1 {
  background-image: url(../img/zeiss-master-img5-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-1 {
    background-image: url(../img/zeiss-master-img5-1-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-2 {
  background-image: url(../img/zeiss-master-img5-2-lg.jpg);
  background-size: 721px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 721px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-2 {
    background-image: url(../img/zeiss-master-img5-2-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-2 {
  background-image: url(../img/zeiss-master-img5-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-2 {
    background-image: url(../img/zeiss-master-img5-2-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-3 {
  background-image: url(../img/zeiss-master-img5-3-lg.jpg);
  background-size: 1441px 810px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 810px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-3 {
    background-image: url(../img/zeiss-master-img5-3-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-3 {
  background-image: url(../img/zeiss-master-img5-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-3 {
    background-image: url(../img/zeiss-master-img5-3-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-4 {
  background-image: url(../img/zeiss-master-img5-4-lg.jpg);
  background-size: 721px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 721px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-4 {
    background-image: url(../img/zeiss-master-img5-4-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-4 {
  background-image: url(../img/zeiss-master-img5-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-4 {
    background-image: url(../img/zeiss-master-img5-4-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-5 {
  background-image: url(../img/zeiss-master-img5-5-lg.jpg);
  background-size: 1441px 810px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 810px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-5 {
    background-image: url(../img/zeiss-master-img5-5-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-5 {
  background-image: url(../img/zeiss-master-img5-5-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-5 {
    background-image: url(../img/zeiss-master-img5-5-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-6 {
  background-image: url(../img/zeiss-master-img5-6-lg.jpg);
  background-size: 641px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 641px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-6 {
    background-image: url(../img/zeiss-master-img5-6-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-6 {
  background-image: url(../img/zeiss-master-img5-6-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-6 {
    background-image: url(../img/zeiss-master-img5-6-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-7 {
  background-image: url(../img/zeiss-master-img5-7-lg.jpg);
  background-size: 720px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 720px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-7 {
    background-image: url(../img/zeiss-master-img5-7-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-7 {
  background-image: url(../img/zeiss-master-img5-7-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-7 {
    background-image: url(../img/zeiss-master-img5-7-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-8 {
  background-image: url(../img/zeiss-master-img5-8-lg.jpg);
  background-size: 1283px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1283px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-8 {
    background-image: url(../img/zeiss-master-img5-8-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-8 {
  background-image: url(../img/zeiss-master-img5-8-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-8 {
    background-image: url(../img/zeiss-master-img5-8-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-9 {
  background-image: url(../img/zeiss-master-img5-9-lg.jpg);
  background-size: 1441px 810px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 810px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-9 {
    background-image: url(../img/zeiss-master-img5-9-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-9 {
  background-image: url(../img/zeiss-master-img5-9-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-9 {
    background-image: url(../img/zeiss-master-img5-9-lg-x2.jpg.webp);
  }
}




.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-10 {
  background-image: url(../img/zeiss-master-img5-10-lg.jpg);
  background-size: 1441px 810px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 810px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-10 {
    background-image: url(../img/zeiss-master-img5-10-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-10 {
  background-image: url(../img/zeiss-master-img5-10-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-10 {
    background-image: url(../img/zeiss-master-img5-10-lg-x2.jpg.webp);
  }
}



.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-11 {
  background-image: url(../img/zeiss-master-img5-11-lg.jpg);
  background-size: 1441px 810px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 810px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-11 {
    background-image: url(../img/zeiss-master-img5-11-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-11 {
  background-image: url(../img/zeiss-master-img5-11-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f5-11 {
    background-image: url(../img/zeiss-master-img5-11-lg-x2.jpg.webp);
  }
}



.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f6-1 {
  background-image: url(../img/zeiss-master-img6-1-lg.jpg);
  background-size: 1280px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1280px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f6-1 {
    background-image: url(../img/zeiss-master-img6-1-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f6-1 {
  background-image: url(../img/zeiss-master-img6-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f6-1 {
    background-image: url(../img/zeiss-master-img6-1-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f6-2 {
  background-image: url(../img/zeiss-master-img6-2-lg.jpg);
  background-size: 1280px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1280px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f6-2 {
    background-image: url(../img/zeiss-master-img6-2-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f6-2 {
  background-image: url(../img/zeiss-master-img6-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f6-2 {
    background-image: url(../img/zeiss-master-img6-2-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f6-3 {
  background-image: url(../img/zeiss-master-img6-3-lg.jpg);
  background-size: 1278px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1278px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f6-3 {
    background-image: url(../img/zeiss-master-img6-3-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f6-3 {
  background-image: url(../img/zeiss-master-img6-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f6-3 {
    background-image: url(../img/zeiss-master-img6-3-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-1 {
  background-image: url(../img/zeiss-master-img7-1-lg.jpg);
  background-size: 721px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 721px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-1 {
    background-image: url(../img/zeiss-master-img7-1-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-1 {
  background-image: url(../img/zeiss-master-img7-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-1 {
    background-image: url(../img/zeiss-master-img7-1-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-2 {
  background-image: url(../img/zeiss-master-img7-2-lg.jpg);
  background-size: 721px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 721px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-2 {
    background-image: url(../img/zeiss-master-img7-2-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-2 {
  background-image: url(../img/zeiss-master-img7-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-2 {
    background-image: url(../img/zeiss-master-img7-2-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-3 {
  background-image: url(../img/zeiss-master-img7-3-lg.jpg);
  background-size: 1281px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1281px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-3 {
    background-image: url(../img/zeiss-master-img7-3-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-3 {
  background-image: url(../img/zeiss-master-img7-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-3 {
    background-image: url(../img/zeiss-master-img7-3-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-4 {
  background-image: url(../img/zeiss-master-img7-4-lg.jpg);
  background-size: 1280px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1280px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-4 {
    background-image: url(../img/zeiss-master-img7-4-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-4 {
  background-image: url(../img/zeiss-master-img7-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f7-4 {
    background-image: url(../img/zeiss-master-img7-4-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-1 {
  background-image: url(../img/zeiss-master-img8-1-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-1 {
    background-image: url(../img/zeiss-master-img8-1-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-1 {
  background-image: url(../img/zeiss-master-img8-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-1 {
    background-image: url(../img/zeiss-master-img8-1-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-2 {
  background-image: url(../img/zeiss-master-img8-2-lg.jpg);
  background-size: 1440px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1440px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-2 {
    background-image: url(../img/zeiss-master-img8-2-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-2 {
  background-image: url(../img/zeiss-master-img8-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-2 {
    background-image: url(../img/zeiss-master-img8-2-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-3 {
  background-image: url(../img/zeiss-master-img8-3-lg.jpg);
  background-size: 650px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 650px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-3 {
    background-image: url(../img/zeiss-master-img8-3-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-3 {
  background-image: url(../img/zeiss-master-img8-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-3 {
    background-image: url(../img/zeiss-master-img8-3-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-4 {
  background-image: url(../img/zeiss-master-img8-4-lg.jpg);
  background-size: 1280px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1280px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-4 {
    background-image: url(../img/zeiss-master-img8-4-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-4 {
  background-image: url(../img/zeiss-master-img8-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-4 {
    background-image: url(../img/zeiss-master-img8-4-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-5 {
  background-image: url(../img/zeiss-master-img8-5-lg.jpg);
  background-size: 1281px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1281px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-5 {
    background-image: url(../img/zeiss-master-img8-5-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-5 {
  background-image: url(../img/zeiss-master-img8-5-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-5 {
    background-image: url(../img/zeiss-master-img8-5-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-6 {
  background-image: url(../img/zeiss-master-img8-6-lg.jpg);
  background-size: 1280px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1280px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-6 {
    background-image: url(../img/zeiss-master-img8-6-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-6 {
  background-image: url(../img/zeiss-master-img8-6-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-6 {
    background-image: url(../img/zeiss-master-img8-6-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-7 {
  background-image: url(../img/zeiss-master-img8-7-lg.jpg);
  background-size: 1281px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1281px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-7 {
    background-image: url(../img/zeiss-master-img8-7-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-7 {
  background-image: url(../img/zeiss-master-img8-7-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f8-7 {
    background-image: url(../img/zeiss-master-img8-7-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f9-1 {
  background-image: url(../img/zeiss-master-img9-1-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f9-1 {
    background-image: url(../img/zeiss-master-img9-1-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f9-1 {
  background-image: url(../img/zeiss-master-img9-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f9-1 {
    background-image: url(../img/zeiss-master-img9-1-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f9-2 {
  background-image: url(../img/zeiss-master-img9-2-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f9-2 {
    background-image: url(../img/zeiss-master-img9-2-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f9-2 {
  background-image: url(../img/zeiss-master-img9-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f9-2 {
    background-image: url(../img/zeiss-master-img9-2-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f9-3 {
  background-image: url(../img/zeiss-master-img9-3-lg.jpg);
  background-size: 1441px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1441px;
  height: 960px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f9-3 {
    background-image: url(../img/zeiss-master-img9-3-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f9-3 {
  background-image: url(../img/zeiss-master-img9-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-figure-wrapper .umx-master-img-list figure.umx-master-f9-3 {
    background-image: url(../img/zeiss-master-img9-3-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-figure-wrapper .umx-zeiss-master-switch-progress {
  display: none;
}
@media (max-width: 1000px) {
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-zeiss-master-switch-progress {
    display: inline-block;
    position: absolute;
    z-index: 5;
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    font-size: 10px;
    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;
    color: #fff;
    right: 12px;
    bottom: 12px;
    font-family: HanyiVar-vivo-hwid-65;
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .zeiss-master .umx-master-list .umx-figure-wrapper .umx-zeiss-master-switch-progress .umx-zeiss-master-switch-total-progress {
    opacity: 0.5;
  }
}
.zeiss-master .umx-master-list .umx-progress-text {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #313131;
  line-height: 1;
  font-family: HanyiVar-vivo-hwid-65;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  bottom: 24px;
  font-size: 12px;
  color: #6e6e73;
  line-height: 1;
}
@media (max-width: 1000px) {
  .zeiss-master .umx-master-list .umx-progress-text {
    display: none;
  }
}
.zeiss-master .umx-master-list .umx-progress-text .umx-progress-current {
  font-size: 28px;
  color: #fff;
}
.zeiss-master .umx-master-list .umx-box-line {
  position: absolute;
  width: 240px;
  height: 3px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 2px;
  bottom: 7.11%;
  right: 4%;
  z-index: 5;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (max-width: 1000px) {
  .zeiss-master .umx-master-list .umx-box-line {
    display: none;
  }
}
.zeiss-master .umx-master-list .umx-box-line .umx-box-progress-line {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 25%;
  background: #fff;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.zeiss-master .umx-master-list .umx-text-wrapper {
  width: 25%;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #000;
}
@media (max-width: 1000px) {
  .zeiss-master .umx-master-list .umx-text-wrapper {
    display: none;
  }
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller {
  width: 100%;
  height: calc(800 / 1920 * 100vw);
  overflow: hidden;
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller.isScrollTop1 .umx-text-content {
  -webkit-transform: translateY(calc(-80 / 1920 * 100vw));
  -ms-transform: translateY(calc(-80 / 1920 * 100vw));
  transform: translateY(calc(-80 / 1920 * 100vw));
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller.isScrollTop2 .umx-text-content {
  -webkit-transform: translateY(calc(-160 / 1920 * 100vw));
  -ms-transform: translateY(calc(-160 / 1920 * 100vw));
  transform: translateY(calc(-160 / 1920 * 100vw));
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller.isScrollTop3 .umx-text-content {
  -webkit-transform: translateY(calc(-240 / 1920 * 100vw));
  -ms-transform: translateY(calc(-240 / 1920 * 100vw));
  transform: translateY(calc(-240 / 1920 * 100vw));
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller.isScrollTop4 .umx-text-content {
  -webkit-transform: translateY(calc(-320 / 1920 * 100vw));
  -ms-transform: translateY(calc(-320 / 1920 * 100vw));
  transform: translateY(calc(-320 / 1920 * 100vw));
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content {
  width: 100%;
  height: calc(880 / 1920 * 100vw);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-text-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 12px 0;
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-title {
  position: absolute;
  width: 100%;
  height: calc(80 / 1920 * 100vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #86868b;
  font-family: HanyiVar-vivo-hwid-65;
  font-size: 18px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 0;
  cursor: pointer;
  -webkit-transition: bottom 0.5s, height 0.5s, fontSize 0.5s;
  transition: bottom 0.5s, height 0.5s, fontSize 0.5s;
  z-index: 2;
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-desc {
  position: absolute;
  height: calc(80 / 1920 * 100vw);
  width: 100%;
  padding: 16px 48px;
  bottom: 0;
  font-family: HanyiVar-vivo-hwid-65;
  text-align: center;
  color: #ccccd6;
  font-size: 16px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar {
  position: absolute;
  height: calc(480 / 1920 * 100vw) !important;
  width: 100% !important;
  background-repeat: no-repeat;
  background-size: auto 100% !important;
  background-position: center center;
  overflow: hidden;
  opacity: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  top: 0;
  left: 0;
  z-index: 1;
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 33%;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(25%, #000), to(black));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 25%, #000 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 25%, #000 100%);
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-1 {
  background-image: url(../img/zeiss-master-avatar1-lg.jpg);
  background-size: 480px 480px;
  background-position: center;
  background-repeat: no-repeat;
  width: 480px;
  height: 480px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-1 {
    background-image: url(../img/zeiss-master-avatar1-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-1 {
  background-image: url(../img/zeiss-master-avatar1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-1 {
    background-image: url(../img/zeiss-master-avatar1-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-2 {
  background-image: url(../img/zeiss-master-avatar2-lg.jpg);
  background-size: 480px 480px;
  background-position: center;
  background-repeat: no-repeat;
  width: 480px;
  height: 480px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-2 {
    background-image: url(../img/zeiss-master-avatar2-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-2 {
  background-image: url(../img/zeiss-master-avatar2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-2 {
    background-image: url(../img/zeiss-master-avatar2-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-3 {
  background-image: url(../img/zeiss-master-avatar3-lg.jpg);
  background-size: 480px 480px;
  background-position: center;
  background-repeat: no-repeat;
  width: 480px;
  height: 480px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-3 {
    background-image: url(../img/zeiss-master-avatar3-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-3 {
  background-image: url(../img/zeiss-master-avatar3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-3 {
    background-image: url(../img/zeiss-master-avatar3-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-4 {
  background-image: url(../img/zeiss-master-avatar4-lg.jpg);
  background-size: 480px 480px;
  background-position: center;
  background-repeat: no-repeat;
  width: 480px;
  height: 480px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-4 {
    background-image: url(../img/zeiss-master-avatar4-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-4 {
  background-image: url(../img/zeiss-master-avatar4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-4 {
    background-image: url(../img/zeiss-master-avatar4-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-5 {
  background-image: url(../img/zeiss-master-avatar5-lg.jpg);
  background-size: 480px 480px;
  background-position: center;
  background-repeat: no-repeat;
  width: 480px;
  height: 480px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-5 {
    background-image: url(../img/zeiss-master-avatar5-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-5 {
  background-image: url(../img/zeiss-master-avatar5-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-5 {
    background-image: url(../img/zeiss-master-avatar5-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-6 {
  background-image: url(../img/zeiss-master-avatar6-lg.jpg);
  background-size: 480px 480px;
  background-position: center;
  background-repeat: no-repeat;
  width: 480px;
  height: 480px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-6 {
    background-image: url(../img/zeiss-master-avatar6-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-6 {
  background-image: url(../img/zeiss-master-avatar6-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-6 {
    background-image: url(../img/zeiss-master-avatar6-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-7 {
  background-image: url(../img/zeiss-master-avatar7-lg.jpg);
  background-size: 480px 480px;
  background-position: center;
  background-repeat: no-repeat;
  width: 480px;
  height: 480px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-7 {
    background-image: url(../img/zeiss-master-avatar7-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-7 {
  background-image: url(../img/zeiss-master-avatar7-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-7 {
    background-image: url(../img/zeiss-master-avatar7-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-8 {
  background-image: url(../img/zeiss-master-avatar8-lg.jpg);
  background-size: 480px 480px;
  background-position: center;
  background-repeat: no-repeat;
  width: 480px;
  height: 480px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-8 {
    background-image: url(../img/zeiss-master-avatar8-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-8 {
  background-image: url(../img/zeiss-master-avatar8-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-8 {
    background-image: url(../img/zeiss-master-avatar8-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-9 {
  background-image: url(../img/zeiss-master-avatar9-lg.jpg);
  background-size: 480px 480px;
  background-position: center;
  background-repeat: no-repeat;
  width: 480px;
  height: 480px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-9 {
    background-image: url(../img/zeiss-master-avatar9-lg-x2.jpg);
  }
}
.webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-9 {
  background-image: url(../img/zeiss-master-avatar9-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-avatar.master-avatar-9 {
    background-image: url(../img/zeiss-master-avatar9-lg-x2.jpg.webp);
  }
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-table-button {
  position: relative;
  width: 100%;
  height: calc(80 / 1920 * 100vw);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  will-change: height;
  overflow: hidden;
  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;
  cursor: pointer;
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-table-button.current {
  height: calc(480 / 1920 * 100vw);
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-table-button.current .umx-master-avatar {
  opacity: 1;
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-table-button.current .umx-master-title {
  color: #fff;
  bottom: calc(80 / 1920 * 100vw);
  height: 30px;
  font-size: 24px;
  cursor: default;
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-text-scroller .umx-text-content .umx-master-table-button.current .umx-master-desc {
  height: 80px;
  padding: 16px 48px;
  opacity: 1;
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-master-arrow.umx-top-arrow {
  height: calc(80 / 1920 * 100vw);
  width: 100%;
  background-image: url(../img/arrow-top-white.png);
  background-size: 32px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-master-arrow.umx-down-arrow {
  height: calc(80 / 1920 * 100vw);
  width: 100%;
  background-image: url(../img/arrow-down-white.png);
  background-size: 32px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.zeiss-master .umx-master-list .umx-text-wrapper .umx-master-arrow.umx-down-arrow:not(.disabled):hover,
.zeiss-master .umx-master-list .umx-text-wrapper .umx-master-arrow.umx-top-arrow:not(.disabled):hover {
  background-color: #1e1e1e;
}
.zeiss-master .umx-avatar-wrapper {
  display: none;
}
@media (max-width: 1000px) {
  .zeiss-master .umx-avatar-wrapper {
    display: block;
    position: relative;
    height: 92px;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1);
  }
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item.current {
    opacity: 1;
  }
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure {
    margin-right: 16px;
    width: 60px;
    height: 60px;
    background-color: #000;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img1 {
    background-image: url(../img/zeiss-master-avatar1-mb.jpg);
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img1 {
    background-image: url(../img/zeiss-master-avatar1-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img1 {
    background-image: url(../img/zeiss-master-avatar1-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img1 {
    background-image: url(../img/zeiss-master-avatar1-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img2 {
    background-image: url(../img/zeiss-master-avatar2-mb.jpg);
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img2 {
    background-image: url(../img/zeiss-master-avatar2-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img2 {
    background-image: url(../img/zeiss-master-avatar2-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img2 {
    background-image: url(../img/zeiss-master-avatar2-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img3 {
    background-image: url(../img/zeiss-master-avatar3-mb.jpg);
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img3 {
    background-image: url(../img/zeiss-master-avatar3-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img3 {
    background-image: url(../img/zeiss-master-avatar3-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img3 {
    background-image: url(../img/zeiss-master-avatar3-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img4 {
    background-image: url(../img/zeiss-master-avatar4-mb.jpg);
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img4 {
    background-image: url(../img/zeiss-master-avatar4-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img4 {
    background-image: url(../img/zeiss-master-avatar4-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img4 {
    background-image: url(../img/zeiss-master-avatar4-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img5 {
    background-image: url(../img/zeiss-master-avatar5-mb.jpg);
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img5 {
    background-image: url(../img/zeiss-master-avatar5-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img5 {
    background-image: url(../img/zeiss-master-avatar5-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img5 {
    background-image: url(../img/zeiss-master-avatar5-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img6 {
    background-image: url(../img/zeiss-master-avatar6-mb.jpg);
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img6 {
    background-image: url(../img/zeiss-master-avatar6-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img6 {
    background-image: url(../img/zeiss-master-avatar6-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img6 {
    background-image: url(../img/zeiss-master-avatar6-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img7 {
    background-image: url(../img/zeiss-master-avatar7-mb.jpg);
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img7 {
    background-image: url(../img/zeiss-master-avatar7-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img7 {
    background-image: url(../img/zeiss-master-avatar7-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img7 {
    background-image: url(../img/zeiss-master-avatar7-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img8 {
    background-image: url(../img/zeiss-master-avatar8-mb.jpg);
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img8 {
    background-image: url(../img/zeiss-master-avatar8-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img8 {
    background-image: url(../img/zeiss-master-avatar8-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img8 {
    background-image: url(../img/zeiss-master-avatar8-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img9 {
    background-image: url(../img/zeiss-master-avatar9-mb.jpg);
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img9 {
    background-image: url(../img/zeiss-master-avatar9-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img9 {
    background-image: url(../img/zeiss-master-avatar9-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-master .umx-avatar-wrapper .umx-avatar-item figure.umx-avatar-img9 {
    background-image: url(../img/zeiss-master-avatar9-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item .umx-avatar-info h3 {
    font-size: 16px;
    line-height: 21px;
    font-family: HanyiVar-vivo-hwid-65;
    color: #000;
    margin-bottom: 4px;
  }
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item .umx-avatar-info p {
    font-size: 12px;
    line-height: 15px;
    font-family: HanyiVar-vivo-hwid-65;
    color: #86868b;
  }
}
.zeiss-master .umx-master-mb-picture-options-container {
  display: none;
}
@media (max-width: 1000px) {
  .zeiss-master .umx-master-mb-picture-options-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-drop-button {
    width: 163px;
    height: 32px;
    background: #fff;
    border-radius: 35px;
    border: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 12px;
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-current-name {
    font-size: 12px;
    font-family: HanyiVar-vivo-hwid-65;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-down {
    width: 16px;
    height: 16px;
    background-image: url(../img/arrow-down-black.png);
    background-size: 100% auto;
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-button {
    width: 84px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-button > div {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    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;
    position: relative;
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-button > div svg {
    width: 32px;
    height: 32px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-button > div span {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px;
    z-index: 3;
    background-size: 100% auto;
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-arrow-left {
    background-image: url(../img/arrow-left-black.png);
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-arrow-right {
    background-image: url(../img/arrow-right-black.png);
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-button > div.disabled .umx-master-mb-arrow-left {
    background-image: url(../img/arrow-left-grey.png);
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-button > div.disabled circle.black {
    display: none;
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-button > div.disabled .umx-master-mb-arrow-right {
    background-image: url(../img/arrow-right-grey.png);
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-button > div svg circle {
    stroke: #000;
    stroke-width: 4px;
    stroke-dashoffset: 0;
    stroke-dasharray: 185;
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-right svg circle.black {
    stroke-dashoffset: 185;
    -webkit-animation: none;
    animation: none;
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-right.timing svg circle.black {
    -webkit-animation: buttonCircle 3s linear;
    animation: buttonCircle 3s linear;
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-button > div svg circle {
    stroke: #000;
    stroke-width: 4px;
    stroke-dashoffset: 0;
    stroke-dasharray: 185;
  }
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-arrow-button > div svg .grey {
    stroke: #989898;
  }
}
.umx-zeiss-master-selector-popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
}
.umx-zeiss-master-selector-popup .umx-zeiss-master-selector-popup-mask {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-animation: popupMask 0.5s;
  animation: popupMask 0.5s;
}
.umx-zeiss-master-selector-popup .umx-zeiss-master-selector-popup-content {
  background-color: #fff;
  position: absolute;
  z-index: 2;
  bottom: 0;
  padding: 16px 16px 24px 16px;
  width: 100%;
  -webkit-animation: mbSelectorContent 0.5s;
  animation: mbSelectorContent 0.5s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.umx-zeiss-master-selector-popup .umx-zeiss-master-selector-popup-content h4 {
  font-family: HanyiVar-vivo-hwid-65;
  font-size: 12px;
  color: #6e6e73;
  line-height: 15px;
  margin-bottom: 16px;
}
.umx-zeiss-master-selector-popup .umx-zeiss-master-selector-option-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.umx-zeiss-master-selector-popup .umx-zeiss-master-selector-option-list span {
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  color: #6e6e73;
  padding: 8px 12px;
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  margin-right: 8px;
  margin-bottom: 8px;
  background: #f2f2f2;
}
.umx-zeiss-master-selector-popup .umx-zeiss-master-selector-option-list span.current {
  background-color: #fff;
  border-color: #000;
  color: #000;
}
.zeiss-images {
  padding: 160px 0;
}
@media (max-width: 1600px) {
  .zeiss-images {
    padding: 90px 0;
  }
}
@media (max-width: 1000px) {
  .zeiss-images {
    padding: 40px 0;
  }
}
.zeiss-images .umx-section {
  padding-top: 0;
}
.zeiss-images .umx-section .umx-title {
  width: 1600px;
}
@media (min-width: 1921px) {
  .zeiss-images .umx-section .umx-title {
    width: 2120px;
  }
}
@media (max-width: 1600px) {
  .zeiss-images .umx-section .umx-title {
    width: 1230px;
  }
}
@media (max-width: 1000px) {
  .zeiss-images .umx-section .umx-title {
    width: auto;
  }
}
.zeiss-images .umx-section .umx-title .umx-main-title {
  font-size: 80px;
  margin-bottom: 80px;
}
@media (max-width: 1600px) {
  .zeiss-images .umx-section .umx-title .umx-main-title {
    font-size: 54px;
    line-height: 59px;
    margin-bottom: 59px;
  }
}
@media (max-width: 1000px) {
  .zeiss-images .umx-section .umx-title .umx-main-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.zeiss-images .umx-horizontal-scroll-wrapper {
  height: 800vh;
  background-color: #000;
}
@media (max-width: 1000px) {
  .zeiss-images .umx-horizontal-scroll-wrapper {
    height: auto;
  }
}
@media (max-width: 1000px) {
  .zeiss-images .umx-stickyBox {
    height: auto;
  }
}
.zeiss-images .umx-images-list {
  position: relative;
  height: 100%;
}
@media (max-width: 1000px) {
  .zeiss-images .umx-images-list {
    display: none;
  }
}
.zeiss-images .umx-images-list .umx-canvas-wrapper {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
  width: 1920px;
  height: 1080px;
  background-color: #000;
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .umx-canvas-wrapper {
    width: 2560px;
    height: 1300px;
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .umx-canvas-wrapper {
    width: 1440px;
    height: 900px;
  }
}
@media (max-width: 1000px) {
  .zeiss-images .umx-images-list .umx-canvas-wrapper {
    display: none;
    width: 100vw;
    height: 177.86667vw;
  }
}
.zeiss-images .umx-images-list .umx-canvas-wrapper #zeiss-images-canvas {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.zeiss-images .umx-images-list .umx-canvas-wrapper #zeiss-images-canvas video {
  position: absolute;
  width: 100%;
  height: 100%;
}
.zeiss-images .umx-images-list .zeiss-images-gallery {
  position: relative;
  height: 100%;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 100%;
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 210px;
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content {
    padding: 0 120px;
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 18px;
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section {
    margin: 0 24px;
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section {
    margin: 0 12px;
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section .zeiss-images-gallery-text {
  position: absolute;
  left: 80px;
  top: 273px;
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section .zeiss-images-gallery-text {
    left: 106px;
    top: 364px;
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section .zeiss-images-gallery-text {
    left: 60px;
    top: 205px;
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section .zeiss-images-gallery-text .zeiss-images-gallery-model {
  font-family: vivotypeCNBold;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  color: #fff;
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section .zeiss-images-gallery-text .zeiss-images-gallery-model {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section .zeiss-images-gallery-text .zeiss-images-gallery-model {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px;
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section .zeiss-images-gallery-text .zeiss-images-gallery-title {
  font-family: HanyiVar-vivo-hwid-65;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 16px;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  color: #fff;
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section .zeiss-images-gallery-text .zeiss-images-gallery-title {
    font-size: 42px;
    line-height: 53px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section .zeiss-images-gallery-text .zeiss-images-gallery-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section .zeiss-images-gallery-text .zeiss-images-gallery-intro {
  font-size: 18px;
  font-family: HanyiVar-vivo-hwid-65;
  line-height: 27px;
  color: #86868b;
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section .zeiss-images-gallery-text .zeiss-images-gallery-intro {
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section .zeiss-images-gallery-text .zeiss-images-gallery-intro {
    font-size: 14px;
    line-height: 20px;
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure {
  position: relative;
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-x90-figure {
  background-image: url(../img/zeiss-images-phone1-lg.jpg);
  background-size: 1011px 675px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1011px;
  height: 675px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-lg-x2.jpg);
  }
}
.webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-x90-figure {
  background-image: url(../img/zeiss-images-phone1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-xl.jpg);
    background-size: 1345px 898px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1345px;
    height: 898px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-xl-x2.jpg.webp);
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-md.jpg);
    background-size: 758px 506px;
    background-position: center;
    background-repeat: no-repeat;
    width: 758px;
    height: 506px;
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-md-x2.jpg);
  }
}
@media (max-width: 1440px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-md.jpg.webp);
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-md-x2.jpg.webp);
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xflip-figure {
  background-image: url(../img/zeiss-images-phone2-lg.jpg);
  background-size: 1011px 675px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1011px;
  height: 675px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-lg-x2.jpg);
  }
}
.webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xflip-figure {
  background-image: url(../img/zeiss-images-phone2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-xl.jpg);
    background-size: 1345px 898px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1345px;
    height: 898px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-xl-x2.jpg.webp);
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-md.jpg);
    background-size: 758px 506px;
    background-position: center;
    background-repeat: no-repeat;
    width: 758px;
    height: 506px;
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-md-x2.jpg);
  }
}
@media (max-width: 1440px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-md.jpg.webp);
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-md-x2.jpg.webp);
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xfold2-figure {
  background-image: url(../img/zeiss-images-phone3-lg.jpg);
  background-size: 1011px 675px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1011px;
  height: 675px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-lg-x2.jpg);
  }
}
.webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xfold2-figure {
  background-image: url(../img/zeiss-images-phone3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-xl.jpg);
    background-size: 1345px 898px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1345px;
    height: 898px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-xl-x2.jpg.webp);
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-md.jpg);
    background-size: 758px 506px;
    background-position: center;
    background-repeat: no-repeat;
    width: 758px;
    height: 506px;
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-md-x2.jpg);
  }
}
@media (max-width: 1440px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-md.jpg.webp);
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-section figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-md-x2.jpg.webp);
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure .zeiss-images-xfold2-video {
  width: 1200px;
  height: 675px;
  margin: 0 24px;
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure .zeiss-images-xfold2-video {
    width: 1596px;
    height: 898px;
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure .zeiss-images-xfold2-video {
    width: 900px;
    height: 506px;
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure .zeiss-images-xfold2-video video {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ie .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure .zeiss-images-xfold2-video video {
  width: 100vm;
  height: auto;
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure .umx-images-video-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: none;
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure {
  position: relative;
  margin: 0 18px;
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure {
    margin: 0 24px;
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure {
    margin: 0 12px;
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f1 {
  background-image: url(../img/zeiss-images-img1-1-lg.jpg);
  background-size: 968px 675px;
  background-position: center;
  background-repeat: no-repeat;
  width: 968px;
  height: 675px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-lg-x2.jpg);
  }
}
.webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f1 {
  background-image: url(../img/zeiss-images-img1-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-xl.jpg);
    background-size: 1286px 898px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1286px;
    height: 898px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-xl-x2.jpg.webp);
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-md.jpg);
    background-size: 725px 506px;
    background-position: center;
    background-repeat: no-repeat;
    width: 725px;
    height: 506px;
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-md-x2.jpg);
  }
}
@media (max-width: 1440px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-md.jpg.webp);
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-md-x2.jpg.webp);
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f2 {
  background-image: url(../img/zeiss-images-img1-2-lg.jpg);
  background-size: 969px 675px;
  background-position: center;
  background-repeat: no-repeat;
  width: 969px;
  height: 675px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-lg-x2.jpg);
  }
}
.webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f2 {
  background-image: url(../img/zeiss-images-img1-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-xl.jpg);
    background-size: 1287px 898px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1287px;
    height: 898px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-xl-x2.jpg.webp);
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-md.jpg);
    background-size: 726px 506px;
    background-position: center;
    background-repeat: no-repeat;
    width: 726px;
    height: 506px;
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-md-x2.jpg);
  }
}
@media (max-width: 1440px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-md.jpg.webp);
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-md-x2.jpg.webp);
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f3 {
  background-image: url(../img/zeiss-images-img1-3-lg.jpg);
  background-size: 968px 675px;
  background-position: center;
  background-repeat: no-repeat;
  width: 968px;
  height: 675px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-lg-x2.jpg);
  }
}
.webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f3 {
  background-image: url(../img/zeiss-images-img1-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-xl.jpg);
    background-size: 1286px 898px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1286px;
    height: 898px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-xl-x2.jpg.webp);
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-md.jpg);
    background-size: 725px 506px;
    background-position: center;
    background-repeat: no-repeat;
    width: 725px;
    height: 506px;
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-md-x2.jpg);
  }
}
@media (max-width: 1440px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-md.jpg.webp);
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-md-x2.jpg.webp);
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f4 {
  background-image: url(../img/zeiss-images-img1-4-lg.jpg);
  background-size: 901px 675px;
  background-position: center;
  background-repeat: no-repeat;
  width: 901px;
  height: 675px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-lg-x2.jpg);
  }
}
.webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f4 {
  background-image: url(../img/zeiss-images-img1-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-xl.jpg);
    background-size: 1197px 898px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1197px;
    height: 898px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-xl-x2.jpg.webp);
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-md.jpg);
    background-size: 675px 506px;
    background-position: center;
    background-repeat: no-repeat;
    width: 675px;
    height: 506px;
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-md-x2.jpg);
  }
}
@media (max-width: 1440px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-md.jpg.webp);
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-md-x2.jpg.webp);
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f1 {
  background-image: url(../img/zeiss-images-img2-1-lg.jpg);
  background-size: 900px 675px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 675px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-lg-x2.jpg);
  }
}
.webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f1 {
  background-image: url(../img/zeiss-images-img2-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-xl.jpg);
    background-size: 1197px 898px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1197px;
    height: 898px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-xl-x2.jpg.webp);
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-md.jpg);
    background-size: 675px 506px;
    background-position: center;
    background-repeat: no-repeat;
    width: 675px;
    height: 506px;
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-md-x2.jpg);
  }
}
@media (max-width: 1440px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-md.jpg.webp);
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-md-x2.jpg.webp);
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f2 {
  background-image: url(../img/zeiss-images-img2-2-lg.jpg);
  background-size: 1108px 675px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1108px;
  height: 675px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-lg-x2.jpg);
  }
}
.webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f2 {
  background-image: url(../img/zeiss-images-img2-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-xl.jpg);
    background-size: 1474px 898px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1474px;
    height: 898px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-xl-x2.jpg.webp);
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-md.jpg);
    background-size: 831px 506px;
    background-position: center;
    background-repeat: no-repeat;
    width: 831px;
    height: 506px;
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-md-x2.jpg);
  }
}
@media (max-width: 1440px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-md.jpg.webp);
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-md-x2.jpg.webp);
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f3 {
  background-image: url(../img/zeiss-images-img2-3-lg.jpg);
  background-size: 1108px 675px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1108px;
  height: 675px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-lg-x2.jpg);
  }
}
.webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f3 {
  background-image: url(../img/zeiss-images-img2-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-xl.jpg);
    background-size: 1474px 898px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1474px;
    height: 898px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-xl-x2.jpg.webp);
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-md.jpg);
    background-size: 831px 506px;
    background-position: center;
    background-repeat: no-repeat;
    width: 831px;
    height: 506px;
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-md-x2.jpg);
  }
}
@media (max-width: 1440px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-md.jpg.webp);
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-md-x2.jpg.webp);
  }
}
.zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xfold2-f1 {
  background-image: url(../img/zeiss-images-img3-1-lg.jpg);
  background-size: 900px 675px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 675px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-lg-x2.jpg);
  }
}
.webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xfold2-f1 {
  background-image: url(../img/zeiss-images-img3-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-xl.jpg);
    background-size: 1197px 898px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1197px;
    height: 898px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-xl-x2.jpg.webp);
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-md.jpg);
    background-size: 675px 506px;
    background-position: center;
    background-repeat: no-repeat;
    width: 675px;
    height: 506px;
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-md-x2.jpg);
  }
}
@media (max-width: 1440px) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-md.jpg.webp);
  }
}
@media only screen and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1440px) and (min-resolution: 1.5dppx),
  (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1440px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-images-list .zeiss-images-gallery .zeiss-images-gallery-content .zeiss-images-gallery-figure figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-md-x2.jpg.webp);
  }
}
.zeiss-images .umx-images-text-progress {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 28px;
  top: 50%;
  left: 50%;
  margin-top: 400px;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-text-progress {
    margin-top: 480px;
  }
}
@media (max-width: 1440px) {
  .zeiss-images .umx-images-text-progress {
    margin-top: 280px;
  }
}
@media (max-width: 1000px) {
  .zeiss-images .umx-images-text-progress {
    display: none;
  }
}
.zeiss-images .umx-images-text-progress .umx-images-progress-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.zeiss-images .umx-images-text-progress .umx-images-current-progress {
  font-size: 21px;
  font-family: HanyiVar-vivo-hwid-75;
  line-height: 1;
  margin-right: 4px;
  color: #fff;
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-text-progress .umx-images-current-progress {
    font-size: 37px;
    margin-right: 5px;
  }
}
.zeiss-images .umx-images-text-progress .umx-images-total-progress {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px;
  font-family: HanyiVar-vivo-hwid-65;
  line-height: 1;
  color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 1921px) {
  .zeiss-images .umx-images-text-progress .umx-images-total-progress {
    font-size: 16px;
  }
}
.zeiss-images .umx-images-text-progress .umx-images-total-progress-line {
  position: relative;
  margin-top: 10px;
  width: 155px;
  height: 2px;
  background: #686868;
  border-radius: 2px;
}
.zeiss-images .umx-images-text-progress .umx-images-total-progress-line .umx-images-total-progress-inner-line {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 25%;
  background: #fff;
  border-radius: 2px;
}
.zeiss-images .umx-canvas-text {
  position: absolute;
  bottom: 160px;
  right: 192px;
  font-size: 0;
}
@media (max-width: 1440px) {
  .zeiss-images .umx-canvas-text {
    bottom: 180px;
    right: 42px;
  }
}
@media (max-width: 1000px) {
  .zeiss-images .umx-canvas-text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 24px;
    padding-top: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.zeiss-images .umx-canvas-text .umx-canvas-title {
  font-family: HanyiVar-vivo-hwid-65;
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  margin-bottom: 16px;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
@media (max-width: 1440px) {
  .zeiss-images .umx-canvas-text .umx-canvas-title {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 1000px) {
  .zeiss-images .umx-canvas-text .umx-canvas-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
  }
}
.zeiss-images .umx-canvas-text .umx-canvas-intro {
  margin: 0 0 48px 0;
  padding: 0;
}
@media (max-width: 1000px) {
  .zeiss-images .umx-canvas-text .umx-canvas-intro {
    margin: 0;
  }
}
.zeiss-images .umx-canvas-text .umx-canvas-intro p {
  width: 100%;
  font-size: 18px;
  font-family: HanyiVar-vivo-hwid-65;
  line-height: 27px;
  color: #86868b;
}
@media (max-width: 1440px) {
  .zeiss-images .umx-canvas-text .umx-canvas-intro p {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 1000px) {
  .zeiss-images .umx-canvas-text .umx-canvas-intro p {
    font-size: 12px;
    line-height: 15px;
  }
}
.zeiss-images .umx-canvas-text .umx-canvas-intro p sup {
  font-size: 0.45em;
}
@media (max-width: 1000px) {
  .zeiss-images .umx-canvas-text .camera-video-benefits {
    padding-top: 24px;
    margin-top: 80vw;
  }
}
.zeiss-images .umx-canvas-text .camera-video-benefits .camera-video-benefit {
  display: inline-block;
  margin-right: 48px;
}
@media (max-width: 1000px) {
  .zeiss-images .umx-canvas-text .camera-video-benefits .camera-video-benefit {
    white-space: nowrap;
    margin-right: 0;
    vertical-align: top;
    width: 120px;
    margin-bottom: 36px;
  }
}
.zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-icon {
  display: block;
  width: 48px;
  height: 48px;
  background-size: 100% auto;
  margin-bottom: 16px;
}
@media (max-width: 1440px) {
  .zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-icon {
    width: 36px;
    height: 36px;
    margin-bottom: 12px;
  }
}
@media (max-width: 1000px) {
  .zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-icon {
    width: 28px;
    height: 28px;
    margin-bottom: 12px;
  }
}
.zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-icon.camera-benefit-icon-1 {
  background-image: url(../img/camera-video-icon-1.png);
}
.zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-icon.camera-benefit-icon-2 {
  background-image: url(../img/camera-video-icon-2.png);
}
.zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-icon.camera-benefit-icon-3 {
  background-image: url(../img/camera-video-icon-3.png);
}
.zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-icon.camera-benefit-icon-4 {
  background-image: url(../img/camera-video-icon-4.png);
}
.zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-text {
  font-size: 14px;
  font-family: HanyiVar-vivo-hwid-65;
  color: #86868b;
  line-height: 16px;
}
@media (max-width: 1440px) {
  .zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-text {
    font-size: 12px;
    line-height: 12px;
  }
}
@media (max-width: 1000px) {
  .zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-text {
    font-size: 14px;
    color: #fff;
    line-height: 19px;
    display: block;
  }
}
.zeiss-images .zeiss-images-phone-table {
  position: absolute;
  left: 217px;
  bottom: 0;
}
@media (max-width: 1000px) {
  .zeiss-images .zeiss-images-phone-table {
    display: none;
  }
}
.zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item {
  position: relative;
  width: 290px;
  height: 86px;
  margin-right: 16px;
  background-color: #1a1a1a;
  opacity: 0.4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item.current {
  opacity: 1;
  width: 374px;
}
.zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item.current .zeiss-images-phone-title {
  opacity: 1;
}
.zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item.current .zeiss-images-phone-wrapper {
  height: 152px;
}
.zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-title {
  position: absolute;
  margin-left: 27px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-family: HanyiVar-vivo-hwid-65;
  font-size: 24px;
  line-height: 32px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-wrapper {
  position: absolute;
  width: 290px;
  height: 86px;
  bottom: 0;
  right: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure {
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-x90-figure {
  -webkit-transform: translate(24%, 0) scale(1.3);
  -ms-transform: translate(24%, 0) scale(1.3);
  transform: translate(24%, 0) scale(1.3);
  background-image: url(../img/zeiss-images-phone1-lg.png);
  background-size: 239px 293px;
  background-position: center;
  background-repeat: no-repeat;
  width: 239px;
  height: 293px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-lg-x2.png);
  }
}
.webp .zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-x90-figure {
  background-image: url(../img/zeiss-images-phone1-lg.png.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-lg-x2.png.webp);
  }
}
.zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xflip-figure {
  -webkit-transform: translate(54%, 26%) scale(1.4);
  -ms-transform: translate(54%, 26%) scale(1.4);
  transform: translate(54%, 26%) scale(1.4);
  background-image: url(../img/zeiss-images-phone2-lg.png);
  background-size: 181px 158px;
  background-position: center;
  background-repeat: no-repeat;
  width: 181px;
  height: 158px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-lg-x2.png);
  }
}
.webp .zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xflip-figure {
  background-image: url(../img/zeiss-images-phone2-lg.png.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-lg-x2.png.webp);
  }
}
.zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xfold2-figure {
  -webkit-transform: translate(-9%, 8%) scale(1.3);
  -ms-transform: translate(-9%, 8%) scale(1.3);
  transform: translate(-9%, 8%) scale(1.3);
  background-image: url(../img/zeiss-images-phone3-lg.png);
  background-size: 242px 289px;
  background-position: center;
  background-repeat: no-repeat;
  width: 242px;
  height: 289px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-lg-x2.png);
  }
}
.webp .zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xfold2-figure {
  background-image: url(../img/zeiss-images-phone3-lg.png.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-images .zeiss-images-phone-table .zeiss-images-phone-list .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-lg-x2.png.webp);
  }
}
.zeiss-images .umx-zeiss-images-mb-wrapper {
  display: none;
}
@media (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper {
    position: relative;
    display: block;
    background-color: #000;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage1 {
    position: relative;
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage1 .zeiss-images-mb-f1 {
    background-image: url(../img/zeiss-frame-mb.png);
    background-size: 375px 400px;
    background-position: center;
    background-repeat: no-repeat;
    width: 375px;
    height: 400px;
    background-size: 100vw 106.66667vw;
    width: 100vw;
    height: 106.66667vw;
    padding-top: 40vw;
    padding-bottom: 40vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage1 .zeiss-images-mb-f1 {
    background-image: url(../img/zeiss-frame-mb-x2.png);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage1 .zeiss-images-mb-f1 {
    background-image: url(../img/zeiss-frame-mb.png.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage1 .zeiss-images-mb-f1 {
    background-image: url(../img/zeiss-frame-mb-x2.png.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 {
    position: relative;
    padding-bottom: 30px;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item {
    position: relative;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-image-title {
    position: absolute;
    margin-bottom: 24px;
    top: 35px;
    left: 20px;
    z-index: 2;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-image-title h1 {
    font-family: vivotypeCNBold;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    color: #fff;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-image-title h2 {
    font-family: HanyiVar-vivo-hwid-65;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 12px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-image-title p {
    font-size: 12px;
    font-family: HanyiVar-vivo-hwid-65;
    line-height: 18px;
    color: #86868b;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item {
    position: relative;
    width: 100%;
    margin-top: 55px;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-title {
    padding-left: 24px;
    line-height: 70px;
    font-size: 16px;
    color: #fff;
    font-family: HanyiVar-vivo-hwid-65;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure {
    position: relative;
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-mb.jpg);
    background-size: 327px 190px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 190px;
    background-size: 87.2vw 50.66667vw;
    width: 87.2vw;
    height: 50.66667vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-x90-figure {
    background-image: url(../img/zeiss-images-phone1-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-mb.jpg);
    background-size: 327px 190px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 190px;
    background-size: 87.2vw 50.66667vw;
    width: 87.2vw;
    height: 50.66667vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xflip-figure {
    background-image: url(../img/zeiss-images-phone2-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-mb.jpg);
    background-size: 327px 190px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 190px;
    background-size: 87.2vw 50.66667vw;
    width: 87.2vw;
    height: 50.66667vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .zeiss-images-phone-item .zeiss-images-phone-figure.zeiss-images-xfold2-figure {
    background-image: url(../img/zeiss-images-phone3-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery {
    position: relative;
    width: 87.2vw;
    height: 65.33333vw;
    margin-top: 12px;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery .umx-zeiss-images-switch-info {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery .umx-zeiss-images-switch-info .umx-zeiss-images-switch-btn-left {
    position: absolute;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.3);
    top: 50%;
    margin-top: -16px;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 16px 16px;
    left: 12px;
    background-image: url(../img/arrow-left-white.png);
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery .umx-zeiss-images-switch-info .umx-zeiss-images-switch-btn-right {
    position: absolute;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.3);
    top: 50%;
    margin-top: -16px;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 16px 16px;
    right: 12px;
    background-image: url(../img/arrow-right-white.png);
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery .umx-zeiss-images-switch-info .umx-zeiss-images-switch-progress {
    position: absolute;
    z-index: 5;
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    font-size: 10px;
    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;
    color: #fff;
    right: 12px;
    bottom: 12px;
    font-family: HanyiVar-vivo-hwid-65;
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .zeiss-images
    .umx-zeiss-images-mb-wrapper
    .umx-zeiss-images-stage2
    .umx-zeiss-images-item
    .umx-zeiss-images-gallery
    .umx-zeiss-images-switch-info
    .umx-zeiss-images-switch-progress
    .umx-zeiss-images-switch-total-progress {
    opacity: 0.5;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery .umx-zeiss-images-gallery-list {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.current {
    opacity: 1;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure .images-video-satus-button {
    position: absolute;
    width: 48px;
    height: 48px;
    background-image: url(../img/icon-video-stop-white.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    left: 48px;
    bottom: 48px;
    cursor: pointer;
    z-index: 9;
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure .images-video-satus-button {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    background-image: url(../img/icon-video-play-white.png);
    top: 50%;
    left: 50%;
    bottom: auto;
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-mb.jpg);
    background-size: 327px 245px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 245px;
    background-size: 87.2vw 65.33333vw;
    width: 87.2vw;
    height: 65.33333vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f1 {
    background-image: url(../img/zeiss-images-img1-1-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-mb.jpg);
    background-size: 327px 245px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 245px;
    background-size: 87.2vw 65.33333vw;
    width: 87.2vw;
    height: 65.33333vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f2 {
    background-image: url(../img/zeiss-images-img1-2-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-mb.jpg);
    background-size: 327px 245px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 245px;
    background-size: 87.2vw 65.33333vw;
    width: 87.2vw;
    height: 65.33333vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f3 {
    background-image: url(../img/zeiss-images-img1-3-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-mb.jpg);
    background-size: 327px 245px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 245px;
    background-size: 87.2vw 65.33333vw;
    width: 87.2vw;
    height: 65.33333vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-x90-f4 {
    background-image: url(../img/zeiss-images-img1-4-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-mb.jpg);
    background-size: 327px 245px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 245px;
    background-size: 87.2vw 65.33333vw;
    width: 87.2vw;
    height: 65.33333vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xflip-f1 {
    background-image: url(../img/zeiss-images-img2-1-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-mb.jpg);
    background-size: 327px 245px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 245px;
    background-size: 87.2vw 65.33333vw;
    width: 87.2vw;
    height: 65.33333vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xflip-f2 {
    background-image: url(../img/zeiss-images-img2-2-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-mb.jpg);
    background-size: 327px 245px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 245px;
    background-size: 87.2vw 65.33333vw;
    width: 87.2vw;
    height: 65.33333vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xflip-f3 {
    background-image: url(../img/zeiss-images-img2-3-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-mb.jpg);
    background-size: 327px 245px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 245px;
    background-size: 87.2vw 65.33333vw;
    width: 87.2vw;
    height: 65.33333vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xfold2-f1 {
    background-image: url(../img/zeiss-images-img3-1-mb-x2.jpg.webp);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xfold2-f2 {
    background-image: url(../img/zeiss-images-img3-2-mb.jpg);
    background-size: 327px 245px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 245px;
    background-size: 87.2vw 65.33333vw;
    width: 87.2vw;
    height: 65.33333vw;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xfold2-f2 {
    background-image: url(../img/zeiss-images-img3-2-mb-x2.jpg);
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xfold2-f2 {
    background-image: url(../img/zeiss-images-img3-2-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage2 .umx-zeiss-images-item .umx-zeiss-images-gallery figure.zeiss-images-xfold2-f2 {
    background-image: url(../img/zeiss-images-img3-2-mb-x2.jpg.webp);
  }
}
.zeiss-lensbag {
  padding: 160px 0;
}
@media (max-width: 1600px) {
  .zeiss-lensbag {
    padding: 90px 0;
  }
}
@media (max-width: 1000px) {
  .zeiss-lensbag {
    padding: 40px 0;
  }
}
.zeiss-lensbag .umx-section {
  padding-top: 0;
}
.zeiss-lensbag .umx-section .umx-title {
  width: 1600px;
}
@media (min-width: 1921px) {
  .zeiss-lensbag .umx-section .umx-title {
    width: 2120px;
  }
}
@media (max-width: 1600px) {
  .zeiss-lensbag .umx-section .umx-title {
    width: 1230px;
  }
}
@media (max-width: 1000px) {
  .zeiss-lensbag .umx-section .umx-title {
    width: auto;
  }
}
.zeiss-lensbag .umx-section .umx-title .umx-main-title {
  font-size: 80px;
  margin-bottom: 80px;
}
@media (max-width: 1600px) {
  .zeiss-lensbag .umx-section .umx-title .umx-main-title {
    font-size: 54px;
    line-height: 59px;
    margin-bottom: 59px;
  }
}
@media (max-width: 1000px) {
  .zeiss-lensbag .umx-section .umx-title .umx-main-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.zeiss-lensbag .umx-lensbag-list {
  position: relative;
  width: 100%;
  height: calc(675 / 1920 * 100vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1000px) {
  .zeiss-lensbag .umx-lensbag-list {
    height: 56vw;
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper {
  position: relative;
  width: calc(1200 / 1920 * 100vw);
  height: 100%;
  overflow: hidden;
  background-color: #000;
}
@media (max-width: 1000px) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper {
    width: 100%;
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper:hover .umx-lensbag-arrow {
  opacity: 1;
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list.current {
  opacity: 1;
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .zeiss-lensbag-video {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #000;
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .zeiss-lensbag-video.current {
  opacity: 1;
  visibility: visible;
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .zeiss-lensbag-video .umx-lensbag-video {
  position: relative;
  width: 100%;
  height: 100%;
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .zeiss-lensbag-video video {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ie .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .zeiss-lensbag-video video {
  width: 100vm;
  height: auto;
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .zeiss-lensbag-video .lensbag-video-satus-button {
  position: absolute;
  width: 48px;
  height: 48px;
  background-image: url(../img/icon-video-stop-white.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  left: 48px;
  bottom: 48px;
  cursor: pointer;
  z-index: 9;
}
@media (max-width: 1000px) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .zeiss-lensbag-video .lensbag-video-satus-button {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    background-image: url(../img/icon-video-play-white.png);
    top: 50%;
    left: 50%;
    bottom: auto;
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .zeiss-lensbag-video .lensbag-video-satus-button.play {
  background-image: url(../img/icon-video-play-white.png);
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: none;
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  width: 100% !important;
  height: 100% !important;
  background-color: #000;
  background-size: auto 100% !important;
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.current {
  opacity: 1;
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-horizontal-background {
  background-size: 100% auto !important;
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-1 {
  background-image: url(../img/zeiss-lensbag-img1-1-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-1 {
    background-image: url(../img/zeiss-lensbag-img1-1-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-1 {
  background-image: url(../img/zeiss-lensbag-img1-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-1 {
    background-image: url(../img/zeiss-lensbag-img1-1-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-2 {
  background-image: url(../img/zeiss-lensbag-img1-2-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-2 {
    background-image: url(../img/zeiss-lensbag-img1-2-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-2 {
  background-image: url(../img/zeiss-lensbag-img1-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-2 {
    background-image: url(../img/zeiss-lensbag-img1-2-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-3 {
  background-image: url(../img/zeiss-lensbag-img1-3-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-3 {
    background-image: url(../img/zeiss-lensbag-img1-3-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-3 {
  background-image: url(../img/zeiss-lensbag-img1-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-3 {
    background-image: url(../img/zeiss-lensbag-img1-3-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-4 {
  background-image: url(../img/zeiss-lensbag-img1-4-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-4 {
    background-image: url(../img/zeiss-lensbag-img1-4-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-4 {
  background-image: url(../img/zeiss-lensbag-img1-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-4 {
    background-image: url(../img/zeiss-lensbag-img1-4-lg-x2.jpg.webp);
  }
}


.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-5 {
  background-image: url(../img/zeiss-lensbag-img1-5-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-5 {
    background-image: url(../img/zeiss-lensbag-img1-5-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-5 {
  background-image: url(../img/zeiss-lensbag-img1-5-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f1-5 {
    background-image: url(../img/zeiss-lensbag-img1-5-lg-x2.jpg.webp);
  }
}




.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-1 {
  background-image: url(../img/zeiss-lensbag-img2-1-lg.jpg);
  background-size: 901px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 901px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-1 {
    background-image: url(../img/zeiss-lensbag-img2-1-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-1 {
  background-image: url(../img/zeiss-lensbag-img2-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-1 {
    background-image: url(../img/zeiss-lensbag-img2-1-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-2 {
  background-image: url(../img/zeiss-lensbag-img2-2-lg.jpg);
  background-size: 507px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 507px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-2 {
    background-image: url(../img/zeiss-lensbag-img2-2-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-2 {
  background-image: url(../img/zeiss-lensbag-img2-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-2 {
    background-image: url(../img/zeiss-lensbag-img2-2-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-3 {
  background-image: url(../img/zeiss-lensbag-img2-3-lg.jpg);
  background-size: 507px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 507px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-3 {
    background-image: url(../img/zeiss-lensbag-img2-3-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-3 {
  background-image: url(../img/zeiss-lensbag-img2-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-3 {
    background-image: url(../img/zeiss-lensbag-img2-3-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-4 {
  background-image: url(../img/zeiss-lensbag-img2-4-lg.jpg);
  background-size: 901px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 901px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-4 {
    background-image: url(../img/zeiss-lensbag-img2-4-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-4 {
  background-image: url(../img/zeiss-lensbag-img2-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-4 {
    background-image: url(../img/zeiss-lensbag-img2-4-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-5 {
  background-image: url(../img/zeiss-lensbag-img2-5-lg.jpg);
  background-size: 901px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 901px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-5 {
    background-image: url(../img/zeiss-lensbag-img2-5-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-5 {
  background-image: url(../img/zeiss-lensbag-img2-5-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-5 {
    background-image: url(../img/zeiss-lensbag-img2-5-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-6 {
  background-image: url(../img/zeiss-lensbag-img2-6-lg.jpg);
  background-size: 1201px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1201px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-6 {
    background-image: url(../img/zeiss-lensbag-img2-6-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-6 {
  background-image: url(../img/zeiss-lensbag-img2-6-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-6 {
    background-image: url(../img/zeiss-lensbag-img2-6-lg-x2.jpg.webp);
  }
}


.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-7 {
  background-image: url(../img/zeiss-lensbag-img2-7-lg.jpg);
  background-size: 1201px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1201px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-7 {
    background-image: url(../img/zeiss-lensbag-img2-7-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-7 {
  background-image: url(../img/zeiss-lensbag-img2-7-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f2-7 {
    background-image: url(../img/zeiss-lensbag-img2-7-lg-x2.jpg.webp);
  }
}




.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f3-1 {
  background-image: url(../img/zeiss-lensbag-img3-1-lg.jpg);
  background-size: 1201px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1201px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f3-1 {
    background-image: url(../img/zeiss-lensbag-img3-1-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f3-1 {
  background-image: url(../img/zeiss-lensbag-img3-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f3-1 {
    background-image: url(../img/zeiss-lensbag-img3-1-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f3-2 {
  background-image: url(../img/zeiss-lensbag-img3-2-lg.jpg);
  background-size: 901px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 901px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f3-2 {
    background-image: url(../img/zeiss-lensbag-img3-2-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f3-2 {
  background-image: url(../img/zeiss-lensbag-img3-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f3-2 {
    background-image: url(../img/zeiss-lensbag-img3-2-lg-x2.jpg.webp);
  }
}



.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f3-3 {
  background-image: url(../img/zeiss-lensbag-img3-3-lg.jpg);
  background-size: 901px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 901px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f3-3 {
    background-image: url(../img/zeiss-lensbag-img3-3-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f3-3 {
  background-image: url(../img/zeiss-lensbag-img3-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f3-3 {
    background-image: url(../img/zeiss-lensbag-img3-3-lg-x2.jpg.webp);
  }
}




.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f4-1 {
  background-image: url(../img/zeiss-lensbag-img4-1-lg.jpg);
  background-size: 1200px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1200px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f4-1 {
    background-image: url(../img/zeiss-lensbag-img4-1-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f4-1 {
  background-image: url(../img/zeiss-lensbag-img4-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f4-1 {
    background-image: url(../img/zeiss-lensbag-img4-1-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f4-2 {
  background-image: url(../img/zeiss-lensbag-img4-2-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f4-2 {
    background-image: url(../img/zeiss-lensbag-img4-2-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f4-2 {
  background-image: url(../img/zeiss-lensbag-img4-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f4-2 {
    background-image: url(../img/zeiss-lensbag-img4-2-lg-x2.jpg.webp);
  }
}




.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f4-3 {
  background-image: url(../img/zeiss-lensbag-img4-3-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f4-3 {
    background-image: url(../img/zeiss-lensbag-img4-3-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f4-3 {
  background-image: url(../img/zeiss-lensbag-img4-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f4-3 {
    background-image: url(../img/zeiss-lensbag-img4-3-lg-x2.jpg.webp);
  }
}






.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f5-1 {
  background-image: url(../img/zeiss-lensbag-img5-1-lg.jpg);
  background-size: 1200px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1200px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f5-1 {
    background-image: url(../img/zeiss-lensbag-img5-1-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f5-1 {
  background-image: url(../img/zeiss-lensbag-img5-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f5-1 {
    background-image: url(../img/zeiss-lensbag-img5-1-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f5-2 {
  background-image: url(../img/zeiss-lensbag-img5-2-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f5-2 {
    background-image: url(../img/zeiss-lensbag-img5-2-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f5-2 {
  background-image: url(../img/zeiss-lensbag-img5-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f5-2 {
    background-image: url(../img/zeiss-lensbag-img5-2-lg-x2.jpg.webp);
  }
}

.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f5-3 {
  background-image: url(../img/zeiss-lensbag-img5-3-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f5-3 {
    background-image: url(../img/zeiss-lensbag-img5-3-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f5-3 {
  background-image: url(../img/zeiss-lensbag-img5-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f5-3 {
    background-image: url(../img/zeiss-lensbag-img5-3-lg-x2.jpg.webp);
  }
}



.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-1 {
  background-image: url(../img/zeiss-lensbag-img6-1-lg.jpg);
  background-size: 1200px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1200px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-1 {
    background-image: url(../img/zeiss-lensbag-img6-1-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-1 {
  background-image: url(../img/zeiss-lensbag-img6-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-1 {
    background-image: url(../img/zeiss-lensbag-img6-1-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-2 {
  background-image: url(../img/zeiss-lensbag-img6-2-lg.jpg);
  background-size: 1200px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1200px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-2 {
    background-image: url(../img/zeiss-lensbag-img6-2-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-2 {
  background-image: url(../img/zeiss-lensbag-img6-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-2 {
    background-image: url(../img/zeiss-lensbag-img6-2-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-3 {
  background-image: url(../img/zeiss-lensbag-img6-3-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-3 {
    background-image: url(../img/zeiss-lensbag-img6-3-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-3 {
  background-image: url(../img/zeiss-lensbag-img6-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-3 {
    background-image: url(../img/zeiss-lensbag-img6-3-lg-x2.jpg.webp);
  }
}



.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-4 {
  background-image: url(../img/zeiss-lensbag-img6-4-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-4 {
    background-image: url(../img/zeiss-lensbag-img6-4-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-4 {
  background-image: url(../img/zeiss-lensbag-img6-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f6-4 {
    background-image: url(../img/zeiss-lensbag-img6-4-lg-x2.jpg.webp);
  }
}





.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-1 {
  background-image: url(../img/zeiss-lensbag-img7-1-lg.jpg);
  background-size: 1200px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1200px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-1 {
    background-image: url(../img/zeiss-lensbag-img7-1-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-1 {
  background-image: url(../img/zeiss-lensbag-img7-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-1 {
    background-image: url(../img/zeiss-lensbag-img7-1-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-2 {
  background-image: url(../img/zeiss-lensbag-img7-2-lg.jpg);
  background-size: 1200px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1200px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-2 {
    background-image: url(../img/zeiss-lensbag-img7-2-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-2 {
  background-image: url(../img/zeiss-lensbag-img7-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-2 {
    background-image: url(../img/zeiss-lensbag-img7-2-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-3 {
  background-image: url(../img/zeiss-lensbag-img7-3-lg.jpg);
  background-size: 1200px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1200px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-3 {
    background-image: url(../img/zeiss-lensbag-img7-3-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-3 {
  background-image: url(../img/zeiss-lensbag-img7-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-3 {
    background-image: url(../img/zeiss-lensbag-img7-3-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-4 {
  background-image: url(../img/zeiss-lensbag-img7-4-lg.jpg);
  background-size: 1200px 503px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1200px;
  height: 503px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-4 {
    background-image: url(../img/zeiss-lensbag-img7-4-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-4 {
  background-image: url(../img/zeiss-lensbag-img7-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-4 {
    background-image: url(../img/zeiss-lensbag-img7-4-lg-x2.jpg.webp);
  }
}


.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-5 {
  background-image: url(../img/zeiss-lensbag-img7-5-lg.jpg);
  background-size: 1200px 503px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1200px;
  height: 503px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-5 {
    background-image: url(../img/zeiss-lensbag-img7-5-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-5 {
  background-image: url(../img/zeiss-lensbag-img7-5-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f7-5 {
    background-image: url(../img/zeiss-lensbag-img7-5-lg-x2.jpg.webp);
  }
}



.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-1 {
  background-image: url(../img/zeiss-lensbag-img9-1-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-1 {
    background-image: url(../img/zeiss-lensbag-img9-1-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-1 {
  background-image: url(../img/zeiss-lensbag-img9-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-1 {
    background-image: url(../img/zeiss-lensbag-img9-1-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-2 {
  background-image: url(../img/zeiss-lensbag-img9-2-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-2 {
    background-image: url(../img/zeiss-lensbag-img9-2-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-2 {
  background-image: url(../img/zeiss-lensbag-img9-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-2 {
    background-image: url(../img/zeiss-lensbag-img9-2-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-3 {
  background-image: url(../img/zeiss-lensbag-img9-3-lg.jpg);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-3 {
    background-image: url(../img/zeiss-lensbag-img9-3-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-3 {
  background-image: url(../img/zeiss-lensbag-img9-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-3 {
    background-image: url(../img/zeiss-lensbag-img9-3-lg-x2.jpg.webp);
  }
}



/* .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-4 {
  background-image: url(../img/zeiss-lensbag-img9-4-lg.png);
  background-size: 900px 676px;
  background-position: center;
  background-repeat: no-repeat;
  width: 900px;
  height: 676px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-4 {
    background-image: url(../img/zeiss-lensbag-img9-4-lg-x2.png);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-4 {
  background-image: url(../img/zeiss-lensbag-img9-4-lg.png.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list figure.umx-lensbag-f9-4 {
    background-image: url(../img/zeiss-lensbag-img9-4-lg-x2.png.webp);
  }
} */




.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video1 {
  background-color: #000;
  background-size: cover !important;
  background-image: url(../img/zeiss-lensbag-img8-1-lg.jpg);
  background-size: 654px 420px;
  background-position: center;
  background-repeat: no-repeat;
  width: 654px;
  height: 420px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video1 {
    background-image: url(../img/zeiss-lensbag-img8-1-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video1 {
  background-image: url(../img/zeiss-lensbag-img8-1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video1 {
    background-image: url(../img/zeiss-lensbag-img8-1-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video2 {
  background-color: #000;
  background-size: cover !important;
  background-image: url(../img/zeiss-lensbag-img8-2-lg.jpg);
  background-size: 654px 420px;
  background-position: center;
  background-repeat: no-repeat;
  width: 654px;
  height: 420px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video2 {
    background-image: url(../img/zeiss-lensbag-img8-2-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video2 {
  background-image: url(../img/zeiss-lensbag-img8-2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video2 {
    background-image: url(../img/zeiss-lensbag-img8-2-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video3 {
  background-color: #000;
  background-size: cover !important;
  background-image: url(../img/zeiss-lensbag-img8-3-lg.jpg);
  background-size: 654px 420px;
  background-position: center;
  background-repeat: no-repeat;
  width: 654px;
  height: 420px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video3 {
    background-image: url(../img/zeiss-lensbag-img8-3-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video3 {
  background-image: url(../img/zeiss-lensbag-img8-3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video3 {
    background-image: url(../img/zeiss-lensbag-img8-3-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video4 {
  background-color: #000;
  background-size: cover !important;
  background-image: url(../img/zeiss-lensbag-img8-4-lg.jpg);
  background-size: 654px 420px;
  background-position: center;
  background-repeat: no-repeat;
  width: 654px;
  height: 420px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video4 {
    background-image: url(../img/zeiss-lensbag-img8-4-lg-x2.jpg);
  }
}
.webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video4 {
  background-image: url(../img/zeiss-lensbag-img8-4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-lensbag-img-list .umx-lensbag-video-video4 {
    background-image: url(../img/zeiss-lensbag-img8-4-lg-x2.jpg.webp);
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-zeiss-lensbag-switch-progress {
  display: none;
}
@media (max-width: 1000px) {
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-zeiss-lensbag-switch-progress {
    display: inline-block;
    position: absolute;
    z-index: 5;
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    font-size: 10px;
    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;
    color: #fff;
    right: 12px;
    bottom: 12px;
    font-family: HanyiVar-vivo-hwid-65;
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .zeiss-lensbag .umx-lensbag-list .umx-figure-wrapper .umx-zeiss-lensbag-switch-progress .umx-zeiss-lensbag-switch-total-progress {
    opacity: 0.5;
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-progress-text {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #313131;
  line-height: 1;
  font-family: HanyiVar-vivo-hwid-65;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  bottom: 24px;
  font-size: 12px;
  color: #6e6e73;
  line-height: 1;
}
@media (max-width: 1000px) {
  .zeiss-lensbag .umx-lensbag-list .umx-progress-text {
    display: none;
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-progress-text .umx-progress-current {
  font-size: 28px;
  color: #fff;
}
.zeiss-lensbag .umx-lensbag-list .umx-box-line {
  position: absolute;
  width: 240px;
  height: 3px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 2px;
  bottom: 7.11%;
  right: 4%;
  z-index: 5;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (max-width: 1000px) {
  .zeiss-lensbag .umx-lensbag-list .umx-box-line {
    display: none;
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-box-line .umx-box-progress-line {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 25%;
  background: #fff;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.zeiss-lensbag .umx-lensbag-list .umx-lensbag-arrow {
  position: absolute;
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.3);
  top: 50%;
  margin-top: -32px;
  border-radius: 50%;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 5;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (max-width: 1000px) {
  .zeiss-lensbag .umx-lensbag-list .umx-lensbag-arrow {
    display: none;
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-lensbag-arrow.umx-left-arrow {
  left: 4%;
  background-image: url(../img/arrow-left-white.png);
}
.zeiss-lensbag .umx-lensbag-list .umx-lensbag-arrow.umx-right-arrow {
  right: 4%;
  background-image: url(../img/arrow-right-white.png);
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper {
  width: calc(720 / 1920 * 100vw);
  height: 100%;
  background-color: #f5f5f7;
}
@media (max-width: 1000px) {
  .zeiss-lensbag .umx-lensbag-list .umx-text-wrapper {
    display: none;
  }
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 285px;
  height: 100%;
  margin: 0 auto;
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-text-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-text-item.current {
  height: 276px;
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-button::after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url(../img/arrow-down-grey.png);
  background-size: 100% auto;
  margin-left: 12px;
  margin-top: 2px;
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-button:hover {
  color: #000;
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-button:hover::after {
  background-image: url(../img/arrow-down-black.png);
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-button.current {
  color: #000;
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-button.current::after {
  background-image: url(../img/arrow-top-black.png);
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  color: #86868b;
  font-family: vivotypeENBold;
  line-height: 1.3;
  cursor: pointer;
  padding: 12px 0;
  cursor: pointer;
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-title.current,
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-title:hover {
  color: #000;
  /* font-family: vivotypeENBold; */
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-inner-title {
  font-size: 18px;
  line-height: 26px;
  margin-top: 20px;
  /* font-family: vivotypeENRegular; */
  color: #86868b;
  cursor: pointer;
  margin-bottom: 0;
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-inner-title:first-child {
  margin-top: 8px;
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-table-button.current,
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-table-button:hover {
  color: #000;
}
.umx-lensbag-mb-picture-options-container {
  display: none;
}
@media (max-width: 1000px) {
  .umx-lensbag-mb-picture-options-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-drop-button {
    width: 163px;
    height: 32px;
    background: #fff;
    border-radius: 35px;
    border: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 12px;
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-current-name {
    font-size: 12px;
    font-family: HanyiVar-vivo-hwid-65;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-down {
    width: 16px;
    height: 16px;
    background-image: url(../img/arrow-down-black.png);
    background-size: 100% auto;
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-button {
    width: 84px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-button > div {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    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;
    position: relative;
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-button > div svg {
    width: 32px;
    height: 32px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-button > div span {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px;
    z-index: 3;
    background-size: 100% auto;
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-arrow-left {
    background-image: url(../img/arrow-left-black.png);
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-arrow-right {
    background-image: url(../img/arrow-right-black.png);
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-button > div.disabled .umx-lensbag-mb-arrow-left {
    background-image: url(../img/arrow-left-grey.png);
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-button > div.disabled circle.black {
    display: none;
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-button > div.disabled .umx-lensbag-mb-arrow-right {
    background-image: url(../img/arrow-right-grey.png);
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-button > div svg circle {
    stroke: #000;
    stroke-width: 4px;
    stroke-dashoffset: 0;
    stroke-dasharray: 185;
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-right svg circle.black {
    stroke-dashoffset: 185;
    -webkit-animation: none;
    animation: none;
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-right.timing svg circle.black {
    -webkit-animation: buttonCircle 3s linear;
    animation: buttonCircle 3s linear;
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-button > div svg circle {
    stroke: #000;
    stroke-width: 4px;
    stroke-dashoffset: 0;
    stroke-dasharray: 185;
  }
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-arrow-button > div svg .grey {
    stroke: #989898;
  }
}
.umx-zeiss-lensbag-selector-popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
}
.umx-zeiss-lensbag-selector-popup .umx-zeiss-lensbag-selector-popup-mask {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-animation: popupMask 0.5s;
  animation: popupMask 0.5s;
}
.umx-zeiss-lensbag-selector-popup .umx-zeiss-lensbag-selector-popup-content {
  background-color: #fff;
  position: absolute;
  z-index: 2;
  bottom: 0;
  padding: 16px 16px 24px 16px;
  width: 100%;
  -webkit-animation: mbSelectorContent 0.5s;
  animation: mbSelectorContent 0.5s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.umx-zeiss-lensbag-selector-popup .umx-zeiss-lensbag-selector-popup-content h4 {
  font-family: HanyiVar-vivo-hwid-65;
  font-size: 12px;
  color: #6e6e73;
  line-height: 15px;
  margin-bottom: 16px;
}
.umx-zeiss-lensbag-selector-popup .umx-zeiss-lensbag-selector-option-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.umx-zeiss-lensbag-selector-popup .umx-zeiss-lensbag-selector-option-list span {
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  color: #6e6e73;
  padding: 8px 12px;
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  margin-right: 8px;
  margin-bottom: 8px;
  background: #f2f2f2;
}
.umx-zeiss-lensbag-selector-popup .umx-zeiss-lensbag-selector-option-list span.current {
  background-color: #fff;
  border-color: #000;
  color: #000;
}
.zeiss-sale {
  padding: 160px 0;
}
@media (max-width: 1600px) {
  .zeiss-sale {
    padding: 90px 0;
  }
}
@media (max-width: 1000px) {
  .zeiss-sale {
    padding: 40px 0;
  }
}
.zeiss-sale .umx-section {
  padding-top: 0;
}
.zeiss-sale .umx-section .umx-title {
  width: 1600px;
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-section .umx-title {
    width: 2120px;
  }
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-section .umx-title {
    width: 1230px;
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-section .umx-title {
    width: auto;
  }
}
.zeiss-sale .umx-section .umx-title .umx-main-title {
  font-size: 80px;
  margin-bottom: 32px;
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-section .umx-title .umx-main-title {
    font-size: 54px;
    line-height: 59px;
    margin-bottom: 24px;
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-section .umx-title .umx-main-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.zeiss-sale .umx-sale-list {
  position: relative;
  width: 1600px;
  margin: 0 auto;
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list {
    width: 2120px;
  }
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-sale-list {
    width: 1230px;
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list {
    width: 100%;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto -20px;
  margin-top: 80px;
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper {
    margin-top: 60px;
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper {
    -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;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f5f5f7;
  width: 233px;
  height: auto;
  margin: 0 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item {
    width: 311px;
  }
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item {
    width: 180px;
    margin: 0 15px;
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item {
    width: 87.2vw;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-slogan {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item.current {
  width: 1053px;
  -webkit-box-shadow: #dedede 0 0 20px;
  box-shadow: #dedede 0 0 20px;
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item.current {
    width: 1400px;
  }
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item.current {
    width: 810px;
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item.current {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item.current figure.umx-sale-f1 {
  -webkit-transform: translateX(35%);
  -ms-transform: translateX(35%);
  transform: translateX(35%);
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item.current figure.umx-sale-f2 {
  -webkit-transform: translateX(18%);
  -ms-transform: translateX(18%);
  transform: translateX(18%);
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item.current figure.umx-sale-f3 {
  -webkit-transform: translateX(40%);
  -ms-transform: translateX(40%);
  transform: translateX(40%);
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item.current .umx-sale-slogan {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item.current .umx-sale-link {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  z-index: 10;
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item.current .umx-sale-item-mask {
  opacity: 0;
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item.current .umx-sale-tips {
  opacity: 1;
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item {
    margin: 0;
    margin-bottom: 20px;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-link {
  position: absolute;
  top: 357px;
  left: 80px;
  font-size: 16px;
  font-family: HanyiVar-vivo-hwid-65;
  line-height: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-link {
    top: 458px;
    left: 70px;
    font-size: 21px;
  }
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-link {
    top: 268px;
    left: 35px;
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-link {
    top: 53.33333vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-link:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: -5px;
  left: 0;
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-link:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../img/arrow-right-black.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: -16px;
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-link:after {
    width: 20px;
    height: 20px;
    right: -20px;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-tips {
  position: absolute;
  white-space: nowrap;
  font-size: 12px;
  font-family: HanyiVar-vivo-hwid-65;
  line-height: 1.5;
  color: #666;
  left: 80px;
  bottom: 40px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-tips {
    bottom: 60px;
    left: 70px;
  }
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-tips {
    bottom: 20px;
    left: 35px;
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-tips {
    opacity: 1;
    left: auto;
    right: 10px;
    bottom: 4px;
    line-height: 1.2;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    text-align: right;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure {
  position: relative;
  left: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
  background-image: url(../img/zeiss-sale-img1-lg.jpg);
  background-size: 651px 775px;
  background-position: center;
  background-repeat: no-repeat;
  width: 651px;
  height: 775px;
  left: 50%;
  margin-left: -325px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-lg-x2.jpg);
  }
}
.webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
  background-image: url(../img/zeiss-sale-img1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-xl.jpg);
    background-size: 872px 1038px;
    background-position: center;
    background-repeat: no-repeat;
    width: 872px;
    height: 1038px;
    left: 50%;
    margin-left: -436px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-md.jpg);
    background-size: 488px 581px;
    background-position: center;
    background-repeat: no-repeat;
    width: 488px;
    height: 581px;
    left: 50%;
    margin-left: -244px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-mb.jpg);
    background-size: 327px 556px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 556px;
    left: 0;
    margin-left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-size: 87.2vw 148.26667vw;
    width: 87.2vw;
    height: 148.26667vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f1 {
    background-image: url(../img/zeiss-sale-img1-mb-x2.jpg.webp);
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
  position: absolute;
  top: 86px;
  left: 80px;
  background-image: url(../img/zeiss-sale-slogan1-lg.png);
  background-size: 474px 210px;
  background-position: center;
  background-repeat: no-repeat;
  width: 474px;
  height: 210px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
    background-image: url(../img/zeiss-sale-slogan1-lg-x2.png);
  }
}
.webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
  background-image: url(../img/zeiss-sale-slogan1-lg.png.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
    background-image: url(../img/zeiss-sale-slogan1-lg-x2.png.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
    background-image: url(../img/zeiss-sale-slogan1-xl.png);
    background-size: 635px 280px;
    background-position: center;
    background-repeat: no-repeat;
    width: 635px;
    height: 280px;
    top: 96px;
    left: 70px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
    background-image: url(../img/zeiss-sale-slogan1-xl-x2.png);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
    background-image: url(../img/zeiss-sale-slogan1-xl.png.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
    background-image: url(../img/zeiss-sale-slogan1-xl-x2.png.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
    background-image: url(../img/zeiss-sale-slogan1-md.png);
    background-size: 356px 157px;
    background-position: center;
    background-repeat: no-repeat;
    width: 356px;
    height: 157px;
    top: 65px;
    left: 35px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
    background-image: url(../img/zeiss-sale-slogan1-md-x2.png);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
    background-image: url(../img/zeiss-sale-slogan1-md.png.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
    background-image: url(../img/zeiss-sale-slogan1-md-x2.png.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan1 {
    display: none;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
  -webkit-transform: translateX(-18%);
  -ms-transform: translateX(-18%);
  transform: translateX(-18%);
  background-image: url(../img/zeiss-sale-img2-lg.jpg);
  background-size: 811px 775px;
  background-position: center;
  background-repeat: no-repeat;
  width: 811px;
  height: 775px;
  left: 50%;
  margin-left: -405px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-lg-x2.jpg);
  }
}
.webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
  background-image: url(../img/zeiss-sale-img2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-xl.jpg);
    background-size: 1086px 1038px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1086px;
    height: 1038px;
    left: 50%;
    margin-left: -543px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-md.jpg);
    background-size: 608px 581px;
    background-position: center;
    background-repeat: no-repeat;
    width: 608px;
    height: 581px;
    left: 50%;
    margin-left: -304px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-mb.jpg);
    background-size: 327px 556px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 556px;
    left: 0;
    margin-left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-size: 87.2vw 148.26667vw;
    width: 87.2vw;
    height: 148.26667vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f2 {
    background-image: url(../img/zeiss-sale-img2-mb-x2.jpg.webp);
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
  position: absolute;
  top: 86px;
  left: 80px;
  background-image: url(../img/zeiss-sale-slogan2-lg.png);
  background-size: 391px 210px;
  background-position: center;
  background-repeat: no-repeat;
  width: 391px;
  height: 210px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
    background-image: url(../img/zeiss-sale-slogan2-lg-x2.png);
  }
}
.webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
  background-image: url(../img/zeiss-sale-slogan2-lg.png.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
    background-image: url(../img/zeiss-sale-slogan2-lg-x2.png.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
    background-image: url(../img/zeiss-sale-slogan2-xl.png);
    background-size: 523px 280px;
    background-position: center;
    background-repeat: no-repeat;
    width: 523px;
    height: 280px;
    top: 96px;
    left: 70px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
    background-image: url(../img/zeiss-sale-slogan2-xl-x2.png);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
    background-image: url(../img/zeiss-sale-slogan2-xl.png.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
    background-image: url(../img/zeiss-sale-slogan2-xl-x2.png.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
    background-image: url(../img/zeiss-sale-slogan2-md.png);
    background-size: 294px 158px;
    background-position: center;
    background-repeat: no-repeat;
    width: 294px;
    height: 158px;
    top: 65px;
    left: 35px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
    background-image: url(../img/zeiss-sale-slogan2-md-x2.png);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
    background-image: url(../img/zeiss-sale-slogan2-md.png.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
    background-image: url(../img/zeiss-sale-slogan2-md-x2.png.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan2 {
    display: none;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
  background-image: url(../img/zeiss-sale-img3-lg.jpg);
  background-size: 599px 775px;
  background-position: center;
  background-repeat: no-repeat;
  width: 599px;
  height: 775px;
  left: 50%;
  margin-left: -299px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-lg-x2.jpg);
  }
}
.webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
  background-image: url(../img/zeiss-sale-img3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-xl.jpg);
    background-size: 802px 1038px;
    background-position: center;
    background-repeat: no-repeat;
    width: 802px;
    height: 1038px;
    left: 50%;
    margin-left: -401px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-md.jpg);
    background-size: 449px 581px;
    background-position: center;
    background-repeat: no-repeat;
    width: 449px;
    height: 581px;
    left: 50%;
    margin-left: -224px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-mb.jpg);
    background-size: 327px 556px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 556px;
    left: 0;
    margin-left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-size: 87.2vw 148.26667vw;
    width: 87.2vw;
    height: 148.26667vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-f3 {
    background-image: url(../img/zeiss-sale-img3-mb-x2.jpg.webp);
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
  position: absolute;
  top: 86px;
  left: 80px;
  background-image: url(../img/zeiss-sale-slogan3-lg.png);
  background-size: 456px 210px;
  background-position: center;
  background-repeat: no-repeat;
  width: 456px;
  height: 210px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
    background-image: url(../img/zeiss-sale-slogan3-lg-x2.png);
  }
}
.webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
  background-image: url(../img/zeiss-sale-slogan3-lg.png.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
    background-image: url(../img/zeiss-sale-slogan3-lg-x2.png.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
    background-image: url(../img/zeiss-sale-slogan3-xl.png);
    background-size: 610px 280px;
    background-position: center;
    background-repeat: no-repeat;
    width: 610px;
    height: 280px;
    top: 96px;
    left: 70px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
    background-image: url(../img/zeiss-sale-slogan3-xl-x2.png);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
    background-image: url(../img/zeiss-sale-slogan3-xl.png.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
    background-image: url(../img/zeiss-sale-slogan3-xl-x2.png.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
    background-image: url(../img/zeiss-sale-slogan3-md.png);
    background-size: 342px 158px;
    background-position: center;
    background-repeat: no-repeat;
    width: 342px;
    height: 158px;
    top: 65px;
    left: 35px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
    background-image: url(../img/zeiss-sale-slogan3-md-x2.png);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
    background-image: url(../img/zeiss-sale-slogan3-md.png.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
    background-image: url(../img/zeiss-sale-slogan3-md-x2.png.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item figure.umx-sale-slogan3 {
    display: none;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-item-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1000px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-item-mask {
    display: none;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-item-mask p {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #000;
  font-size: 24px;
  line-height: 1.3;
  font-family: HanyiVar-vivo-hwid-65;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
@media (min-width: 1921px) {
  .zeiss-sale .umx-sale-list .umx-sale-wrapper .umx-sale-item .umx-sale-item-mask p {
    font-size: 32px;
  }
}
.zeiss-news {
  padding: 160px 0;
}
@media (max-width: 1600px) {
  .zeiss-news {
    padding: 90px 0;
  }
}
@media (max-width: 1000px) {
  .zeiss-news {
    padding: 40px 0;
    background-color: #f5f5f7;
  }
}
.zeiss-news .umx-section {
  padding-top: 0;
}
.zeiss-news .umx-section .umx-title {
  width: 1600px;
}
@media (min-width: 1921px) {
  .zeiss-news .umx-section .umx-title {
    width: 2120px;
  }
}
@media (max-width: 1600px) {
  .zeiss-news .umx-section .umx-title {
    width: 1230px;
  }
}
@media (max-width: 1000px) {
  .zeiss-news .umx-section .umx-title {
    width: auto;
  }
}
.zeiss-news .umx-section .umx-title .umx-main-title {
  font-size: 80px;
  margin-bottom: 80px;
}
@media (max-width: 1600px) {
  .zeiss-news .umx-section .umx-title .umx-main-title {
    font-size: 54px;
    line-height: 59px;
    margin-bottom: 59px;
  }
}
@media (max-width: 1000px) {
  .zeiss-news .umx-section .umx-title .umx-main-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.zeiss-news .umx-news-list {
  position: relative;
  width: 1600px;
  margin: 0 auto;
}
@media (min-width: 1921px) {
  .zeiss-news .umx-news-list {
    width: 2120px;
  }
}
@media (max-width: 1600px) {
  .zeiss-news .umx-news-list {
    width: 1230px;
  }
}
@media (max-width: 1000px) {
  .zeiss-news .umx-news-list {
    width: 100%;
  }
}
.zeiss-news .umx-news-list .umx-news-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto -20px;
}
@media (max-width: 1000px) {
  .zeiss-news .umx-news-list .umx-news-wrapper {
    -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;
  }
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f1f1f1;
  width: 370px;
  height: auto;
  margin: 0 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
@media (min-width: 1921px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item {
    width: 500px;
  }
}
@media (max-width: 1600px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item {
    width: 390px;
  }
}
@media (max-width: 1000px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item {
    width: 87.2vw;
    height: 77.33333vw;
    margin: 1.6vw auto;
    background-color: #fff;
  }
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item:hover {
  -webkit-box-shadow: #dedede 0 0 20px;
  box-shadow: #dedede 0 0 20px;
}
@media (max-width: 1000px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure {
  position: relative;
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
  background-image: url(../img/zeiss-news-img1-lg.jpg);
  background-size: 372px 241px;
  background-position: center;
  background-repeat: no-repeat;
  width: 372px;
  height: 241px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-lg-x2.jpg);
  }
}
.webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
  background-image: url(../img/zeiss-news-img1-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-xl.jpg);
    background-size: 505px 339px;
    background-position: center;
    background-repeat: no-repeat;
    width: 505px;
    height: 339px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-md.jpg);
    background-size: 280px 183px;
    background-position: center;
    background-repeat: no-repeat;
    width: 280px;
    height: 183px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-mb.jpg);
    background-size: 327px 210px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 210px;
    background-size: 87.2vw 56vw;
    width: 87.2vw;
    height: 56vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f1 {
    background-image: url(../img/zeiss-news-img1-mb-x2.jpg.webp);
  }
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
  background-image: url(../img/zeiss-news-img2-lg.jpg);
  background-size: 372px 241px;
  background-position: center;
  background-repeat: no-repeat;
  width: 372px;
  height: 241px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-lg-x2.jpg);
  }
}
.webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
  background-image: url(../img/zeiss-news-img2-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-xl.jpg);
    background-size: 505px 339px;
    background-position: center;
    background-repeat: no-repeat;
    width: 505px;
    height: 339px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-md.jpg);
    background-size: 280px 183px;
    background-position: center;
    background-repeat: no-repeat;
    width: 280px;
    height: 183px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-mb.jpg);
    background-size: 327px 210px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 210px;
    background-size: 87.2vw 56vw;
    width: 87.2vw;
    height: 56vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f2 {
    background-image: url(../img/zeiss-news-img2-mb-x2.jpg.webp);
  }
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
  background-image: url(../img/zeiss-news-img3-lg.jpg);
  background-size: 372px 241px;
  background-position: center;
  background-repeat: no-repeat;
  width: 372px;
  height: 241px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-lg-x2.jpg);
  }
}
.webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
  background-image: url(../img/zeiss-news-img3-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-xl.jpg);
    background-size: 505px 339px;
    background-position: center;
    background-repeat: no-repeat;
    width: 505px;
    height: 339px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-md.jpg);
    background-size: 280px 183px;
    background-position: center;
    background-repeat: no-repeat;
    width: 280px;
    height: 183px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-mb.jpg);
    background-size: 327px 210px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 210px;
    background-size: 87.2vw 56vw;
    width: 87.2vw;
    height: 56vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f3 {
    background-image: url(../img/zeiss-news-img3-mb-x2.jpg.webp);
  }
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
  background-image: url(../img/zeiss-news-img4-lg.jpg);
  background-size: 372px 241px;
  background-position: center;
  background-repeat: no-repeat;
  width: 372px;
  height: 241px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-lg-x2.jpg);
  }
}
.webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
  background-image: url(../img/zeiss-news-img4-lg.jpg.webp);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-lg-x2.jpg.webp);
  }
}
@media (min-width: 1921px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-xl.jpg);
    background-size: 505px 339px;
    background-position: center;
    background-repeat: no-repeat;
    width: 505px;
    height: 339px;
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-xl-x2.jpg);
  }
}
@media (min-width: 1921px) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-xl.jpg.webp);
  }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
  (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
  (min-width: 1921px) and (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-xl-x2.jpg.webp);
  }
}
@media (max-width: 1600px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-md.jpg);
    background-size: 280px 183px;
    background-position: center;
    background-repeat: no-repeat;
    width: 280px;
    height: 183px;
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-md-x2.jpg);
  }
}
@media (max-width: 1600px) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-md.jpg.webp);
  }
}
@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1600px) and (min-resolution: 1.5dppx),
  (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1600px) and (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-md-x2.jpg.webp);
  }
}
@media (max-width: 1000px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-mb.jpg);
    background-size: 327px 210px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 210px;
    background-size: 87.2vw 56vw;
    width: 87.2vw;
    height: 56vw;
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-mb-x2.jpg);
  }
}
@media (max-width: 1000px) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-mb.jpg.webp);
  }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
  (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
  (max-width: 1000px) and (min-resolution: 144dpi) {
  .webp .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item figure.umx-news-f4 {
    background-image: url(../img/zeiss-news-img4-mb-x2.jpg.webp);
  }
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item .umx-figure-text {
  position: relative;
  height: 186px;
  padding: 32px 24px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item .umx-figure-text {
    height: auto;
    padding: 16px;
  }
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item .umx-figure-text .umx-news-title {
  font-size: 20px;
  font-family: HanyiVar-vivo-hwid-65;
  color: #000;
  line-height: 1.3;
  margin-bottom: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1000px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item .umx-figure-text .umx-news-title {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 17px;
  }
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item .umx-figure-text .umx-news-intro {
  font-size: 16px;
  font-family: HanyiVar-vivo-hwid-65;
  color: #6e6e73;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1000px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item .umx-figure-text .umx-news-intro {
    display: none;
  }
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item .umx-figure-text .umx-news-info {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 0;
  padding: 0 36px 0 24px;
  bottom: 32px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  .zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item .umx-figure-text .umx-news-info {
    position: relative;
    bottom: 0;
    padding: 0 8px 0 0;
  }
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item .umx-figure-text .umx-news-info .umx-news-info-date {
  font-family: HanyiVar-vivo-hwid-65;
  font-size: 12px;
  line-height: 1;
  color: #86868b;
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item .umx-figure-text .umx-news-info .umx-news-info-link {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-family: HanyiVar-vivo-hwid-65;
  line-height: 1;
  color: #000;
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item .umx-figure-text .umx-news-info .umx-news-info-link:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: -5px;
  left: 0;
}
.zeiss-news .umx-news-list .umx-news-wrapper .umx-news-item .umx-figure-text .umx-news-info .umx-news-info-link:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../img/arrow-right-black.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: -16px;
}
.umx-stage.umx-stage-tips {
  background-color: #F5F5F7;
}
.stage-service {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.stage-service .ac-service-content,
.stage-service .ac-special-content {
  padding: 40px 0;
  margin: auto;
  width: 1200px;
}
@media (max-width: 720px) {
  .stage-service .ac-service-content,
  .stage-service .ac-special-content {
    padding: 20px 0;
  }
}
@media (min-width: 1921px) {
  .stage-service .ac-service-content,
  .stage-service .ac-special-content {
    width: 1200px;
  }
}
@media (max-width: 1440px) {
  .stage-service .ac-service-content,
  .stage-service .ac-special-content {
    width: 1200px;
  }
}
@media (max-width: 1080px) {
  .stage-service .ac-service-content,
  .stage-service .ac-special-content {
    width: "";
  }
}
@media (max-width: 1232px) {
  .stage-service .ac-service-content,
  .stage-service .ac-special-content {
    width: auto;
  }
}
@media (max-width: 1232px) {
  .stage-service .ac-service-content,
  .stage-service .ac-special-content {
    margin: 0 16px;
  }
}
.stage-service.border-top-grey .ac-service-content,
.stage-service.border-top-grey .ac-special-content {
  border-top-color: #e5e5e5;
  border-top-width: 1px;
  border-top-style: solid;
}
.stage-service.border-bottom-grey .ac-service-content,
.stage-service.border-bottom-grey .ac-special-content {
  border-bottom-color: #e5e5e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.stage-service .ac-special-content ul {
  display: table;
  position: relative;
  margin: auto;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
@media (max-width: 720px) {
  .stage-service .ac-special-content ul {
    width: 80%;
  }
}
.stage-service .ac-special-content ul li {
  position: relative;
  vertical-align: text-top;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: table-cell;
  width: 1%;
  color: #999;
  font-family: FZLT-HJ;
  line-height: 23px;
}
.android .stage-service .ac-special-content ul li:nth-child(3),
.android .stage-service .ac-special-content ul li:nth-child(4) {
  margin-bottom: -5px;
}
@media (max-width: 720px) {
  .stage-service .ac-special-content ul li {
    display: inline-block;
    width: 50%;
    text-align: left;
    padding: 0.5em 0;
  }
}
.stage-service .ac-special-content ul li b {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  font-size: 20px;
  margin-right: 5px;
}
.stage-service .ac-special-content ul li b:before {
  position: relative;
  top: -2px;
  vertical-align: middle;
}
.stage-service .ac-service-content ul {
  display: table;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
}
@media (max-width: 720px) {
  .stage-service .ac-service-content ul {
    display: block;
  }
}
.stage-service .ac-service-content ul li {
  position: relative;
  overflow: hidden;
  vertical-align: top;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: table-cell;
  width: 1%;
}
@media (max-width: 720px) {
  .stage-service .ac-service-content ul li {
    width: 100%;
    display: block;
    margin-top: 20px;
  }
  .stage-service .ac-service-content ul li:first-child {
    margin-top: 0;
  }
}
.stage-service .ac-service-content ul li b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px 0;
  overflow: hidden;
  font-size: 68px;
  color: #666;
}
@media (max-width: 720px) {
  .stage-service .ac-service-content ul li b {
    margin: 20px 0;
  }
}
.windows.firefox .stage-service .ac-service-content ul li b:after {
  line-height: 80px;
}
.stage-service .ac-service-content ul li h3 {
  color: #333;
  font-size: 18px;
}
.stage-service .ac-service-content ul li p {
  font-size: 14px;
  line-height: 1.5em;
  padding: 20px 60px 0 60px;
  color: #666;
  height: 46px;
}
@media (min-width: 1921px) {
  .stage-service .ac-service-content ul li p {
    height: 60px;
  }
}
@media (max-width: 1440px) {
  .stage-service .ac-service-content ul li p {
    height: 36px;
  }
}
@media (max-width: 1080px) {
  .stage-service .ac-service-content ul li p {
    height: 26px;
  }
}
@media (max-width: 720px) {
  .stage-service .ac-service-content ul li p {
    height: 24px;
  }
}
@media (min-width: 1080px) and (max-width: 1440px) {
  .stage-service .ac-service-content ul li p {
    height: 46px;
  }
}
@media (min-width: 720px) and (max-width: 1080px) {
  .stage-service .ac-service-content ul li p {
    height: 46px;
  }
}
@media (max-width: 720px) {
  .stage-service .ac-service-content ul li p {
    height: 42px;
  }
}
@media (max-width: 1160px) {
  .stage-service .ac-service-content ul li p {
    padding: 20px 2em 0 2em;
  }
}
@media (max-width: 966px) {
  .stage-service .ac-service-content ul li p {
    padding: 20px 1em 0 1em;
  }
}
@media (max-width: 768px) {
  .stage-service .ac-service-content ul li p {
    padding: 15px 2em 0 2em;
  }
}
.stage-service .ac-service-content ul li .ext-more-link {
  padding-top: 20px;
}
@media (max-width: 720px) {
  .stage-service .ac-service-content ul li .ext-more-link {
    padding-top: 15px;
  }
}
.stage-showcase {
  font-family: FZLT-HJ;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.stage-showcase .stage-sc-title {
  text-align: center;
  padding-top: 100px;
  margin: auto;
  width: 620px;
  font-family: FZLT-HJ;
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-title {
    padding-top: 70px;
    width: auto;
  }
}
.stage-showcase .stage-sc-title h2 {
  line-height: 1em;
  color: #000;
  font-family: FZLT-HJ;
  font-size: 50px;
}
@media (min-width: 1921px) {
  .stage-showcase .stage-sc-title h2 {
    font-size: 60px;
  }
}
@media (max-width: 1440px) {
  .stage-showcase .stage-sc-title h2 {
    font-size: 50px;
  }
}
@media (max-width: 1080px) {
  .stage-showcase .stage-sc-title h2 {
    font-size: 50px;
  }
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-title h2 {
    font-size: 24px;
  }
}
.stage-showcase .stage-sc-title h3 {
  line-height: 1em;
  color: #000;
  padding-top: 15px;
  font-weight: 400;
  font-size: 40px;
}
@media (min-width: 1921px) {
  .stage-showcase .stage-sc-title h3 {
    font-size: 50px;
  }
}
@media (max-width: 1440px) {
  .stage-showcase .stage-sc-title h3 {
    font-size: 40px;
  }
}
@media (max-width: 1080px) {
  .stage-showcase .stage-sc-title h3 {
    font-size: 40px;
  }
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-title h3 {
    font-size: 18px;
  }
}
.stage-showcase .stage-sc-title .buy-more-link {
  position: relative;
  padding-top: 30px;
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-title .buy-more-link {
    padding-top: 20px;
  }
}
.stage-showcase .stage-sc-title .buy-more-link a.line-link {
  top: 0;
}
.stage-showcase .stage-sc-row {
  margin: auto;
  margin-bottom: 100px;
  width: 700px;
}
.stage-showcase .stage-sc-row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.stage-showcase .stage-sc-row * html {
  height: 1px;
}
@media (min-width: 1921px) {
  .stage-showcase .stage-sc-row {
    width: 940px;
  }
}
@media (max-width: 1440px) {
  .stage-showcase .stage-sc-row {
    width: 700px;
  }
}
@media (max-width: 1080px) {
  .stage-showcase .stage-sc-row {
    width: 540px;
  }
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-row {
    width: 340px;
  }
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-row {
    margin-bottom: 50px;
  }
}
.stage-showcase .stage-sc-row .stage-sc-col {
  text-align: center;
  width: 50%;
}
.stage-showcase .stage-sc-row .stage-sc-col p {
  line-height: 1em;
  font-size: 25px;
  color: #000;
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-row .stage-sc-col p {
    font-size: 16px;
  }
}
.stage-showcase .stage-sc-row .stage-sc-col .figure {
  margin-bottom: 30px;
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-row .stage-sc-col .figure {
    margin-bottom: 20px;
  }
}
.stage-showcase .stage-sc-row .stage-sc-left {
  float: left;
}
.stage-showcase .stage-sc-row .stage-sc-right {
  float: right;
}
.stage-showcase .stage-sc-figure {
  margin-top: 50px;
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-figure {
    margin-top: 30px;
  }
}
.stage-showcase .stage-sc-figure .figure {
  position: relative;
}
.stage-showcase .stage-sc-figure a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
}
.stage-showcase .stage-sc-figure a.line-link {
  position: relative;
  margin-top: 35px;
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-figure a.line-link {
    margin-top: 15px;
  }
}
@media (max-width: 720px) {
  .stage-showcase .stage-sc-figure .stage-sc-title {
    padding-top: 10px;
  }
}
.stage-showcase .stage-sc-figure .stage-sc-title .line-link {
  top: -10px;
  visibility: visible;
}
.stage-showcase.bg-grey {
  background-color: #fafafa;
}
.topNavMaxScreen .topNavBox {
  display: none;
}