@charset "UTF-8";
* {
  box-sizing: border-box;
}

.homepage_2 .boss {
  overflow: initial;
}

body {
  line-height: normal;
}

.w_1440 {
  padding: 0 !important;
  max-width: none !important;
}

.product_details {
  overflow: initial;
}

.product_details .product_details_img {
  overflow: initial;
}

#ArtistPro24Gen2 {
  color: #000000;
}

#ArtistPro24Gen2 .img_pc {
  display: inline-block;
}

#ArtistPro24Gen2 .img_h5 {
  display: none;
}

#ArtistPro24Gen2 .imgBox {
  width: 100%;
  height: auto;
  font-size: 0;
}

#ArtistPro24Gen2 .imgBox img {
  width: 100%;
  height: auto;
}

#ArtistPro24Gen2 .text_150 {
  font-size: 5.85938vw;
  font-weight: bold;
}

#ArtistPro24Gen2 .text_bg {
  width: max-content;
  background: linear-gradient(90deg, #91E476 0%, #89E1F0 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

#ArtistPro24Gen2 .text_max {
  font-size: 2.8125vw;
  font-weight: bold;
  margin-bottom: 1.40625vw;
  text-align: center;
}

#ArtistPro24Gen2 .text_min {
  font-size: 1.25vw;
  text-align: center;
  line-height: 1.6;
}

#ArtistPro24Gen2 .module1 {
  position: relative;
}

#ArtistPro24Gen2 .module1 .module1_content1 {
  width: 80%;
  position: absolute;
  left: 10%;
  top: 6.83594vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#ArtistPro24Gen2 .module1 .module1_content1 .text_p1 {
  font-size: 2.73438vw;
  margin-bottom: 0.70312vw;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#ArtistPro24Gen2 .module1 .module1_content1 .text_p1 .special_1 {
  font-size: 1.5625vw;
  color: #FFFFFF;
  background-color: #000000;
  display: inline-block;
  padding: 0.46875vw;
  border-radius: 50px;
  line-height: 1;
}

#ArtistPro24Gen2 .module1 .module1_content1 .text_p1 .special_2 {
  font-size: 0.9375vw;
  display: inline-block;
  padding-left: 0.9375vw;
  margin-left: 0.9375vw;
  border-left: 1px solid #888888;
}

#ArtistPro24Gen2 .module1 .module1_content1 .text_p2 {
  font-size: 2.26562vw;
  font-weight: bold;
  margin-bottom: 0.9375vw;
  text-align: center;
}

#ArtistPro24Gen2 .module1 .module1_content1 .text_p3 {
  font-size: 1.25vw;
  text-align: center;
}

#ArtistPro24Gen2 .module1 .module1_content2 {
  position: absolute;
  right: 6.64062vw;
  top: 55%;
}

#ArtistPro24Gen2 .module1 .module1_content2 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

#ArtistPro24Gen2 .module1 .module1_content2 .icon1 {
  width: 10.39062vw;
}

#ArtistPro24Gen2 .module1 .module1_content2 .text_p1 {
  font-size: 0.9375vw;
  text-align: center;
}

#ArtistPro24Gen2 .module1 .module1_content3 {
  position: absolute;
  bottom: 2.10938vw;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
  padding: 0 1.5625vw;
}

#ArtistPro24Gen2 .module1 .module1_content3 .icon2 {
  width: 4.96094vw;
  margin-right: 2.34375vw;
}

#ArtistPro24Gen2 .module1 .module1_content3 .icon3 {
  width: 11.36719vw;
}

#ArtistPro24Gen2 .module1 .module1_content3 .icon4 {
  width: 11.5625vw;
  margin-left: auto;
}

#ArtistPro24Gen2 .module2 {
  background: url(https://resource.xp-pen.com/img/officialWebsite/ArtistPro24Gen2/165HZ/images/2.webp) no-repeat;
  background-size: 100% 100%;
  padding: 11.71875vw 0 6.25vw;
}

#ArtistPro24Gen2 .module2 .module2_content1 {
  width: 75vw;
  margin: 0 auto 13.28125vw;
}

#ArtistPro24Gen2 .module2 .module2_content1 p {
  font-size: 1.25vw;
  text-align: center;
  line-height: 2.5;
}

