@charset "UTF-8";
#ArtPlayPad .max-title {
  padding: 15.625vw 0 7.03125vw;
}

#ArtPlayPad .max-title.max-title-mt {
  padding-top: 0vw;
  padding-bottom: 0;
  transform: translateY(-7.03125vw);
}

#ArtPlayPad .max-title__content {
  position: relative;
}

#ArtPlayPad .max-title__content img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 47.65625vw;
  z-index: 1;
}

#ArtPlayPad .max-title__text {
  font-size: 4.6875vw;
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  z-index: 2;
  color: #000;
}

#ArtPlayPad .module1 .kv-content {
  width: auto;
  left: 12.5vw;
  top: 11.95312vw;
  align-items: flex-start;
}

#ArtPlayPad .module1 .title-content {
  display: flex;
  gap: 0.46875vw;
  align-items: center;
}

#ArtPlayPad .module1 .title-icon {
  width: 6.32812vw;
}

#ArtPlayPad .module1 .product-name {
  font-size: 3.04688vw;
  text-align: left;
  color: #000;
}

#ArtPlayPad .module1 .product-desc1 {
  font-size: 1.5625vw;
  text-align: left;
  font-weight: 700;
  color: #000;
}

#ArtPlayPad .module1 .product-desc2 {
  font-size: 2.34375vw;
  text-align: left;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 3.125vw;
  color: #000;
}

#ArtPlayPad .module1 .product-desc3 {
  font-size: 0.85938vw;
  text-align: left;
  font-weight: 400;
  line-height: 1.5454;
  margin-top: 0.78125vw;
  color: #000;
}

#ArtPlayPad .module1 .product-imgs .icon {
  width: 9.0625vw;
  margin-top: 1.5625vw;
}

#ArtPlayPad .module1 .product-desc-content {
  padding-left: 2.10938vw;
}

#ArtPlayPad .module2 .display-feat {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0;
  gap: 6.64062vw;
}

#ArtPlayPad .module2 .display-feat__content {
  padding-right: 21.48438vw;
  flex: 1;
  padding-bottom: 3.98437vw;
}

#ArtPlayPad .module2 .display-feat__title {
  font-size: 1.64062vw;
  text-align: left;
}

#ArtPlayPad .module2 .display-feat__desc1 {
  font-size: 0.89844vw;
  text-align: left;
  line-height: 1.52;
}

#ArtPlayPad .module2 .display-feat__img {
  margin-top: 0;
  width: 39.10156vw;
  transform: translateY(-3.00781vw);
}

#ArtPlayPad .module3 .display-feat {
  padding: 0 0 7.61719vw;
}

#ArtPlayPad .module3 .display-feat__content {
  display: flex;
  gap: 0.78125vw;
  width: 62.26562vw;
}

#ArtPlayPad .module3 .display-feat__content > div {
  display: flex;
  flex-direction: column;
  gap: 0.78125vw;
}

#ArtPlayPad .module3 .display-feat__content .left {
  width: 19.84375vw;
}

#ArtPlayPad .module3 .display-feat__content .center {
  width: 22.73438vw;
}

#ArtPlayPad .module3 .display-feat__content .right {
  width: 18.90625vw;
  display: flex !important;
}

#ArtPlayPad .module3 .display-feat__img {
  margin: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}

#ArtPlayPad .module3 .display-feat__img img {
  transition: transform 0.3s;
}

#ArtPlayPad .module3 .display-feat__img:hover img {
  transform: scale(1.05);
}

#ArtPlayPad .module3 .text-content {
  position: absolute;
  left: 1.40625vw;
  top: 1.17188vw;
}

#ArtPlayPad .module3 .text-content .text-font-max {
  font-size: 1.25vw;
  text-align: left;
  line-height: 1;
  margin-top: 0;
}

#ArtPlayPad .module3 .text-content .text-font-min2 {
  font-size: 0.85938vw;
  text-align: left;
  margin-top: 0.15625vw;
}

#ArtPlayPad .module3 .display-feature__specs {
  gap: 0.70312vw;
}

#ArtPlayPad .module3 .display-feature__spec-item {
  gap: 0.39062vw;
}

#ArtPlayPad .module3 .display-feature__spec-icon {
  width: 2.26562vw;
}

#ArtPlayPad .module3 .display-feature__spec-value {
  font-size: 0.82031vw;
  text-align: left;
}

#ArtPlayPad .module3 .display-feature__spec-label {
  font-size: 0.625vw;
  text-align: left;
  margin-top: 0;
  line-height: 1.1;
}

