/* .umx-stage {
  background: ;
} */


 p {
  margin: 0;
  padding: 0;
}
.umx-stage .umx-section .umx-row1-title {
  width: 100%;
}

.zeiss-history .umx-history-list {
  @media (max-width: 1000px) {
    /* padding-top: 0; */
  }
}

.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure .umx-figure-text span {
  font-size: 60px;
  @media (max-width: 1000px) {
    font-size: 40px;
  }
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure:first-child .umx-figure-title {
  display: block;

  /* @media (max-width: 1000px) {
    padding: 0 10px;
  } */
}
.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure .umx-figure-text {
  /* left: 50%;
  transform: translateX(-50%); */
  left: 0;
  width: 100%;
  padding: 0 36px;
  box-sizing: border-box;

  @media (max-width: 1600px) {
    padding: 0 10px;
  }
}
.zeiss-joint {
  @media (min-width: 1600px) {
    margin-top: 150px;
  }
}
.umx-stage .umx-section .umx-title .umx-intro {
  @media (min-width: 1440px) {
    font-size: 16px;
  }
  @media (max-width: 1000px) {
    font-size: 13px;
    margin-bottom: 15px;
  }
}
.zeiss-history .umx-section .umx-title .umx-main-title {
  font-size: 34px;
  @media (max-width: 1000px) {
    display: block;
    font-size: 22px;
    font-family: vivotypeENBold !important;
    margin-bottom: 15px;
  }
}

.zeiss-master {
  padding-bottom: 0;
}
.umx-model-title {
  font-size: 33px;
  color: #fff;
  padding: 152px 0 20px 105px;
  background: #000;
  font-family: vivotypeENMedium;
  @media (max-width: 1000px) {
    background: #fff;
    font-size: 22px;
    color: #000;
    padding: 50px 0 15px 24px;
  }
}
.umx-section5-figure {
  background: #000;
  position: relative;
}
.umx-section5-figure .umx-section5-img {
  position: relative;
  z-index: 1;
}
.umx-section5-figure figcaption.umx-figcaption {
  
  color: #fff;
  font-size: 33px;
  font-family: vivotypeENRegular, sans-serif;

  /* pc */
  @media (min-width: 1000px) {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    right: 123px;
    /* text-align: right; */
  }
  /* mb */
  @media (max-width: 1000px) {
    padding-top: 50px;
    font-size: 15px;
    text-align: center;
    line-height: 22px;
  }

  @media (max-width: 1300px) {
    right: 90px;
  }
  @media (max-width: 1200px) {
    right: 50px;
  }
  @media (max-width: 1100px) {
    right: 30px;
  }
}
.umx-section5-figure figcaption.umx-figcaption p {
  margin: 0;
  padding: 0;
}



.umx-background {
  width: 100%;
  height: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.umx-section5-img {
  width: 100%;
  padding-bottom: 55.447%;
  @media (max-width: 1000px) {
    padding-bottom: 74.26%;
  }
}
.umx-section5-img.umx-background-lazy {

  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section5-pc-x1.jpeg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section5-pc.jpeg);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/section5-mb-x1.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section5-mb.jpeg);
  }
  
}
/* webp */
.webp .umx-section5-img.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section5-pc-x1.jpeg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section5-pc.jpeg);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/section5-mb-x1.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section5-mb.jpeg);
  }
  
}
.zeiss-images {
  padding-top: 0;
  padding-bottom: 0;
}
.umx-section6-figure {
  position: relative;
  background: #000;
  @media(max-width: 1000px) {
    padding-top: 30px;
  }
}
.umx-section6-figure  figcaption.umx-figcaption {
  @media (min-width: 1000px) {
    width: 494px;
    position: absolute;
    right: 135px;
    bottom: 72px;
  }
  @media (max-width: 1000px) {
    padding-bottom: 50px;
    padding-left:24px ;
    box-sizing: border-box;
    transform: translateY(-20%);
  }
  
}
.umx-section6-figure  figcaption.umx-figcaption p {
  font-size: 16px;
  font-family: vivotypeENRegular, sans-serif;
  line-height: 20px;
  color: #8D8D8D;
  @media (max-width: 1000px) {
    font-size: 13px;
    line-height: 15px;
    color: #8D8D8D;
  }
}
.umx-section6-figure  figcaption.umx-figcaption .umx-desc-title {
  font-size: 22px;
  margin-bottom: 15px;
  color: #fff;
  @media (max-width: 1000px) {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
  }
}