#ArtistPro24Gen2 .module2 .module2_content2 {
  width: 75vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points {
  border-radius: 1.5625vw;
  margin-bottom: 1.75781vw;
  overflow: hidden;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points .text_p1 {
  font-size: 1.875vw;
  font-weight: bold;
  margin-bottom: 0.625vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points .text_p2 {
  font-size: 1.40625vw;
  color: #555555;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points .imgBox img {
  transition: transform 0.8s;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_1 {
  width: 44.72656vw;
  background-color: #FFFFFF;
  margin-right: 1.75781vw;
  padding: 3.125vw 3.125vw 0 4.6875vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 {
  width: 28.51562vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 {
  width: 75vw;
  background-color: #FFFFFF;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 {
  width: 38.08594vw;
  margin-right: 1.75781vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_5 {
  width: 35.15625vw;
  background-color: #FFFFFF;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_6 {
  width: 38.08594vw;
  background-color: #FFFFFF;
  margin-right: 1.75781vw;
  margin-bottom: 0;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_7 {
  width: 35.15625vw;
  background-color: #FFFFFF;
  margin-bottom: 0;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_1 .text {
  margin-bottom: 2.73438vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_1 .text .text_p1 {
  font-size: 2.8125vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_1 .text .text_p2 {
  font-size: 1.5625vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_1 > .imgBox {
  width: 35.27344vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 {
  display: flex;
  flex-direction: column;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .top {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 1.5625vw;
  margin-bottom: 1.75781vw;
  overflow: hidden;
  flex: 1;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .top > .imgBox {
  width: 13.63281vw;
  position: absolute;
  bottom: 0;
  right: 0.97656vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .top .text {
  padding: 3.125vw 3.125vw 5.07812vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .top .text .text_p2 {
  width: 50%;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .bottom {
  background-color: #FFFFFF;
  border-radius: 1.5625vw;
  overflow: hidden;
  position: relative;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .bottom > .imgBox {
  width: 28.51562vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .bottom .text {
  position: absolute;
  top: 2.34375vw;
  left: 3.125vw;
  width: 40%;
  z-index: 2;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4.6875vw 3.125vw 5.85938vw 4.6875vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .text {
  width: 21.875vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .text .text_p1 {
  font-size: 2.8125vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .text .text_p2 {
  font-size: 1.5625vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox {
  width: 44.92188vw;
  position: relative;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide {
  width: 21.875vw;
  overflow: hidden;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide .imgBox {
  width: 100%;
  position: relative;
  border-radius: 1.17188vw;
  overflow: hidden;
  padding-bottom: 1.5625vw;
  background-color: #F6F6F6;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide .imgBox .text {
  position: absolute;
  top: 12.89062vw;
  left: 0;
  width: 100%;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide .imgBox .text .text_p1 {
  font-size: 1.5625vw;
  text-align: center;
  margin-bottom: 0.46875vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide .imgBox .text .text_p2 {
  font-size: 1.25vw;
  text-align: center;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper1-pagination {
  position: absolute;
  bottom: -3.90625vw;
  left: 50%;
  transform: translateX(-50%);
  background-color: #EBEBEB;
  width: 9.375vw;
  height: 2.5vw;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper1-pagination .swiper-pagination-bullet {
  width: 0.46875vw !important;
  height: 0.46875vw !important;
  background-color: #CACACA !important;
  opacity: 1;
  margin-right: 0.9375vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper1-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000000 !important;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper1-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-button-prev {
  background: none;
  width: 0.58594vw !important;
  margin-top: 0;
  top: initial;
  bottom: -3.125vw;
  left: 42.5% !important;
  display: inline-block;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-button-next {
  background: none;
  width: 0.58594vw !important;
  margin-top: 0;
  top: initial;
  bottom: -3.125vw;
  right: 42.5% !important;
  display: inline-block;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 {
  display: flex;
  flex-direction: column;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-radius: 1.5625vw;
  margin-bottom: 1.75781vw;
  overflow: hidden;
  flex: 1;
  background: url(https://resource.xp-pen.com/img/officialWebsite/ArtistPro24Gen2/165HZ/images/2_5_1.webp) #FFFFFF no-repeat;
  background-size: 3.90625vw auto;
  background-position: top right;
  padding: 2.34375vw 1.5625vw 2.34375vw 4.6875vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .top > .imgBox {
  width: 15.97656vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .top .text {
  width: 50%;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .bottom {
  background-color: #FFFFFF;
  border-radius: 1.5625vw;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.34375vw 3.51562vw 2.34375vw 4.6875vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .bottom > .imgBox {
  width: 12.34375vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .bottom .text {
  width: 60%;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_5 {
  position: relative;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_5 .text {
  position: absolute;
  left: 4.6875vw;
  top: 3.125vw;
  z-index: 2;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_5 .text .text_p1 {
  color: #FFFFFF;
  font-size: 2.8125vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_5 .text .text_p2 {
  color: #FFFFFF;
  font-size: 1.5625vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_5 .imgBox {
  width: 100%;
  height: 100%;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_5 .imgBox img {
  width: 100%;
  height: 100%;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.34375vw 3.51562vw 2.34375vw 4.6875vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_6 .text {
  width: 65%;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_6 .imgBox {
  width: 10.39062vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5625vw 3.51562vw 1.5625vw 4.6875vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_7 .text {
  width: 74%;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_7 .imgBox {
  width: 6.91406vw;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points_hover {
  cursor: pointer;
}

#ArtistPro24Gen2 .module2 .module2_content2 .selling_points_hover:hover .imgBox img {
  transform: scale(1.05);
}

#ArtistPro24Gen2 .module3 {
  width: 100%;
  position: relative;
}

#ArtistPro24Gen2 .module3 .module3_content {
  width: 30%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3.90625vw;
}

#ArtistPro24Gen2 .module3 .module3_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#ArtistPro24Gen2 .module3 .module3_content .text_p1 {
  font-size: 2.92969vw;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2.34375vw;
}

#ArtistPro24Gen2 .module3 .module3_content p {
  font-size: 1.17188vw;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.9375vw;
}

#ArtistPro24Gen2 .module3 .module3_content .text_p3 {
  margin-bottom: 2.34375vw;
}

#ArtistPro24Gen2 .module3 .module3_content .imgBox {
  width: 15.23438vw;
}

#ArtistPro24Gen2 .module4 {
  position: relative;
}

#ArtistPro24Gen2 .module4 .module4_content {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}

#ArtistPro24Gen2 .module5 {
  padding-top: 11.71875vw;
}

#ArtistPro24Gen2 .module5 .module5_content {
  width: 60%;
  margin: 0 auto;
}

#ArtistPro24Gen2 .module5 .module5_content .text_min {
  margin-bottom: 4.6875vw;
}

#ArtistPro24Gen2 .module5 .module5_content .icons {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 4.6875vw;
}

#ArtistPro24Gen2 .module5 .module5_content .icons p {
  width: 33.33%;
  margin-bottom: 0;
}

#ArtistPro24Gen2 .module6 .module6_content {
  width: 60%;
  margin: 0 auto 4.6875vw;
}

#ArtistPro24Gen2 .module6 .imgBox {
  width: 75vw;
  border-radius: 1.5625vw;
  overflow: hidden;
  margin: 0 auto;
}

#ArtistPro24Gen2 .module7 {
  padding: 11.71875vw 0;
}

#ArtistPro24Gen2 .module7 .module7_content {
  width: 60%;
  margin: 0 auto 4.6875vw;
}

#ArtistPro24Gen2 .module7 .imgBox {
  width: 100%;
  height: 32.14844vw;
}

#ArtistPro24Gen2 .module7 .imgBox video {
  width: 100%;
  height: auto;
}

#ArtistPro24Gen2 .module8 {
  position: relative;
}

#ArtistPro24Gen2 .module8 .module8_content {
  position: absolute;
  top: 50%;
  left: 17%;
  transform: translateY(-50%);
  color: #FFFFFF;
  width: 30%;
}

#ArtistPro24Gen2 .module8 .module8_content .text_max {
  text-align: left;
}

#ArtistPro24Gen2 .module8 .module8_content .text_min {
  text-align: left;
  margin-bottom: 1.5625vw;
}

#ArtistPro24Gen2 .module8 .module8_content .text_p1 {
  font-size: 0.9375vw;
}

#ArtistPro24Gen2 .module9 {
  padding: 11.71875vw 0 5.85938vw;
}

#ArtistPro24Gen2 .module9 .module9_content {
  width: 60%;
  margin: 0 auto 4.6875vw;
}

#ArtistPro24Gen2 .module9 .imgBox_bg {
  width: 75%;
  margin: 0 auto;
  background-color: #EEF2F5;
  border-radius: 1.5625vw;
  overflow: hidden;
  padding-top: 4.6875vw;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .text {
  display: flex;
  justify-content: center;
  margin-bottom: 4.6875vw;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .text p {
  font-size: 1.875vw;
  font-weight: bold;
  text-align: center;
  margin-right: 8.59375vw;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .text p:last-child {
  margin-right: 0;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .imgs {
  position: relative;
  width: 46.875vw;
  margin: 0 auto;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .imgs .imgBox {
  width: 100%;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .imgs .imgBox.imgBox1 {
  z-index: 1;
  position: absolute;
  left: 8%;
  bottom: 0;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .imgs .imgBox.imgBox2 {
  z-index: 2;
  position: relative;
  left: 0;
  bottom: 0;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .imgs .imgBox.imgBox3 {
  z-index: 3;
  position: absolute;
  left: -8%;
  bottom: 0;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .imgs .imgBox.imgBox4 {
  z-index: 4;
  width: 21.91406vw;
  position: absolute;
  left: 80%;
  top: 32%;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .imgs .imgBox.imgBox1.active {
  animation: translate_zuo 0.6s forwards;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .imgs .imgBox.imgBox3.active {
  animation: translate_you 0.6s forwards;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .imgs .imgBox.imgBox1.active2 {
  animation: translate_zuo2 0.6s forwards;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .imgs .imgBox.imgBox3.active2 {
  animation: translate_you2 0.6s forwards;
}

#ArtistPro24Gen2 .module9 .imgBox_bg .imgs .imgBox.imgBox4.active {
  opacity: 0;
  animation: opacity_1 1.5s forwards;
}

@keyframes translate_zuo {
  0% {
    left: 8%;
  }
  100% {
    left: 0;
  }
}

@keyframes translate_you {
  0% {
    left: -8%;
  }
  100% {
    left: 0;
  }
}

@keyframes translate_zuo2 {
  0% {
    left: 0%;
  }
  100% {
    left: 8;
  }
}

@keyframes translate_you2 {
  0% {
    left: 0;
  }
  100% {
    left: -8%;
  }
}

@keyframes opacity_1 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
    left: 75%;
  }
  100% {
    opacity: 1;
    top: 25%;
  }
}

#ArtistPro24Gen2 .module10 {
  position: relative;
}

#ArtistPro24Gen2 .module10 .module10_content {
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
}

#ArtistPro24Gen2 .module11 {
  background-color: #000000;
  padding-top: 11.71875vw;
}

#ArtistPro24Gen2 .module11 .module11_content {
  color: #FFFFFF;
  width: 60%;
  margin: 0 auto 7.8125vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#ArtistPro24Gen2 .module11 .module11_content .text_max {
  line-height: 1.2;
  background: linear-gradient(90deg, #98969C 20%, #FFFFFF 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#ArtistPro24Gen2 .module11 .module11_content .text_max:first-child {
  margin-bottom: 0;
  position: relative;
  width: max-content;
}

#ArtistPro24Gen2 .module11 .module11_content .text_max .special {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 110%;
  width: max-content;
  font-size: 0.78125vw;
  display: inline-block;
  border: 1px solid #FFFFFF;
  padding: 0.3125vw 0.78125vw;
  background: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
}

#ArtistPro24Gen2 .module11 .imgs {
  position: relative;
}

#ArtistPro24Gen2 .module11 .imgs .imgBox1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 52.89062vw;
}

#ArtistPro24Gen2 .module11 .imgs .imgBox1 img {
  width: 0%;
}

#ArtistPro24Gen2 .module11 .imgs .imgBox2 {
  opacity: 0;
}

#ArtistPro24Gen2 .module12 {
  background-color: #000000;
  padding-top: 7.8125vw;
}

#ArtistPro24Gen2 .module12 .module12_content {
  width: 60%;
  margin: 0 auto 3.90625vw;
  color: #FFFFFF;
}

#ArtistPro24Gen2 .module12 .module12_content .text_max {
  background: linear-gradient(90deg, #98969C 20%, #FFFFFF 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#ArtistPro24Gen2 .module12 .icon {
  width: 15.39062vw;
  margin: 0 auto;
}

#ArtistPro24Gen2 .module13 {
  background-color: #000000;
  padding: 7.8125vw 0 11.71875vw;
}

#ArtistPro24Gen2 .module13 .bg_big {
  width: 75vw;
  background-color: #16171c;
  margin: 0 auto 3.90625vw;
  padding: 3.125vw 1.95312vw 3.125vw 3.90625vw;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: #FFFFFF;
  border-radius: 1.5625vw;
  overflow: hidden;
}

#ArtistPro24Gen2 .module13 .bg_big .module13_content {
  width: 32.03125vw;
}

#ArtistPro24Gen2 .module13 .bg_big .module13_content > .text_max {
  text-align: left;
}

#ArtistPro24Gen2 .module13 .bg_big .module13_content .text_min {
  text-align: left;
  color: #A9A9A9;
}

#ArtistPro24Gen2 .module13 .bg_big .module13_content .text_p1 {
  color: #8F8F8F;
  font-size: 1.25vw;
}

#ArtistPro24Gen2 .module13 .bg_big .module13_content .margin_p {
  margin-bottom: 4.6875vw;
  width: 32.03125vw;
}

#ArtistPro24Gen2 .module13 .bg_big .data_text {
  display: flex;
}

#ArtistPro24Gen2 .module13 .bg_big .data_text p {
  text-align: left;
  margin-right: 3.125vw;
}

#ArtistPro24Gen2 .module13 .bg_big .data_text p:last-child {
  margin-right: 0;
}

#ArtistPro24Gen2 .module13 .bg_big.bg_big1 > .imgBox {
  width: 33.08594vw;
  margin-top: auto;
  cursor: pointer;
}

#ArtistPro24Gen2 .module13 .bg_big.bg_big2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#ArtistPro24Gen2 .module13 .bg_big.bg_big2 > .imgBox {
  margin-top: 0;
  width: 33.98438vw;
}

#ArtistPro24Gen2 .module13 .bg_big.bg_big3 {
  position: relative;
}

#ArtistPro24Gen2 .module13 .bg_big.bg_big3 .module13_content {
  width: 100%;
}

#ArtistPro24Gen2 .module13 .bg_big.bg_big3 .module13_content .text_p1 {
  text-align: left;
  width: 32.03125vw;
  color: #A9A9A9;
  margin-bottom: 1.40625vw;
}

#ArtistPro24Gen2 .module13 .bg_big.bg_big3 > .imgBox {
  position: absolute;
  right: 1.95312vw;
  bottom: 2.34375vw;
  width: 33.98438vw;
}

#ArtistPro24Gen2 .module14 {
  background-color: #EEF2F5;
  padding: 7.8125vw 0;
}

#ArtistPro24Gen2 .module14 .module14_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ArtistPro24Gen2 .module14 .module14_content .text .text_max {
  text-align: left;
}

#ArtistPro24Gen2 .module14 .module14_content .text .text_min {
  text-align: left;
}

#ArtistPro24Gen2 .module14 .module14_content .imgBox {
  width: 46.875vw;
}

#ArtistPro24Gen2 .module14 .module14_content.module14_content1 .text {
  padding-left: 14.0625vw;
  width: 46.875vw;
  box-sizing: border-box;
}

#ArtistPro24Gen2 .module14 .module14_content.module14_content2 .text {
  padding-right: 14.0625vw;
  width: 46.875vw;
  box-sizing: border-box;
}