#ArtPlayPad .module3 .display-feat__img4 .text-font-max {
  color: #FFFFFF;
}

#ArtPlayPad .module3 .display-feat__img4 .text-font-min2 {
  color: #FFFFFF;
}

#ArtPlayPad .module3 .display-feat__img5 .text-font-max {
  color: #FFFFFF;
}

#ArtPlayPad .module3 .display-feat__img5 .text-font-min2 {
  color: #FFFFFF;
}

#ArtPlayPad .module3 .display-feat__img6 .text-font-max {
  color: #FFFFFF;
}

#ArtPlayPad .module3 .display-feat__img6 .text-font-min2 {
  color: #FFFFFF;
}

#ArtPlayPad .module3 .display-feat__img4 .pos-img {
  width: 11.44531vw;
  position: absolute;
  bottom: 0.9375vw;
  left: 1.5625vw;
}

#ArtPlayPad .module5 .display-feature {
  display: flex;
  gap: 5.07812vw;
  justify-content: center;
  align-items: center;
}

#ArtPlayPad .module5 .display-feature__bg {
  width: 43.90625vw;
}

#ArtPlayPad .module5 .display-feature__content {
  position: initial;
  transform: initial;
  align-items: flex-start;
  width: 36%;
}

#ArtPlayPad .module5 .display-feature__desc1 {
  text-align: left;
}

#ArtPlayPad .module5 .display-feature__title {
  text-align: left;
}

#ArtPlayPad .module5 .display-feature__desc2 {
  text-align: left;
}

#ArtPlayPad .module5 .display-feature__specs {
  flex-wrap: wrap;
  gap: 0;
}

#ArtPlayPad .module5 .display-feature__spec-item {
  width: 50%;
  gap: 0.54688vw;
  margin-top: 2.14844vw;
}

#ArtPlayPad .module5 .display-feature__spec-icon {
  width: 4.10156vw;
}

#ArtPlayPad .module5 .display-feature__spec-value {
  font-size: 2.03125vw;
  text-align: left;
}

#ArtPlayPad .module5 .display-feature__spec-label {
  font-size: 1.25vw;
  text-align: left;
  margin-top: 0vw;
}

#ArtPlayPad .module6 .display-feature__content {
  align-items: flex-start;
  width: 40%;
  left: 13.04688vw;
  transform: initial;
  top: 17.57812vw;
}

#ArtPlayPad .module6 .display-feature__desc1 {
  text-align: left;
}

#ArtPlayPad .module6 .display-feature__title {
  text-align: left;
}

#ArtPlayPad .module6 .display-feature__desc2 {
  text-align: left;
}

#ArtPlayPad .module6 .display-feature__specs {
  gap: 3.90625vw;
}

#ArtPlayPad .module6 .display-feature__spec-item {
  width: 50%;
  gap: 0.54688vw;
  margin-top: 2.14844vw;
}

#ArtPlayPad .module6 .display-feature__spec-icon {
  width: 4.10156vw;
}

#ArtPlayPad .module6 .display-feature__spec-value {
  font-size: 1.25vw;
  text-align: left;
  width: max-content;
}

#ArtPlayPad .module7 .display-feature {
  display: flex;
  gap: 2.92969vw;
  justify-content: center;
  align-items: flex-end;
  padding-top: 7.8125vw;
}

#ArtPlayPad .module7 .display-feature__content {
  position: initial;
  transform: initial;
  align-items: flex-start;
}

#ArtPlayPad .module7 .display-feature__content.left {
  width: 39.17969vw;
}

#ArtPlayPad .module7 .display-feature__content.right {
  width: 37.26562vw;
}

#ArtPlayPad .module7 .display-feature__desc1 {
  text-align: left;
  padding: 0 2.34375vw;
  margin-top: 1.5625vw;
}

#ArtPlayPad .module7 .display-feature__title {
  text-align: left;
  padding: 0 0 0 2.34375vw;
  font-size: 2.03125vw;
}

#ArtPlayPad .module7 .display-feature__desc2 {
  text-align: left;
  padding: 0 2.34375vw;
  font-size: 1.05469vw;
  width: 96%;
}

#ArtPlayPad .module8 .display-feature__content {
  position: initial;
  transform: initial;
  margin: 0 auto 4.29688vw;
}

#ArtPlayPad .module8 .display-feature__desc1 {
  display: flex;
  align-items: center;
}