.umx-section6-img {
  width: 100%;
  padding-bottom: 53.95%;
  @media (max-width: 1000px) {
    padding-bottom: 113.33%;
  }
}
.umx-section6-img.umx-background-lazy {

  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section6-pc-x1.jpeg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section6-pc.jpeg);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/section6-mb-x1.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section6-mb.jpeg);
  }
  
}
/* webp */
.webp .umx-section6-img.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section6-pc-x1.jpeg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section6-pc.jpeg);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/section6-mb-x1.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section6-mb.jpeg);
  }
  
}



.umx-zeiss-item {
  width: 726px;
  overflow: hidden;
}

.umx-section8-img {
  width: 100%;
  height: 0;
  padding-bottom: 60.46%;
}
.umx-zeiss-item .umx-zeiss-desc {
  width: 100%;
  height: 68px;
  background: #fff;
}
.umx-section8-img-1.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section8-pc-x1-1.jpeg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-pc-x2-1.jpeg);
  }
  
}
/* webp */
.webp .umx-section8-img-1.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section8-pc-x1-1.jpeg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-pc-x2-1.jpeg);
  }
  
}

.umx-section8-img-2.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section8-pc-x1-2.jpeg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-pc-x2-2.jpeg);
  }
  
}
/* webp */
.webp .umx-section8-img-2.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section8-pc-x1-2.jpeg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-pc-x2-2.jpeg);
  }
  
}

.umx-section8-img-3.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section8-pc-x1-3.jpeg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-pc-x2-3.jpeg);
  }
  
}
/* webp */
.webp .umx-section8-img-3.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section8-pc-x1-3.jpeg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-pc-x2-3.jpeg);
  }
  
}

.umx-section8-img-4.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section8-pc-x1-4.jpeg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-pc-x2-4.jpeg);
  }
  
}
/* webp */
.webp .umx-section8-img-4.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section8-pc-x1-4.jpeg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-pc-x2-4.jpeg);
  }
  
}


/* zeiss-item-logo */

.zeiss-item-logo {
  width: 206px;
  height: 41px;
  @media (max-width: 1000px) {
    width: 92.5px;
    height: 18.5px;
  }
}
.umx-zeiss-item-mb .umx-zeiss-desc {
  height: 30.5px;
}
.umx-zeiss-item-mb  .umx-zeiss-item-params {
  font-size: 6px;
}
.zeiss-item-logo.umx-background-lazy {
  background-image: url(../img/zeiss-item-logo.jpeg);
}
/* webp */
.webp .zeiss-item-logo.umx-background-lazy {
  background-image: url(../img/zeiss-item-logo.jpeg);
}

.umx-swiper2 .zeiss-item-logo.umx-background-lazy,
.umx-section10-list .zeiss-item-logo.umx-background-lazy {
  background-image: url(../img/zeiss-item-v30-logo.jpg);
}
/* webp */
/* .webp .zeiss-item-logo.umx-background-lazy, */
.webp .umx-section10-list .zeiss-item-logo.umx-background-lazy {
  background-image: url(../img/zeiss-item-v30-logo.jpg);
}




.umx-zeiss-desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px 0 10px;
  box-sizing: border-box;
}
.umx-zeiss-item-params {
  font-size: 11px;
  font-family: vivotypeENRegular, sans-serif;
}

@media (min-width: 1000px) {
  .zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-text {
    /* color: #8D8D8D; */
    /* font-size: 11px; */
    line-height: 20px;
  }
}

@media (max-width: 1000px) {
  .zeiss-images .umx-canvas-text {
    /* border: 1px solid red; */
    padding-top: 0;
    position: inherit;
    /* bottom: 0; */
    /* left: 0; */
  }
  
  .zeiss-images .umx-canvas-text .camera-video-benefits {
    margin-top: 0;
  }
  .zeiss-images .umx-zeiss-images-mb-wrapper .umx-zeiss-images-stage1 .zeiss-images-mb-f1 {
    height: auto;
    padding-top: 0;
    height: 0;
    height: 100px;
    padding-bottom: 106.6%;
  }
  .zeiss-images .umx-canvas-text .camera-video-benefits {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
  }
  .zeiss-images .umx-canvas-text .umx-canvas-title {
    margin-bottom: 17px;
  }
  .zeiss-images .umx-canvas-text .camera-video-benefits .camera-video-benefit {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
  }
  .zeiss-images .umx-canvas-text .umx-canvas-intro {
    margin-top: 25px;
    margin-bottom: 100px;
    font-family: vivotypeENLight !important;
  }
  .camera-benefit-icon.camera-benefit-icon-1,
  .camera-benefit-icon.camera-benefit-icon-2,
  .camera-benefit-icon.camera-benefit-icon-4 {
    margin: 0 !important;
    margin-right: 10px !important;
  }
  .zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-icon.camera-benefit-icon-1,
  .zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-icon.camera-benefit-icon-4,
  .zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-icon.camera-benefit-icon-2 {
    flex-shrink: 0;
    margin-right: 10px;
  }
  .zeiss-images .umx-canvas-text .camera-video-benefits .camera-benefit-text {
    /* color: #8D8D8D; */
    font-size: 11px;
    line-height: 12px;
  }
}