#ArtistPro24Gen2 .module14 .module14_content.module14_content1 .imgBox img {
  border-top-left-radius: 1.5625vw;
  border-bottom-left-radius: 1.5625vw;
}

#ArtistPro24Gen2 .module14 .module14_content.module14_content2 .imgBox img {
  border-top-right-radius: 1.5625vw;
  border-bottom-right-radius: 1.5625vw;
}

#ArtistPro24Gen2 .module15 {
  background-color: #FFFFFF;
  padding: 9.375vw 0;
}

#ArtistPro24Gen2 .module15 .module15_content {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}

#ArtistPro24Gen2 .module15 .module15_content .text_min {
  margin-bottom: 1.17188vw;
}

#ArtistPro24Gen2 .module15 .module15_content .text_min.text_p2 {
  color: #A3A3A3;
}

#ArtistPro24Gen2 .module15 .module15_content .text_min.text_p3 {
  color: #A3A3A3;
  margin-bottom: 4.6875vw;
}

#ArtistPro24Gen2 .module15 .module15_content .downCM {
  display: inline-block;
  color: #000;
  text-decoration: none;
  background: linear-gradient(to right, #91E476, #89E1F0);
  border-radius: 100px;
  padding: 1.17188vw 1.5625vw;
  margin: 0 auto;
}

#ArtistPro24Gen2 .module15 .module15_content .downCM:hover {
  transform: translateY(-0.19531vw);
  transition: transform 0.2s;
}

#ArtistPro24Gen2 .module16 {
  position: relative;
}

#ArtistPro24Gen2 .module16 .module4_content {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}

#ArtistPro24Gen2 .module17 {
  background-color: #ECF0F3;
  padding-bottom: 14.0625vw;
  position: relative;
}

#ArtistPro24Gen2 .module17 .module17_content1 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 10.9375vw;
  width: 35%;
}

#ArtistPro24Gen2 .module17 .module17_content2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 58.59375vw;
  display: flex;
}

#ArtistPro24Gen2 .module17 .module17_content2 .pen_item {
  width: 36.32812vw;
  padding: 2.34375vw 3.90625vw;
  margin-right: 1.95312vw;
  background-color: #FFFFFF;
  border-radius: 1.5625vw;
  overflow: hidden;
  box-sizing: border-box;
}

#ArtistPro24Gen2 .module17 .module17_content2 .pen_item:last-child {
  margin-right: 0;
}

#ArtistPro24Gen2 .module17 .module17_content2 .pen_item .text_p1 {
  margin-bottom: 1.40625vw;
  font-size: 1.5625vw;
  font-weight: bold;
  text-align: left;
}

#ArtistPro24Gen2 .module17 .module17_content2 .pen_item .text_p2 {
  text-align: left;
  height: 15.625vw;
}

#ArtistPro24Gen2 .module17 .module17_content2 .pen_item .imgBox {
  width: 27.57812vw;
  height: 2.61719vw;
  display: flex;
  align-items: center;
  margin-bottom: 3.125vw;
}

#ArtistPro24Gen2 .module17 .module17_content2 .pen_item1 .imgBox img {
  width: 27.34375vw;
}

#ArtistPro24Gen2 .module17 .module17_content2 .pen_item2 .imgBox img {
  width: 27.57812vw;
}

#ArtistPro24Gen2 .module17 .module17_content2 .pen_item .learn_more {
  text-decoration: none;
  color: #000000;
  background-color: #ECF0F3;
  border-radius: 100px;
  padding: 0.39062vw 1.25vw;
  display: inline-block;
}

#ArtistPro24Gen2 .module17 .module17_content2 .pen_item .learn_more:hover {
  transform: translateY(-0.19531vw);
  transition: transform 0.2s;
}