#ArtPlayPad .module8 .display-feature__desc1 img {
  width: 2.53906vw;
}

#ArtPlayPad .module8 .display-feature__bg {
  position: relative;
}

#ArtPlayPad .module8 .display-feature__specs {
  position: absolute;
  top: 46%;
  left: 77.73438vw;
  transform: translateY(-50%);
  flex-direction: column;
  gap: 3.125vw;
}

#ArtPlayPad .module8 .display-feature__spec-info {
  display: flex;
  justify-content: center;
  gap: 0.85938vw;
}

#ArtPlayPad .module8 .display-feature__spec-value {
  color: #FFFFFF;
  position: relative;
}

#ArtPlayPad .module8 .display-feature__spec-value::after {
  content: '';
  display: block;
  width: 108%;
  height: 0.50781vw;
  background-color: #FFFFFF;
  border-radius: 100px;
  position: absolute;
  bottom: 0.07812vw;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFE454;
  z-index: -1;
}

#ArtPlayPad .module8 .display-feature__spec-label {
  color: #FFFFFF;
}

#ArtPlayPad .module9 {
  padding-top: 11.71875vw;
}

#ArtPlayPad .module9 .display-feature__content {
  position: initial;
  transform: initial;
  margin: 0 auto 2.34375vw;
}

#ArtPlayPad .module9 .display-feature__desc1 {
  display: flex;
  align-items: center;
}

#ArtPlayPad .module9 .display-feature__desc1 img {
  width: 2.53906vw;
}

#ArtPlayPad .module9 .display-feature__btn {
  font-size: 0.9375vw;
  font-weight: 400;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 100px;
  padding: 0.58594vw 1.5625vw;
  margin-top: 1.36719vw;
}

#ArtPlayPad .module10 {
  padding-top: 0vw;
}

#ArtPlayPad .module10 .display-feature__content {
  width: 38%;
  top: 28%;
}

#ArtPlayPad .module11 .display-feature {
  min-height: 100vh;
  overflow: hidden;
}

#ArtPlayPad .module11 .display-feature__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

#ArtPlayPad .module11 .display-feature__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ArtPlayPad .module11 .display-feature__bg-mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}

#ArtPlayPad .module11 .display-feature__content {
  top: 52%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}

#ArtPlayPad .module11 .display-feature__desc1 {
  color: #FFFFFF;
}

#ArtPlayPad .module11 .display-feature__desc2 {
  color: #FFFFFF;
}

#ArtPlayPad .module11 .display-feature__title {
  color: #FFFFFF;
}

#ArtPlayPad .module11 .display-feature__specs {
  margin-top: 5.07812vw;
  gap: 4.10156vw;
}

#ArtPlayPad .module11 .display-feature__spec-item {
  gap: 0.9375vw;
}

#ArtPlayPad .module11 .display-feature__spec-icon {
  width: 3.51562vw;
}

#ArtPlayPad .module11 .display-feature__spec-label {
  color: #FFFFFF;
  margin-top: 0;
  font-size: 1.25vw;
}

#ArtPlayPad .module11 .display-feature__note {
  position: absolute;
  top: 4.60938vw;
  left: 5.85938vw;
  display: flex;
  align-items: center;
  gap: 1.25vw;
  bottom: initial;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}

#ArtPlayPad .module11 .display-feature__note img {
  width: 11.44531vw;
}

#ArtPlayPad .module11 .display-feature__notice-text {
  font-size: 1.25vw;
  text-align: left;
  color: #FFFFFF;
}

#ArtPlayPad .module12 {
  padding-top: 14.45312vw;
}

#ArtPlayPad .module12 .display-feature {
  display: flex;
  gap: 5.07812vw;
  justify-content: center;
  align-items: center;
}

#ArtPlayPad .module12 .display-feature__bg {
  width: 30.07812vw;
}

#ArtPlayPad .module12 .display-feature__content {
  position: initial;
  transform: initial;
  align-items: flex-start;
  width: 42%;
}

#ArtPlayPad .module12 .display-feature__desc1 {
  text-align: left;
}

#ArtPlayPad .module12 .display-feature__title {
  text-align: left;
}

#ArtPlayPad .module12 .display-feature__desc2 {
  text-align: left;
}

#ArtPlayPad .module12 .display-feature__specs {
  flex-wrap: wrap;
  gap: 0;
}

#ArtPlayPad .module12 .display-feature__spec-item {
  width: 50%;
  gap: 0.54688vw;
  margin-top: 1.75781vw;
}