.umx-zeiss-item-mb {
  /* width: 327px; */
  width: 100%;
}

.umx-section8-img-mb {
  padding-bottom: 60.39%;
}


.umx-section8-img-1-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section8-mb-x1-1.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-mb-x2-1.jpeg);
  }
}
/* webp */
.webp .umx-section8-img-1-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section8-mb-x1-1.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-mb-x2-1.jpeg);
  }
}
.umx-section8-img-2-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section8-mb-x1-2.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-mb-x2-2.jpeg);
  }
}
/* webp */
.webp .umx-section8-img-2-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section8-mb-x1-2.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-mb-x2-2.jpeg);
  }
}

.umx-section8-img-3-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section8-mb-x1-3.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-mb-x2-3.jpeg);
  }
}
/* webp */
.webp .umx-section8-img-3-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section8-mb-x1-3.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-mb-x2-3.jpeg);
  }
}

.umx-section8-img-4-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section8-mb-x1-4.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-mb-x2-4.jpeg);
  }
}
/* webp */
.webp .umx-section8-img-4-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section8-mb-x1-4.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section8-mb-x2-4.jpeg);
  }
}

.umx-swiper2,
.umx-swiper1 {
  position: relative;
  margin: 0 24px;
}

.umx-swiper2 .swiper-slide,
.umx-swiper1 .swiper-slide {
  /* padding: 0 24px; */
  /* box-sizing: border-box; */
}

.umx-slide-prev,
.umx-slide-next {
  position: absolute;
  
  top: 50%;
  z-index: 10;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(0,0,0,.5);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.umx-slide-prev {
  left: 10px;
}
.umx-slide-next {
  right: 10px;
}
.umx-slide-prev img,
.umx-slide-next img {
  width: 65%;
}

.umx-zeiss-images-mb-wrapper {
  padding-bottom: 60px;
}




/* 99999 */
.umx-section9-img {
  width: 100%;
  padding-bottom: 56.25%;
  @media (max-width: 1000px) {
    padding-bottom: 115.73%;
  }
}
.umx-section9-img.umx-background-lazy {

  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section9-pc-x1.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section9-pc.jpg);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/section9-mb-x1.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section9-mb.jpg);
  }
  
}
/* webp */
.webp .umx-section9-img.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section9-pc-x1.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section9-pc.jpg);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/section9-mb-x1.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section9-mb.jpg);
  }
  
}

.umx-section9-figure {
  position: relative;
}
.umx-section9-figure  .umx-figcaption {
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 34px;
  font-family: vivotypeENBold, sans-serif;
  @media (max-width:1000px) {
    /* color: #fff; */
    /* width: 100%; */
    left: 20px;
    font-size: 15px;
    text-align: left;
    top: 40px;
    /* transform: translate(-50%, 0); */
  }
}

.umx-section9-figure  .umx-figcaption p {
  @media (max-width:1000px) {
    white-space: nowrap;
  }
}

.umx-section {
  overflow: hidden;
}


/* 1010101010 */
.umx-section10 {
  width: 100%;
  position: relative;
  overflow: hidden;
  
  @media (max-width: 1000px) {
    background: #000;
  }
}
.umx-section10-figure {
  @media (min-width: 1000px) {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
  }
}

.umx-section10-img-max {
  width: 100%;
  @media (min-width: 1000px) {
    height: 100%;
    background-size: cover;
  }
  
  @media (max-width: 1000px) {
    padding-bottom: 124.93%;
  }
}

