.app[data-v-7ba5bd90] {
  width: 100%;
  height: 100%;
}
.app-logo[data-v-7ba5bd90] {
  z-index: 111;
}body,
div,
p,
ul,
li,
table,
tbody,
tr,
td,
textarea,
form,
input,
h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd,
img,
iframe,
header,
nav,
section,
article,
footer,
figure,
figcaption,
menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

header,
nav,
section,
article,
footer,
figure,
figcaption {
  display: block;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

a,
li,
ul,
[onclick] {
  -webkit-tap-highlight-color: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

table,
td,
tr {
  border-collapse: collapse;
  border-spacing: 0;
}

em,
strong,
i {
  font-weight: normal;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

a {
  text-decoration: none;
}

a img {
  vertical-align: top;
}

a:focus,
input:focus,
p:focus,
div:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
html {
  font-family: "all";
  width: 100%;
  height: 100%;
  background: #1a1a1a;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}

@font-face {
  font-family: "HeadlinerNo";
  src: url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/HeadlinerNo.45.otf");
}
@font-face {
  font-family: "all";
  src: url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf");
}
@font-face {
  font-family: "ru";
  src: url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf");
}
@font-face {
  font-family: "th";
  src: url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf");
}
@font-face {
  font-family: "vi";
  src: url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf");
}
@font-face {
  font-family: "tr";
  src: url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf");
}
@font-face {
  font-family: "ar";
  src: url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf");
}
input,
select {
  font-family: "all";
}

.ar,
.ar input,
.ar select {
  font-family: "ar";
}

.th,
.th input,
.th select {
  font-family: "th";
}

.zh,
.zh input,
.zh select,
.TW,
.TW input,
.TW select,
.HK,
.HK input,
.HK select {
  font-family: "all";
}

.ru,
.ru input,
.ru select {
  font-family: "ru";
}

.vi,
.vi input,
.vi select {
  font-family: "vi";
}

.tr,
.tr input,
.tr select {
  font-family: "tr";
}

.ar .scrollbar_p,
.ar .section p,
.ar .section span,
.ar .section select {
  direction: rtl;
}

.th p,
.th span,
.ru p,
.ru span {
  font-weight: unset !important;
}

.wrapper {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
}

.section {
  display: block;
  width: 100%;
  position: relative;
  float: left;
  overflow: hidden;
}

.section:nth-child(1) {
  margin-top: 80px;
}

.s1 {
  height: 43.75vw;
}

.s2 {
  height: 54.21875vw;
  background: url(./bg2.6596a1d0.jpg) 0/100% 100% no-repeat;
}

.s3 {
  height: 57.9166666667vw;
  background: url(./bg3_1.deba2745.jpg) 0/100% 100% no-repeat;
  margin-top: -1px;
}

.s3_1 {
  background: url(./bg3_1.deba2745.jpg) 0/100% 100% no-repeat;
}

.s3_2 {
  background: url(./bg3_1.deba2745.jpg) 0/100% 100% no-repeat;
}

.s4 {
  height: 53.8020833333vw;
  background: url(./bg4.5c515959.jpg) 0/100% 100% no-repeat;
  margin-top: -1px;
}

/*s1*/
.s1_slide1 {
  background: url(./kv1.94f5ba46.jpg) 0/100% 100% no-repeat;
}

.s1_slide2 {
  background: url(./kv1.94f5ba46.jpg) 0/100% 100% no-repeat;
}

.s1_slide3 {
  background: url(./kv1.94f5ba46.jpg) 0/100% 100% no-repeat;
}

.s1_swiper {
  display: block;
  width: 100%;
  height: 100%;
  direction: ltr;
}

.s1_swiper {
  display: block;
  width: 100%;
  height: 100%;
}

.s1_prev {
  display: block;
  width: 8.125vw;
  height: 9.375vw;
  background: url(./s1_prev.195a8cbb.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 46%;
  left: 2.0833333333vw;
  z-index: 1;
  margin-top: -2.1354166667vw;
}

.s1_next {
  display: block;
  width: 8.125vw;
  height: 9.375vw;
  background: url(./s1_next.ad0f47c8.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 46%;
  right: 2.0833333333vw;
  z-index: 1;
  margin-top: -2.1354166667vw;
}

.s1 .swiper-pagination {
  display: block;
  width: 100%;
  left: 0;
  bottom: 3.125vw;
}

.s1 .swiper-pagination .swiper-pagination-bullet {
  width: 5.8333333333vw !important;
  height: 0.4166666667vw !important;
  border-radius: 0;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.6);
}

.s1 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ECB836;
}

.twig {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100vw;
  height: 6.1458333333vw;
  background: url(./twig.d0279ffe.png) 0/100% 100% no-repeat;
  position: absolute;
  bottom: 0;
  padding-left: 1.3020833333vw;
  z-index: 2;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.ar .twig {
  padding-left: unset;
  direction: rtl;
  padding-right: 2.34375vw;
}

.twig p {
  font-size: 2.34375vw;
  line-height: 3.125vw;
  height: auto;
  max-height: 85%;
  width: 62%;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  text-overflow: ellipsis;
}

.th .twig p {
  font-size: 2.0833333333vw;
  line-height: 2.2916666667vw;
}

.submit_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  width: 28.125vw;
  height: auto;
  position: absolute;
  bottom: 3%;
  right: 0;
}

.ar .submit_box {
  right: 66%;
}

.btn_submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 13.5416666667vw;
  height: 3.8541666667vw;
  background: url(./submit.ac606a9b.png) 0 center/100% 100% no-repeat;
  position: relative;
  top: 80%;
  right: 9%;
  z-index: 2;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.btn_submit:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}

.btn_submit p {
  font-size: 1.3541666667vw;
  line-height: 1.40625vw;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.th .btn_submit p {
  font-size: 2.0833333333vw;
  line-height: 2.2916666667vw;
}

/* s2 */
.s2_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 33.8541666667vw;
  height: auto;
  position: absolute;
  left: 3%;
  top: 2%;
  padding: 0.5rem 0 0 0.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s2 .s2_title p {
  font-size: 3.90625vw;
  line-height: 4.0625vw;
  color: #000;
  font-weight: bold;
  padding-left: 2.0833333333vw;
  z-index: 2;
}

.s2_title p::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 15.3645833333vw;
  height: 10.3125vw;
  background: url(./part01.21693460.png) 0/100% 100% no-repeat;
  z-index: -1;
}

.n_tip {
  font-size: 3.3854166667vw;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s2_tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 57.6041666667vw;
  height: 3.90625vw;
  position: absolute;
  top: 14%;
  right: 6%;
  padding: 2.0833333333vw 2.0833333333vw 2.0833333333vw 3.125vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  box-sizing: initial;
}

.ar .s2_tab,
.ar .s3_tab {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  direction: rtl;
}

.s2_tab li {
  width: 33.3%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  background-color: #4d4af6;
}

.s2_tab li.active {
  background-color: #ffea00;
}

.s2_tab li {
  font-size: 1.4583333333vw;
  line-height: 1.5625vw;
  color: #000;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #000;
}

.TW .s2_tab li,
.HK .s2_tab li,
.TW .s3_tab li,
.HK .s3_tab li {
  font-size: 1.25vw;
  line-height: 1.3541666667vw;
}

.th .s2_tab li,
.th .s3_tab li {
  font-size: 2.0833333333vw;
  line-height: 2.2916666667vw;
}

.s3_tab li:hover,
.s2_tab li:hover {
  cursor: pointer;
}

.s2_swiper {
  display: block;
  width: 70.0520833333vw;
  height: 30.2083333333vw;
  left: 25%;
  top: 33%;
  position: absolute;
  overflow: hidden;
  direction: ltr;
}

.s2_img {
  display: block;
  position: relative;
  width: 32.1354166667vw;
  height: 18.0208333333vw;
  top: 1%;
  left: 2%;
  text-align: center;
}

.s2_img img {
  width: auto;
  max-width: 100%;
  height: 100%;
}

.s2_img:hover img {
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  border-radius: 5px;
}

.s2_img::after {
  display: block;
  content: "";
  position: absolute;
  width: 36.5625vw;
  height: 21.3020833333vw;
  background: url(./s2_imgbg.9cfb7da0.png) 0/100% 100% no-repeat;
  top: -0.5208333333vw;
  left: -2.1875vw;
  z-index: -1;
}

.s2_text {
  display: block;
  width: 96%;
  height: 11.4583333333vw;
  margin-top: 0.3rem;
  overflow: hidden;
}

.s2_tit {
  font-size: 1.4583333333vw;
  font-weight: bold;
  margin-bottom: 0.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.s2_tit + p {
  height: 9.375vw;
}

.s2_text p {
  font-size: 1.25vw;
  line-height: 1.3541666667vw;
  color: #000;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}

.th .s2_text p {
  font-size: 2.0833333333vw;
  line-height: 2.2916666667vw;
}

.s2_prev {
  display: block;
  width: 8.90625vw;
  height: 2.34375vw;
  background: url(./s2_prev.5f2f092c.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 72%;
  left: 7%;
  z-index: 1;
  margin-top: -2.1354166667vw;
}

.s2_next {
  display: block;
  width: 8.90625vw;
  height: 2.34375vw;
  background: url(./s2_next.84e215ee.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 80%;
  left: 7%;
  z-index: 1;
  margin-top: -2.1354166667vw;
}

.s1_prev:hover,
.s1_next:hover,
.s2_prev:hover,
.s2_next:hover,
.s3_prev:hover,
.s3_next:hover,
.s4_prev:hover,
.s4_next:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}

.s1 .swiper-slide:hover {
  cursor: pointer;
}

@-webkit-keyframes scaleA {
  0% {
    background-size: 100%;
  }
  100% {
    background-size: 103%;
  }
}

@keyframes scaleA {
  0% {
    background-size: 100%;
  }
  100% {
    background-size: 103%;
  }
}
/* s3 */
.s3_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 33.8541666667vw;
  height: auto;
  position: absolute;
  left: 3%;
  top: 2%;
  padding: 0.5rem 0 0 0.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s3 .s3_title p {
  font-size: 3.90625vw;
  line-height: 4.0625vw;
  color: #fff;
  font-weight: bold;
  padding-left: 2.0833333333vw;
  z-index: 2;
}

.s3_title p::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 15.3645833333vw;
  height: 10.3125vw;
  background: url(./part02.365dab2a.png) 0/100% 100% no-repeat;
  z-index: -1;
}

.s3_title2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 33.8541666667vw;
  height: auto;
  position: absolute;
  left: 3%;
  top: 2%;
  padding: 0.5rem 0 0 0.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s3 .s3_title2 p {
  font-size: 3.90625vw;
  line-height: 4.0625vw;
  color: #000;
  font-weight: bold;
  padding-left: 0;
  z-index: 2;
}

.s3_tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 57.6041666667vw;
  height: 3.90625vw;
  position: absolute;
  top: 14%;
  right: 6%;
  padding: 2.0833333333vw 2.0833333333vw 2.0833333333vw 3.125vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  box-sizing: initial;
}

.s3_tab li {
  width: 33.3%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  background-color: #4d4af6;
  text-align: center;
  border-right: 1px solid #000;
  padding: 0.5208333333vw;
}

.s3_tab li.active {
  background-color: #ffea00;
}

.s3_tab li {
  font-size: 1.4583333333vw;
  line-height: 1.5625vw;
  color: #000;
  font-weight: bold;
}

.s3_text {
  width: 57.6041666667vw;
  height: 5.7291666667vw;
  margin-top: 0.78125vw;
  position: absolute;
  right: -webkit-calc(6% + 2.0833333333vw);
  right: calc(6% + 2.0833333333vw);
  top: 24%;
  overflow: auto;
}

.s3_text p {
  font-size: 1.25vw;
  line-height: 1.4583333333vw;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.th .s3_text p {
  font-size: 2.0833333333vw;
  line-height: 2.1875vw;
}

.s3_swiper {
  display: block;
  width: 88.5416666667vw;
  height: 33.8541666667vw;
  left: 7%;
  top: 36%;
  position: absolute;
  overflow: hidden;
  direction: ltr;
}

.s3_swiper .swiper-slide {
  height: 15.625vw;
}

.s3_swiper .page_boxlist {
  display: block;
  width: 20.1041666667vw;
  height: 13.0729166667vw;
  position: relative;
  background: url(./foreground.c88cc35a.png) top/100% 100% no-repeat;
  text-align: center;
  padding: 1.3020833333vw 0.78125vw;
}

.s3_swiper .page_boxlist img {
  max-width: 98%;
  width: auto;
  height: 100%;
}

.s3_swiper .page_boxlist:hover img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  border-radius: 5px;
}

.s3_swiper .img_num {
  position: absolute;
  top: 0.2083333333vw;
  right: 2.5520833333vw;
  width: 2.3958333333vw;
  height: 2.5520833333vw;
  background: url(./icon8.228cd55e.png) top/100% 100% no-repeat;
}

.s3_swiper .img_num span {
  font-size: 1.25vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #000;
  margin-top: 0.625vw;
  margin-left: -0.3125vw;
}

.s3_swiper .work_name {
  width: 90%;
  height: 2.6041666667vw;
  position: relative;
  margin-left: 1%;
}

.s3_swiper .work_name p {
  font-size: 1.3541666667vw;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.th .s3_swiper .work_name p {
  font-family: "all";
}

.s3_prev {
  display: block;
  width: 8.90625vw;
  height: 2.34375vw;
  background: url(./s2_prev.5f2f092c.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 98%;
  left: 40%;
  z-index: 1;
  margin-top: -2.1354166667vw;
}

.s3_next {
  display: block;
  width: 8.90625vw;
  height: 2.34375vw;
  background: url(./s2_next.84e215ee.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 98%;
  right: 40%;
  z-index: 1;
  margin-top: -2.1354166667vw;
}

.s3_swiper2 {
  display: block;
  width: 92.7083333333vw;
  height: 40.625vw;
  left: 5%;
  top: 22%;
  position: absolute;
  overflow: hidden;
  direction: ltr;
}

.s3_swiper2 .swiper-slide {
  height: 18.75vw;
}

.s3_swiper2 .page_boxlist {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 27.0833333333vw;
  height: 17.6041666667vw;
  position: relative;
  background: url(./foreground.c88cc35a.png) top/100% 100% no-repeat;
  text-align: center;
  padding: 1.3020833333vw 0.78125vw;
  float: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s3_swiper2 .page_boxlist img {
  max-width: 98%;
  width: auto;
  height: 100%;
}

.s3_swiper2 .page_boxlist:hover i {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  border-radius: 5px;
}

.s3_swiper2 .page_boxlist i {
  display: block;
  width: 5.7291666667vw;
  height: 6.5104166667vw;
  background: url(./play.43dec43b.png) 0 center/100% 100% no-repeat;
  position: absolute;
}

.s3_swiper2 .work_name {
  width: 90%;
  height: auto;
  max-height: 86%;
  position: relative;
  margin-left: 1%;
  width: 30%;
  top: 1.0416666667vw;
  float: left;
  overflow: hidden;
}

.s3_swiper2 .work_name p {
  font-size: 1.6666666667vw;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 700;
}

.s3_swiper2 .work_name span {
  display: block;
  font-size: 1.3541666667vw;
  color: #000;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}

.th .s3_swiper2 .work_name p {
  font-family: "all";
}

.s3_prev2 {
  display: block;
  width: 8.90625vw;
  height: 2.34375vw;
  background: url(./s2_prev.5f2f092c.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 98%;
  left: 40%;
  z-index: 1;
  margin-top: -2.1354166667vw;
}

.s3_next2 {
  display: block;
  width: 8.90625vw;
  height: 2.34375vw;
  background: url(./s2_next.84e215ee.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 98%;
  right: 40%;
  z-index: 1;
  margin-top: -2.1354166667vw;
}

/*s4*/
.s4_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 33.8541666667vw;
  height: auto;
  position: absolute;
  left: 3%;
  top: 2%;
  padding: 0.5rem 0 0 0.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.ar .s2 .s2_title p,
.ar .s3 .s3_title p,
.ar .s4 .s4_title p {
  font-size: 3.90625vw;
  line-height: 3.90625vw;
}

.s4 .s4_title p {
  font-size: 3.90625vw;
  line-height: 4.0625vw;
  color: #000;
  font-weight: bold;
  padding-left: 2.0833333333vw;
  z-index: 2;
}

.s4_title p::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16.0416666667vw;
  height: 10.2083333333vw;
  background: url(./part03.a529ff9f.png) 0/100% 100% no-repeat;
  z-index: -1;
}

.s4_swiper {
  display: block;
  width: 58.8541666667vw;
  height: 37.5vw;
  left: 5%;
  top: 24%;
  position: absolute;
  overflow: hidden;
}

.s4_swiper .swiper-slide {
  height: auto;
  min-height: 8.3333333333vw;
}

.s4_text {
  width: 100%;
  margin-bottom: 0.3rem;
}

.s4_tit {
  font-size: 1.6666666667vw;
  font-weight: bold;
  width: 100%;
  margin-bottom: 0rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.s4_tit::before {
  display: inline-block;
  content: "";
  position: relative;
  width: 1.40625vw;
  height: 1.3541666667vw;
  background: url(./s4_tit.f586e3ef.png) center/100% 100% no-repeat;
}

.s4_text p {
  font-size: 1.25vw;
  line-height: 1.8229166667vw;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.th .s4_text p {
  font-size: 1.4583333333vw;
  line-height: 1.4583333333vw;
}

.s4_textp {
  padding-left: 1.3020833333vw;
  height: 7.2916666667vw;
  overflow: hidden;
}

.s4_prev {
  display: block !important;
  width: 8.90625vw;
  height: 2.34375vw;
  background: url(./s2_prev.5f2f092c.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 98%;
  left: 22%;
  z-index: 1;
  margin-top: -2.1354166667vw;
}

.s4_next {
  display: block !important;
  width: 8.90625vw;
  height: 2.34375vw;
  background: url(./s2_next.84e215ee.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 98%;
  right: 58%;
  z-index: 1;
  margin-top: -2.1354166667vw;
}

.s4_prev.swiper-button-disabled,
.s4_next.swiper-button-disabled {
  display: none !important;
}

.testMask {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 98;
}

.s_footer {
  width: 100%;
  height: 238px;
}

.TW .s_footer {
  width: 100%;
  height: 278px;
}

.b-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}

.pop-vid {
  width: 67.7339901478vw;
  height: 38.0541871921vw;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
}

.pop-close {
  display: block;
  width: 2.4630541872vw;
  height: 2.4630541872vw;
  position: absolute;
  top: 0;
  right: -3.078817734vw;
  background: url(./btn_close.27fd0680.png) 0/100% 100% no-repeat;
}

.pop-loading {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 22px;
  text-align: center;
  color: #fff;
  line-height: 3;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.pop-loading.loaded {
  display: none;
}

.scrollbar_p::-webkit-scrollbar {
  width: 2px !important;
  background-color: rgb(0, 0, 0);
}

.scrollbar_p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(151, 145, 145, 0.5) !important;
}

.scrollbar_p::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgb(0, 0, 0) !important;
}

@media only screen and (max-width: 500px) {
  .wrapper::-webkit-scrollbar {
    display: none;
  }
  .section:nth-child(1) {
    margin-top: 16.875vw;
  }
  .pop-close {
    width: 25px;
    height: 25px;
    top: -30px;
    right: 0;
  }
  .pop-vid {
    width: 100vw;
    height: 58.1333333333vw;
  }
  .section.s1 {
    height: 145.7333333333vw;
  }
  .section.s2 {
    width: 100vw;
    height: 177.7333333333vw;
    background: url(./m_bg2.91e1f02c.jpg) 0/100% 100% no-repeat;
  }
  .section.s3 {
    width: 100vw;
    height: 177.3333333333vw;
    background: url(./m_bg3_1.25402624.jpg) 0/100% 100% no-repeat;
  }
  .section.s3.s3_1 {
    background: url(./m_bg3_1.25402624.jpg) 0/100% 100% no-repeat;
  }
  .section.s3.s3_2 {
    background: url(./m_bg3_1.25402624.jpg) 0/100% 100% no-repeat;
  }
  .section.s4 {
    width: 100vw;
    height: 160.2666666667vw;
    background: url(./m_bg4.71a350ac.jpg) 0/100% 100% no-repeat;
    margin-top: -1px;
  }
  .s1_slide1 {
    background: url(./m_kv1.588ba84e.jpg) 0/100% 100% no-repeat;
  }
  .s1_slide2 {
    background: url(./m_kv1.588ba84e.jpg) 0/100% 100% no-repeat;
  }
  .s1_slide3 {
    background: url(./m_kv1.588ba84e.jpg) 0/100% 100% no-repeat;
  }
  .s1_prev {
    display: block;
    width: 11.6vw;
    height: 13.3333333333vw;
    background: url(./s1_prev.195a8cbb.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 92%;
    left: 5.3333333333vw;
    z-index: 3;
    margin-top: -5.4666666667vw;
  }
  .s1_next {
    display: block;
    width: 11.6vw;
    height: 13.3333333333vw;
    background: url(./s1_next.ad0f47c8.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 92%;
    right: 5.3333333333vw;
    z-index: 3;
    margin-top: -5.4666666667vw;
  }
  .twig {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100vw;
    height: 20.9333333333vw;
    background: url(./m_twig.1c2e7ca0.png) 0/100% 100% no-repeat;
    position: absolute;
    bottom: 0;
    padding: 1.3333333333vw 17.3333333333vw !important;
    z-index: 2;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
  }
  .ar .twig {
    direction: rtl;
    text-align: center;
  }
  .twig p {
    font-size: 4vw;
    line-height: 5.0666666667vw;
    height: auto;
    width: 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .th .twig p {
    font-size: 5.3333333333vw;
    line-height: 5.8666666667vw;
  }
  .submit_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
            justify-content: space-evenly;
    width: 80%;
    height: auto;
    position: relative;
    margin: 0 auto;
    top: 73%;
    right: 0;
  }
  .ar .submit_box {
    right: 0;
  }
  .btn_submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 34.6666666667vw;
    height: 9.8666666667vw;
    background: url(./submit.ac606a9b.png) 0 center/100% 100% no-repeat;
    position: relative;
    top: 73%;
    right: unset;
    z-index: 2;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .btn_submit p {
    font-size: 3.4666666667vw;
    line-height: 3.7333333333vw;
  }
  .th .btn_submit p {
    font-size: 5.3333333333vw;
    line-height: 5.8666666667vw;
  }
  /* s2 */
  .s2_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: auto;
    height: auto;
    left: 0;
    margin: 0 auto;
    top: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 0;
  }
  .s2 .s2_title p {
    font-size: 9.3333333333vw;
    line-height: 9.6vw;
    color: #000;
    font-weight: bold;
    padding-left: 5.3333333333vw;
    z-index: 2;
  }
  .s2_title p::after {
    display: inline-block;
    content: "";
    position: relative;
    top: 12%;
    left: -96%;
    width: 16.2666666667vw;
    height: 10.6666666667vw;
  }
  .ar .s4_title p::after,
  .ar .s3_title p::after,
  .ar .s2_title p::after {
    left: 0;
    direction: rtl;
    float: right;
  }
  .s2_tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100vw;
    height: 20vw;
    position: relative;
    top: -1%;
    right: 0;
    padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 8vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    box-sizing: border-box;
  }
  .ar .s2_tab,
  .ar .s3_tab {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    direction: rtl;
  }
  .s2_tab li {
    width: 33.3%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 0.6666666667vw;
  }
  .s2_tab li {
    font-size: 3.7333333333vw;
    line-height: 4vw;
  }
  .TW .s2_tab li,
  .HK .s2_tab li,
  .TW .s3_tab li,
  .HK .s3_tab li {
    font-size: 3.2vw;
    line-height: 3.4666666667vw;
  }
  .th .s2_tab li,
  .th .s3_tab li {
    font-size: 4vw;
    line-height: 4.5333333333vw;
  }
  .s2_swiper {
    display: block;
    width: 100vw;
    height: 146.6666666667vw;
    left: 0;
    top: 15%;
    position: absolute;
    overflow: hidden;
  }
  .s2_swiper .swiper-slide {
    height: 66.6666666667vw;
  }
  .s2_img {
    display: block;
    position: relative;
    width: 85.8666666667vw;
    height: 48.2666666667vw;
    top: 2%;
    left: 0;
    margin: 0 auto;
    text-align: center;
  }
  .s2_img::after {
    display: block;
    content: "";
    position: absolute;
    width: 97.6vw;
    height: 56.6666666667vw;
    background: url(./s2_imgbg.9cfb7da0.png) 0/100% 100% no-repeat;
    top: -1.3333333333vw;
    left: -5.3333333333vw;
    z-index: -1;
  }
  .s2_img img {
    width: auto;
    height: 100%;
  }
  .s2_text {
    width: 87%;
    height: 15.3333333333vw;
    position: relative;
    margin: 0 auto;
    top: 6%;
  }
  .s2_tit {
    font-size: 3.7333333333vw;
    font-weight: bold;
    margin-bottom: 0.2rem;
  }
  .s2_tit + p {
    height: 6.9333333333vw;
  }
  .s2_text p {
    font-size: 2.9333333333vw;
    line-height: 3.4666666667vw;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .th .s2_text p {
    font-size: 3.4666666667vw;
    line-height: 3.7333333333vw;
    font-weight: unset;
  }
  .TW .s2_tit + p,
  .HK .s2_tit + p {
    height: 6.8vw;
  }
  .s2_prev {
    display: block;
    width: 22.8vw;
    height: 6vw;
    background: url(./s2_prev.5f2f092c.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 97%;
    left: 25%;
    z-index: 1;
    margin-top: -5.4666666667vw;
  }
  .s2_next {
    display: block;
    width: 22.8vw;
    height: 6vw;
    background: url(./s2_next.84e215ee.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 97%;
    left: 55%;
    z-index: 1;
    margin-top: -5.4666666667vw;
  }
  .n_tip {
    font-size: 8.6666666667vw;
    height: 60%;
  }
  /* s3 */
  .s3_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: auto;
    height: auto;
    left: 0;
    margin: 0 auto;
    top: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 0;
  }
  .s3 .s3_title p {
    font-size: 8.2666666667vw;
    line-height: 9.0666666667vw;
    font-weight: bold;
    padding-left: 5.3333333333vw;
    z-index: 2;
    margin-top: 1.3333333333vw;
  }
  .s3_title2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: auto;
    height: auto;
    left: 0;
    margin: 0 auto;
    top: 6%;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 0;
  }
  .s3 .s3_title2 p {
    font-size: 8.2666666667vw;
    line-height: 9.0666666667vw;
    font-weight: bold;
    padding-left: 5.3333333333vw;
    z-index: 2;
    margin-top: 1.3333333333vw;
  }
  .s3_title p::after {
    display: inline-block;
    content: "";
    position: relative;
    top: 12%;
    left: -96%;
    width: 16.2666666667vw;
    height: 10.6666666667vw;
  }
  .s3_tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100vw;
    height: 20vw;
    position: relative;
    top: 2%;
    right: 0;
    padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 8vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    box-sizing: border-box;
  }
  .s3_tab li {
    width: 33.3%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 0.6666666667vw;
  }
  .s3_tab li {
    font-size: 4vw;
    line-height: 4.2666666667vw;
  }
  .s3_text {
    width: 82.6666666667vw;
    height: 12vw;
    margin-top: 4vw;
    position: relative;
    right: initial;
    left: 0;
    margin: 0 auto;
    top: 2%;
  }
  .s3_text p {
    font-size: 3.2vw;
    line-height: 3.7333333333vw;
    color: #fff;
  }
  .th .s3_text p {
    font-size: 5.3333333333vw;
    line-height: 5.6vw;
  }
  .s3_swiper {
    display: block;
    width: 100vw;
    height: 114.6666666667vw;
    left: 0;
    top: 28%;
    position: absolute;
    overflow: hidden;
  }
  .s3_swiper .swiper-slide {
    width: 45.3333333333vw;
    height: 40vw;
  }
  .s3_swiper .img_num {
    position: absolute;
    top: 0.5333333333vw;
    right: 2.6666666667vw;
    width: 6.1333333333vw;
    height: 6.5333333333vw;
    background: url(./icon8.228cd55e.png) top/100% 100% no-repeat;
  }
  .s3_swiper .img_num span {
    font-size: 3.2vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    color: #000;
    margin-top: 1.6vw;
    margin-left: -0.8vw;
  }
  .s3_swiper .page_boxlist {
    width: 45.3333333333vw;
    height: 29.4666666667vw;
    position: relative;
    margin: 0 auto;
    padding: 2.6666666667vw 1.0666666667vw;
  }
  .s3_swiper .page_boxlist img {
    width: auto;
    height: 100%;
  }
  .s3_swiper .work_name {
    width: 90%;
    height: 6.6666666667vw;
    position: relative;
    margin-left: 8%;
  }
  .ar .s3_swiper .work_name {
    margin-left: unset;
    margin-right: 8%;
  }
  .s3_swiper .work_name p {
    font-size: 3.4666666667vw;
    color: #000;
  }
  .s3_prev {
    display: block;
    width: 22.8vw;
    height: 6vw;
    background: url(./s2_prev.5f2f092c.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 97%;
    left: 25%;
    z-index: 1;
    margin-top: -5.4666666667vw;
  }
  .s3_next {
    display: block;
    width: 22.8vw;
    height: 6vw;
    background: url(./s2_next.84e215ee.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 97%;
    left: 55%;
    z-index: 1;
    margin-top: -5.4666666667vw;
  }
  .ar .s3_prev {
    left: unset;
    right: 53%;
  }
  .s3_swiper2 {
    display: block;
    width: 100vw;
    height: 114.6666666667vw;
    left: 0;
    top: 22%;
    position: absolute;
    overflow: hidden;
  }
  .s3_swiper2 .swiper-slide {
    width: 45.3333333333vw;
    height: 46.6666666667vw;
  }
  .s3_swiper2 .page_boxlist i {
    display: block;
    width: 10.6666666667vw;
    height: 12.1333333333vw;
    position: absolute;
  }
  .s3_swiper2 .page_boxlist {
    width: 49.3333333333vw;
    height: 32.1333333333vw;
    position: relative;
    margin: 0 auto;
    padding: 2.6666666667vw 1.0666666667vw;
  }
  .s3_swiper2 .page_boxlist img {
    width: auto;
    height: 100%;
  }
  .s3_swiper2 .work_name {
    width: 90%;
    height: 20vw;
    position: relative;
    margin-left: 5%;
  }
  .ar .s3_swiper2 .work_name {
    margin-left: unset;
    margin-right: 8%;
  }
  .s3_swiper2 .work_name p {
    font-size: 4.2666666667vw;
    color: #000;
  }
  .s3_swiper2 .work_name span {
    font-size: 3.4666666667vw;
    color: #000;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .s3_prev2 {
    display: block;
    width: 22.8vw;
    height: 6vw;
    background: url(./s2_prev.5f2f092c.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 93%;
    left: 25%;
    z-index: 1;
    margin-top: -5.4666666667vw;
  }
  .s3_next2 {
    display: block;
    width: 22.8vw;
    height: 6vw;
    background: url(./s2_next.84e215ee.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 93%;
    left: 55%;
    z-index: 1;
    margin-top: -5.4666666667vw;
  }
  .ar .s3_prev2 {
    left: unset;
    right: 53%;
  }
  /*s4*/
  .s4_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: auto;
    height: auto;
    left: 0;
    margin: 0 auto;
    top: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 0;
  }
  .s4 .s4_title p {
    font-size: 8.2666666667vw;
    line-height: 9.0666666667vw;
    font-weight: bold;
    padding-left: 5.3333333333vw;
    z-index: 2;
  }
  .ar .s2 .s2_title p,
  .ar .s3 .s3_title p,
  .ar .s4 .s4_title p {
    font-size: 6.9333333333vw;
    line-height: 7.7333333333vw;
  }
  .s4_title p::after {
    display: inline-block;
    content: "";
    position: relative;
    top: 12%;
    left: -96%;
    width: 16.2666666667vw;
    height: 10.6666666667vw;
  }
  .s4_swiper {
    display: block;
    width: 93.3333333333vw;
    height: 125.7333333333vw;
    left: 0;
    top: 5%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
  }
  .s4_swiper .swiper-slide {
    height: auto;
    min-height: 29.3333333333vw;
  }
  .s4_text {
    width: 100%;
    height: 100%;
  }
  .s4_tit {
    font-size: 4.2666666667vw;
    font-weight: bold;
    margin-bottom: 0.2rem;
  }
  .s4_tit::before {
    display: inline-block;
    content: "";
    position: relative;
    width: 3.6vw;
    height: 3.4666666667vw;
    background: url(./s4_tit.f586e3ef.png) center/100% 100% no-repeat;
  }
  .s4_text p {
    font-size: 3.2vw;
    line-height: 4vw;
    color: #000;
    margin-top: 1.3333333333vw;
  }
  .th .s4_text p {
    font-size: 4vw;
    line-height: 4.2666666667vw;
  }
  .s4_textp {
    padding-left: 3.3333333333vw;
    height: 32.6666666667vw;
  }
  .s4_prev {
    display: block;
    width: 22.8vw;
    height: 6vw;
    background: url(./s2_prev.5f2f092c.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 96%;
    left: 25%;
    z-index: 1;
    margin-top: -5.4666666667vw;
  }
  .s4_next {
    display: block;
    width: 22.8vw;
    height: 6vw;
    background: url(./s2_next.84e215ee.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 96%;
    left: 55%;
    z-index: 1;
    margin-top: -5.4666666667vw;
  }
  .ar .s4_prev {
    left: unset;
    right: 53%;
  }
  .s_footer {
    width: 100%;
    height: 736px;
  }
}/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{-webkit-flex-shrink:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';-webkit-flex-shrink:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-webkit-order:9999;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:-webkit-calc(var(--swiper-navigation-size)/ 44 * 27);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:-webkit-calc(0px - (var(--swiper-navigation-size)/ 2));margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transition-property:opacity,height,-webkit-transform;transition-property:opacity,height,-webkit-transform;transition-property:transform,opacity,height;transition-property:transform,opacity,height,-webkit-transform}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}













































/* pop */
#pop8.pop-bg4[data-v-26361958]{
  background-size: 100% auto;
  position: fixed;
  width: -webkit-calc(1050/ 1920 * 100vw);
  width: calc(1050/ 1920 * 100vw);
  height: -webkit-calc(590/ 1920 * 100vw);
  height: calc(590/ 1920 * 100vw);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99;
}
#pop8 .btn-close[data-v-26361958] {
  position: absolute;
  top: 0;
  right: -5%;
  width: -webkit-calc(39/ 1920 * 100vw);
  width: calc(39/ 1920 * 100vw);
  height: -webkit-calc(39/ 1920 * 100vw);
  height: calc(39/ 1920 * 100vw);
  display: block;
  background: url(./btn_close.27fd0680.png) center/cover no-repeat;
  z-index: 6;
  cursor: pointer;
}
@media only screen and (max-width:500px) {
#pop8.pop-bg4[data-v-26361958] {
    width: -webkit-calc(750/ 750 * 100vw);
    width: calc(750/ 750 * 100vw);
    height: -webkit-calc(527/ 750 * 100vw);
    height: calc(527/ 750 * 100vw);
    -webkit-transform: translate(-50%, -62%);
            transform: translate(-50%, -62%);
}
#pop8.pop-bg4 .btn-close[data-v-26361958] {
    position: absolute;
    top: -9%;
    right: 0%;
    width: -webkit-calc(39/ 750 * 100vw);
    width: calc(39/ 750 * 100vw);
    height: -webkit-calc(39/ 750 * 100vw);
    height: calc(39/ 750 * 100vw);
}
}
.test[data-v-5954443c] {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}.s5 {
  height: auto;
  overflow: unset;
  background: url(./artDetail_bg.a2f0f729.jpg) 0/100% 100% repeat-y;
}

/*s5*/
.s5 .back {
  display: block;
  width: 5.5208333333vw;
  height: 1.9791666667vw;
  background: url(./back.1c9b7361.png) 0/100% 100% no-repeat;
  position: absolute;
  left: 17%;
  top: 2.0833333333vw;
}

.s5 .time {
  font-size: 2.0833333333vw;
  line-height: 2.2916666667vw;
  color: #000;
  text-align: right;
}

.s5 .bottom {
  display: block;
  position: relative;
  height: 10.4166666667vw;
}

.s5 .back_top {
  display: block;
  width: 2.4479166667vw;
  height: 2.2395833333vw;
  background: url(./top.5bd91767.png) 0/100% 100% no-repeat;
  position: absolute;
  right: 5%;
  top: 3%;
}

.s5 p {
  display: block;
  width: 60%;
  top: 5%;
  position: relative;
  margin: 0 auto;
  font-size: 1.4583333333vw;
  color: #000;
  margin-top: 1.0416666667vw;
  word-break: break-word;
}

.s5 span {
  word-break: break-word;
}

.th .s5 p {
  font-size: 2.0833333333vw;
}

.s5 .title {
  font-size: 2.34375vw;
  line-height: 2.5vw;
  color: #000;
  font-weight: bold;
  text-align: center;
  margin-top: 5%;
}

.s5 img {
  width: 50.5729166667vw;
  height: auto;
  display: block;
  top: 5%;
  position: relative;
  margin: 1.5625vw auto;
}

.scrollbar_p::-webkit-scrollbar {
  width: 2px;
  background-color: rgba(0, 0, 0, 0);
}

.scrollbar_p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.scrollbar_p::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 500px) {
  .s5 {
    min-height: 100%;
    overflow: unset;
    background: url(./m_articleDetail_bg.da1665d4.jpg) 0/100% 100% repeat-y;
  }
  /*s5*/
  .s5 .back {
    display: block;
    width: 14.1333333333vw;
    height: 5.0666666667vw;
    background: url(./back.1c9b7361.png) 0/100% 100% no-repeat;
    position: absolute;
    left: 9%;
    top: 5.3333333333vw;
  }
  .s5 .time {
    font-size: 5.8666666667vw;
    line-height: 6.4vw;
    color: #000;
    text-align: right;
  }
  .s5 .bottom {
    display: block;
    position: relative;
    height: 26.6666666667vw;
  }
  .s5 .back_top {
    display: block;
    width: 11.0666666667vw;
    height: 10vw;
    background: url(./top.5bd91767.png) 0/100% 100% no-repeat;
    position: absolute;
    right: 17%;
    top: 3%;
  }
  .s5 p {
    display: block;
    width: 90%;
    top: 5%;
    position: relative;
    margin: 0 auto;
    font-size: 3.7333333333vw;
    color: #000;
    margin-top: 2.6666666667vw;
  }
  .th .s5 p {
    font-size: 5.3333333333vw;
  }
  .s5 .title {
    font-size: 6vw;
    line-height: 6.4vw;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin-top: 20%;
  }
  .s5 img {
    width: 85.4666666667vw;
    height: auto;
    display: block;
    top: 5%;
    position: relative;
    margin: 4vw auto;
  }
}
/*animation*/
.animation_big {
  animation: fadeInBig 2s infinite linear;
  -o-animation: fadeInBig 2s infinite linear;
  -ms-animation: fadeInBig 2s infinite linear;
  -moz-animation: fadeInBig 2s infinite linear;
  -webkit-animation: fadeInBig 2s infinite linear;
}

.fadeInAdd {
  animation: fadeInAdd 2s infinite linear;
  -o-animation: fadeInAdd 2s infinite linear;
  -ms-animation: fadeInAdd 2s infinite linear;
  -moz-animation: fadeInAdd 2s infinite linear;
  -webkit-animation: fadeInAdd 2s infinite linear;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate_headShake {
  -webkit-animation-name: headShake;
  animation-name: headShake;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes fadeInBig {
  0% {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes fadeInBig {
  0% {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes fadeInAdd {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeInAdd {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}.test[data-v-e2081eb8] {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}.s6 {
  height: 52.2395833333vw;
  background: url(./imgDetail_bg.8f7bf35a.jpg) 0/100% 100% repeat-y;
}

.testMask {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 98;
}

/*s6*/
.s6 .back {
  display: block;
  width: 5.5208333333vw;
  height: 1.9791666667vw;
  background: url(./back.1c9b7361.png) 0/100% 100% no-repeat;
  position: absolute;
  right: 17%;
  top: 9%;
}

.s6_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: auto;
  min-width: 20%;
  max-width: 56%;
  height: 9.9479166667vw;
  position: absolute;
  left: 18%;
  top: 3%;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s6 .s6_title p {
  font-size: 2.34375vw !important;
  line-height: 2.6041666667vw !important;
  height: 58%;
  color: #000;
  font-weight: bold;
  padding-left: 2.0833333333vw;
  z-index: 2;
  overflow: auto;
}

.s6_title p::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6.8229166667vw;
  height: 6.1979166667vw;
  background: url(./pdp.97d5fd17.png) 0/100% 100% no-repeat;
  z-index: -1;
}

.s6_text {
  width: 15.625vw;
  height: auto;
  position: absolute;
  top: 19%;
  left: 16%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-around;
          justify-content: space-around;
}

.tit_box {
  min-height: 6.25vw;
}

.s6 .tit {
  width: 14.8958333333vw;
  height: 1.71875vw;
  background: url(./tit_bg.be758e57.png) 0/100% 100% repeat-x;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.s6 p {
  font-size: 1.25vw;
  line-height: 1.7708333333vw;
  color: #000;
  font-weight: bold;
  padding-left: 1.0416666667vw;
  word-break: break-word;
}

.s6 span {
  word-break: break-word;
}

.th .s6 p {
  font-family: "all";
}

.s6 .tit + p {
  height: 4.1666666667vw;
  overflow-y: auto;
  overflow-x: hidden;
  word-break: break-word;
}

.s6_img {
  display: block;
  position: absolute;
  width: 53.0208333333vw;
  height: 30.46875vw;
  background: url(./s6_imgbg.1572bbf0.png) 0/100% 100% no-repeat;
  top: 21%;
  left: 30%;
  padding: 0.4166666667vw 0 0 0vw;
  text-align: center;
}

.s6 img {
  max-width: 88%;
  width: auto;
  height: 26.5104166667vw;
}

.s6_des {
  width: 52.0833333333vw;
  height: 10.4166666667vw;
  position: absolute;
  top: 77%;
  left: 32%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}

.s6 .tit1 {
  width: 14.8958333333vw;
  height: 1.71875vw;
  background: url(./tit_bg2.63fc0de4.png) 0/100% 100% repeat-x;
}

.s6 .s6_destext {
  height: 9.375vw;
  overflow: auto;
  word-break: break-word;
}

/*??*/
.b-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}

.pop-vid {
  width: 67.7339901478vw;
  height: 38.0541871921vw;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
}

.pop-close {
  display: block;
  width: 2.4630541872vw;
  height: 2.4630541872vw;
  position: absolute;
  top: 0;
  right: -3.078817734vw;
  background: url(./btn_close.27fd0680.png) 0/100% 100% no-repeat;
}

.pop-loading {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 22px;
  text-align: center;
  color: #fff;
  line-height: 3;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.pop-loading.loaded {
  display: none;
}

.s6 .scrollbar_p::-webkit-scrollbar {
  overflow: auto;
  width: 2px;
  background-color: rgba(0, 0, 0, 0);
}

.s6 .scrollbar_p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.s6 .scrollbar_p::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 500px) {
  .s6 {
    height: 204.2666666667vw;
    background: url(./m_imgDetail_bg.5d11fac6.jpg) 0/100% 100% repeat-y;
  }
  /*s6*/
  .s6 .back {
    display: block;
    width: 14.1333333333vw;
    height: 5.0666666667vw;
    background: url(./back.1c9b7361.png) 0/100% 100% no-repeat;
    position: absolute;
    left: 8%;
    top: 2.6666666667vw;
    z-index: 5;
  }
  .s6_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    height: 16vw;
    max-width: 100%;
    left: 0;
    margin: 10.6666666667vw auto 0;
    top: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .s6 .s6_title p {
    font-size: 7.3333333333vw !important;
    line-height: 7.7333333333vw !important;
    color: #000;
    height: 100%;
    font-weight: bold;
    padding-left: 5.3333333333vw;
    z-index: 2;
  }
  .s6_title p::after {
    display: none;
  }
  .s6_text {
    width: 80vw;
    height: 26.6666666667vw;
    position: absolute;
    top: 15%;
    left: 10%;
    display: block;
  }
  .s6 .tit_box {
    float: left;
    height: 50%;
    width: 50%;
  }
  .s6 .tit + p {
    height: 9.3333333333vw;
  }
  .s6 .tit {
    width: 38.1333333333vw;
    height: 4.4vw;
    background: url(./tit_bg.be758e57.png) 0/100% 100% repeat-x;
  }
  .s6 p {
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
    color: #000;
    font-weight: bold;
    padding-left: 2.6666666667vw;
  }
  .s6_img {
    position: relative;
    width: 95.3333333333vw;
    height: 54.8vw;
    background: url(./s6_imgbg.1572bbf0.png) 0/100% 100% no-repeat;
    top: 23%;
    left: 0;
    margin: 0 auto;
    text-align: center;
    padding: 0.6666666667vw 0 0 0;
  }
  .s6 img {
    max-width: 88%;
    width: auto;
    height: 47.6vw;
  }
  .s6_des {
    width: 93.3333333333vw;
    height: 26.6666666667vw;
    position: relative;
    top: 26%;
    left: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }
  .s6 .tit1 {
    width: 38.1333333333vw;
    height: 4.4vw;
    background: url(./tit_bg2.63fc0de4.png) 0/100% 100% repeat-x;
  }
  .s6 .s6_destext {
    height: 38.1333333333vw;
  }
}











































/* pop */
.act-pop[data-v-2bc85cf0] {
  position: relative;
  width: 8.04rem;
  height: auto;
  border: none;
  outline: none;
}
.pop-bg4[data-v-2bc85cf0] {
  background: url(../../assets/images/tc-bg1.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 8.65rem;
  height: 4.45rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99;
}
.pop-bg4 .btn-close[data-v-2bc85cf0] {
  position: absolute;
  top: 0.45rem;
  right: 0.2rem;
  width: 0.53rem;
  height: 0.52rem;
  display: block;
  background: url(./btn_close.27fd0680.png) center/cover no-repeat;
  z-index: 6;
  cursor: pointer;
}
.pop-bg4 .pop-cont[data-v-2bc85cf0] {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0.2rem 0.95rem 0.4rem 0.8rem;
}
.pop-bg4 .btn-click-pop[data-v-2bc85cf0] {
  width: 1.65rem;
  height: 0.7rem;
  margin: 0.2rem auto 0;
  font-size: .3rem;
  line-height: .3rem;
  color: #0e0e0e;
  text-transform: uppercase;
  font-weight: bold;
  background-position: -0.1rem -2.6rem;
  padding: 0.05rem 0.3rem 0.24rem 0.13rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.pop-bg4 .pop-tips[data-v-2bc85cf0] {
  display: block;
  width: 100%;
  /* height: 1.5rem; */
  position: relative;
  margin-top: 1.3rem;
  margin-bottom: 0.5rem;
  padding-bottom: .1rem;
  /* background: url(../../assets/images/tips-bg.png) bottom center/100% no-repeat; */
}
.pop-bg4 .pop-tips p[data-v-2bc85cf0] {
  display: block;
  width: 100%;
  line-height: .6rem;
  font-size: .55rem;
  color: #374186;
  font-weight: bold;
  text-align: center;
}
.pop-bg4 .vote-ticket[data-v-2bc85cf0] {
  width: 4.99rem;
  height: 1.16rem;
  margin: 1.2rem auto .5rem;
  background-position: -.1rem -5.46rem;
  font-size: .4rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.16rem;
  direction: ltr;
}
.pop-bg4 .vote-ticket a[data-v-2bc85cf0] {
  width: 0.9rem;
  height: 1rem;
}
.lang-en .vote-ticket[data-v-2bc85cf0] {
  line-height: 1.27rem;
}
.pop-bg4 .pop-title[data-v-2bc85cf0] {
  display: block;
  width: 100%;
  line-height: .5rem;
  font-size: .46rem;
  color: #374186;
  font-weight: bold;
  text-align: center;
  margin-top: .5rem;
  position: relative;
}
.pop-bg4 .pop-title[data-v-2bc85cf0]::after {
  display: block;
  content: "";
  width: 6.28rem;
  height: .3rem;
  background: url(../../assets/images/tips-bg.png) bottom center/100% no-repeat;
  margin: auto;
}
#popImgMax[data-v-2bc85cf0] {
  display: block;
  width: 10.5rem;
  height: 6.5rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 100011;
  position: fixed;
}
#popImgMax .btn-close[data-v-2bc85cf0] {
  right: -0.6rem;
  top: -0.1rem;
}
#popImg .btn-close[data-v-2bc85cf0] {
  top: -0.25rem;
}
.popmaximg[data-v-2bc85cf0] {
  width: 10.5rem;
  height: 6.5rem;
  position: absolute;
  overflow: hidden;
  /* overflow-y: scroll; */
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.popmaximg[data-v-2bc85cf0]::-webkit-scrollbar {
  width: .04rem;
  background-color: #000;
}
.popmaximg[data-v-2bc85cf0]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  background-color: #000;
}
.popmaximg[data-v-2bc85cf0]::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  background-color: #fff;
}
.popmaximg img[data-v-2bc85cf0] {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width:500px) {
#popImgMax[data-v-2bc85cf0] {
  display: block;
  width: 10.5rem;
  height: 6.5rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.6);
          transform: translate(-50%, -50%) scale(1.6);
  z-index: 100011;
}
}
.test[data-v-b1ebf710] {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}.s9 {
  height: 52.2395833333vw;
  background: url(./imgDetail_bg.8f7bf35a.jpg) 0/100% 100% repeat-y;
}

.testMask {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 98;
}

/*s9*/
.s9 .back {
  display: block;
  width: 5.5208333333vw;
  height: 1.9791666667vw;
  background: url(./back.1c9b7361.png) 0/100% 100% no-repeat;
  position: absolute;
  right: 17%;
  top: 9%;
}

.s9_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: auto;
  min-width: 20%;
  max-width: 56%;
  height: 9.9479166667vw;
  position: absolute;
  left: 18%;
  top: 3%;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s9 .s9_title p {
  font-size: 2.34375vw !important;
  line-height: 2.6041666667vw !important;
  height: 58%;
  color: #000;
  font-weight: bold;
  padding-left: 2.0833333333vw;
  z-index: 2;
  overflow: auto;
}

.s9_title p::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6.8229166667vw;
  height: 6.1979166667vw;
  background: url(./pdp.97d5fd17.png) 0/100% 100% no-repeat;
  z-index: -1;
}

.s9_text {
  width: 15.625vw;
  height: auto;
  position: absolute;
  top: 19%;
  left: 16%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-around;
          justify-content: space-around;
}

.tit_box {
  min-height: 6.25vw;
}

.s9 .tit {
  width: 14.8958333333vw;
  height: 1.71875vw;
  background: url(./tit_bg.be758e57.png) 0/100% 100% repeat-x;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.s9 p {
  font-size: 1.25vw;
  line-height: 1.7708333333vw;
  color: #000;
  font-weight: bold;
  padding-left: 1.0416666667vw;
  word-break: break-word;
}

.s9 span {
  word-break: break-word;
}

.th .s9 p {
  font-family: "all";
}

.s9 .tit + p {
  height: 4.1666666667vw;
  overflow-y: auto;
  overflow-x: hidden;
  word-break: break-word;
}

.s9_img {
  display: block;
  position: absolute;
  width: 53.0208333333vw;
  height: 30.46875vw;
  background: url(./s6_imgbg.1572bbf0.png) 0/100% 100% no-repeat;
  top: 23%;
  left: 24%;
  padding: 0.4166666667vw 0 0 0vw;
  text-align: center;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  overflow: hidden;
}

.s9_img .s9_slide {
  width: 100%;
  height: 100%;
  display: block;
}

.s9 img {
  max-width: 88%;
  width: auto;
  height: 26.5104166667vw;
}

.s9_prev {
  display: block;
  width: 3.2291666667vw;
  height: 3.125vw;
  background: url(./s9_prev.208b825c.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 78%;
  left: 79%;
  z-index: 11;
  margin-top: -2.1354166667vw;
}

.s9_next {
  display: block;
  width: 3.2291666667vw;
  height: 3.125vw;
  background: url(./s9_next.9cb92dc9.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 78%;
  left: 84%;
  z-index: 11;
  margin-top: -2.1354166667vw;
}

.s9_des {
  width: 52.0833333333vw;
  height: 10.4166666667vw;
  position: absolute;
  top: 77%;
  left: 32%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}

.s9 .tit1 {
  width: 14.8958333333vw;
  height: 1.71875vw;
  background: url(./tit_bg2.63fc0de4.png) 0/100% 100% repeat-x;
}

.s9 .s9_destext {
  height: 9.375vw;
  overflow: auto;
  word-break: break-word;
}

/*??*/
.b-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}

.pop-vid {
  width: 67.7339901478vw;
  height: 38.0541871921vw;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
}

.pop-close {
  display: block;
  width: 2.4630541872vw;
  height: 2.4630541872vw;
  position: absolute;
  top: 0;
  right: -3.078817734vw;
  background: url(./btn_close.27fd0680.png) 0/100% 100% no-repeat;
}

.pop-loading {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 22px;
  text-align: center;
  color: #fff;
  line-height: 3;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.pop-loading.loaded {
  display: none;
}

.s9 .scrollbar_p::-webkit-scrollbar {
  overflow: auto;
  width: 2px;
  background-color: rgba(0, 0, 0, 0);
}

.s9 .scrollbar_p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.s9 .scrollbar_p::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 500px) {
  .s9 {
    height: 204.2666666667vw;
    background: url(./m_imgDetail_bg.5d11fac6.jpg) 0/100% 100% repeat-y;
  }
  /*s6*/
  .s9 .back {
    display: block;
    width: 14.1333333333vw;
    height: 5.0666666667vw;
    background: url(./back.1c9b7361.png) 0/100% 100% no-repeat;
    position: absolute;
    left: 79%;
    top: 122.6666666667vw;
    z-index: 5;
  }
  .s9_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    height: 16vw;
    max-width: 100%;
    left: 0;
    margin: 10.6666666667vw auto 0;
    top: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .s9 .s9_title p {
    font-size: 7.3333333333vw !important;
    line-height: 7.7333333333vw !important;
    color: #000;
    height: 100%;
    font-weight: bold;
    padding-left: 5.3333333333vw;
    z-index: 2;
  }
  .s9_title p::after {
    display: none;
  }
  .s9_text {
    width: 80vw;
    height: 26.6666666667vw;
    position: absolute;
    top: 15%;
    left: 10%;
    display: block;
  }
  .s9 .tit_box {
    float: left;
    height: 50%;
    width: 50%;
  }
  .s9 .tit + p {
    height: 9.3333333333vw;
  }
  .s9 .tit {
    width: 38.1333333333vw;
    height: 4.4vw;
    background: url(./tit_bg.be758e57.png) 0/100% 100% repeat-x;
  }
  .s9 p {
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
    color: #000;
    font-weight: bold;
    padding-left: 2.6666666667vw;
  }
  .s9_img {
    position: relative;
    width: 95.3333333333vw;
    height: 54.8vw;
    background: url(./s6_imgbg.1572bbf0.png) 0/100% 100% no-repeat;
    top: 2%;
    left: 0;
    margin: 0 auto;
    text-align: center;
    padding: 0.6666666667vw 0 0 0;
  }
  .s9 img {
    max-width: 88%;
    width: auto;
    height: 47.6vw;
  }
  .s9_prev {
    display: block;
    width: 8.2666666667vw;
    height: 8vw;
    background: url(./s9_prev.208b825c.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 45%;
    left: 40%;
    z-index: 11;
    margin-top: -5.4666666667vw;
  }
  .s9_next {
    display: block;
    width: 8.2666666667vw;
    height: 8vw;
    background: url(./s9_next.9cb92dc9.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 45%;
    left: 52%;
    z-index: 11;
    margin-top: -5.4666666667vw;
  }
  .s9_des {
    width: 93.3333333333vw;
    height: 26.6666666667vw;
    position: relative;
    top: 26%;
    left: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }
  .s9 .tit1 {
    width: 38.1333333333vw;
    height: 4.4vw;
    background: url(./tit_bg2.63fc0de4.png) 0/100% 100% repeat-x;
  }
  .s9 .s9_destext {
    height: 38.1333333333vw;
  }
}.test[data-v-78565f10] {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}.s7 {
  height: 70.3125vw;
  min-height: unset !important;
  background: url(./imgDetail_bg.8f7bf35a.jpg) 0/100% 100% no-repeat;
}

.testMask {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 98;
}

/*s7*/
.s7 .back:hover,
.btn_upload:hover,
.slect_bt:hover,
.btn_cancel:hover,
.btn_submit:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}

.s7 .back {
  display: block;
  width: 5.5208333333vw;
  height: 1.9791666667vw;
  background: url(./back.1c9b7361.png) 0/100% 100% no-repeat;
  position: absolute;
  right: 17%;
  top: 7% !important;
  z-index: 5;
}

.s7 .sub_record {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: url(./sub_record_btn.7f1008ad.png) center center/100% 2.5520833333vw no-repeat;
  min-width: 12.1875vw;
  width: auto;
  height: 2.5520833333vw;
  padding: 0 0.5208333333vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  position: absolute;
  right: 18%;
  top: 11%;
  z-index: 5;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.s7 .sub_record_icon {
  display: block;
  background: url(./sub_record_icon.eee100f8.png) center center/100% no-repeat;
  width: 1.1458333333vw;
  height: 1.1458333333vw;
  margin: 0.2083333333vw;
}

.s7 .sub_record .sub_record_text {
  color: #343d43;
  font-size: 1.3541666667vw;
  line-height: 2.5520833333vw;
  font-weight: bold;
}

.s7_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: auto;
  min-width: 20%;
  max-width: 56%;
  height: 9.9479166667vw;
  position: absolute;
  left: 18%;
  top: 3%;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s7 .s7_title p {
  font-size: 1.9791666667vw;
  line-height: 2.34375vw;
  height: 4.6875vw;
  color: #000;
  font-weight: bold;
  padding-left: 2.0833333333vw;
  z-index: 2;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.s7_title p::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6.8229166667vw;
  height: 6.1979166667vw;
  background: url(./pdp.97d5fd17.png) 0/100% 100% no-repeat;
  z-index: -1;
}

.s7_main {
  display: block;
  width: 67.7083333333vw;
  height: 59.7916666667vw;
  position: relative;
  top: 15%;
  margin: 0 auto;
}

.s7_text {
  width: 19.2708333333vw;
  height: auto;
  position: relative;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  top: 0.625vw;
}

.s7 .tit_box {
  width: 97%;
  min-height: 7.2916666667vw;
}

.t_num {
  display: block;
  width: auto;
  height: 1.0416666667vw;
  font-size: 1.0416666667vw;
  line-height: 1.0416666667vw;
  text-align: right;
  margin-top: 0.2604166667vw;
  margin-bottom: 0.2604166667vw;
}

.s7 .tit {
  width: 100%;
  height: auto;
  max-height: 3.75vw;
  font-size: 1.1458333333vw;
  line-height: 1.25vw;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-weight: unset;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  -webkit-box-align: unset !important;
  text-align: left;
}

.ar .s7 .tit {
  text-align: right;
}

.s7 .tit1 {
  height: auto;
  max-height: 2.5vw;
  -webkit-line-clamp: 2;
  text-align: left;
}

.ar .s7 .tit1 {
  text-align: right;
}

.s7 p {
  font-size: 1.4583333333vw;
  line-height: 1.7708333333vw;
  color: #000;
  font-weight: bold;
}

.s7_rbox {
  width: 48.4375vw;
  height: auto;
  position: relative;
  float: left;
}

.s7_vid {
  position: relative;
  width: 47.7083333333vw;
  height: 27.4479166667vw;
  background: url(./upload.ce97204a.png) 0/100% 100% no-repeat;
  margin: 0 auto;
  padding: 0.4166666667vw 2.8125vw 3.2291666667vw 2.5vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s7 .s7_viddec {
  position: absolute;
  top: -8%;
  left: 5%;
  width: 88%;
  font-size: 1.1458333333vw;
  line-height: 1.1458333333vw;
  font-weight: unset;
  word-wrap: break-word;
  text-align: left;
}

.ar .s7 .s7_viddec {
  text-align: right;
}

.s7_link {
  width: 43.2291666667vw;
  height: 9.8958333333vw;
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}

.s7 .vid_up {
  width: 3.6458333333vw;
  height: 3.0208333333vw;
  background: url(./vid_up.8df60f16.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 6.25vw;
  right: 5.2083333333vw;
  z-index: 8;
}

.s7 .vid_clean {
  width: 3.6458333333vw;
  height: 3.0208333333vw;
  background: url(./vid_clean.7f36f1e3.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 6.25vw;
  right: 0vw;
  z-index: 8;
}

.ar .s7 .vid_up {
  left: 5.2083333333vw;
}

.ar .s7 .vid_clean {
  left: 0vw;
}

.s7_link input {
  width: 43.2291666667vw;
  height: 3.2291666667vw;
  background: url(./vid_bg.78f1beb2.png) 0/100% 100% repeat-x;
  padding: 0.78125vw;
  font-size: 1.25vw;
  line-height: 1.7708333333vw;
  color: #fff;
  font-family: all;
  margin-top: 0.3125vw;
  border: unset;
}

.s7_img .s7_dec {
  position: absolute;
  top: -9%;
  left: 6%;
  width: 88%;
  font-size: 1.1458333333vw;
  line-height: 1.1458333333vw;
  font-weight: unset;
  word-break: break-word;
  text-align: left;
}

.ar .s7_img .s7_dec {
  text-align: right;
}

.s7_text input {
  width: 19.2708333333vw;
  height: 3.2291666667vw;
  background: url(./input_bg.00675dfd.png) 0/100% 100% repeat-x;
  margin: 0.4166666667vw 0 0 0;
  border: 0;
  padding-left: 0.5208333333vw;
  font-size: 1.25vw;
  line-height: 1.7708333333vw;
  color: #fff;
}

.ar .s7_text input {
  direction: rtl;
  padding-right: 0.5208333333vw;
}

.s7_img {
  position: relative;
  width: 47.7083333333vw;
  height: 27.4479166667vw;
  background: url(./upload.ce97204a.png) 0/100% 100% no-repeat;
  margin: 0 auto;
  margin-top: 6%;
  padding: 0.5208333333vw 2.6041666667vw 3.125vw 2.6041666667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s7_img .s7_swiper {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  direction: ltr;
}

.s7_img .s7_swiper .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s7 img {
  display: block;
  max-width: 99%;
  width: auto;
  height: 23.8020833333vw;
  margin-top: -1%;
  margin-left: -1%;
}

.btn_close {
  width: 2.03125vw;
  height: 2.03125vw;
  position: absolute;
  background: url(./btn_close2.829a75af.png) 0/100% 100% no-repeat;
  z-index: 5;
  top: 0.5208333333vw;
  right: 1.0416666667vw;
}

.btn_upload {
  width: 6.25vw;
  height: 7.1875vw;
  position: absolute;
  background: url(./btn_upload.feee2d5e.png) 0/100% 100% no-repeat;
  z-index: 5;
}

.s7_img .s7_prev {
  display: block;
  width: 1.0416666667vw;
  height: 1.3020833333vw;
  background: url(./s7_prev.159f24f2.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 100%;
  left: 43%;
  z-index: 11;
  margin-top: -2.1354166667vw;
}

.s7_img .s7_next {
  display: block;
  width: 1.0416666667vw;
  height: 1.3020833333vw;
  background: url(./s7_next.83010d8e.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 100%;
  left: 54%;
  z-index: 11;
  margin-top: -2.1354166667vw;
}

.s7_img .s7_loading {
  font-size: 2.2916666667vw;
  line-height: 2.3958333333vw;
  color: #fff;
  position: absolute;
  z-index: 11;
}

.s7-pagination {
  font-size: 1.25vw;
  line-height: 1.3541666667vw;
  color: #000;
}

.s7_des {
  width: 43.2291666667vw;
  height: auto;
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}

.s7_des textarea {
  width: 43.2291666667vw;
  height: 8.1770833333vw;
  background: url(./input_bg2.c769644e.png) 0/100% 100% repeat-x;
  padding: 0.78125vw;
  font-size: 1.25vw;
  line-height: 1.7708333333vw;
  color: #fff;
  font-family: all;
  margin-top: 0.5208333333vw;
}

.s7_bbox {
  width: 67.7083333333vw;
  height: 10.4166666667vw;
  position: relative;
  float: left;
}

.s7 .btn_submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 15.15625vw;
  height: 4.3229166667vw;
  background: url(./submit.ac606a9b.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 22%;
  right: 8%;
  z-index: 2;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s7 .btn_cancel {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 15.15625vw;
  height: 4.3229166667vw;
  background: url(./btn_cancel.2b5742de.png) 0 center/100% 100% no-repeat;
  position: absolute;
  top: 22%;
  right: 35%;
  z-index: 2;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.s7 .btn_submit p,
.s7 .btn_cancel p {
  font-size: 1.7708333333vw;
  line-height: 1.875vw;
}

.select_box {
  width: 20.8333333333vw;
  height: 5.2083333333vw;
  position: relative;
}

.select_box .opt_p {
  display: inline-block;
  font-size: 1.3541666667vw;
  line-height: 1.7708333333vw;
  color: #000;
  font-weight: bold;
  cursor: pointer;
}

.dow_vid {
  display: block;
  font-size: 1.0416666667vw;
  line-height: 1.3020833333vw;
  color: #000;
  text-decoration: underline;
  font-weight: bold;
  margin-top: 0.1rem;
}

.select_box .select_input {
  width: 1.1979166667vw;
  height: 1.3541666667vw;
  cursor: pointer;
  opacity: 0;
}

.select_box .select_input_on {
  width: 1.1979166667vw;
  height: 1.3541666667vw;
}

.slect_bt {
  display: inline-block;
  margin-right: 0.5208333333vw;
  cursor: pointer;
  position: relative;
}

.slect_bt .opt_btn {
  position: absolute;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  top: 50%;
  left: 0;
  width: 1.1979166667vw;
  height: 1.1979166667vw;
  border-radius: 50%;
  border: 1px solid #999;
  cursor: pointer;
}

input:checked + .opt_btn {
  width: 1.1979166667vw;
  height: 1.1979166667vw;
  background-color: #fff;
  border: 1px solid #999;
}

input:checked + .opt_btn::after {
  position: absolute;
  content: "";
  width: 0.6770833333vw;
  height: 0.6770833333vw;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #005cc8;
  border: 1px solid #005cc8;
}

.slect_tit {
  margin-bottom: 0.5208333333vw;
}

.ar .slect_tit {
  direction: rtl;
  text-align: left;
}

.slect_tit p {
  width: auto;
  max-width: 100%;
  word-break: break-word;
  white-space: unset;
  overflow: unset;
  text-overflow: unset;
  font-size: 1.0416666667vw;
  line-height: 1.3020833333vw;
}

.scrollbar_p::-webkit-scrollbar {
  width: 2px;
  background-color: rgba(0, 0, 0, 0);
}

.scrollbar_p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.scrollbar_p::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 500px) {
  .s7 {
    height: 280vw;
    background: url(./m_imgDetail_bg.5d11fac6.jpg) 0/100% 100% repeat-y;
  }
  /*s7*/
  .s7 .back {
    display: block;
    width: 14.1333333333vw;
    height: 5.0666666667vw;
    background: url(./back.1c9b7361.png) 0/100% 100% no-repeat;
    position: absolute;
    right: 6%;
    top: 4%;
  }
  .s7_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    height: 12vw;
    max-width: 100%;
    left: 0;
    margin: 10.6666666667vw auto 0;
    top: 3%;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .s7 .s7_title p {
    font-size: 5.0666666667vw;
    line-height: 6vw;
    color: #000;
    height: 12vw;
    font-weight: bold;
    padding-left: 5.3333333333vw;
    z-index: 2;
  }
  .s7_title p::after {
    display: none;
  }
  .s7_main {
    display: block;
    width: 91%;
    height: 16vw;
    position: relative;
    top: 5%;
    margin: 0 auto;
  }
  .s7_text {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 2%;
    display: block;
    margin: 0 auto;
  }
  .t_num {
    display: block;
    width: auto;
    height: 2.6666666667vw;
    font-size: 2.6666666667vw;
    line-height: 2.6666666667vw;
    text-align: right;
    margin-top: 0.2666666667vw;
    margin-bottom: 1.0666666667vw;
  }
  .s7 .tit {
    width: 100%;
    height: 6.4vw;
    font-size: 2.9333333333vw;
    line-height: 3.2vw;
    max-height: unset;
    -webkit-line-clamp: 2;
  }
  .s7 .tit1 {
    height: auto;
    max-height: 6.4vw;
    -webkit-line-clamp: 2;
  }
  .s7 p {
    font-size: 3.7333333333vw;
    line-height: 4.5333333333vw;
    color: #000;
    font-weight: bold;
  }
  .s7_rbox {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-top: 0.4rem;
  }
  .s7_vid {
    position: relative;
    width: 95.3333333333vw;
    height: 54.8vw;
    background: url(./upload.ce97204a.png) 0/100% 100% no-repeat;
    top: 10%;
    left: -2%;
    margin: 0 auto;
    padding: 1.0666666667vw 6vw 6.4vw 5.6vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .s7 .s7_viddec {
    font-size: 2.9333333333vw;
    line-height: 3.2vw;
    top: -11%;
  }
  .s7_link {
    width: 93%;
    height: 29.3333333333vw;
    position: relative;
    top: 6%;
    left: 0%;
    margin: 0 auto;
    /* display: -webkit-box; */
    /* display: -webkit-flex; */
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    /* -webkit-flex-direction: column; */
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    /* -webkit-justify-content: flex-start; */
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }
  .ar .s7_link {
    left: 37%;
  }
  .s7_link input {
    width: 100%;
    height: 8.2666666667vw;
    padding: 2vw;
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
    color: #fff;
    margin-top: 1.3333333333vw;
  }
  .s7 .vid_up {
    width: 9.3333333333vw;
    height: 7.7333333333vw;
    position: absolute;
    top: 16.6666666667vw;
    right: 13.3333333333vw;
    z-index: 8;
  }
  .s7 .vid_clean {
    width: 9.3333333333vw;
    height: 7.7333333333vw;
    position: absolute;
    top: 16.6666666667vw;
    right: 0vw;
    z-index: 8;
  }
  .ar .s7 .vid_up {
    left: 13.3333333333vw;
  }
  .ar .s7 .vid_clean {
    left: 0vw;
  }
  .s7_img .s7_dec {
    position: absolute;
    top: -10%;
    left: 5%;
    font-size: 2.6666666667vw;
    line-height: 2.6666666667vw;
  }
  .s7 .tit_box {
    float: left;
    margin-right: 3.7333333333vw;
    height: 18.6666666667vw;
    width: 45%;
  }
  .s7_text input {
    width: 41.0666666667vw;
    height: 8.2666666667vw;
    background: url(./input_bg.00675dfd.png) 0/100% 100% repeat-x;
    margin-top: 1.3333333333vw;
    border: 0;
    padding-left: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
    color: #fff;
  }
  .s7_des textarea {
    width: 85.4666666667vw;
    height: 36.1333333333vw;
    background: url(./input_bg2.c769644e.png) 0/100% 100% repeat-x;
    padding: 2vw;
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
    color: #fff;
    margin-top: 1.3333333333vw;
  }
  .s7_img {
    position: relative;
    width: 95.3333333333vw;
    height: 54.8vw;
    background: url(./upload.ce97204a.png) 0/100% 100% no-repeat;
    left: -2%;
    margin: 0 auto;
    margin-top: 10%;
    padding: 1.0666666667vw 6vw 6.9333333333vw 5.3333333333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .s7 img {
    display: block;
    max-width: 100%;
    height: 47.6vw;
    margin-top: 1%;
    margin-left: 0%;
  }
  .s7_img .s7_prev {
    display: block;
    width: 2.6666666667vw;
    height: 3.3333333333vw;
    background: url(./s7_prev.159f24f2.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 102%;
    left: 43%;
    z-index: 11;
    margin-top: -5.4666666667vw;
  }
  .s7_img .s7_next {
    display: block;
    width: 2.6666666667vw;
    height: 3.3333333333vw;
    background: url(./s7_next.83010d8e.png) 0 center/100% 100% no-repeat;
    position: absolute;
    top: 102%;
    left: 54%;
    z-index: 11;
    margin-top: -5.4666666667vw;
  }
  .s7_img .s7_loading {
    font-size: 5.8666666667vw;
    line-height: 6.1333333333vw;
    color: #fff;
    position: absolute;
    z-index: 11;
  }
  .s7-pagination {
    font-size: 3.2vw;
    line-height: 3.4666666667vw;
    color: #000;
    bottom: 4px;
  }
  .btn_upload {
    width: 16vw;
    height: 18.4vw;
    position: absolute;
    background: url(./btn_upload.feee2d5e.png) 0/100% 100% no-repeat;
    z-index: 5;
  }
  .btn_close {
    width: 5.2vw;
    height: 5.2vw;
    position: absolute;
    background: url(./btn_close2.829a75af.png) 0/100% 100% no-repeat;
    z-index: 5;
    top: 1.3333333333vw;
    right: 1.3333333333vw;
  }
  .s7_des {
    width: 94%;
    height: auto;
    position: relative;
    top: 10%;
    left: 0%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }
  .ar .s7_link,
  .ar .s7_des {
    left: 0;
  }
  .s7_bbox {
    width: 100%;
    height: 29.3333333333vw;
    position: relative;
    float: left;
  }
  .s7 .btn_submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 38.8vw;
    height: 11.0666666667vw;
    background: url(./submit.ac606a9b.png) 0 center/100% 100% no-repeat;
    position: relative;
    top: 9.5%;
    right: -55%;
    z-index: 2;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .s7 .btn_cancel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 38.8vw;
    height: 11.0666666667vw;
    background: url(./btn_cancel.2b5742de.png) 0 center/100% 100% no-repeat;
    position: relative;
    top: 47%;
    right: -2%;
    z-index: 2;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .s7 .btn_submit p,
  .s7 .btn_cancel p {
    font-size: 4.5333333333vw;
    line-height: 4.8vw;
  }
  .select_box {
    width: 90%;
    height: auto;
    position: relative;
    top: 11%;
    margin: 0 auto;
    left: 2%;
  }
  .select_box .opt_p {
    display: inline-block;
    font-size: 4.5333333333vw;
    line-height: 5.0666666667vw;
  }
  .dow_vid {
    display: block;
    font-size: 3.7333333333vw;
    line-height: 4.5333333333vw;
    color: #000;
    text-decoration: underline;
  }
  .select_box .select_input {
    width: 5.2vw;
    height: 5.2vw;
  }
  .slect_bt {
    display: inline-block;
    margin-right: 1.3333333333vw;
    position: absolute;
  }
  .slect_bt:nth-child(2) {
    left: 46.6666666667vw;
  }
  .slect_bt:nth-child(3) {
    left: 60vw;
  }
  .slect_bt .opt_btn {
    position: absolute;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    top: 50%;
    left: 0;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    border-radius: 50%;
    border: 1px solid #999;
  }
  input:checked + .opt_btn {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    background-color: #fff;
    border: 1px solid #999;
  }
  input:checked + .opt_btn::after {
    position: absolute;
    content: "";
    width: 2.9333333333vw;
    height: 2.9333333333vw;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #005cc8;
    border: 1px solid #005cc8;
  }
  .slect_tit {
    display: inline-block;
    width: 48%;
    margin-bottom: 1.3333333333vw;
    margin-right: 13.3333333333vw;
  }
  .slect_tit p {
    width: auto;
    max-width: 100%;
    word-break: break-word;
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
  }
  .footerFrm {
    width: 100%;
    height: 676px;
    border: 0;
    overflow: hidden;
  }
}

























































/* pop */
/* .act-pop {
  position: relative;
  width: 8.04rem;
  height: auto;
  border: none;
  outline: none;
} */
.pop-bg1[data-v-293ef1af] {
  background: url(./pop_bg2.7296afb0.png) no-repeat;
  background-size: 100% auto;
  position: fixed;
  width: -webkit-calc(999/ 1920 * 100vw);
  width: calc(999/ 1920 * 100vw);
  height: -webkit-calc(570/ 1920 * 100vw);
  height: calc(570/ 1920 * 100vw);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.pop-bg1[data-v-293ef1af]::before {
  content: "";
  background-color: #fff;
  display: block;
  position: absolute;
  width: -webkit-calc(876 / 1920 * 100vw);
  width: calc(876 / 1920 * 100vw);
  height: -webkit-calc(450 / 1920 * 100vw);
  height: calc(450 / 1920 * 100vw);
  top: -webkit-calc(10 / 1920 * 100vw);
  top: calc(10 / 1920 * 100vw);
  left: 50%;
  -webkit-transform: translate3d(0, 0, -1px);
          transform: translate3d(0, 0, -1px);
  margin-left: -webkit-calc(-438 / 1920 * 100vw);
  margin-left: calc(-438 / 1920 * 100vw);
}
.btn-close[data-v-293ef1af] {
  position: absolute;
  top: 0;
  right: -1%;
  width: -webkit-calc(39/ 1920 * 100vw);
  width: calc(39/ 1920 * 100vw);
  height: -webkit-calc(39/ 1920 * 100vw);
  height: calc(39/ 1920 * 100vw);
  display: block;
  background: url(./btn_close.27fd0680.png) center/cover no-repeat;
  z-index: 6;
  cursor: pointer;
}
.pop-cont[data-v-293ef1af] {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 0.5rem 0.7rem;
  position: relative;
}
.pop-title[data-v-293ef1af] {
  display: block;
  width: 100%;
  line-height: -webkit-calc(50/ 1920 * 100vw);
  line-height: calc(50/ 1920 * 100vw);
  font-size: -webkit-calc(35/ 1920 * 100vw);
  font-size: calc(35/ 1920 * 100vw);
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.pop-dec[data-v-293ef1af] {
  display: block;
  width: 80%;
  line-height: -webkit-calc(36/ 1920 * 100vw);
  line-height: calc(36/ 1920 * 100vw);
  font-size: -webkit-calc(34/ 1920 * 100vw);
  font-size: calc(34/ 1920 * 100vw);
  color: #58575a;
  font-weight: bold;
  text-align: center;
  margin-top: -webkit-calc(10/ 1920 * 100vw);
  margin-top: calc(10/ 1920 * 100vw);
  position: absolute;
  left: 50%;
  top: 36%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.ar .pop-dec[data-v-293ef1af],
.ur .pop-dec[data-v-293ef1af] {
  left: unset;
  right: 50%;
  transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
}
.pop-rule[data-v-293ef1af] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-calc(613/ 1920 * 100vw);
  width: calc(613/ 1920 * 100vw);
  height: -webkit-calc(300/ 1920 * 100vw);
  height: calc(300/ 1920 * 100vw);
  margin: -webkit-calc(20/ 1920 * 100vw) auto;
  margin: calc(20/ 1920 * 100vw) auto;
  font-weight: bold;
  font-size: -webkit-calc(32/ 1920 * 100vw);
  font-size: calc(32/ 1920 * 100vw);
  line-height: -webkit-calc(46/ 1920 * 100vw);
  line-height: calc(46/ 1920 * 100vw);
  color: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-around;
          justify-content: space-around;
}
.ar .pop-rule[data-v-293ef1af]{
  direction: rtl;
}
#pop4 .pop_submit[data-v-293ef1af] {
  display: block;
  background: url(./btn_sub.039b1d07.png) center center / 100% 100% no-repeat;
  min-width: -webkit-calc(225 / 1920 * 100vw);
  min-width: calc(225 / 1920 * 100vw);
  width: auto;
  height: -webkit-calc(74 / 1920 * 100vw);
  height: calc(74 / 1920 * 100vw);
  position: absolute;
  bottom: -webkit-calc(70 / 1920 * 100vw);
  bottom: calc(70 / 1920 * 100vw);
  right: -webkit-calc(240 / 1920 * 100vw);
  right: calc(240 / 1920 * 100vw);
  padding: 0 -webkit-calc(14 / 1920 * 100vw) -webkit-calc(30 / 1920 * 100vw) 0;
  padding: 0 calc(14 / 1920 * 100vw) calc(30 / 1920 * 100vw) 0;
}
.pop_cancel[data-v-293ef1af] {
  display: block;
  background: url(./btn_return.469070ad.png) center center / 100% 100% no-repeat;
  min-width: -webkit-calc(225 / 1920 * 100vw);
  min-width: calc(225 / 1920 * 100vw);
  width: auto;
  height: -webkit-calc(74 / 1920 * 100vw);
  height: calc(74 / 1920 * 100vw);
  position: absolute;
  bottom: -webkit-calc(70 / 1920 * 100vw);
  bottom: calc(70 / 1920 * 100vw);
  left: -webkit-calc(260 / 1920 * 100vw);
  left: calc(260 / 1920 * 100vw);
  padding: 0 -webkit-calc(14 / 1920 * 100vw) -webkit-calc(30 / 1920 * 100vw) 0;
  padding: 0 calc(14 / 1920 * 100vw) calc(30 / 1920 * 100vw) 0;
}
.pop_submit p[data-v-293ef1af] {
  color: #343d43;
  font-size: -webkit-calc(28 / 1920 * 100vw);
  font-size: calc(28 / 1920 * 100vw);
  font-weight: bold;
  text-align: center;
  line-height: -webkit-calc(44 / 1920 * 100vw);
  line-height: calc(44 / 1920 * 100vw);
}
.pop_cancel p[data-v-293ef1af] {
  color: #ffffff;
  font-size: -webkit-calc(28 / 1920 * 100vw);
  font-size: calc(28 / 1920 * 100vw);
  font-weight: bold;
  text-align: center;
  line-height: -webkit-calc(44 / 1920 * 100vw);
  line-height: calc(44 / 1920 * 100vw);
}
@media only screen and (max-width:500px) {
.pop-bg1[data-v-293ef1af] {
    background: url(./m_pop_bg.7a1fd45e.png) no-repeat;
    width: -webkit-calc(750/ 750 * 100vw);
    width: calc(750/ 750 * 100vw);
    height: -webkit-calc(527/ 750 * 100vw);
    height: calc(527/ 750 * 100vw);
    -webkit-transform: translate(-55%, -62%);
            transform: translate(-55%, -62%);
}
.pop-bg1 .btn-close[data-v-293ef1af] {
    position: absolute;
    top: -9%;
    right: 0%;
    width: -webkit-calc(39/ 750 * 100vw);
    width: calc(39/ 750 * 100vw);
    height: -webkit-calc(39/ 750 * 100vw);
    height: calc(39/ 750 * 100vw);
}
.pop-bg1 .pop-cont[data-v-293ef1af] {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0.1rem 0.1rem 0.1rem 1.5rem;
}
.pop-bg1 .pop-title[data-v-293ef1af] {
    display: block;
    width: 100%;
    line-height: -webkit-calc(68/ 750 * 100vw);
    line-height: calc(68/ 750 * 100vw);
    font-size: -webkit-calc(68/ 750 * 100vw);
    font-size: calc(68/ 750 * 100vw);
    color: #ffe627;
    font-weight: bold;
    text-align: center;
    margin-top: -webkit-calc(60/ 750 * 100vw);
    margin-top: calc(60/ 750 * 100vw);
    position: relative;
}
.pop-bg1 .pop-dec[data-v-293ef1af] {
    display: block;
    width: 92%;
    line-height: -webkit-calc(40/ 750 * 100vw);
    line-height: calc(40/ 750 * 100vw);
    font-size: -webkit-calc(38/ 750 * 100vw);
    font-size: calc(38/ 750 * 100vw);
    color: #00fffc;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    margin-top: -webkit-calc(10/ 750 * 100vw);
    margin-top: calc(10/ 750 * 100vw);
    position: relative;
}
.pop-bg1 .pop-rule[data-v-293ef1af] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: -webkit-calc(613/ 750 * 100vw);
    width: calc(613/ 750 * 100vw);
    height: -webkit-calc(300/ 750 * 100vw);
    height: calc(300/ 750 * 100vw);
    margin: -webkit-calc(20/ 750 * 100vw) auto;
    margin: calc(20/ 750 * 100vw) auto;
    font-weight: bold;
    font-size: -webkit-calc(32/ 750 * 100vw);
    font-size: calc(32/ 750 * 100vw);
    line-height: -webkit-calc(46/ 750 * 100vw);
    line-height: calc(46/ 750 * 100vw);
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-around;
            justify-content: space-around;
}
#pop4 .pop_submit[data-v-293ef1af] {
    display: block;
    background: url(./btn_sub.039b1d07.png) center center / 100% no-repeat;
    min-width: -webkit-calc(225 / 750 * 100vw);
    min-width: calc(225 / 750 * 100vw);
    width: auto;
    height: -webkit-calc(74 / 750 * 100vw);
    height: calc(74 / 750 * 100vw);
    position: absolute;
   bottom: -webkit-calc(70 / 750 * 100vw);
   bottom: calc(70 / 750 * 100vw);
    right: -webkit-calc(240 / 750 * 100vw);
    right: calc(240 / 750 * 100vw);
    padding: 0 -webkit-calc(14 / 750 * 100vw) -webkit-calc(30 / 750 * 100vw) 0;
    padding: 0 calc(14 / 750 * 100vw) calc(30 / 750 * 100vw) 0;
}
.pop_cancel[data-v-293ef1af] {
    display: block;
    background: url(./btn_return.469070ad.png) center center / 100% no-repeat;
    min-width: -webkit-calc(225 / 750 * 100vw);
    min-width: calc(225 / 750 * 100vw);
    width: auto;
    height: -webkit-calc(74 / 750 * 100vw);
    height: calc(74 / 750 * 100vw);
    position: absolute;
    bottom: -webkit-calc(70 / 750 * 100vw);
    bottom: calc(70 / 750 * 100vw);
    left: -webkit-calc(260 / 750 * 100vw);
    left: calc(260 / 750 * 100vw);
    padding: 0 -webkit-calc(14 / 750 * 100vw) -webkit-calc(30 / 750 * 100vw) 0;
    padding: 0 calc(14 / 750 * 100vw) calc(30 / 750 * 100vw) 0;
}
.pop-bg1 .pop_submit p[data-v-293ef1af],
  .pop-bg1 .pop_cancel p[data-v-293ef1af] {
    font-size: -webkit-calc(28 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    line-height: -webkit-calc(44 / 750 * 100vw);
    line-height: calc(44 / 750 * 100vw);
}
}

















































/* pop */
/* .act-pop {
  position: relative;
  width: 8.04rem;
  height: auto;
  border: none;
  outline: none;
} */
.pop-bg2[data-v-48f0ec2f] {
  background: url(./pop_bg.8b883294.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: -webkit-calc(916/ 1920 * 100vw);
  width: calc(916/ 1920 * 100vw);
  height: -webkit-calc(527/ 1920 * 100vw);
  height: calc(527/ 1920 * 100vw);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99;
  position:fixed;
}
.pop-bg2 .btn-close[data-v-48f0ec2f] {
  position: absolute;
  top: 0;
  right: -1%;
  width: -webkit-calc(39/ 1920 * 100vw);
  width: calc(39/ 1920 * 100vw);
  height: -webkit-calc(39/ 1920 * 100vw);
  height: calc(39/ 1920 * 100vw);
  display: block;
  background: url(./btn_close.27fd0680.png) center/cover no-repeat;
  z-index: 6;
  cursor: pointer;
}
.pop-bg2 .pop-cont[data-v-48f0ec2f] {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0.1rem 0.9rem 0.6rem 0.8rem;
}
.pop-bg2 .pop-title[data-v-48f0ec2f] {
  display: block;
  width: 100%;
  line-height: -webkit-calc(52/ 1920 * 100vw);
  line-height: calc(52/ 1920 * 100vw);
  font-size: -webkit-calc(50/ 1920 * 100vw);
  font-size: calc(50/ 1920 * 100vw);
  color: #ffe627;
  font-weight: bold;
  text-align: center;
  margin-top: -webkit-calc(10/ 1920 * 100vw);
  margin-top: calc(10/ 1920 * 100vw);
  position: relative;
}
.pop-bg2 .pop-dec[data-v-48f0ec2f] {
  display: block;
  width: 100%;
  line-height: -webkit-calc(36/ 1920 * 100vw);
  line-height: calc(36/ 1920 * 100vw);
  font-size: -webkit-calc(34/ 1920 * 100vw);
  font-size: calc(34/ 1920 * 100vw);
  color: #00fffc;
  font-weight: bold;
  text-align: center;
  margin-top: -webkit-calc(10/ 1920 * 100vw);
  margin-top: calc(10/ 1920 * 100vw);
  position: relative;
}
.pop-bg2 .pop-rule[data-v-48f0ec2f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: -webkit-calc(342/ 1920 * 100vw);
  height: calc(342/ 1920 * 100vw);
  margin: -webkit-calc(20/ 1920 * 100vw) auto 0;
  margin: calc(20/ 1920 * 100vw) auto 0;
  font-weight: bold;
  font-size: -webkit-calc(32/ 1920 * 100vw);
  font-size: calc(32/ 1920 * 100vw);
  line-height: -webkit-calc(46/ 1920 * 100vw);
  line-height: calc(46/ 1920 * 100vw);
  color: #fff;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.ar .pop-rule[data-v-48f0ec2f] {
  direction: rtl;
}
.pop-bg2 .pop-rule p[data-v-48f0ec2f]{
  color: #fff;
  font-size: -webkit-calc(28/ 1920 * 100vw);
  font-size: calc(28/ 1920 * 100vw);
  line-height: -webkit-calc(34/ 1920 * 100vw);
  line-height: calc(34/ 1920 * 100vw);
}
.th .pop-rule p[data-v-48f0ec2f] {
    color: #fff;
    font-size: -webkit-calc(40/ 1920 * 100vw);
    font-size: calc(40/ 1920 * 100vw);
    line-height: -webkit-calc(42/ 1920 * 100vw);
    line-height: calc(42/ 1920 * 100vw);
}
.pop-bg2 .pop_submit[data-v-48f0ec2f] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: -webkit-calc(260 / 1920 * 100vw);
    width: calc(260 / 1920 * 100vw);
    height: -webkit-calc(72 / 1920 * 100vw);
    height: calc(72 / 1920 * 100vw);
    background: url(./submit.ac606a9b.png) 0 center / 100% 100% no-repeat;
    position: absolute;
    top: 55%;
    right: 20%;
    z-index: 2;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}
.pop-bg2 .pop_cancel[data-v-48f0ec2f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-calc(260 / 1920 * 100vw);
  width: calc(260 / 1920 * 100vw);
  height: -webkit-calc(72 / 1920 * 100vw);
  height: calc(72 / 1920 * 100vw);
  background: url(./btn_cancel.2b5742de.png) 0 center / 100% 100% no-repeat;
  position: absolute;
  top: 55%;
  right: 50%;
  z-index: 2;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.pop-bg2 .pop_submit p[data-v-48f0ec2f],
.pop-bg2 .pop_cancel p[data-v-48f0ec2f] {
  font-size: -webkit-calc(34/ 1920 * 100vw);
  font-size: calc(34/ 1920 * 100vw);
  line-height: -webkit-calc(36/ 1920 * 100vw);
  line-height: calc(36/ 1920 * 100vw);
}
[data-v-48f0ec2f]::-webkit-scrollbar {
     width: 5px;
     height: 5px;
}
[data-v-48f0ec2f]::-webkit-scrollbar-track-piece {
     background-color: rgba(0, 0, 0, 0.2);
     -webkit-border-radius: 6px;
}
[data-v-48f0ec2f]::-webkit-scrollbar-thumb:vertical {
     height: 5px;
     background-color: rgba(49, 247, 186, 1);
     -webkit-border-radius: 6px;
}
[data-v-48f0ec2f]::-webkit-scrollbar-thumb:horizontal {
     width: 5px;
     background-color: rgba(125, 125, 125, 0.7);
     -webkit-border-radius: 6px;
}
@media only screen and (max-width:500px) {
.pop-bg2[data-v-48f0ec2f] {
    background: url(./m_pop_bg2.73115de8.png) no-repeat;
    width: -webkit-calc(750/ 750 * 100vw);
    width: calc(750/ 750 * 100vw);
    height: -webkit-calc(795/ 750 * 100vw);
    height: calc(795/ 750 * 100vw);
    -webkit-transform: translate(-55%, -48%);
            transform: translate(-55%, -48%);
}
.btn-close[data-v-48f0ec2f] {
    position: absolute;
    top: 2%;
    right: 0%;
    width: -webkit-calc(39/ 750 * 100vw);
    width: calc(39/ 750 * 100vw);
    height: -webkit-calc(39/ 750 * 100vw);
    height: calc(39/ 750 * 100vw);
}
.pop-bg2 .pop-cont[data-v-48f0ec2f] {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0.8rem 0.5rem 0.6rem 2rem;
}
.pop-bg2 .pop-title[data-v-48f0ec2f] {
    display: block;
    width: 100%;
    line-height: -webkit-calc(50/ 750 * 100vw);
    line-height: calc(50/ 750 * 100vw);
    font-size: -webkit-calc(46/ 750 * 100vw);
    font-size: calc(46/ 750 * 100vw);
    color: #ffe627;
    font-weight: bold;
    text-align: center;
    margin-top: -webkit-calc(30/ 750 * 100vw);
    margin-top: calc(30/ 750 * 100vw);
    position: relative;
}
.pop-bg2 .pop-dec[data-v-48f0ec2f] {
    display: block;
    width: 100%;
    line-height: -webkit-calc(30/ 750 * 100vw);
    line-height: calc(30/ 750 * 100vw);
    font-size: -webkit-calc(28/ 750 * 100vw);
    font-size: calc(28/ 750 * 100vw);
    color: #00fffc;
    font-weight: bold;
    text-align: center;
    margin-top: -webkit-calc(10/ 750 * 100vw);
    margin-top: calc(10/ 750 * 100vw);
    position: relative;
}
.pop-bg2 .pop-rule[data-v-48f0ec2f] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: -webkit-calc(615/ 750 * 100vw);
    height: calc(615/ 750 * 100vw);
    margin: -webkit-calc(20/ 750 * 100vw) auto 0;
    margin: calc(20/ 750 * 100vw) auto 0;
    font-size: -webkit-calc(32/ 750 * 100vw);
    font-size: calc(32/ 750 * 100vw);
    line-height: -webkit-calc(46/ 750 * 100vw);
    line-height: calc(46/ 750 * 100vw);
}
.pop-bg2 .pop-rule p[data-v-48f0ec2f] {
    color: #fff;
    font-size: -webkit-calc(28/ 750 * 100vw);
    font-size: calc(28/ 750 * 100vw);
    line-height: -webkit-calc(34/ 750 * 100vw);
    line-height: calc(34/ 750 * 100vw);
}
.th .pop-rule p[data-v-48f0ec2f] {
    color: #fff;
    font-size: -webkit-calc(40/ 750 * 100vw);
    font-size: calc(40/ 750 * 100vw);
    line-height: -webkit-calc(42/ 750 * 100vw);
    line-height: calc(42/ 750 * 100vw);
}
}















































/* pop */
/* .act-pop {
  position: relative;
  width: 8.04rem;
  height: auto;
  border: none;
  outline: none;
} */
.pop-bg3[data-v-079b924c] {
  background: url(./pop_bg.8b883294.png) no-repeat;
  background-size: 100% auto;
  position: fixed;
  width: -webkit-calc(916/ 1920 * 100vw);
  width: calc(916/ 1920 * 100vw);
  height: -webkit-calc(527/ 1920 * 100vw);
  height: calc(527/ 1920 * 100vw);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99;
}
.btn-close[data-v-079b924c] {
  position: absolute;
  top: 0;
  right: -1%;
  width: -webkit-calc(39/ 1920 * 100vw);
  width: calc(39/ 1920 * 100vw);
  height: -webkit-calc(39/ 1920 * 100vw);
  height: calc(39/ 1920 * 100vw);
  display: block;
  background: url(./btn_close.27fd0680.png) center/cover no-repeat;
  z-index: 6;
  cursor: pointer;
}
.pop-cont[data-v-079b924c] {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0.1rem 0.9rem 0.6rem 0.8rem;
}
.pop-title[data-v-079b924c] {
  display: block;
  width: 100%;
  line-height: -webkit-calc(62/ 1920 * 100vw);
  line-height: calc(62/ 1920 * 100vw);
  font-size: -webkit-calc(60/ 1920 * 100vw);
  font-size: calc(60/ 1920 * 100vw);
  color: #ffe627;
  font-weight: bold;
  text-align: center;
  margin-top: -webkit-calc(80/ 1920 * 100vw);
  margin-top: calc(80/ 1920 * 100vw);
  position: relative;
}
.pop-dec[data-v-079b924c] {
  display: block;
  width: 100%;
  line-height: -webkit-calc(36/ 1920 * 100vw);
  line-height: calc(36/ 1920 * 100vw);
  font-size: -webkit-calc(34/ 1920 * 100vw);
  font-size: calc(34/ 1920 * 100vw);
  color: #00fffc;
  font-weight: bold;
  text-align: center;
  margin-top: -webkit-calc(10/ 1920 * 100vw);
  margin-top: calc(10/ 1920 * 100vw);
  position: relative;
}
.pop-rule[data-v-079b924c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-calc(613/ 1920 * 100vw);
  width: calc(613/ 1920 * 100vw);
  height: -webkit-calc(300/ 1920 * 100vw);
  height: calc(300/ 1920 * 100vw);
  margin: -webkit-calc(20/ 1920 * 100vw) auto;
  margin: calc(20/ 1920 * 100vw) auto;
  font-weight: bold;
  font-size: -webkit-calc(32/ 1920 * 100vw);
  font-size: calc(32/ 1920 * 100vw);
  line-height: -webkit-calc(46/ 1920 * 100vw);
  line-height: calc(46/ 1920 * 100vw);
  color: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-around;
          justify-content: space-around;
}
.ar .pop-rule[data-v-079b924c]{
  direction: rtl;
}
#pop6 .pop_submit[data-v-079b924c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-calc(260 / 1920 * 100vw);
  width: calc(260 / 1920 * 100vw);
  height: -webkit-calc(72 / 1920 * 100vw);
  height: calc(72 / 1920 * 100vw);
  background: url(./submit.ac606a9b.png) 0 center / 100% 100% no-repeat;
  position: absolute;
  top: 55%;
  right: 36%;
  z-index: 2;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.pop_cancel[data-v-079b924c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-calc(260 / 1920 * 100vw);
  width: calc(260 / 1920 * 100vw);
  height: -webkit-calc(72 / 1920 * 100vw);
  height: calc(72 / 1920 * 100vw);
  background: url(./btn_cancel.2b5742de.png) 0 center / 100% 100% no-repeat;
  position: absolute;
  top: 55%;
  right: 50%;
  z-index: 2;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.pop_submit p[data-v-079b924c],
.pop_cancel p[data-v-079b924c] {
  font-size: -webkit-calc(34/ 1920 * 100vw);
  font-size: calc(34/ 1920 * 100vw);
  line-height: -webkit-calc(36/ 1920 * 100vw);
  line-height: calc(36/ 1920 * 100vw);
}
@media only screen and (max-width:500px) {
.pop-bg3[data-v-079b924c] {
    background: url(./m_pop_bg.7a1fd45e.png) no-repeat;
    width: -webkit-calc(750/ 750 * 100vw);
    width: calc(750/ 750 * 100vw);
    height: -webkit-calc(527/ 750 * 100vw);
    height: calc(527/ 750 * 100vw);
    -webkit-transform: translate(-55%, -62%);
            transform: translate(-55%, -62%);
}
.btn-close[data-v-079b924c] {
    position: absolute;
    top: -9%;
    right: 0%;
    width: -webkit-calc(39/ 750 * 100vw);
    width: calc(39/ 750 * 100vw);
    height: -webkit-calc(39/ 750 * 100vw);
    height: calc(39/ 750 * 100vw);
}
.pop-cont[data-v-079b924c] {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0.1rem 0.1rem 0.1rem 1.5rem;
}
.pop-title[data-v-079b924c] {
    display: block;
    width: 100%;
    line-height: -webkit-calc(68/ 750 * 100vw);
    line-height: calc(68/ 750 * 100vw);
    font-size: -webkit-calc(68/ 750 * 100vw);
    font-size: calc(68/ 750 * 100vw);
    color: #ffe627;
    font-weight: bold;
    text-align: center;
    margin-top: -webkit-calc(80/ 750 * 100vw);
    margin-top: calc(80/ 750 * 100vw);
    position: relative;
}
.pop-dec[data-v-079b924c] {
    display: block;
    width: 100%;
    line-height: -webkit-calc(40/ 750 * 100vw);
    line-height: calc(40/ 750 * 100vw);
    font-size: -webkit-calc(38/ 750 * 100vw);
    font-size: calc(38/ 750 * 100vw);
    color: #00fffc;
    font-weight: bold;
    text-align: center;
    margin-top: -webkit-calc(10/ 750 * 100vw);
    margin-top: calc(10/ 750 * 100vw);
    position: relative;
}
.pop-rule[data-v-079b924c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: -webkit-calc(613/ 750 * 100vw);
    width: calc(613/ 750 * 100vw);
    height: -webkit-calc(300/ 750 * 100vw);
    height: calc(300/ 750 * 100vw);
    margin: -webkit-calc(20/ 750 * 100vw) auto;
    margin: calc(20/ 750 * 100vw) auto;
    font-weight: bold;
    font-size: -webkit-calc(32/ 750 * 100vw);
    font-size: calc(32/ 750 * 100vw);
    line-height: -webkit-calc(46/ 750 * 100vw);
    line-height: calc(46/ 750 * 100vw);
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-around;
            justify-content: space-around;
}
#pop6  .pop_submit[data-v-079b924c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: -webkit-calc(291 / 750 * 100vw);
    width: calc(291 / 750 * 100vw);
    height: -webkit-calc(83 / 750 * 100vw);
    height: calc(83 / 750 * 100vw);
    background: url(./submit.ac606a9b.png) 0 center / 100% 100% no-repeat;
    position: absolute;
    top: 55%;
    right: 27%;
    z-index: 2;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}
.pop_cancel[data-v-079b924c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: -webkit-calc(291 / 750 * 100vw);
    width: calc(291 / 750 * 100vw);
    height: -webkit-calc(83 / 750 * 100vw);
    height: calc(83 / 750 * 100vw);
    background: url(./btn_cancel.2b5742de.png) 0 center / 100% 100% no-repeat;
    position: absolute;
    right: 47%;
    z-index: 2;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}
.pop_submit p[data-v-079b924c],
  .pop_cancel p[data-v-079b924c] {
    font-size: -webkit-calc(34/ 750 * 100vw);
    font-size: calc(34/ 750 * 100vw);
    line-height: -webkit-calc(36/ 750 * 100vw);
    line-height: calc(36/ 750 * 100vw);
}
}
.test[data-v-a67f59a6] {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}.s8 {
  height: 70.3125vw;
  min-height: unset !important;
  background: url(./record_bg.363adadf.jpg) 0/100% 100% no-repeat;
}

.s8 .back {
  display: block;
  width: 3.9583333333vw;
  height: 2.7604166667vw;
  background: url(./back2.288c6331.png) 0/100% 100% no-repeat;
  position: absolute;
  right: 18%;
  top: 6%;
  z-index: 5;
}

.s8 .s8_title {
  color: #000000;
  font-size: 1.9791666667vw;
  font-weight: bold;
  line-height: 2.5vw;
  position: absolute;
  left: 10%;
  top: 6%;
}

.s8 .record_table {
  width: 72.9166666667vw;
  height: 42.5vw;
  position: absolute;
  top: 12%;
  left: 46%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.s8 tbody tr,
.s8 thead {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0 0.5208333333vw;
}

.s8 .record_table_header {
  background: url(./record_table_th.aafc2e51.png) center center/100% no-repeat;
  width: 72.9166666667vw;
  height: 2.6041666667vw;
}

.s8 .record_table_header th {
  color: #7347c8;
  font-size: 1.6666666667vw;
  line-height: 2.6041666667vw;
}

.s8 .record_table_body {
  height: auto;
  overflow-y: auto;
  display: block;
  margin: 0.5208333333vw 0;
}

.s8 .record_table_item {
  position: relative;
  height: 7.8125vw;
  background: url(./record_table_line.56456537.png) bottom center/65.5729166667vw 0.1041666667vw no-repeat;
}

.s8 .record_table_item td {
  color: #002241;
  font-size: 1.6666666667vw;
  line-height: 1.875vw;
  text-align: center;
  overflow: hidden;
  word-break: break-word;
}

.s8 .sub_pic {
  width: 10.2083333333vw;
  height: 5.7291666667vw;
  margin: 0 auto;
  background: url(./record_img.403e78c3.png) center center/100% no-repeat;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.s8 .sub_pic img {
  width: 100%;
  height: 100%;
}

.s8 img[src=""],
.s8 img:not([src]) {
  visibility: hidden;
}

.s8 .operation_btn {
  background: url(./record_table_btn.1bbeafbe.png) center center/100% no-repeat;
  display: block;
  width: 11.71875vw;
  height: 5.15625vw;
  padding: 0 1.1458333333vw 1.5625vw 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 0 auto;
}

.s8 .operation_btn p {
  color: #ffffff;
  font-size: 1.4583333333vw;
  line-height: 1.5625vw;
  font-weight: bold;
}

.s8 .not_data {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.s8 .not_data p {
  width: 100%;
  color: #0d4c57;
  font-size: 1.4583333333vw;
  line-height: 1.9791666667vw;
  text-align: center;
}.dialog[data-v-580572f9] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.pop-bg[data-v-580572f9] {
  position: fixed;
  width: 52.03125vw;
  height: 32.2916666667vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -55%);
  -o-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
  -moz-transform: translate(-50%, -55%);
  -webkit-transform: translate(-50%, -55%);
  z-index: 99;
}
.lang-ar .pop-bg[data-v-580572f9] {
  left: unset;
  right: 50%;
  transform: translate(50%, -55%);
  -o-transform: translate(50%, -55%);
  -ms-transform: translate(50%, -55%);
  -moz-transform: translate(50%, -55%);
  -webkit-transform: translate(50%, -55%);
}
.btn-close[data-v-580572f9] {
  background: url(./btn_close3.5f67a844.png) center center/contain no-repeat;
  display: block;
  width: 2.4479166667vw;
  height: 2.7604166667vw;
  position: absolute;
  top: -0.4166666667vw;
  right: 0vw;
}
.pop-con[data-v-580572f9] {
  width: 52.03125vw;
  height: 32.2916666667vw;
  margin: 0 auto;
}
.p-title[data-v-580572f9] {
  font-size: 1.8229166667vw;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  position: relative;
  line-height: 2.6041666667vw;
}
.image-container[data-v-580572f9] {
  width: 52.03125vw;
  height: 29.6875vw;
  margin: 0.5208333333vw auto 0;
  touch-action: none;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
}
.image-container img[data-v-580572f9] {
  width: 100%;
  height: 100%;
  will-change: transform;
  object-fit: cover;
  touch-action: none;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
}
.show-icon[data-v-580572f9] {
  display: block;
  background: url(./show_img_icon.fea36c40.png) center center no-repeat;
  background-size: 3.6458333333vw 3.59375vw;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.img-prev[data-v-580572f9] {
  display: block;
  background: url(./img_prev.d9be22ab.png) center center/100% no-repeat;
  width: 3.0208333333vw;
  height: 8.8020833333vw;
  position: absolute;
  left: -5.7291666667vw;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.img-next[data-v-580572f9] {
  display: block;
  background: url(./img_next.28720b4c.png) center center/100% no-repeat;
  width: 3.0208333333vw;
  height: 8.8020833333vw;
  position: absolute;
  right: -5.7291666667vw;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}.pop-bg2[data-v-18858b1c] {
  background: url(./pop_bg2.7296afb0.png) no-repeat;
  background-size: 100% auto;
  position: fixed;
  width: 52.03125vw;
  height: 29.6875vw;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.pop-bg2[data-v-18858b1c]::before {
  content: "";
  background-color: #fff;
  display: block;
  position: absolute;
  width: 45.625vw;
  height: 23.4375vw;
  top: 0.5208333333vw;
  left: 50%;
  -webkit-transform: translate3d(0, 0, -1px);
          transform: translate3d(0, 0, -1px);
  margin-left: -22.8125vw;
}
.btn-close[data-v-18858b1c] {
  background: url(./btn_close3.5f67a844.png) center center/contain no-repeat;
  display: block;
  width: 2.4479166667vw;
  height: 2.7604166667vw;
  position: absolute;
  top: -0.4166666667vw;
  right: 3.6458333333vw;
}
.pop-con[data-v-18858b1c] {
  width: 41.6666666667vw;
  height: 25vw;
  margin: 0 auto;
}
.p-title[data-v-18858b1c] {
  font-size: 1.8229166667vw;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  position: relative;
  line-height: 2.6041666667vw;
}
.p-tip[data-v-18858b1c] {
  width: 90%;
  text-align: center;
  font-size: 1.4583333333vw;
  line-height: 1.7708333333vw;
  color: #58575a;
  margin: 0 auto;
  position: relative;
  top: 0.5208333333vw;
  min-height: 3.5416666667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.sub-work[data-v-18858b1c] {
  margin: 0 auto;
  width: 25vw;
  height: 14.0625vw;
  position: relative;
  top: 0.78125vw;
}
.sub-img[data-v-18858b1c] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.btn-return[data-v-18858b1c] {
  display: block;
  background: url(./btn_return.469070ad.png) center center/100% 100% no-repeat;
  min-width: 11.71875vw;
  width: auto;
  height: 3.8541666667vw;
  position: absolute;
  bottom: 3.6458333333vw;
  left: 13.5416666667vw;
  padding: 0 0.7291666667vw 1.5625vw 0;
}
.btn-return p[data-v-18858b1c] {
  color: #ffffff;
  font-size: 1.4583333333vw;
  font-weight: bold;
  text-align: center;
  line-height: 2.2916666667vw;
}
.btn-sub[data-v-18858b1c] {
  display: block;
  background: url(./btn_sub.039b1d07.png) center center/100% 100% no-repeat;
  min-width: 11.71875vw;
  width: auto;
  height: 3.8541666667vw;
  position: absolute;
  bottom: 3.6458333333vw;
  right: 12.5vw;
  padding: 0 0.7291666667vw 1.5625vw 0;
}
.btn-sub p[data-v-18858b1c] {
  color: #343d43;
  font-size: 1.4583333333vw;
  font-weight: bold;
  text-align: center;
  line-height: 2.2916666667vw;
}.toast {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 115;
}
.toast-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 88%;
  padding: 0.6rem 1.8rem;
  background: url(./tip_bg.01496c45.png) 0/100% 100% repeat-x;
  color: #fff;
  font-size: 0.3rem;
  line-height: 0.4rem;
  text-align: center;
  z-index: 115;
}
@media only screen and (max-width: 500px) {
  .toast-text {
    font-size: 0.6rem;
    line-height: 0.8rem;
  }
}
.text[data-v-45809e9f] {
  text-align: center;
  font-size: .28rem;
  color: #8f9ab2;
  height: 1rem;
  line-height: 1rem;
}