#ArtPlayPad .module12 .display-feature__spec-icon {
  width: 4.10156vw;
}

#ArtPlayPad .module12 .display-feature__spec-label {
  font-size: 1.25vw;
  text-align: left;
  margin-top: 0vw;
}

#ArtPlayPad .module13 {
  padding-bottom: 5.07812vw;
}

#ArtPlayPad .module13 .display-feature {
  display: flex;
  gap: 3.125vw;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 8.20312vw;
}

#ArtPlayPad .module13 .display-feature__bg {
  width: 43.24219vw;
}

#ArtPlayPad .module13 .display-feature__content {
  position: initial;
  transform: initial;
  align-items: flex-start;
  flex: 1;
  padding-left: 3.90625vw;
}

#ArtPlayPad .module13 .display-feature__desc1 {
  text-align: left;
}

#ArtPlayPad .module13 .display-feature__title {
  text-align: left;
}

#ArtPlayPad .module13 .display-feature__desc2 {
  text-align: left;
}

#ArtPlayPad .module13 .display-feature__specs {
  flex-wrap: wrap;
  gap: 0;
  width: 100%;
}

#ArtPlayPad .module13 .display-feature__spec-item {
  width: 50%;
  margin-top: 1.17188vw;
}

#ArtPlayPad .module13 .display-feature__spec-info {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}

#ArtPlayPad .module13 .display-feature__spec-value {
  font-size: 2.03125vw;
  text-align: left;
  position: relative;
  width: max-content;
}

#ArtPlayPad .module13 .display-feature__spec-value-num {
  font-size: 2.8125vw;
  font-weight: 700;
}

#ArtPlayPad .module13 .display-feature__spec-value::after {
  content: '';
  display: block;
  width: 108%;
  height: 0.50781vw;
  background-color: #FFFFFF;
  border-radius: 100px;
  position: absolute;
  bottom: 0.07812vw;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFE454;
  z-index: -1;
}

#ArtPlayPad .module13 .display-feature__spec-label {
  font-size: 1.13281vw;
  text-align: left;
  margin-top: 0vw;
}

#ArtPlayPad .module14 .display-feature__content {
  padding-left: 0;
}

#ArtPlayPad .module14 .display-feature__spec-info {
  flex-direction: row;
  align-items: flex-end;
  gap: 0.625vw;
}

#ArtPlayPad .module14 .display-feature__specs {
  width: 70%;
}

#ArtPlayPad .module14 .display-feature__spec-item:last-child {
  width: 100%;
}

#ArtPlayPad .module15 .display-feature__spec-info {
  flex-direction: row;
  align-items: flex-end;
  gap: 0.625vw;
}

#ArtPlayPad .module16 .display-feature__content {
  padding-left: 0;
}

#ArtPlayPad .module18 {
  padding-bottom: 0;
}

#ArtPlayPad .module18 .display-feature__content {
  padding-left: 0;
}

#ArtPlayPad .module18 .display-feature__desc2 {
  width: 70%;
}

#ArtPlayPad .module19 .display-feat {
  padding: 0 8.20312vw;
}

#ArtPlayPad .module19 #module19-swiper {
  width: 100%;
}

#ArtPlayPad .module19 #module19-swiper .swiper-slide {
  width: 46.875vw;
}

#ArtPlayPad .module19 #module19-swiper .details-swiper__title {
  text-align: left;
  font-size: 2.03125vw;
}

#ArtPlayPad .module19 #module19-swiper .details-swiper__desc1 {
  text-align: left;
  width: 95%;
  font-size: 1.09375vw;
}

#ArtPlayPad .module19 #module19-swiper .arrow_button {
  position: initial;
  gap: 1.17188vw;
  justify-content: flex-start;
  padding: 0;
  margin-top: 2.34375vw;
}

#ArtPlayPad .module19 #module19-swiper .swiper-button-prev {
  background-color: #A2A2A2;
  opacity: 1;
}

#ArtPlayPad .module19 #module19-swiper .swiper-button-next {
  background-color: #A2A2A2;
  opacity: 1;
}

#ArtPlayPad .module19 #module19-swiper .swiper-button-prev.swiper-button-disabled {
  background-color: #D2D2D2;
}

#ArtPlayPad .module19 #module19-swiper .swiper-button-next.swiper-button-disabled {
  background-color: #D2D2D2;
}

#ArtPlayPad .module19 #module19-swiper .swiper-button-prev:after {
  display: none;
}