.umx-section10 .umx-figcaption {
  @media (min-width: 1000px) {
    position: absolute;
    left: 105px;
    bottom: 225px;
  }
  @media (max-width: 1000px) {
    padding: 0 20px;
    box-sizing: border-box;
    padding-bottom: 75px;
  }
  
  color: #fff;
  font-family: vivotypeENRegular, sans-serif;
}
.umx-section10-title {
  font-size: 34px;
  margin-bottom: 15px;
  @media (max-width: 1000px){
    font-size: 15px;
  }
}
.umx-section10-desc {
  font-size: 16px;
  line-height: 20px;
  color: #8D8D8D;
  @media (max-width: 1000px){
    font-size: 13px;
    line-height: 16px;
    
  }
}

.umx-section10-img-max.umx-background-lazy {

  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section10-pc-x1.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-pc.jpg);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/section10-mb-x1.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-mb.jpg);
  }
  
}
/* webp */
.webp .umx-section10-img-max.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section10-pc-x1.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-pc.jpg);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/section10-mb-x1.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-mb.jpg);
  }
  
}


.umx-child-container {
  position: relative;
  
}
.umx-section10 {
  @media (max-width: 1000px) {
    padding-bottom: 70px;
  }
}
.umx-section10-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  position: absolute;
  left: 100vw;
  top: 0;
  height: 100vh;
  /* padding-right: 200px; */
  background: #000;
  /* padding-left: 126px */
  padding: 0 400px 0 300px;
  
}
.umx-section10-list .umx-zeiss-item {
  margin-right: 25px;
}



.umx-section10-img {
  width: 100%;
  padding-bottom: 60.46%;

  @media (max-width: 1000px) {
    padding-bottom: 60.36%;
  }
}

.umx-section10-img-1.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section10-pc-x1-1.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-pc-x2-1.jpg);
  }
}
/* webp */
.webp .umx-section10-img-1.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section10-pc-x1-1.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-pc-x2-1.jpg);
  }
}

.umx-section10-img-2.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section10-pc-x1-2.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-pc-x2-2.jpg);
  }
}
/* webp */
.webp .umx-section10-img-2.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section10-pc-x1-2.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-pc-x2-2.jpg);
  }
}

.umx-section10-img-3.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section10-pc-x1-3.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-pc-x2-3.jpg);
  }
}
/* webp */
.webp .umx-section10-img-3.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/section10-pc-x1-3.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-pc-x2-3.jpg);
  }
}

.umx-paging-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  font-family: vivotypeENRegular;
  opacity: 0;
}

.umx-paging-container .umx-custom-progress span {
  position: absolute;
  bottom: 0;
  border-radius: 4px;
}
.umx-paging-container .umx-custom-progress .umx-progress-bg{
  display: block;
  height: 2px;
  width: 155px;
  background: #686868;
  
  z-index: 1;
}

.umx-paging-container .umx-custom-progress .umx-progress {
  display: block;
  height: 2px;
  width: 0px;
  background: #fff;
  z-index: 2;
}
.umx-paging-container .umx-num {
  display: flex;
}
.umx-paging-container .umx-num-fraction {
  color: #fff;
  font-size: 21px;
  font-family: vivotypeENBold;
}
.umx-paging-container .umx-num-total {
  color: rgba(255,255,255,.6);
  font-size: 9px;
  margin-top: 5px;
}

.umx-paging-container .umx-num {
  margin-bottom: 8px;
}



.umx-swiper-pagination {
  position: absolute;
  bottom: 40px;
  right: 10px;
  z-index: 5;
  width: 48px;
  height: 24px;
  background: rgba(0,0,0,.5);
  color: #fff;
  border-radius: 20px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: vivotypeENRegular;
}
.umx-swiper-pagination .umx-swiper-total {
  color: #86868B;
  
}



.umx-section10-img-1-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section10-mb-x1-1.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-mb-x2-1.jpg);
  }
}
/* webp */
.webp .umx-section10-img-1-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section10-mb-x1-1.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-mb-x2-1.jpg);
  }
}

.umx-section10-img-2-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section10-mb-x1-2.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-mb-x2-2.jpg);
  }
}
/* webp */
.webp .umx-section10-img-2-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section10-mb-x1-2.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-mb-x2-2.jpg);
  }
}

.umx-section10-img-3-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section10-mb-x1-3.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-mb-x2-3.jpg);
  }
}
/* webp */
.webp .umx-section10-img-3-mb.umx-background-lazy {
  @media (max-width: 1000px) {
    background-image: url(../img/section10-mb-x1-3.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/section10-mb-x2-3.jpg);
  }
}





.umx-row1-title-text {
  color: #fff;
  margin-bottom: 77px;
  @media (max-width: 1000px) {
    margin-bottom: 41px;
  }
}