#ArtistPro24Gen2 .module18 {
  background-color: #000000;
  padding-top: 8.59375vw;
  padding-bottom: 97.65625vw;
  position: relative;
}

#ArtistPro24Gen2 .module18 .module18_content1 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 11.71875vw;
}

#ArtistPro24Gen2 .module18 .module18_content1 .text_max {
  margin-bottom: 2.34375vw;
  background: linear-gradient(90deg, #98969C 20%, #FFFFFF 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#ArtistPro24Gen2 .module18 .module18_content1 > .imgBox {
  width: 6.25vw;
  margin: 0 auto;
}

#ArtistPro24Gen2 .module18 .module18_content2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 71.48438vw;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item {
  width: 75vw;
  margin: 0 auto 2.34375vw;
  border-radius: 1.5625vw;
  overflow: hidden;
  position: relative;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item .text {
  position: absolute;
  left: 3.90625vw;
  top: 0;
  height: 100%;
  padding: 3.90625vw 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item .text .text_min {
  color: #FFFFFF;
  text-align: left;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item .text > .text_max {
  text-align: left;
  color: #FFFFFF;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .text_p1 {
  font-weight: bold;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .text_p2 {
  margin-bottom: 3.90625vw;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .text_p3 {
  margin-bottom: 3.90625vw;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .text_p4 {
  color: #6D6D6D;
  width: 80%;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .lineBox {
  display: flex;
  align-items: center;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .lineBox .line {
  width: 51.75781vw;
  height: 0.54688vw;
  border-radius: 100px;
  background: linear-gradient(90deg, #91E476 0%, #89E1F0 90%);
  margin-right: 0.78125vw;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .lineBox .line.line2 {
  width: 25.87891vw;
  background: #B7B7B7;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .lineBox .num {
  font-size: 2.5vw;
  font-weight: bold;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .lineBox .num.num2 {
  color: #B7B7B7;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .lineBox.active .line {
  animation: increase1 2s;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .lineBox.active .line.line2 {
  animation: increase2 2s;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .lineBox.active .num {
  animation: delayedAppearance 3s;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text {
  width: 100%;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item2 .text {
  width: 54%;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item2 .text .text_p2 {
  width: 75%;
  color: #A9A9A9;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item2 .text .data_text {
  display: flex;
  margin-top: auto;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item2 .text .data_text p {
  margin-right: 7.8125vw;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item2 .text .data_text p:last-child {
  margin-right: 0;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item3 .text {
  width: 54%;
}

#ArtistPro24Gen2 .module18 .module18_content2 .item.item3 .text .text_p2 {
  width: 75%;
  color: #A9A9A9;
}

@keyframes increase1 {
  from {
    width: 0%;
  }
  to {
    width: 51.75781vw;
  }
}

@keyframes increase2 {
  from {
    width: 0%;
  }
  to {
    width: 25.87891vw;
  }
}

@keyframes delayedAppearance {
  from {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#ArtistPro24Gen2 .module19 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11.71875vw 0;
}

#ArtistPro24Gen2 .module19 .module18_content {
  width: 30%;
  margin-right: 5%;
}

#ArtistPro24Gen2 .module19 .module18_content .text_max {
  text-align: left;
}

#ArtistPro24Gen2 .module19 .module18_content .text_min {
  text-align: left;
}

#ArtistPro24Gen2 .module19 .imgBox {
  width: 29.96094vw;
}

#ArtistPro24Gen2 .module20 {
  position: relative;
}

#ArtistPro24Gen2 .module20 .module20_content {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}

#ArtistPro24Gen2 .module21 {
  padding-top: 11.71875vw;
}

#ArtistPro24Gen2 .module21 .module21_content1 {
  width: 70%;
  margin: 0 auto 2.34375vw;
}

#ArtistPro24Gen2 .module21 > .imgBox {
  width: 21.48438vw;
  margin: 0 auto 2.73438vw;
}

#ArtistPro24Gen2 .module21 > .imgBox {
  width: 21.48438vw;
  margin: 0 auto 2.73438vw;
}

#ArtistPro24Gen2 .module21 .swiperBox {
  margin-bottom: 11.71875vw;
  position: relative;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper {
  display: flex;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  padding: 1.95312vw 2.34375vw 1.17188vw;
  background-color: #EEF2F5;
  overflow: hidden;
  border-radius: 1.5625vw;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide .text_p1 {
  font-size: 2.1875vw;
  margin-bottom: 2.34375vw;
  font-weight: bold;
  text-align: left;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide .text_p2 {
  text-align: left;
  margin-bottom: 1.17188vw;
  font-weight: bold;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide .text_p3 {
  text-align: left;
  margin-bottom: 1.17188vw;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide .text_p4 {
  font-size: 0.9375vw;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1 {
  width: 64.84375vw;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1-2 {
  display: none;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1 .content {
  display: flex;
  overflow: initial;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1 .content .left {
  width: 55%;
  margin-right: 1.5625vw;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1 .content .right {
  width: 45%;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1 .content .left .imgBox {
  width: 16.52344vw;
  margin: 0 auto;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1 .content .right .imgBox {
  width: 10.27344vw;
  margin: 0 auto 0.9375vw;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-2 {
  width: 31.25vw;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-2 .imgBox {
  width: 17.1875vw;
  margin: auto auto 0;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-3 {
  width: 35.15625vw;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-3 .imgBox {
  width: 18.67188vw;
  margin: auto auto 0;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-4 {
  width: 38.08594vw;
  position: relative;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-4 .imgBox {
  width: 38.08594vw;
  position: absolute;
  bottom: 0;
  left: 0;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 {
  width: 41.01562vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: initial;
  padding: 0;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5-2 {
  display: none;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .top {
  position: relative;
  margin-bottom: 0.9375vw;
  background-color: #EEF2F5;
  overflow: hidden;
  border-radius: 1.5625vw;
  padding: 1.95312vw 2.34375vw;
  height: 50%;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .top .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .top .text .text_p3 {
  width: 50%;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .top .text .text_p3:last-child {
  margin-bottom: 0;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .top .imgBox {
  width: 16.25vw;
  position: absolute;
  right: 8%;
  bottom: 10%;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .bottom {
  display: flex;
  align-items: center;
  background-color: #EEF2F5;
  overflow: hidden;
  border-radius: 1.5625vw;
  padding: 1.95312vw 0 1.95312vw 2.34375vw;
  height: 50%;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .bottom .text {
  flex: 1;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .bottom .text .text_p3 {
  margin-bottom: 0;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .bottom .imgBox {
  width: 15.23438vw;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-6 {
  width: 31.25vw;
  background: url(https://resource.xp-pen.com/img/officialWebsite/ArtistPro24Gen2/165HZ/images/21_8.webp) #EEF2F5 no-repeat;
  background-size: 22.65625vw auto;
  background-position: right 80%;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper-button-prev {
  left: initial !important;
  right: 13.5%;
  top: 105%;
  margin-top: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #EEEEEE;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
  user-select: none;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper-button-prev:hover {
  background-color: #CACACA;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper-button-prev img {
  width: 8px;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper-button-next {
  right: 10% !important;
  top: 105%;
  margin-top: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #EEEEEE;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
  user-select: none;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper-button-next:hover {
  background-color: #CACACA;
}

#ArtistPro24Gen2 .module21 .swiperBox .swiper-button-next img {
  width: 8px;
}

#ArtistPro24Gen2 .module21 .module21_content2 {
  width: 50%;
  margin: 0 auto 3.90625vw;
}

#ArtistPro24Gen2 .module22 {
  background-color: #EEF2F5;
  padding: 7.8125vw 0;
}

#ArtistPro24Gen2 .module22 .module22_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ArtistPro24Gen2 .module22 .module22_content .text .text_max {
  text-align: left;
}

#ArtistPro24Gen2 .module22 .module22_content .text .text_min {
  text-align: left;
}

#ArtistPro24Gen2 .module22 .module22_content .imgBox {
  width: 46.875vw;
}

#ArtistPro24Gen2 .module22 .module22_content.module22_content1 .text {
  padding-left: 14.0625vw;
  width: 46.875vw;
  box-sizing: border-box;
}

#ArtistPro24Gen2 .module22 .module22_content.module22_content2 .text {
  padding-right: 14.0625vw;
  width: 46.875vw;
  box-sizing: border-box;
}

#ArtistPro24Gen2 .module22 .module22_content.module22_content1 .imgBox img {
  border-top-left-radius: 1.5625vw;
  border-bottom-left-radius: 1.5625vw;
}

#ArtistPro24Gen2 .module22 .module22_content.module22_content2 .imgBox img {
  border-top-right-radius: 1.5625vw;
  border-bottom-right-radius: 1.5625vw;
}

#ArtistPro24Gen2 .module23 {
  padding: 11.71875vw 0;
}

#ArtistPro24Gen2 .module23 .module23_content1 {
  width: 60%;
  margin: 0 auto 2.73438vw;
}

#ArtistPro24Gen2 .module23 .module23_content2 {
  width: 75vw;
  padding: 4.6875vw 0;
  margin: 0 auto 2.73438vw;
  border-radius: 1.5625vw;
  overflow: hidden;
  background-color: #EEF2F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#ArtistPro24Gen2 .module23 .module23_content2 .imgBox {
  width: 53.71094vw;
  margin-bottom: 3.90625vw;
}

#ArtistPro24Gen2 .module23 .module23_content3 {
  width: 75vw;
  padding: 4.6875vw 0;
  margin: 0 auto 2.73438vw;
  border-radius: 1.5625vw;
  overflow: hidden;
  background-color: #EEF2F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#ArtistPro24Gen2 .module23 .module23_content3 .imgBox {
  width: 29.57031vw;
  margin-bottom: 3.90625vw;
}

@media screen and (max-width: 1080px) {
  #ArtistPro24Gen2 .img_pc {
    display: none;
  }
  #ArtistPro24Gen2 .img_h5 {
    display: inline-block;
  }
  #ArtistPro24Gen2 .text_max {
    font-size: 5.18519vw;
    margin-bottom: 2.22222vw;
  }
  #ArtistPro24Gen2 .text_min {
    font-size: 2.77778vw;
  }
  #ArtistPro24Gen2 .text_150 {
    font-size: 6.66667vw;
  }
  #ArtistPro24Gen2 .module1 .module1_content1 {
    top: 9.25926vw;
    width: 94%;
    left: 3%;
  }
  #ArtistPro24Gen2 .module1 .module1_content1 .text_p1 {
    font-size: 5.18519vw;
    margin-bottom: 1.48148vw;
    width: max-content;
  }
  #ArtistPro24Gen2 .module1 .module1_content1 .text_p1 .special_1 {
    font-size: 3.7037vw;
    padding: 0.74074vw 0.92593vw;
  }
  #ArtistPro24Gen2 .module1 .module1_content1 .text_p1 .special_2 {
    font-size: 1.85185vw;
  }
  #ArtistPro24Gen2 .module1 .module1_content1 .text_p2 {
    font-size: 4.44444vw;
    margin-bottom: 1.85185vw;
  }
  #ArtistPro24Gen2 .module1 .module1_content1 .text_p3 {
    font-size: 2.59259vw;
  }
  #ArtistPro24Gen2 .module1 .module1_content2 {
    right: 5%;
    bottom: 7%;
    top: initial;
  }
  #ArtistPro24Gen2 .module1 .module1_content2 .icon1 {
    width: 16.2037vw;
  }
  #ArtistPro24Gen2 .module1 .module1_content2 .text_p1 {
    font-size: 1.48148vw;
  }
  #ArtistPro24Gen2 .module1 .module1_content3 {
    bottom: 7%;
    width: auto;
    padding: 0;
    left: 5%;
  }
  #ArtistPro24Gen2 .module1 .module1_content3 .icon2 {
    width: 7.77778vw;
    margin-right: 3.7037vw;
  }
  #ArtistPro24Gen2 .module1 .module1_content3 .icon3 {
    width: 17.77778vw;
    margin-right: 3.7037vw;
  }
  #ArtistPro24Gen2 .module1 .module1_content3 .icon4 {
    width: 15.18519vw;
    margin-left: initial;
  }
  #ArtistPro24Gen2 .module2 {
    padding: 13.88889vw 0 9.25926vw;
    background: url(https://resource.xp-pen.com/img/officialWebsite/ArtistPro24Gen2/165HZ/images/h5/2.webp) no-repeat;
    background-size: 100% 100%;
  }
  #ArtistPro24Gen2 .module2 .module2_content1 {
    width: 90%;
  }
  #ArtistPro24Gen2 .module2 .module2_content1 p {
    font-size: 2.59259vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 {
    width: 96.2963vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points {
    border-radius: 1.85185vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points .text_p1 {
    font-size: 3.33333vw;
    margin-bottom: 0.92593vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points .text_p2 {
    font-size: 2.77778vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_1 {
    margin-right: 1.85185vw;
    width: 47.22222vw;
    padding: 3.7037vw 2.77778vw 4.62963vw;
    justify-content: space-between;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_1 .text .text_p1 {
    font-size: 3.33333vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_1 .text .text_p2 {
    font-size: 2.77778vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_1 .imgBox {
    width: 100%;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 {
    width: 47.22222vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .top {
    margin-bottom: 1.85185vw;
    border-radius: 1.85185vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .top .text {
    padding: 3.7037vw 1.85185vw 7.40741vw 2.77778vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .top > .imgBox {
    width: 18.51852vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .bottom {
    border-radius: 1.85185vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .bottom .text {
    left: 2.77778vw;
    width: 50%;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .top .text .text_p2 {
    width: 57%;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_2 .bottom > .imgBox {
    width: 47.22222vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 {
    width: 96.2963vw;
    padding: 4.62963vw 0 16.66667vw;
    margin-bottom: 1.85185vw;
    flex-direction: column;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .text {
    width: 100%;
    margin-bottom: 3.33333vw;
    padding: 0 3%;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .text .text_p1 {
    font-size: 3.7037vw;
    text-align: center;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .text .text_p2 {
    font-size: 2.77778vw;
    text-align: center;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox {
    width: 92.59259vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide {
    width: 46.2963vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide .imgBox {
    border-radius: 1.85185vw;
    padding-bottom: 4.62963vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide .imgBox .text {
    top: 62%;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide .imgBox .text .text_p1 {
    font-size: 3.33333vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide .imgBox .text .text_p2 {
    font-size: 2.77778vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper1-pagination {
    width: 35.18519vw;
    height: 7.40741vw;
    bottom: -12.03704vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper1-pagination .swiper-pagination-bullet {
    width: 2.77778vw !important;
    height: 2.77778vw !important;
    margin-right: 3.33333vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-button-prev {
    width: 2.77778vw !important;
    left: 35% !important;
    bottom: -10.64815vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-button-next {
    width: 2.77778vw !important;
    right: 35% !important;
    bottom: -10.64815vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 {
    width: 47.22222vw;
    margin-right: 1.85185vw;
    margin-bottom: 1.85185vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .top {
    padding: 1.85185vw 1.85185vw 1.85185vw 2.77778vw;
    position: relative;
    background: url(https://resource.xp-pen.com/img/officialWebsite/ArtistPro24Gen2/165HZ/images/2_5_1.webp) #FFFFFF no-repeat;
    background-size: 6.48148vw auto;
    background-position: top right;
    border-radius: 1.85185vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .top .text {
    width: 100%;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .top .text .text_p1 {
    width: 88%;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .top .text .text_p2 {
    width: 53%;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .top > .imgBox {
    position: absolute;
    bottom: 0.92593vw;
    right: 0.92593vw;
    width: 20.37037vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .bottom {
    padding: 1.85185vw 1.85185vw 1.85185vw 2.77778vw;
    border-radius: 1.85185vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .bottom .text_p1 {
    width: auto;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_4 .bottom > .imgBox {
    width: 16.66667vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_5 {
    width: 47.22222vw;
    margin-bottom: 1.85185vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_5 .text {
    left: 2.77778vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_5 .text .text_p1 {
    font-size: 3.33333vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_5 .text .text_p2 {
    font-size: 2.77778vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_6 {
    width: 47.22222vw;
    padding: 1.85185vw 1.85185vw 1.85185vw 2.77778vw;
    margin-right: 1.85185vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_6 .text {
    width: 56%;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_6 .imgBox {
    width: 18.51852vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_7 {
    width: 47.22222vw;
    padding: 1.85185vw 1.85185vw 1.85185vw 2.77778vw;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_7 .imgBox {
    width: 11.11111vw;
  }
  #ArtistPro24Gen2 .module3 {
    padding-top: 41.66667vw;
  }
  #ArtistPro24Gen2 .module3 .module3_content {
    width: 60%;
    bottom: 34.25926vw;
  }
  #ArtistPro24Gen2 .module3 .module3_content .text_p1 {
    font-size: 5.18519vw;
    margin-bottom: 5.55556vw;
  }
  #ArtistPro24Gen2 .module3 .module3_content p {
    font-size: 2.77778vw;
  }
  #ArtistPro24Gen2 .module3 .module3_content .text_p2 {
    margin-bottom: 3.7037vw;
  }
  #ArtistPro24Gen2 .module3 .module3_content .text_p3 {
    margin-bottom: 3.7037vw;
  }
  #ArtistPro24Gen2 .module3 .module3_content .imgBox {
    width: 39.81481vw;
  }
  #ArtistPro24Gen2 .module4 .module4_content {
    bottom: 12%;
  }
  #ArtistPro24Gen2 .module5 {
    background-color: #EEF2F5;
    padding-top: 12.03704vw;
  }
  #ArtistPro24Gen2 .module5 .module5_content {
    width: 90%;
  }
  #ArtistPro24Gen2 .module5 .module5_content .icons {
    display: none;
  }
  #ArtistPro24Gen2 .module5 .imgBox {
    position: relative;
  }
  #ArtistPro24Gen2 .module5 .imgBox .icons {
    position: absolute;
    bottom: 10%;
    width: 90%;
    left: 50%;
    display: flex;
    transform: translateX(-50%);
  }
  #ArtistPro24Gen2 .module5 .imgBox .icons p {
    width: 33.33%;
  }
  #ArtistPro24Gen2 .module6 {
    padding-top: 13.88889vw;
  }
  #ArtistPro24Gen2 .module6 .module6_content {
    width: 90%;
    margin: 0 auto 9.25926vw;
  }
  #ArtistPro24Gen2 .module6 .imgBox {
    width: 90%;
    border-radius: 1.85185vw;
  }
  #ArtistPro24Gen2 .module7 {
    padding: 13.88889vw 0 0;
  }
  #ArtistPro24Gen2 .module7 .module7_content {
    width: 90%;
    margin: 0 auto 7.40741vw;
  }
  #ArtistPro24Gen2 .module7 .imgBox {
    height: auto;
  }
  #ArtistPro24Gen2 .module8 {
    padding-top: 9.25926vw;
    background-color: #000000;
  }
  #ArtistPro24Gen2 .module8 .module8_content {
    width: 90%;
    left: 5%;
    top: 7%;
    transform: initial;
  }
  #ArtistPro24Gen2 .module8 .module8_content .text_max {
    text-align: center;
  }
  #ArtistPro24Gen2 .module8 .module8_content .text_min {
    text-align: center;
    margin-bottom: 2.77778vw;
  }
  #ArtistPro24Gen2 .module8 .module8_content .text_p1 {
    text-align: center;
    font-size: 2.22222vw;
  }
  #ArtistPro24Gen2 .module9 {
    padding: 13.88889vw 0;
  }
  #ArtistPro24Gen2 .module9 .module9_content {
    width: 90%;
  }
  #ArtistPro24Gen2 .module9 .imgBox_bg {
    width: 90%;
    border-radius: 1.85185vw;
  }
  #ArtistPro24Gen2 .module9 .imgBox_bg .text {
    width: 100%;
    justify-content: space-between;
  }
  #ArtistPro24Gen2 .module9 .imgBox_bg .text p {
    font-size: 3.7037vw;
    margin-right: 0;
    width: 50%;
  }
  #ArtistPro24Gen2 .module9 .imgBox_bg .imgs {
    width: 64.81481vw;
  }
  #ArtistPro24Gen2 .module9 .imgBox_bg .imgs .imgBox.imgBox4 {
    width: 24.07407vw;
    left: 80%;
    top: 40%;
  }
  #ArtistPro24Gen2 .module9 .imgBox_bg .imgs .imgBox.imgBox4.active {
    animation: opacity_1 1.5s forwards;
  }
  @keyframes opacity_1 {
    0% {
      opacity: 0;
    }
    40% {
      opacity: 0;
      left: 70%;
    }
    100% {
      opacity: 1;
      top: 13%;
    }
  }
  #ArtistPro24Gen2 .module11 .module11_content {
    width: 90%;
  }
  #ArtistPro24Gen2 .module11 .module11_content .text_max .special {
    font-size: 12px;
    padding: 4px 8px;
  }
  #ArtistPro24Gen2 .module12 .module12_content {
    width: 90%;
    margin: 0 auto 5.55556vw;
  }
  #ArtistPro24Gen2 .module12 .icon {
    width: 35.37037vw;
  }
  #ArtistPro24Gen2 .module13 {
    padding: 0 0 7.40741vw;
  }
  #ArtistPro24Gen2 .module13 .bg_big {
    width: 96.2963vw;
    flex-direction: column;
    padding: 7.40741vw 0 3.7037vw;
    margin: 0 auto 1.85185vw;
  }
  #ArtistPro24Gen2 .module13 .bg_big .module13_content {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #ArtistPro24Gen2 .module13 .bg_big .module13_content .margin_p {
    width: 100%;
    text-align: center;
  }
  #ArtistPro24Gen2 .module13 .bg_big .module13_content > .text_max {
    text-align: center;
  }
  #ArtistPro24Gen2 .module13 .bg_big.bg_big1 > .imgBox {
    width: 90%;
    margin: 0 auto 3.7037vw;
  }
  #ArtistPro24Gen2 .module13 .bg_big > .text_p1 {
    color: #8F8F8F;
    font-size: 1.85185vw;
    width: 96%;
    margin: 0 auto;
  }
  #ArtistPro24Gen2 .module13 .bg_big .data_text {
    margin-bottom: 3.7037vw;
  }
  #ArtistPro24Gen2 .module13 .bg_big .data_text p {
    margin-right: 13.88889vw;
  }
  #ArtistPro24Gen2 .module13 .bg_big.bg_big2 > .imgBox {
    width: 50%;
  }
  #ArtistPro24Gen2 .module13 .bg_big.bg_big3 {
    position: initial;
  }
  #ArtistPro24Gen2 .module13 .bg_big.bg_big3 .module13_content {
    width: 90%;
  }
  #ArtistPro24Gen2 .module13 .bg_big.bg_big3 > .imgBox {
    position: initial;
    right: initial;
    bottom: initial;
    width: 70%;
    margin: 0 auto;
  }
  #ArtistPro24Gen2 .module13 .bg_big.bg_big3 .module13_content .text_p1 {
    font-size: 2.59259vw;
    text-align: center;
    width: 100%;
    margin-bottom: 5.55556vw;
  }
  #ArtistPro24Gen2 .module14 {
    padding: 9.25926vw 0;
  }
  #ArtistPro24Gen2 .module14 .module14_content {
    flex-direction: column;
  }
  #ArtistPro24Gen2 .module14 .module14_content.module14_content2 {
    flex-direction: column-reverse;
  }
  #ArtistPro24Gen2 .module14 .module14_content .text .text_max {
    text-align: center;
  }
  #ArtistPro24Gen2 .module14 .module14_content .text .text_min {
    text-align: center;
  }
  #ArtistPro24Gen2 .module14 .module14_content .imgBox {
    width: 90%;
    margin: 0 auto;
  }
  #ArtistPro24Gen2 .module14 .module14_content.module14_content1 {
    margin-bottom: 9.25926vw;
  }
  #ArtistPro24Gen2 .module14 .module14_content.module14_content1 .text {
    padding-left: 0;
    width: 90%;
    margin: 0 auto 5.55556vw;
  }
  #ArtistPro24Gen2 .module14 .module14_content.module14_content2 .text {
    padding-right: 0;
    width: 90%;
    margin: 0 auto 5.55556vw;
  }
  #ArtistPro24Gen2 .module14 .module14_content.module14_content1 .imgBox img {
    border-radius: 1.85185vw;
  }
  #ArtistPro24Gen2 .module14 .module14_content.module14_content2 .imgBox img {
    border-radius: 1.85185vw;
  }
  #ArtistPro24Gen2 .module15 {
    padding: 11.11111vw 0;
  }
  #ArtistPro24Gen2 .module15 .module15_content {
    width: 90%;
  }
  #ArtistPro24Gen2 .module15 .module15_content .text_min {
    margin-bottom: 3.33333vw;
  }
  #ArtistPro24Gen2 .module15 .module15_content .downCM {
    margin: 0 auto;
    padding: 1.48148vw 2.22222vw;
  }
  #ArtistPro24Gen2 .module17 {
    padding-bottom: 0;
  }
  #ArtistPro24Gen2 .module17 .module17_content1 {
    width: 50%;
  }
  #ArtistPro24Gen2 .module17 .module17_content2 {
    flex-direction: column;
    align-items: center;
    position: initial;
    top: initial;
    transform: initial;
    background-color: #ECF0F3;
  }
  #ArtistPro24Gen2 .module17 .module17_content2 .pen_item {
    border-radius: 3.7037vw;
    width: 87.03704vw;
    margin-right: 0;
    padding: 3.7037vw 5.55556vw;
    display: flex;
    flex-direction: column;
    transform: translateY(-13.88889vw);
  }
  #ArtistPro24Gen2 .module17 .module17_content2 .pen_item1 {
    margin-bottom: 2.22222vw;
  }
  #ArtistPro24Gen2 .module17 .module17_content2 .pen_item .text_p1 {
    font-size: 3.7037vw;
    margin-bottom: 2.22222vw;
  }
  #ArtistPro24Gen2 .module17 .module17_content2 .pen_item .text_p2 {
    height: auto;
    margin-bottom: 7.40741vw;
  }
  #ArtistPro24Gen2 .module17 .module17_content2 .pen_item .imgBox {
    width: 100%;
    height: auto;
    margin-bottom: 7.40741vw;
  }
  #ArtistPro24Gen2 .module17 .module17_content2 .pen_item1 .imgBox img {
    width: 100%;
  }
  #ArtistPro24Gen2 .module17 .module17_content2 .pen_item2 .imgBox img {
    width: 100%;
  }
  #ArtistPro24Gen2 .module17 .module17_content2 .pen_item .learn_more {
    padding: 1.11111vw 4.44444vw;
    margin-left: auto;
    margin-right: auto;
  }
  #ArtistPro24Gen2 .module18 {
    padding-top: 0;
    padding-bottom: 0;
  }
  #ArtistPro24Gen2 .module18 .module18_content1 {
    width: 90%;
  }
  #ArtistPro24Gen2 .module18 .module18_content1 .text_max {
    margin-bottom: 5.55556vw;
  }
  #ArtistPro24Gen2 .module18 .module18_content1 > .imgBox {
    width: 15.83333vw;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 {
    position: initial;
    transform: initial;
    background-color: #000000;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item {
    transform: translateY(-9.25926vw);
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item1 {
    width: 95.55556vw;
    padding: 7.40741vw 5.55556vw 3.7037vw;
    margin-bottom: 2.22222vw;
    background: url(https://resource.xp-pen.com/img/officialWebsite/ArtistPro24Gen2/165HZ/images/h5/18_1.webp) #1c1c24 no-repeat;
    background-size: 100% 100%;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item2 {
    width: 95.55556vw;
    padding: 7.40741vw 5.55556vw 3.7037vw;
    margin-bottom: 2.22222vw;
    background: url(https://resource.xp-pen.com/img/officialWebsite/ArtistPro24Gen2/165HZ/images/h5/18_2.webp) #1c1c24 no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item3 {
    width: 95.55556vw;
    padding: 7.40741vw 5.55556vw 3.7037vw;
    margin-bottom: 2.22222vw;
    background: url(https://resource.xp-pen.com/img/officialWebsite/ArtistPro24Gen2/165HZ/images/h5/18_3.webp) #1c1c24 no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item .text {
    height: auto;
    position: initial;
    padding: 0;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .text_p4 {
    font-size: 1.85185vw;
    width: 95%;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .lineBox .line {
    width: 64.81481vw;
    height: 0.74074vw;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .lineBox .num {
    font-size: 5.18519vw;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .lineBox .line.line2 {
    width: 32.40741vw;
    height: 0.74074vw;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item2 .text {
    width: 100%;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item2 .text .text_p2 {
    width: 100%;
    margin-bottom: 7.40741vw;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item2 .text .data_text {
    flex-direction: column;
    width: 40%;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item2 .text .data_text p {
    margin-right: 0;
    margin-bottom: 5.55556vw;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item3 .text {
    width: 100%;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item3 .text .text_p2 {
    width: 100%;
    margin-bottom: 41.66667vw;
  }
  @keyframes increase1 {
    from {
      width: 0%;
    }
    to {
      width: 64.81481vw;
    }
  }
  @keyframes increase2 {
    from {
      width: 0%;
    }
    to {
      width: 32.40741vw;
    }
  }
  #ArtistPro24Gen2 .module19 {
    flex-direction: column;
  }
  #ArtistPro24Gen2 .module19 .module18_content {
    margin-right: 0;
    width: 90%;
    margin: 0 auto 7.40741vw;
  }
  #ArtistPro24Gen2 .module19 .module18_content .text_max {
    text-align: center;
  }
  #ArtistPro24Gen2 .module19 .module18_content .text_min {
    text-align: center;
  }
  #ArtistPro24Gen2 .module19 .imgBox {
    width: 70%;
  }
  #ArtistPro24Gen2 .module21 .module21_content1 {
    width: 90%;
    margin: 0 auto 5.55556vw;
  }
  #ArtistPro24Gen2 .module21 > .imgBox {
    width: 34.90741vw;
    margin: 0 auto 5.55556vw;
  }
  #ArtistPro24Gen2 .module21 .module21_content2 {
    width: 90%;
  }
  #ArtistPro24Gen2 .module21 .swiperBox {
    margin-bottom: 20.37037vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide .text_p1 {
    font-size: 5.18519vw;
    margin-bottom: 3.7037vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide .text_p2 {
    margin-bottom: 1.85185vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide .text_p3 {
    margin-bottom: 1.85185vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide .text_p4 {
    font-size: 1.85185vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide {
    padding: 5.55556vw 3.7037vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1 {
    width: 92.59259vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-2 {
    width: 92.59259vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-3 {
    width: 92.59259vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-4 {
    width: 92.59259vw;
    padding: 5.55556vw 0 0;
    display: flex;
    flex-direction: column;
    position: initial;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 {
    width: 92.59259vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-6 {
    width: 92.59259vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1 .content {
    flex-direction: column;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1 .content .left {
    margin-right: 0;
    position: relative;
    width: 100%;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1 .content .left .text_p3 {
    width: 60%;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1 .content .left .imgBox {
    width: 33.33333vw;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1-2 {
    width: 92.59259vw;
    display: inline-block;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1-2 .content {
    height: 100%;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1-2 .content .right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1-2 .content .right .text_p3 {
    margin-bottom: 3.7037vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1-2 .content .right .text_p4 {
    margin-top: auto;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-1-2 .content .right .imgBox {
    width: 22.22222vw;
    margin: 0 auto 3.7037vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-2 .imgBox {
    width: 37.03704vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-3 .imgBox {
    width: 37.03704vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-4 .text_p1 {
    padding: 0 3.7037vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-4 .text_p2 {
    padding: 0 3.7037vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-4 .text_p3 {
    padding: 0 3.7037vw;
    margin-bottom: 5.55556vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-4 .imgBox {
    width: 92.59259vw;
    position: initial;
    margin-top: auto;
    bottom: initial;
    left: initial;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 {
    padding: 0;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .top {
    height: 100%;
    position: initial;
    padding: 5.55556vw 3.7037vw;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .top .text {
    justify-content: flex-start;
    height: auto;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .top .text .text_p3 {
    width: 100%;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .top .imgBox {
    position: initial;
    width: 41.66667vw;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.7037vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5 .bottom {
    display: none;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5-2 {
    width: 92.59259vw;
    display: inline-block;
    padding: 5.55556vw 0 0;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5-2 .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5-2 .bottom .text_p2 {
    padding: 0 3.7037vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5-2 .bottom .text_p3 {
    padding: 0 3.7037vw;
    margin-bottom: 3.7037vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-5-2 .bottom .imgBox {
    width: 55.55556vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: 3.7037vw;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide-6 {
    background: url(https://resource.xp-pen.com/img/officialWebsite/ArtistPro24Gen2/165HZ/images/21_8.webp) #EEF2F5 no-repeat;
    background-size: 64.81481vw auto;
    background-position: right 80%;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper-button-prev {
    right: 16%;
    top: 103%;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper-button-next {
    top: 103%;
  }
  #ArtistPro24Gen2 .module22 {
    padding: 11.11111vw 0 0.92593vw;
  }
  #ArtistPro24Gen2 .module22 .module22_content {
    flex-direction: column;
    margin-bottom: 7.40741vw;
  }
  #ArtistPro24Gen2 .module22 .module22_content.module22_content2 {
    flex-direction: column-reverse;
  }
  #ArtistPro24Gen2 .module22 .module22_content .imgBox {
    width: 90%;
  }
  #ArtistPro24Gen2 .module22 .module22_content.module22_content1 .imgBox img {
    border-radius: 1.85185vw;
  }
  #ArtistPro24Gen2 .module22 .module22_content.module22_content2 .imgBox img {
    border-radius: 1.85185vw;
  }
  #ArtistPro24Gen2 .module22 .module22_content.module22_content2 .text {
    padding-right: 0;
    width: 90%;
    margin-bottom: 3.7037vw;
  }
  #ArtistPro24Gen2 .module22 .module22_content.module22_content1 .text {
    padding-left: 0;
    width: 90%;
    margin-bottom: 3.7037vw;
  }
  #ArtistPro24Gen2 .module23 .module23_content1 {
    width: 90%;
    margin: 0 auto 5.55556vw;
  }
  #ArtistPro24Gen2 .module23 .module23_content2 {
    width: 95.55556vw;
    border-radius: 1.85185vw;
    padding: 5.55556vw 0 3.7037vw;
    margin-bottom: 2.22222vw;
  }
  #ArtistPro24Gen2 .module23 .module23_content2 .imgBox {
    width: 90%;
    margin-bottom: 5.55556vw;
  }
  #ArtistPro24Gen2 .module23 .module23_content2 .text_min {
    padding: 0 3%;
  }
  #ArtistPro24Gen2 .module23 .module23_content3 {
    width: 95.55556vw;
    border-radius: 1.85185vw;
    padding: 5.55556vw 0 2.77778vw;
  }
  #ArtistPro24Gen2 .module23 .module23_content3 .imgBox {
    width: 60%;
  }
  #ArtistPro24Gen2 .module23 .module23_content3 .text_min {
    padding: 0 3%;
  }
}

@media screen and (max-width: 520px) {
  #ArtistPro24Gen2 .module1 .module1_content1 .text_p1 .special_2 {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module1 .module1_content2 {
    width: 40%;
  }
  #ArtistPro24Gen2 .module1 .module1_content2 .text_p1 {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module1 .module1_content2 .text_p1 br {
    display: none;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide .imgBox {
    padding-bottom: 50px;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide .imgBox .text {
    top: 58%;
  }
  #ArtistPro24Gen2 .module8 {
    padding-top: 80px;
  }
  #ArtistPro24Gen2 .module8 .module8_content .text_p1 {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module13 .bg_big > .text_p1 {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module18 .module18_content2 .item.item1 .text .text_p4 {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper-button-prev {
    right: 24%;
  }
}

@media screen and (max-width: 460px) {
  #ArtistPro24Gen2 .module1 .module1_content1 .text_p3 {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module2 .module2_content1 p {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module11 .module11_content .text_max .special {
    transform: scale(0.8) translateY(-70%);
    display: none;
  }
  #ArtistPro24Gen2 .module13 .bg_big.bg_big3 .module13_content .text_p1 {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module21 .swiperBox .swiper2-container .swiper-wrapper .swiper-slide .text_p2 {
    font-size: 14px;
  }
}

@media screen and (max-width: 430px) {
  #ArtistPro24Gen2 .text_max {
    margin-bottom: 10px;
  }
  #ArtistPro24Gen2 .text_min {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points .text_p1 {
    font-size: 14px;
    margin-bottom: 6px;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points .text_p2 {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_1 .text .text_p1 {
    font-size: 14px;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_1 .text .text_p2 {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .text .text_p1 {
    font-size: 16px;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .text .text_p2 {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide .imgBox .text .text_p1 {
    font-size: 14px;
    margin-bottom: 4px;
  }
  #ArtistPro24Gen2 .module2 .module2_content2 .selling_points.selling_points_3 .swiperBox .swiper-container .swiper-slide .imgBox .text .text_p2 {
    font-size: 12px;
  }
  #ArtistPro24Gen2 .module3 {
    padding-top: 220px;
  }
  #ArtistPro24Gen2 .module3 .module3_content {
    width: 65%;
  }
}

/* 报告弹窗、视频弹窗*/
#ArtistPro24Gen2 .report {
  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);
  overflow-y: scroll;
  display: none;
}

#ArtistPro24Gen2 .report .imgBox {
  width: 60%;
  margin: 0 auto;
  position: relative;
}

#ArtistPro24Gen2 .report .imgBox .close_btn {
  width: 2.5vw;
  height: 2.5vw;
  position: absolute;
  right: 1vw;
  top: 1vw;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0.9;
}

#ArtistPro24Gen2 .report .imgBox .close_btn:hover {
  opacity: 1;
}

#ArtistPro24Gen2 .add_video {
  width: 100%;
  font-size: 0;
  position: relative;
}

#ArtistPro24Gen2 .add_video video {
  width: 100%;
  height: auto;
}

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

#ArtistPro24Gen2 .add_video .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;
}

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

#ArtistPro24Gen2 .add_video .youtube_video .youtube_video_content iframe {
  width: 100%;
  height: 100%;
}

#ArtistPro24Gen2 .add_video .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;
}

#ArtistPro24Gen2 .add_video .youtube_video .youtube_video_content .close_btn:hover {
  opacity: 1;
}

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

@media screen and (max-width: 769px) {
  #ArtistPro24Gen2 .report .imgBox {
    width: 80%;
  }
  #ArtistPro24Gen2 .report .imgBox .close_btn {
    width: 36px;
    height: 36px;
  }
}

@media screen and (max-width: 520px) {
  #ArtistPro24Gen2 .report {
    padding: 100px 0;
    padding: 100px 0 5px;
  }
  #ArtistPro24Gen2 .report .imgBox {
    width: 96%;
  }
  #ArtistPro24Gen2 .add_video .playBox {
    width: 48px;
    height: 48px;
  }
}

@media screen and (max-width: 430px) {
  #ArtistPro24Gen2 .report .imgBox .close_btn {
    width: 30px;
    height: 30px;
  }
}