#ArtPlayPad .module19 #module19-swiper .swiper-button-next:after {
  display: none;
}

#ArtPlayPad .module20 .display-feat__content {
  width: 83.20312vw;
  margin: 10.9375vw auto 0;
  display: flex;
  flex-direction: column;
  padding-top: 5.85938vw;
  border-top: 1px solid #000;
}

#ArtPlayPad .module20 .display-feature__title {
  margin-top: 0;
  text-align: left;
  margin-bottom: 2.34375vw;
  font-size: 1.64062vw;
}

#ArtPlayPad .module20 .display-feat__desc1 {
  display: flex;
  color: #5D5D5D;
}

#ArtPlayPad .module20 .display-feat__desc1 span {
  font-size: 1.09375vw;
  opacity: 0.7;
  font-weight: 300;
}

#ArtPlayPad .module20 .display-feat__desc1 .wz {
  text-align: left;
}

@media screen and (max-width: 1080px) {
  #ArtPlayPad .max-title {
    padding: 18.05556vw 0 7.40741vw;
  }
  #ArtPlayPad .max-title.max-title-mt {
    padding: 18.05556vw 0 7.40741vw;
  }
  #ArtPlayPad .max-title__text {
    font-size: 5.55556vw;
  }
  #ArtPlayPad .max-title__content img {
    width: 43.51852vw;
  }
  #ArtPlayPad .module1 .kv-content {
    left: 7.22222vw;
    top: 17.5vw;
  }
  #ArtPlayPad .module1 .title-content {
    gap: 0.92593vw;
  }
  #ArtPlayPad .module1 .title-icon {
    width: 13.7037vw;
  }
  #ArtPlayPad .module1 .product-name {
    font-size: 7.40741vw;
    line-height: 1;
  }
  #ArtPlayPad .module1 .product-desc-content {
    padding-left: 0;
  }
  #ArtPlayPad .module1 .product-desc1 {
    font-size: 3.7037vw;
  }
  #ArtPlayPad .module1 .product-desc2 {
    font-size: 4.62963vw;
  }
  #ArtPlayPad .module1 .product-desc3 {
    font-size: 2.96296vw;
    margin-top: 1.85185vw;
  }
  #ArtPlayPad .module1 .product-imgs .icon {
    width: 16.11111vw;
    margin-top: 6.48148vw;
  }
  #ArtPlayPad .module2 .display-feat {
    flex-direction: column;
    gap: 0;
  }
  #ArtPlayPad .module2 .display-feat__content {
    width: 100%;
    padding: 12.03704vw 7.40741vw 5.55556vw;
  }
  #ArtPlayPad .module2 .display-feat__title {
    font-size: 3.7037vw;
    margin-top: 0;
  }
  #ArtPlayPad .module2 .display-feat__desc1 {
    font-size: 2.96296vw;
    margin-top: 2.77778vw;
  }
  #ArtPlayPad .module2 .display-feat__img {
    width: 67.31481vw;
    transform: initial;
    margin-left: 0;
  }
  #ArtPlayPad .module3 .display-feat {
    padding: 11.2963vw 0 12.31481vw;
  }
  #ArtPlayPad .module3 .display-feat__content {
    width: 92.96296vw;
    gap: 1.11111vw;
  }
  #ArtPlayPad .module3 .display-feat__content > div {
    gap: 1.11111vw;
  }
  #ArtPlayPad .module3 .display-feat__content .left {
    width: 45.74074vw;
  }
  #ArtPlayPad .module3 .display-feat__content .center {
    width: 46.11111vw;
  }
  #ArtPlayPad .module3 .display-feat__content .right {
    display: none !important;
  }
  #ArtPlayPad .module3 .text-content {
    left: 0;
    padding: 0 1.85185vw 0 3.7037vw;
    width: 100%;
    height: 100%;
    padding-top: 4.44444vw;
    top: 0;
  }
  #ArtPlayPad .module3 .text-content .text-font-max {
    font-size: 3.7037vw;
    margin-top: 0;
  }
  #ArtPlayPad .module3 .text-content .text-font-min2 {
    font-size: 2.96296vw;
    margin-top: 1.11111vw;
  }
  #ArtPlayPad .module3 .display-feature__specs {
    flex-direction: column;
    gap: 3.33333vw;
    margin-top: 60.18519vw;
  }
  #ArtPlayPad .module3 .display-feature__spec-icon {
    width: 6.11111vw;
  }
  #ArtPlayPad .module3 .display-feature__spec-item {
    gap: 1.66667vw;
  }
  #ArtPlayPad .module3 .display-feature__spec-value {
    font-size: 3.24074vw;
  }
  #ArtPlayPad .module3 .display-feature__spec-label {
    font-size: 2.96296vw;
    margin-top: 0;
  }
  #ArtPlayPad .module3 .display-feat__img1 {
    position: relative;
    overflow: initial;
  }
  #ArtPlayPad .module3 .display-feat__img1 .pos-img {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    width: 50.92593vw;
    z-index: 2;
  }
  #ArtPlayPad .module3 .display-feat__img4 .pos-img {
    left: initial;
    right: 2.22222vw;
    width: 18.51852vw;
    bottom: 2.22222vw;
  }
  #ArtPlayPad .module5 .display-feature {
    flex-direction: column;
    width: 92.96296vw;
    margin: 0 auto;
  }
  #ArtPlayPad .module5 .display-feature__bg {
    width: 100%;
    margin-top: 4.62963vw;
  }
  #ArtPlayPad .module5 .display-feature__content {
    width: 100%;
    padding-top: 0;
    align-items: center;
  }
  #ArtPlayPad .module5 .display-feature__desc2 {
    text-align: center;
  }
  #ArtPlayPad .module5 .display-feature__specs {
    width: 100%;
    background-color: #F0F3F7;
    border-radius: 2.77778vw;
    margin-top: 1.48148vw;
    padding: 6.11111vw 8.33333vw;
    gap: 3.33333vw;
  }
  #ArtPlayPad .module5 .display-feature__spec-item {
    width: calc(50% - 3.33333vw/2);
    margin-top: 0;
    gap: 1.85185vw;
  }
  #ArtPlayPad .module5 .display-feature__spec-icon {
    width: 7.22222vw;
  }
  #ArtPlayPad .module5 .display-feature__spec-value {
    font-size: 3.7037vw;
  }
  #ArtPlayPad .module5 .display-feature__spec-label {
    font-size: 2.96296vw;
  }
  #ArtPlayPad .module6 .display-feature {
    padding-top: 22.22222vw;
  }
  #ArtPlayPad .module6 .display-feature__content {
    left: 7.22222vw;
    top: 0;
    padding-top: 13.88889vw;
    width: 72%;
  }
  #ArtPlayPad .module6 .display-feature__specs {
    gap: 3.33333vw;
    flex-direction: column;
    margin-top: 3.24074vw;
  }
  #ArtPlayPad .module6 .display-feature__spec-item {
    gap: 1.48148vw;
    width: 100%;
    margin-top: 0;
  }
  #ArtPlayPad .module6 .display-feature__spec-icon {
    width: 7.22222vw;
  }
  #ArtPlayPad .module6 .display-feature__spec-value {
    font-size: 2.96296vw;
  }
  #ArtPlayPad .module7 .display-feature {
    width: 94.44444vw;
    margin: 0 auto;
    gap: 4.62963vw;
    padding-top: 7.96296vw;
    align-items: flex-start;
  }
  #ArtPlayPad .module7 .display-feature__content {
    padding-top: 0;
  }
  #ArtPlayPad .module7 .display-feature__content.left {
    width: 45.83333vw;
  }
  #ArtPlayPad .module7 .display-feature__content.right {
    width: 43.7963vw;
    padding-top: 6.48148vw;
  }
  #ArtPlayPad .module7 .display-feature__title {
    font-size: 3.7037vw;
  }
  #ArtPlayPad .module7 .display-feature__desc2 {
    font-size: 2.96296vw;
    width: 100%;
  }
  #ArtPlayPad .module7 .display-feature__desc1 {
    padding: 0 4.16667vw;
  }
  #ArtPlayPad .module7 .display-feature__title {
    padding: 0 4.16667vw;
  }
  #ArtPlayPad .module7 .display-feature__desc2 {
    padding: 0 4.16667vw;
  }
  #ArtPlayPad .module8 .display-feature__content {
    padding-top: 0;
  }
  #ArtPlayPad .module8 .display-feature__desc1 img {
    width: 4.90741vw;
  }
  #ArtPlayPad .module8 .display-feature__specs {
    left: 67.22222vw;
    gap: 4.62963vw;
    top: 71%;
  }
  #ArtPlayPad .module8 .display-feature__spec-info {
    gap: 1.48148vw;
  }
  #ArtPlayPad .module8 .display-feature__spec-value::after {
    height: 0.92593vw;
  }
  #ArtPlayPad .module9 .display-feature__content {
    padding-top: 0;
  }
  #ArtPlayPad .module9 .display-feature__desc1 img {
    width: 4.90741vw;
  }
  #ArtPlayPad .module9 .display-feature__btn {
    font-size: 2.96296vw;
    margin-top: 3.24074vw;
    padding: 1.11111vw 3.24074vw;
  }
  #ArtPlayPad .module10 {
    padding-top: 9.72222vw;
  }
  #ArtPlayPad .module10 .display-feature__content {
    width: 46%;
    top: 0;
    padding-top: 25.92593vw;
  }
  #ArtPlayPad .module11 .display-feature__content {
    padding-top: 29.62963vw;
    top: 50%;
  }
  #ArtPlayPad .module11 .display-feature__specs {
    gap: 6.01852vw;
    margin-top: 10.18519vw;
  }
  #ArtPlayPad .module11 .display-feature__spec-icon {
    width: 6.2037vw;
  }
  #ArtPlayPad .module11 .display-feature__spec-label {
    font-size: 2.96296vw;
  }
  #ArtPlayPad .module11 .display-feature__note {
    gap: 2.03704vw;
    left: 3.7037vw;
    top: 7.22222vw;
  }
  #ArtPlayPad .module11 .display-feature__note img {
    width: 18.88889vw;
  }
  #ArtPlayPad .module11 .display-feature__notice-text {
    font-size: 2.96296vw;
  }
  #ArtPlayPad .module12 {
    padding-top: 13.42593vw;
  }
  #ArtPlayPad .module12 .display-feature {
    flex-direction: column;
    width: 92.96296vw;
    margin: 0 auto;
  }
  #ArtPlayPad .module12 .display-feature__bg {
    width: 63.42593vw;
    margin-top: 7.40741vw;
  }
  #ArtPlayPad .module12 .display-feature__content {
    width: 100%;
    padding-top: 0;
    align-items: center;
  }
  #ArtPlayPad .module12 .display-feature__desc2 {
    text-align: center;
  }
  #ArtPlayPad .module12 .display-feature__specs {
    width: 100%;
    background-color: #F0F3F7;
    border-radius: 2.77778vw;
    margin-top: 7.40741vw;
    padding: 0 8.33333vw 5.09259vw;
    justify-content: center;
  }
  #ArtPlayPad .module12 .display-feature__spec-item {
    width: 33.33%;
    margin-top: 0;
    gap: 1.48148vw;
    flex-direction: column;
    margin-top: 5.09259vw;
  }
  #ArtPlayPad .module12 .display-feature__spec-icon {
    width: 7.22222vw;
  }
  #ArtPlayPad .module12 .display-feature__spec-value {
    font-size: 3.7037vw;
  }
  #ArtPlayPad .module12 .display-feature__spec-label {
    font-size: 2.96296vw;
    text-align: center;
  }
  #ArtPlayPad .module13 {
    padding-bottom: 12.03704vw;
  }
  #ArtPlayPad .module13 .display-feature {
    flex-direction: column;
    padding: 0;
    gap: 5.55556vw;
    width: 92.96296vw;
    margin: 0 auto;
  }
  #ArtPlayPad .module13 .display-feature__content {
    padding-left: 0;
    align-items: center;
    width: 100%;
    padding-top: 0;
  }
  #ArtPlayPad .module13 .display-feature__title {
    text-align: center;
  }
  #ArtPlayPad .module13 .display-feature__desc2 {
    text-align: center;
  }
  #ArtPlayPad .module13 .display-feature__bg {
    width: 100%;
  }
  #ArtPlayPad .module13 .display-feature__specs {
    gap: 7.77778vw;
    justify-content: center;
    margin-top: 3.33333vw;
  }
  #ArtPlayPad .module13 .display-feature__spec-item {
    width: auto;
  }
  #ArtPlayPad .module13 .display-feature__spec-info {
    align-items: center;
  }
  #ArtPlayPad .module13 .display-feature__spec-value {
    font-size: 3.7037vw;
  }
  #ArtPlayPad .module13 .display-feature__spec-value::after {
    height: 0.92593vw;
  }
  #ArtPlayPad .module13 .display-feature__spec-value-num {
    font-size: 5vw;
  }
  #ArtPlayPad .module13 .display-feature__spec-label {
    font-size: 2.96296vw;
  }
  #ArtPlayPad .module14 .display-feature {
    flex-direction: column-reverse;
    position: relative;
  }
  #ArtPlayPad .module14 .display-feature__specs {
    width: 100%;
    gap: 9.25926vw;
    position: absolute;
    left: 0;
    bottom: 6.01852vw;
  }
  #ArtPlayPad .module14 .display-feature__spec-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  #ArtPlayPad .module14 .display-feature__spec-item:last-child {
    width: auto;
  }
  #ArtPlayPad .module15 .display-feature {
    position: relative;
  }
  #ArtPlayPad .module15 .display-feature__specs {
    flex-direction: column;
    gap: 3.24074vw;
    position: absolute;
    left: 59.25926vw;
    bottom: 50.92593vw;
  }
  #ArtPlayPad .module15 .display-feature__spec-info {
    gap: 1.11111vw;
  }
  #ArtPlayPad .module16 .display-feature {
    flex-direction: column-reverse;
  }
  #ArtPlayPad .module16 .display-feature__spec-info {
    align-items: flex-start;
  }
  #ArtPlayPad .module18 {
    padding-bottom: 0;
  }
  #ArtPlayPad .module18 .display-feature {
    flex-direction: column-reverse;
  }
  #ArtPlayPad .module18 .display-feature__desc2 {
    width: 100%;
  }
  #ArtPlayPad .module19 .display-feat {
    padding: 0 3.51852vw;
  }
  #ArtPlayPad .module19 #module19-swiper .swiper-slide {
    width: 65.37037vw;
  }
  #ArtPlayPad .module19 #module19-swiper .details-swiper__title {
    font-size: 3.7037vw;
    margin-top: 3.7037vw;
  }
  #ArtPlayPad .module19 #module19-swiper .details-swiper__desc1 {
    font-size: 2.96296vw;
    width: 90%;
  }
  #ArtPlayPad .module19 #module19-swiper .arrow_button {
    gap: 3.33333vw;
  }
  #ArtPlayPad .module19 #module19-swiper .swiper-button-prev {
    width: 5.92593vw;
    height: 5.92593vw;
    border-radius: 50%;
  }
  #ArtPlayPad .module19 #module19-swiper .swiper-button-next {
    width: 5.92593vw;
    height: 5.92593vw;
    border-radius: 50%;
  }
  #ArtPlayPad .module20 .display-feat {
    padding: 0;
  }
  #ArtPlayPad .module20 .display-feat__content {
    width: 92.40741vw;
    margin: 27.77778vw auto 0;
  }
  #ArtPlayPad .module20 .display-feature__title {
    font-size: 3.88889vw;
    margin-bottom: 4.62963vw;
  }
  #ArtPlayPad .module20 .display-feat__desc1 span {
    font-size: 2.96296vw;
  }
}