/* .zeiss-joint .umx-section {
  @media (min-width: 1000px) {
    position: unset;
   
  }
} */
.zeiss-joint .umx-section .umx-title .umx-main-title {
  font-family: vivotypeENMedium;
  @media (min-width: 1000px) {
    font-size: 34px;
  }
}


.zeiss-joint .umx-joint-list .umx-joint-text-content .umx-joint-text-title {
  @media (min-width: 1000px) {
    font-size: 22px;
    margin-bottom: 13px;
  }
  @media (max-width: 1000px) {
    font-size: 15px;
    margin-bottom: 5px;
  }
}
.zeiss-joint .umx-joint-list .umx-joint-text-content .umx-joint-text-intro {
  @media (min-width: 1000px) {
    font-size: 16px;
  }
  @media (max-width: 1000px) {
    font-size: 12px;
    line-height: 15px;
  }
}
.zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item .umx-joint-text-mb {
  @media (max-width: 1000px) {
    width: 50%;
    left: 40%;
  }
}
.zeiss-joint .umx-joint-list .umx-joint-text-link {
  @media (max-width: 1000px) {
    width: 18%;
    margin-top: 5px;
  }
}

.zeiss-joint .umx-joint-list .umx-more-btn {
  @media (max-width: 1000px) {
    width: 90px;
  }
}

.zeiss-joint .umx-joint-list .umx-text-wrapper .umx-joint-text-item .umx-joint-text-progress .umx-joint-total-progress {
  margin-top: 10px;
}

.zeiss-master .umx-section .umx-title .umx-main-title {
  @media (min-width:1000px) {
    font-size: 34px;
    margin-bottom: 20px;
    
  }
  font-family: vivotypeENMedium;
}

.zeiss-sale .umx-section .umx-title .umx-main-title {
  @media (min-width:1000px) {
    font-size: 34px;
    margin-bottom: 10px;
  }
  font-family: vivotypeENMedium;
}
.zeiss-lensbag .umx-section .umx-title .umx-main-title {
  @media (min-width:1000px) {
    font-size: 34px;
    margin-bottom: 10px;
  }
  font-family: vivotypeENMedium;
}

.umx-stage .umx-section .umx-title .umx-intro {
  font-family: vivotypeENRegular;
  @media (min-width:1000px) {
    font-size: 16px;
    line-height: 20px;
  }
  @media (max-width: 1000px) {
    font-size: 13px;
    color: #86868B;
    margin-bottom: 0;
    line-height: 16px;
  }
}
.zeiss-sale .umx-sale-list .umx-sale-wrapper {
  @media (max-width: 1000px) {
    margin-top: 25px;
  }
}

.zeiss-history .umx-history-list .umx-horizontal-wrapper .umx-figure .umx-figure-text {
  height: 230px;
  bottom: 0;
}


.umx-model-container {
  width: 1600px;
  @media (max-width: 1600px) and (min-width: 1000px) {
    width: 1230px;
  }
  @media (max-width: 1000px) {
    width: auto;
    margin: 0;

  }
  margin: 0 auto;
}

.umx-accordion-container {
  /* width: 100%; */
 
  margin-top: 30px;
  @media (min-width: 1000px) {
    display: flex;
    height: 581px;
  }
  
}
.umx-accordion-item {
  @media (min-width: 1000px) {
    /* border: 1px solid red; */
    display: inline-block;
    margin-right: 30px;
    min-width: 180px;
    width: 180px;
    transition: all .5s ease;
    position: relative;
    overflow: hidden;
  }
  
}
.umx-item-active {
  @media (min-width: 1000px) {
    flex: 1;
  flex-shrink: 0;
  }
  
}
.umx-footer-x100 {
  @media (min-width: 1000px) {
    /* height: 100%; */
    width: 600px;
    height: 529px;
    position: absolute;
    bottom: 0;
    transform: translateX(-35%);
    transition: all .5s ease;
    opacity: .4 !important;
  }
  
}
.umx-item-active .umx-footer-x100 {
  @media (min-width: 1000px) {
    transform: translateX(0%);
    opacity: 1 !important;
  }
  
}
.umx-accordion-item:last-child {
  @media (min-width: 1000px) {
    margin-right: 0;
  }
  
}



