.hidden-web{
  display: none;
}

.product-container {
  width: 100%;
  line-height: 1.6;
}
.product-container .blur-up{
  transition: filter .4s;
  filter: blur(10px);
}
.product-container .blur-up.lazyloaded{
  filter: blur(0);
}
.product-container sup {
  font-size: .6em;
  cursor: pointer;
}
.product-container .title-swiper,
.product-container .sec8-swiper,
.product-container .sec3,
.product-container .sec11-2,
.product-container .sec26,
.product-container .sec31 {
  overflow: hidden;
}

.product-container * {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.product-container a {
  color: inherit !important;
}

.product-container sup {
  color: inherit;
  cursor: pointer;
}
.product-container .video-fallback{
  display: none;
}

.product-container .sub-title {
  font-size: 2.5vw;
  font-weight: bold;
  line-height: 1.25;
}

.product-container .sub-text {
  font-size: 1.25vw;
  line-height: 1.6;
  color: #000;
}

.product-container .popup {
  -webkit-transform: translateY(30%);
  -moz-transform: translateY(30%);
  -ms-transform: translateY(30%);
  transform: translateY(30%);
  opacity: 0;
}

.product-container .tigger {
  height: 0;
  position: relative;
}
.product-container .sticky-container-sec2 {
  height: 520vh;
}

.product-container .sec2 {
  top: 76px;
  height: -moz-calc(100vh - 76px);
  height: calc(100vh - 76px);
  position: sticky;
  overflow: hidden;
  margin-top: 7.8125%;
}
.product-container .sec2-ie-fallback{
  display: none;
}
.product-container .sec2 .sec2-iphone-border {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 36.5vw;
  height: 36.5vw;
  position: absolute;
  border-radius: 50%;
  z-index: 10;
  pointer-events: none;
}

.product-container .sec2 .sec2-content-container {
  background-color: #FFFFFF;
  top: 50%;
  left: 50.6%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 24vw;
  height:24vw;
  position: absolute;
  /*border-radius: 50%;*/
  overflow: hidden;
}
.product-container .sec2 .sec2-content {
  width: 100%;
}
.product-container .sec2 .sec2-content .sec2-content-item{
  cursor: pointer;
}
.product-container .sec2 .sec2-content .sec2-img-content {
  width: 24vw;
  height: 24vw;
}
.product-container .sec2 .sec2-text {
  top: 7.90625vw;
  left: 7.3vw;
  width: 34.395833vw;
  height: 6.667vw;
  position: absolute;
  z-index: 12;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}
.product-container .sec2 .sec2-text .sec2-text-container {
  top: 0;
  left: 10%;
  position: absolute;
  will-change: transform;
}
.product-container .sec2 .sec2-text .sec2-text-container>div {
  /*width: 20vw;*/
  height: 6.667vw;
  line-height: 1.6;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 2.08vw;
  /*font-weight: bold;*/
  /*color: #000000;*/
  text-align: left;
  will-change: transform;
}
.product-container .sec2 .sec2-text .sec2-text-container .one1{
  width: 12vw;
}
.product-container .sec2 .sec2-text .sec2-text-container .one3{
  width: 12vw;
}
.product-container .sec2 .sec2-text .sec2-text-container .one5{
  width: 14vw;
}
.product-container .sec2 .sec2-text .sec2-text-container .one6{
  width: 17vw;
}
.product-container .sec2 .sec2-text .sec2-text-container .one2{
  width: 20vw;
}
.product-container .sec2 .sec2-text .sec2-text-container .one4{
  width: 21vw;
}
.product-container .sec2 .sec2-circle-border {
  top: 50%;
  right: 10.657917vw;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 7.447917vw;
  height: 7.447917vw;
  position: absolute;
}

.product-container .sec2 .sec2-circle {
  top: 50%;
  right: 0;
  -webkit-transform: translate(52%, -50%);
  -moz-transform: translate(52%, -50%);
  -ms-transform: translate(52%, -50%);
  transform: translate(52%, -50%);
  width: 36.5vw;
  height: 36.5vw;
  position: absolute;
  border-radius: 50%;
  z-index: 13;
}

.product-container .sec2 .sec2-circle img {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.product-container .sec2 .sec2-circle .sec2-img-container {
  width: 7.447917vw;
  height: 7.447917vw;
  position: relative;

}

.product-container .sec2 .sec2-circle .sec2-img-container .sec2-circle-img {
  opacity: 0.3;
  font-size: 1.0vw;
  color: #000000;
  width: 100%;
}

.product-container .sec2 .sec2-circle .sec2-img-container .sec2-circle-img.active {
  opacity: 1;
}

.product-container .sec2 .sec2-circle .sec2-img-container .sec2-circle-img {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 6.1875vw;
  position: absolute;
}

.product-container .sec2 .sec2-circle .sec2-img-container .sec2-point {
  top: 50%;
  left: 3.7239585vw;
  width: .625vw;
  height: .625vw;
  -webkit-transform: translate(-50%, -50%) rotate(-36deg);
  -moz-transform: translate(-50%, -50%) rotate(-36deg);
  -ms-transform: translate(-50%, -50%) rotate(-36deg);
  transform: translate(-50%, -50%) rotate(-36deg);
  position: absolute;
}

.product-container .sec2 .sec2-circle .sec2-img-container1 {
  top: 50%;
  left: -0.66vw;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.product-container .sec2 .sec2-circle .sec2-img-container1 .sec2-circle-img {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}

.product-container .sec2 .sec2-circle .sec2-img-container2 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(18deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(18deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(18deg);
  transform: translate(-3.69792vw, -50%) rotate(18deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container3 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(36deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(36deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(36deg);
  transform: translate(-3.69792vw, -50%) rotate(36deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container3 .sec2-circle-img {
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%) rotate(-36deg);
  -moz-transform: translate(0, -50%) rotate(-36deg);
  -ms-transform: translate(0, -50%) rotate(-36deg);
  transform: translate(0, -50%) rotate(-36deg);
  position: absolute;
}

.product-container .sec2 .sec2-circle .sec2-img-container4 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(54deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(54deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(54deg);
  transform: translate(-3.69792vw, -50%) rotate(54deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container5 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(72deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(72deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(72deg);
  transform: translate(-3.69792vw, -50%) rotate(72deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container5 .sec2-circle-img {
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%) rotate(-72deg);
  -moz-transform: translate(0, -50%) rotate(-72deg);
  -ms-transform: translate(0, -50%) rotate(-72deg);
  transform: translate(0, -50%) rotate(-72deg);
  position: absolute;
}

.product-container .sec2 .sec2-circle .sec2-img-container6 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(90deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(90deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(90deg);
  transform: translate(-3.69792vw, -50%) rotate(90deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container7 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(108deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(108deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(108deg);
  transform: translate(-3.69792vw, -50%) rotate(108deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container7 .sec2-circle-img {
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%) rotate(-108deg);
  -moz-transform: translate(0, -50%) rotate(-108deg);
  -ms-transform: translate(0, -50%) rotate(-108deg);
  transform: translate(0, -50%) rotate(-108deg);
  position: absolute;
}

.product-container .sec2 .sec2-circle .sec2-img-container8 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(126deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(126deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(126deg);
  transform: translate(-3.69792vw, -50%) rotate(126deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container9 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(144deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(144deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(144deg);
  transform: translate(-3.69792vw, -50%) rotate(144deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container9 .sec2-circle-img {
  top: 50%;
  left: 0%;
  -webkit-transform: translate(0, -50%) rotate(-144deg);
  -moz-transform: translate(0, -50%) rotate(-144deg);
  -ms-transform: translate(0, -50%) rotate(-144deg);
  transform: translate(0, -50%) rotate(-144deg);
  position: absolute;
}


.product-container .sec2 .sec2-circle .sec2-img-container10 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(162deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(162deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(162deg);
  transform: translate(-3.69792vw, -50%) rotate(162deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container11 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(180deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(180deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(180deg);
  transform: translate(-3.69792vw, -50%) rotate(180deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container11 .sec2-circle-img {
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%) rotate(-180deg);
  -moz-transform: translate(0, -50%) rotate(-180deg);
  -ms-transform: translate(0, -50%) rotate(-180deg);
  transform: translate(0, -50%) rotate(-180deg);
  position: absolute;
}

.product-container .sec2 .sec2-circle .sec2-img-container12 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(198deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(198deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(198deg);
  transform: translate(-3.69792vw, -50%) rotate(198deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container13 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(216deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(216deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(216deg);
  transform: translate(-3.69792vw, -50%) rotate(216deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container13 .sec2-circle-img {
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%) rotate(-216deg);
  -moz-transform: translate(0, -50%) rotate(-216deg);
  -ms-transform: translate(0, -50%) rotate(-216deg);
  transform: translate(0, -50%) rotate(-216deg);
  position: absolute;
}

.product-container .sec2 .sec2-circle .sec2-img-container14 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(234deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(234deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(234deg);
  transform: translate(-3.69792vw, -50%) rotate(234deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container15 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(252deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(252deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(252deg);
  transform: translate(-3.69792vw, -50%) rotate(252deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container15 .sec2-circle-img {
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%) rotate(-252deg);
  -moz-transform: translate(0, -50%) rotate(-252deg);
  -ms-transform: translate(0, -50%) rotate(-252deg);
  transform: translate(0, -50%) rotate(-252deg);
  position: absolute;
}

.product-container .sec2 .sec2-circle .sec2-img-container16 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(270deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(270deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(270deg);
  transform: translate(-3.69792vw, -50%) rotate(270deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container17 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(-36deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(-36deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(-36deg);
  transform: translate(-3.69792vw, -50%) rotate(-36deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}

.product-container .sec2 .sec2-circle .sec2-img-container17 .sec2-circle-img {
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%) rotate(36deg);
  -moz-transform: translate(0, -50%) rotate(36deg);
  -ms-transform: translate(0, -50%) rotate(36deg);
  transform: translate(0, -50%) rotate(36deg);
  position: absolute;
}
.product-container .sec2 .sec2-circle .sec2-img-container18 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(-54deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(-54deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(-54deg);
  transform: translate(-3.69792vw, -50%) rotate(-54deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}
.product-container .sec2 .sec2-circle .sec2-img-container19 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(-72deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(-72deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(-72deg);
  transform: translate(-3.69792vw, -50%) rotate(-72deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}
.product-container .sec2 .sec2-circle .sec2-img-container19 .sec2-circle-img {
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%) rotate(72deg);
  -moz-transform: translate(0, -50%) rotate(72deg);
  -ms-transform: translate(0, -50%) rotate(72deg);
  transform: translate(0, -50%) rotate(72deg);
  position: absolute;
}
.product-container .sec2 .sec2-circle .sec2-img-container20 {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-3.69792vw, -50%) rotate(-18deg);
  -moz-transform: translate(-3.69792vw, -50%) rotate(-18deg);
  -ms-transform: translate(-3.69792vw, -50%) rotate(-18deg);
  transform: translate(-3.69792vw, -50%) rotate(-18deg);
  width: 21.947917vw;
  position: absolute;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}
.product-container .sec2-mob {
  display: none;
}