/* 报告弹窗、视频弹窗*/
#tvc {
  width: 100%;
  font-size: 0;
  position: relative;
}

#tvc video {
  width: 100%;
  height: auto;
}

#tvc .tvc_playBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4vw;
  height: 4vw;
  cursor: pointer;
}

#tvc .tvc_youtube_video {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding: 8vw 0;
  z-index: 99999;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}

#tvc .tvc_youtube_video .youtube_video_content {
  width: 60vw;
  height: 33.75vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#tvc .tvc_youtube_video .youtube_video_content iframe {
  width: 100%;
  height: 100%;
}

#tvc .tvc_youtube_video .youtube_video_content .close_btn {
  width: 2.5vw;
  height: 2.5vw;
  position: absolute;
  right: -1.25vw;
  top: -1.25vw;
  cursor: pointer;
  border-radius: 50%;
  opacity: 1;
}

#tvc .tvc_youtube_video .youtube_video_content .close_btn:hover {
  opacity: 1;
}

@media screen and (max-width: 1080px) {
  #tvc .tvc_playBox {
    width: 8vw;
    height: 8vw;
    background-color: #8d8d8d;
    border-radius: 50%;
  }
  #tvc .tvc_youtube_video {
    background-color: black;
    display: block;
    top: 100vh;
    opacity: 0;
  }
  #tvc .tvc_youtube_video .youtube_video_content {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
  }
  #tvc .tvc_youtube_video .youtube_video_content iframe {
    width: 100vw;
    height: 56.25vw;
  }
  #tvc .tvc_youtube_video .youtube_video_content .close_btn {
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
  }
}

@media screen and (max-width: 520px) {
  #tvc .tvc_playBox {
    width: 48px;
    height: 48px;
  }
}