/* .umx-footer-img {
  width: 810px;
  height: 0;
  padding-bottom: 56.96%;
  @media (max-width: 1000px) {
    padding-bottom: 151.37%;
  }
} */
.umx-accordion-item-x100 {
  background: #f7f9fa;
}
.umx-accordion-item-v30 {
  background: #f0f2f3;
}
.umx-footer-v30 {
  
  @media (min-width: 1000px) {
    /* border: 1px solid red; */
    width: 1390px;
    height: 581px;
    /* transform: translateX(-32.5%); */
    transition: all .6s ease;
    opacity: .7 !important;
  }
  @media (min-width: 1000px) {
    transform: translateX(-70%);
  }
  
}

.umx-item-active .umx-footer-v30 {
  @media (min-width: 1000px) {
    transform: translateX(0%);
    opacity: 1 !important;
  }
  @media (min-width: 1000px) and (max-width: 1600px) {
    transform: translateX(-10%);
  }
}
.umx-accordion-title {
  opacity: 1;
  transition: all .3s ease;
}
.umx-item-active .umx-accordion-title {
  opacity: 0;
}

.umx-footer-x100.umx-background-lazy {

  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/footer-x100-pc-x1.png);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-x100-pc.png);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/footer-x100-mb-x1.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-x100-mb.jpeg);
  }
  
}
/* webp - 需要判断浏览器是否支持webp格式的图片，如果支持那么在html添加一个class='webp'，这样就可以运用下面的样式了 */
.webp .umx-footer-x100.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/footer-x100-pc-x1.png);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-x100-pc.png);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/footer-x100-mb-x1.jpeg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-x100-mb.jpeg);
  }
  
}


.umx-accordion-item-v30 {
  background: #FFFFFF;
}


.umx-footer-v30.umx-background-lazy {

  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/footer-v30-pc-x1.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-v30-pc.jpg);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/footer-v30-mb-x1.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-v30-mb.jpg);
  }
  
}
/* webp - 需要判断浏览器是否支持webp格式的图片，如果支持那么在html添加一个class='webp'，这样就可以运用下面的样式了 */
.webp .umx-footer-v30.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/footer-v30-pc-x1.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-v30-pc.jpg);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/footer-v30-mb-x1.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-v30-mb.jpg);
  }
  
}



.umx-text-container {
  @media (min-width: 1000px) {
    position: absolute;
    width:  356px;
    height: 145px;
    right: 40px;
    top: 50%;
  }
  

  @media (min-width: 1600px) {
    right: 150px;
  }
}

.umx-footer-x100-logo {
  
  width: 100%;
  height: 0;
  padding-bottom: 16.87%;
  
  @media (min-width: 1000px) {
    margin-bottom: 10px;
  }
}

.umx-footer-v30-logo {
  width: 100%;
  height: 0;
  
  padding-bottom: 21.81%;
  @media (min-width: 1000px) {
    margin-bottom: 10px;
  }
}

.umx-footer-x100-logo.umx-background-lazy {

  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/footer-x100-logo.png);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-x100-logo.png);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/footer-x100-logo.png);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-x100-logo.png);
  }
  
}
/* webp - 需要判断浏览器是否支持webp格式的图片，如果支持那么在html添加一个class='webp'，这样就可以运用下面的样式了 */
.webp .umx-footer-x100-logo.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/footer-x100-logo.png);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-x100-logo.png);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/footer-x100-logo.png);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-x100-logo.png);
  }
  
}

.umx-footer-v30-logo.umx-background-lazy {

  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/footer-v30-logo.png);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-v30-logo.png);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/footer-v30-logo.png);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-v30-logo.png);
  }
  
}
/* webp - 需要判断浏览器是否支持webp格式的图片，如果支持那么在html添加一个class='webp'，这样就可以运用下面的样式了 */
.webp .umx-footer-v30-logo.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/footer-v30-logo.png);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-v30-logo.png);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/footer-v30-logo.png);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-v30-logo.png);
  }
  
}

.umx-link-icon {
  display: block;
  transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  margin-top: 4px;
}

.umx-v30-link {
  @media (min-width:1000px) {
    /* margin-left: 40px; */
  }
}

.umx-v30-link,
.umx-x100-link {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.umx-v30-link .umx-link-text,
.umx-x100-link .umx-link-text {
  padding-bottom: 4px;
  border-bottom: 1px solid black;
}


.umx-link-icon.umx-background-lazy {

  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/arrow-down-black.png);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/arrow-down-black.png);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/arrow-down-black.png);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/arrow-down-black.png);
  }
  
}
/* webp - 需要判断浏览器是否支持webp格式的图片，如果支持那么在html添加一个class='webp'，这样就可以运用下面的样式了 */
.webp .umx-link-icon.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/arrow-down-black.png);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/arrow-down-black.png);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/arrow-down-black.png);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/arrow-down-black.png);
  }
  
}



.umx-accordion-item .umx-text-container {
  @media (min-width: 1000px) {
    transform: translate(67%, -50%);
    /* opacity: 0; */
    transition: all .3s ease;
  }
  
}

.umx-footer-desc-container {
  @media (min-width: 1000px) {
    opacity: 0;
    transition: all .3s ease;
  }
  @media (max-width: 1000px) {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.umx-accordion-item-v30 {
  background: #f7f9fa;
}

.umx-item-active .umx-text-container {
  @media (min-width: 1000px) {
    transform: translate(0, -50%);
    /* opacity: 1; */
  }
  
}

.umx-item-active .umx-footer-desc-container {
  @media (min-width: 1000px) {
    opacity: 1;
    white-space: nowrap;
  }
}

.umx-accordion-title {
  @media (min-width: 1000px) {
    width: 180px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
  }
  
}

@media (max-width:1000px) {
  .umx-footer-v30,
  .umx-footer-x100 {
    padding-bottom: 151.37%;
  }
  .umx-accordion-item {
    position: relative;
    margin-bottom: 15px;
  }
  .umx-text-container {
    width: 100%;
    padding: 0 27px;
    box-sizing: border-box;
    position: absolute;
    top: 40px;
    left: 0;
    /* text-align: center; */
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .umx-v30-link,
  .umx-x100-link {
    color: #000 !important;
    width: 165px;
    height: 32px;
    border: 1px solid #000;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    /* color: #fff !important; */
    /* border: 1px solid #fff; */
    margin-top: 140px;
  } 
  .umx-v30-link {
    margin-top: 145px;
    height: 28px;

    @media (max-width:1000px) {
      margin-top: 130px;
    }
  }
  .umx-x100-link {
    /* color: #000 !important;
    border: 1px solid #000; */
    margin-top: 10px;
  }
  .umx-v30-link .umx-link-text,
  .umx-x100-link .umx-link-text {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .umx-footer-v30-logo {
    width: 210px;
    height: 46px;
    padding-bottom: 0;
  }
}

@media (max-width: 1000px) {
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f1,
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2,
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f3 {
    width: 87.2vw;
    height: 62.66vw;
    background-size: 87.2vw 62.66vw;
  }
  
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item .umx-joint-text-mb {
    width: 44.66vw !important;
  }
  .zeiss-joint .umx-joint-list .umx-figure-wrapper .umx-figure-item.umx-joint-f2 .umx-joint-text-mb {
    width: 40vw !important;
  }

  .umx-joint-text-content {
    width: 50vw !important;
    font-size: 12px !important;
  }

  .zeiss-joint .umx-joint-list .umx-joint-text-link.joint-video-link:after {
    width: 12px;
    height: 12px;
    margin-top: 5px;
    right: -15px;
    @media (max-width: 1000px) {
      margin-top: 0px !important;
    }
  }
  .umx-joint-text-link.umx-more-btn {
    width: 95px !important;
    
  }
  .zeiss-joint .umx-joint-list .umx-joint-text-link:after {
    width: 12px;
    height: 12px;
    right: -10px;
    
  }
  .umx-zeiss-master-selector-popup .umx-zeiss-master-selector-popup-content h4,
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item .umx-avatar-info h3 {
    font-family: vivotypeENBold;
  }
  .umx-zeiss-master-selector-popup .umx-zeiss-master-selector-option-list span.current,
  .zeiss-master .umx-master-mb-picture-options-container .umx-master-mb-picture-current-name,
  .zeiss-master .umx-avatar-wrapper .umx-avatar-item .umx-avatar-info p {
    font-family: vivotypeENRegular;
  }
}



.zeiss-images .umx-images-text-progress {
  @media (min-width: 1000px) {
    margin-top: 0;
    top: unset;
    bottom: 30px;
  }
}

/* .zeiss-history {
  @media (min-width: 1000px) {
    padding-bottom: 0;
    margin-bottom: 300px;
  }
} */

.umx-stickyBox {
  /* overflow: unset !important; */
}

.umx-custom-joint-title {
  @media (min-width: 1000px) {
    font-size: 34px;
    font-family: vivotypeENBold;
    position: absolute;
    top: -70px;
  }
  @media (max-width: 1000px) {
    font-size: 22px;
    font-family: vivotypeENBold;
  }
}

.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-inner-title {
  margin-top: 10px;
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-title {
  white-space: nowrap;
}
.zeiss-lensbag .umx-lensbag-list .umx-text-wrapper .umx-text-content .umx-lensbag-title {
  padding: 0;
  padding-top: 12px;
}

.umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-drop-button {
  @media (max-width: 1000px) {
    width: 190px !important;
  }
}


.zeiss-sale .umx-section .umx-title .umx-main-title-custom {
  font-size: 34px;
  margin-bottom: 10px;
}

@media (max-width: 1000px) {
  .umx-lensbag-mb-picture-options-container .umx-lensbag-mb-picture-current-name {
    font-family: vivotypeENRegular !important;
  }
  .umx-zeiss-lensbag-selector-popup .umx-zeiss-lensbag-selector-option-list,
  .umx-zeiss-lensbag-selector-popup .umx-zeiss-lensbag-selector-popup-content h4 {
    font-family: vivotypeENRegular !important;
  }
  .zeiss-sale .umx-section .umx-title .umx-main-title-custom {
    font-size: 22px;
    margin-left: 24px;
    margin-bottom: 9px;
  }

  .umx-stage.umx-stage-tips .umx-tip-content li {
    font-size: 12px !important;
    line-height: 15px !important;
  }
}

.umx-6-icon {
  display: inline-block;
  width: 6px;
}
.umx-mb-6 {
  width: 8px;
  position: relative;
  top: 5px;
}
.umx-mb-6-2 {
  width: 6px;
  position: relative;
  top: 5px;
}
.umx-footer-6-1 {
  width: 5px;
  position: relative;
  top: -2px;
}

.umx-h3-title {
  @media (min-width:1000px) {
    color: #000 !important;
  }
}

.umx-accordion-item-v30 {
  background: #FFFFFF;
}

.umx-footer-v30.umx-background-lazy {

  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/footer-v30-pc-x1.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-v30-pc.jpg);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/footer-v30-mb-x1.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-v30-mb.jpg);
  }
  
}
/* webp - 需要判断浏览器是否支持webp格式的图片，如果支持那么在html添加一个class='webp'，这样就可以运用下面的样式了 */
.webp .umx-footer-v30.umx-background-lazy {
  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/footer-v30-pc-x1.jpg);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-v30-pc.jpg);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/footer-v30-mb-x1.jpg);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/footer-v30-mb.jpg);
  }
  
}

@media (min-width: 1000px) {

  .umx-accordion-item-v30 {
  }
  
  .umx-accordion-item-v30 .umx-footer-desc-container {
    /* border: 1px solid red; */


  }
  .umx-accordion-item-v30 .umx-footer-sfq-text {
    width: 100%;
    margin-top: 80px;
  }
  .umx-accordion-item-v30 .umx-footer-sfq-logo {
    width: 100px;
    position: absolute;
    left: 60px;
    top: 40px;
    opacity: 0;
  }

  .umx-item-active .umx-footer-sfq-logo {
    opacity: 1;
    transition: all .3s ease;
  }


  /* .umx-accordion-item-v30 .umx-link-text {
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
  } */

  .umx-accordion-item-v30 .umx-text-container {
    top: 30% !important;
    left: 100px;
  }

  .umx-v30-link {
    position: relative;
    /* left: 24px; */
  }

  
}



.umx-accordion-title {
  @media (min-width: 1000px) {
    width: 180px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 48%;
    transform: translateX(-40%);
    top: 0;
    z-index: 10;
    font-size: 45px;
    color: #fff;
    /* background-color: #000; */
  }
  
}


.umx-link-icon-white.umx-background-lazy {

  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/arrow-down-white.png);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/arrow-down-white.png);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/arrow-down-white.png);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/arrow-down-white.png);
  }
  
}

.umx-link-icon-white{
  display: block;
  transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  margin-top: 4px;
}
.webp .umx-link-icon-white.umx-background-lazy {

  /* pc */
  @media (min-width: 1000px) {
    background-image: url(../img/arrow-down-white.png);
  }
  @media (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/arrow-down-white.png);
  }

  /* mb */
  @media (max-width: 1000px) {
    background-image: url(../img/arrow-down-white.png);
  }
  @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) {
    background-image: url(../img/arrow-down-white.png);
  }
  
}


.umx-yd-add-desc {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
  color: #8D8D8D;
  font-family: vivotypeENRegular;
  @media (max-width: 1000px){
    font-size: 13px;
    line-height: 16px;
  }
}