.newheaderm {
  position: fixed;
  z-index: 2;
}
/* 重置边距和内填充 */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
figure,
figcaption {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: 'H_bold';
  src: url('../../d3fyizz0b46qgr.cloudfront.net/global/Hios/15/HurmeGeometricSans3%20Bold.otf') format('opentype');
}
body {
  background: #000;
}
.big_title_bg {
  background: url("images/big_title_bg.png") no-repeat;
  width: fit-content;
  padding: 0.347vw 1.25vw;
  background-size: 100% 100%;
  border-radius: 1.667vw 0vw 0vw 0vw;
}
@media (max-width: 1080px) {
  .big_title_bg {
    max-width: 83.33vw;
    padding: unset;
  }
}
[v-cloak] {
  display: none;
}
#shot {
  /* popup start */
  /* view start */
  /* view end */
  /* swiper start */
  /* swiper end */
  /* video start */
  /* video end */
  /* right start */
  /* right end */
  /* author-info start */
  /* font-size: 16=>12 */
  /* font-size: 14=>12 */
  /* author-info end */
  /* comment start  */
  /* font-size: 16=>12 */
  /* comment end  */
  /* swiper b */
  /* animation */
  /* popup end */
}
#shot .lazyIcon {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  background: rgba(16, 16, 16, 0.64);
  backdrop-filter: blur(1.111vw);
}
@media (min-width: 1081px) {
  #shot .mob {
    display: none;
  }
}
#shot input {
  caret-color: white;
  color: white;
}
#shot label {
  cursor: pointer;
  position: relative;
}
#shot .radio {
  background: url(radio1.png) no-repeat;
  width: 1.25vw;
  height: 1.25vw;
  background-size: 100% 100%;
  position: absolute;
}
@media (max-width: 1080px) {
  #shot .radio {
    width: 5vw;
    height: 5vw;
  }
}
#shot [type=radio]:checked + .radio {
  background: url(radio.png) no-repeat;
  background-size: 100% 100%;
}
#shot [type=radio] {
  opacity: 0;
}
#shot .lazy {
  width: 30px !important;
  height: 30px !important;
  --b: 5px;
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(#0000 10%, #ffffff) content-box;
  -webkit-mask: repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg), radial-gradient(farthest-side, #0000 calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  animation: l4 1s infinite steps(10);
  left: 0;
  position: absolute;
  right: 0;
  margin: auto !important;
  top: 0;
  bottom: 0;
  z-index: 1;
}
@keyframes l4 {
  to {
    transform: rotate(1turn);
  }
}
#shot .video {
  flex-shrink: 0;
  aspect-ratio: 1105.83/639.08;
  border-radius: 1.111vw;
  position: relative;
  overflow: hidden;
}
#shot .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#shot .video .play {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 5vw;
  height: 5vw;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
@media (max-width: 1080px) {
  #shot .video .play {
    width: 17.78vw;
    height: 17.78vw;
  }
}
#shot .f64 {
  font-size: 4.444vw;
}
@media (max-width: 1080px) {
  #shot .f64 {
    font-size: 9.5vw;
  }
}
#shot .f48 {
  font-size: 3.333vw;
}
@media (max-width: 1080px) {
  #shot .f48 {
    font-size: 8.89vw;
  }
}
#shot .nav_tab {
  background: rgba(255, 255, 255, 0.6);
  position: sticky;
  z-index: 3;
  width: 100%;
}
@media (max-width: 1080px) {
  #shot .nav_tab {
    top: 13.88vw;
    overflow: scroll;
  }
}
#shot .nav_tab > div {
  display: flex;
  align-items: center;
  gap: 2.222vw;
  padding-left: 15.972vw;
  height: 2.778vw;
}
@media (max-width: 1080px) {
  #shot .nav_tab > div {
    padding: 3.33vw 5% 3.06vw 5%;
    height: 11.11vw;
    gap: 8.89vw;
    width: max-content;
  }
}
#shot .nav_tab > div > p {
  color: white;
  font-size: 0.972vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1080px) {
  #shot .nav_tab > div > p {
    font-size: 3.89vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
#shot .nav_tab > div p:hover {
  cursor: pointer;
  color: #0264FA;
}
#shot .kv {
  position: relative;
  margin-bottom: 9.444vw;
  height: 100vh;
}
@media (max-width: 1080px) {
  #shot .kv {
    height: auto;
  }
}
#shot .kv img {
  width: 100%;
  height: 100%;
}
#shot .kv .kv_text {
  position: absolute;
  top: 2.569vw;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  flex-flow: column;
  align-items: center;
}
@media (max-width: 1080px) {
  #shot .kv .kv_text {
    width: 89.44vw;
  }
}
#shot .kv .kv_text > p {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 1.111vw;
}
#shot .kv .kv_text > p:nth-child(1) {
  color: #FFF;
  text-align: center;
  font-weight: 600;
  line-height: normal;
  font-style: italic;
}
@media (max-width: 1080px) {
  #shot .kv .kv_text > p:nth-child(1) {
    font-size: 10vw;
    margin: 20.56vw 0 4.44vw 0;
  }
}
#shot .kv .kv_text > p:nth-child(2) img {
  width: 2.917vw;
  height: 2.917vw;
  aspect-ratio: 1/1;
}
@media (max-width: 1080px) {
  #shot .kv .kv_text > p:nth-child(2) img {
    width: 6.67vw;
    height: 6.67vw;
  }
}
#shot .kv .kv_text > p:nth-child(2) span {
  color: #FFF;
  font-size: 2.222vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1080px) {
  #shot .kv .kv_text > p:nth-child(2) span {
    font-size: 5.56vw;
  }
}
#shot .kv .kv_text > p:nth-child(3) {
  color: #FFF;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0.556vw auto 2.778vw;
}
@media (max-width: 1080px) {
  #shot .kv .kv_text > p:nth-child(3) {
    font-size: 7.78vw;
    margin: 4.44vw auto 8.89vw;
    text-align: center;
  }
}
#shot .kv .kv_text .kv_btn {
  cursor: pointer;
  color: #fff;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: inline-flex;
  padding: 0.972vw 3.472vw 0.972vw 3.542vw;
  justify-content: center;
  align-items: center;
  border-radius: 0.278vw;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) -3.58%, rgba(0, 0, 0, 0.9) 99.89%), linear-gradient(87deg, rgba(118, 18, 206, 0.8) 0%, rgba(225, 101, 47, 0.8) 74.34%, rgba(82, 175, 192, 0.8) 103.77%);
}
@media (max-width: 1080px) {
  #shot .kv .kv_text .kv_btn {
    width: 50vw;
    height: 13.89vw;
    padding: 3.89vw 7.78vw 3.61vw 7.5vw;
    font-size: 4.5vw;
  }
}
#shot .Timeline {
  padding-bottom: 17.222vw;
  display: flex;
  flex-flow: column;
  align-items: center;
}
@media (max-width: 1080px) {
  #shot .Timeline {
    padding-bottom: 0;
  }
}
#shot .Timeline > p:nth-child(1) {
  color: #FFF;
  font-style: normal;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: -0.044vw;
}
@media (max-width: 1080px) {
  #shot .Timeline > p:nth-child(1) {
    line-height: 12vw;
    /*  */
    letter-spacing: -0.2vw;
    text-align: center;
  }
}
#shot .Timeline .logoImg {
  width: 23.059vw;
  height: 2.778vw;
  margin: 4.097vw 0 2.222vw;
}
@media (max-width: 1080px) {
  #shot .Timeline .logoImg {
    width: 55.34vw;
    height: 6.67vw;
    margin: 13.89vw 0 8.33vw;
  }
}
#shot .Timeline .detail {
  width: 68.056vw;
  color: #BFBFBF;
  text-align: center;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.667vw;
  letter-spacing: -0.011vw;
}
@media (max-width: 1080px) {
  #shot .Timeline .detail {
    font-size: 3.89vw;
    line-height: 5.44vw;
    /* 5.44vw */
    letter-spacing: -0.04vw;
    width: 89.44vw;
  }
}
#shot .Timeline .Timeline_line {
  position: relative;
}
#shot .Timeline .Timeline_line .line {
  width: 100%;
  position: absolute;
}
@media (max-width: 1080px) {
  #shot .Timeline .Timeline_line {
    width: 100%;
    height: 134.44vw;
    padding: 0 16.67vw 0 16.11vw;
  }
  #shot .Timeline .Timeline_line .line {
    top: 29.72vw;
    width: 2px;
    height: 83.33vw;
  }
}
#shot .Timeline .Timeline_line p:nth-child(1) {
  font-style: normal;
  font-weight: 600;
  line-height: 4vw;
  margin: 4.444vw 0 1.667vw;
  text-align: center;
}
@media (max-width: 1080px) {
  #shot .Timeline .Timeline_line p:nth-child(1) {
    line-height: 10.67vw;
    margin: 13.33vw 0 5.83vw;
  }
}
#shot .Timeline .Timeline_line .line img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 1080px) {
  #shot .Timeline .Timeline_line .line .point {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
#shot .Timeline .Timeline_line .line .point P {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.111vw;
  height: 1.111vw;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
#shot .Timeline .Timeline_line .line .point P > img {
  width: 1px;
  height: 6.458vw;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 4.5vw;
}
@media (max-width: 1080px) {
  #shot .Timeline .Timeline_line .line .point P {
    width: 4.44vw;
    height: 4.44vw;
    left: -2vw !important;
    right: unset !important;
    z-index: 1;
    bottom: unset !important;
  }
  #shot .Timeline .Timeline_line .line .point P > img {
    width: 1px;
    height: 59.44vw;
    transform: rotate(-90deg);
    flex-shrink: 0;
    left: 34vw;
    top: 0;
  }
}
#shot .Timeline .Timeline_line .line .point P:nth-child(1) {
  left: 10.417vw;
  background: linear-gradient(0deg, #0264FA 0%, #0264FA 100%), #E93636;
}
@media (max-width: 1080px) {
  #shot .Timeline .Timeline_line .line .point P:nth-child(1) {
    top: 12.5vw;
  }
}
#shot .Timeline .Timeline_line .line .point p:nth-child(2) {
  left: 38.125vw;
  background: #A1C8B3;
}
@media (max-width: 1080px) {
  #shot .Timeline .Timeline_line .line .point p:nth-child(2) {
    top: 39.17vw;
  }
}
#shot .Timeline .Timeline_line .line .point p:nth-child(3) {
  right: 22.986vw;
  background: #EB945F;
}
@media (max-width: 1080px) {
  #shot .Timeline .Timeline_line .line .point p:nth-child(3) {
    top: 65.83vw;
  }
}
#shot .Timeline .Timeline_line .time {
  width: 90vw;
  position: relative;
}
@media (max-width: 1080px) {
  #shot .Timeline .Timeline_line .time {
    position: absolute;
    left: 13.06vw;
    padding: 0 16.67vw 0 16.11vw;
    width: auto;
    display: flex;
    flex-flow: column;
    top: 46.67vw;
    gap: 12.22vw;
  }
}
#shot .Timeline .Timeline_line .time div {
  position: absolute;
  margin-top: 2.847vw;
}
#shot .Timeline .Timeline_line .time div p:nth-child(1) {
  color: white;
  font-size: 1.667vw;
  font-style: italic;
  font-weight: 600;
  line-height: 2vw;
  letter-spacing: -0.017vw;
  margin: 0 0 0.556vw 0;
  text-align: left;
}
@media (max-width: 1080px) {
  #shot .Timeline .Timeline_line .time div p:nth-child(1) {
    font-size: 6.67vw;
    line-height: 8vw;
    /* 8vw */
    letter-spacing: -0.07vw;
  }
}
#shot .Timeline .Timeline_line .time div p:nth-child(2) {
  color: #BFBFBF;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.333vw;
  letter-spacing: -0.011vw;
}
@media (max-width: 1080px) {
  #shot .Timeline .Timeline_line .time div p:nth-child(2) {
    font-size: 4.44vw;
    line-height: 5.33vw;
    /* 5.33vw */
    letter-spacing: -0.04vw;
  }
}
@media (max-width: 1080px) {
  #shot .Timeline .Timeline_line .time div {
    left: 28.61vw;
    right: unset !important;
    position: unset;
    margin-top: 0;
    width: 100%;
  }
}
#shot .Timeline .Timeline_line .time div:nth-child(1) {
  left: 12.083vw;
}
#shot .Timeline .Timeline_line .time div:nth-child(2) {
  left: 39.792vw;
}
#shot .Timeline .Timeline_line .time div:nth-child(3) {
  right: 11.389vw;
}
#shot .Categories {
  display: flex;
  flex-flow: column;
  align-items: center;
}
#shot .Categories > p:nth-child(1) {
  color: #FFF;
  font-style: normal;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: -0.044vw;
}
@media (max-width: 1080px) {
  #shot .Categories > p:nth-child(1) {
    line-height: 12vw;
    /*  */
    letter-spacing: -0.2vw;
    text-align: center;
  }
}
#shot .Categories .box .swiperBox {
  display: flex;
  margin-top: 4.444vw;
}
#shot .Categories .box .swiperBox .swiper {
  width: 30vw;
  height: 33.333vw;
  flex-shrink: 0;
}
#shot .Categories .box .swiperBox .swiper img {
  width: 100%;
}
#shot .Categories .box .swiperText {
  background: url(images/stxtbg.png) lightgray 50% / cover no-repeat;
  display: flex;
  text-align: center;
  padding: 1.806vw 0;
}
#shot .Categories .box .swiperText > div {
  width: 30vw;
}
#shot .Categories .box .swiperText > div p:nth-child(1) {
  color: #FFF;
  font-size: 1.667vw;
  font-style: italic;
  font-weight: 600;
  line-height: 2vw;
  /*  */
  letter-spacing: -0.017vw;
  margin-bottom: 0.556vw;
}
#shot .Categories .box .swiperText > div p:nth-child(2) {
  color: #FFF;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.333vw;
  /*  */
  letter-spacing: -0.011vw;
}
#shot .Categories .mBox {
  width: 89.44vw;
  margin-top: 14.44vw;
  padding-bottom: 16.39vw;
  position: relative;
}
#shot .Categories .mBox .img_txt .bottom {
  background: url(images/m_txtbg.png) no-repeat;
  height: 20vw;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
#shot .Categories .mBox .img_txt .bottom p:nth-child(1) {
  color: #FFF;
  font-size: 6.67vw;
  font-style: italic;
  font-weight: 600;
  line-height: 8vw;
  /* 8vw */
  letter-spacing: -0.07vw;
}
#shot .Categories .mBox .img_txt .bottom p:nth-child(2) {
  color: #FFF;
  font-size: 3.89vw;
  font-style: normal;
  font-weight: 400;
  line-height: 4.67vw;
  /* 4.67vw */
  letter-spacing: -0.04vw;
}
#shot .Categories .mBox .swiper-pagination {
  bottom: 5.56vw;
}
#shot .Categories .mBox .swiper-pagination .swiper-pagination-bullet {
  width: 2.22vw;
  height: 2.22vw;
  aspect-ratio: 1/1;
  background: #BFBFBF;
  transition: all 0.8s ease;
  opacity: 1;
}
#shot .Categories .mBox .swiper-pagination .swiper-pagination-bullet-active {
  width: 6.67vw;
  border-radius: 2.22vw;
  background: linear-gradient(93deg, #7612CE 2.12%, #E1652F 63.35%, #52AFC0 97.88%);
}
#shot .Prizes {
  display: flex;
  flex-flow: column;
  align-items: center;
}
#shot .Prizes > p:nth-child(1) {
  color: #FFF;
  font-style: normal;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: -0.044vw;
  margin: 11.111vw 0 4.444vw;
}
@media (max-width: 1080px) {
  #shot .Prizes > p:nth-child(1) {
    line-height: 12vw;
    /*  */
    letter-spacing: -0.2vw;
    text-align: center;
    margin: 13.33vw 0;
  }
}
#shot .Prizes .detail {
  width: 68.056vw;
  color: #BFBFBF;
  text-align: center;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.556vw;
  /*  */
  letter-spacing: -0.011vw;
}
@media (max-width: 1080px) {
  #shot .Prizes .detail {
    font-size: 3.89vw;
    line-height: 5.44vw;
    /* 5.44vw */
    letter-spacing: -0.04vw;
    width: 89.44vw;
  }
}
#shot .Prizes .PrizesBox {
  display: grid;
  grid-template-columns: repeat(3, 29.236vw);
  grid-template-rows: repeat(4, auto);
  gap: 1.111vw;
  margin: 3.333vw 0 2.222vw;
}
@media (max-width: 1080px) {
  #shot .Prizes .PrizesBox {
    display: flex;
    flex-flow: column;
    gap: 2.22vw;
    margin: 8.89vw 0 6.67vw;
  }
}
#shot .Prizes .PrizesBox .p {
  position: relative;
  min-height: 13.889vw;
  max-height: 16.667vw;
}
#shot .Prizes .PrizesBox .p > p {
  width: max-content;
  padding: 0 0.694vw;
  position: absolute;
}
#shot .Prizes .PrizesBox .p p:nth-child(1) {
  font-style: italic;
}
#shot .Prizes .PrizesBox .p p:nth-child(3) {
  max-width: 68.056vw;
}
@media (max-width: 1080px) {
  #shot .Prizes .PrizesBox .p {
    width: 89.44vw;
    min-height: 55.56vw;
    flex-shrink: 0;
    max-height: 88.89vw;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border-radius: 2.22vw;
    background: linear-gradient(79deg, rgba(60, 38, 227, 0.24) -20.34%, rgba(151, 52, 151, 0.24) -2.36%, rgba(38, 66, 240, 0.24) 24.03%, rgba(93, 118, 204, 0.24) 74.36%, rgba(222, 201, 104, 0.24) 113.71%) !important;
  }
  #shot .Prizes .PrizesBox .p > p {
    position: unset;
    padding: unset;
  }
  #shot .Prizes .PrizesBox .p p:nth-child(1) {
    text-align: center;
    font-size: 17.78vw !important;
    letter-spacing: -0.18vw !important;
    width: 100% !important;
  }
  #shot .Prizes .PrizesBox .p p:nth-child(2) {
    font-size: 6.67vw !important;
    line-height: 9.33vw !important;
    letter-spacing: -0.07vw !important;
    width: 76.11vw !important;
    text-align: center;
  }
  #shot .Prizes .PrizesBox .p p:nth-child(3) {
    text-align: center;
    font-size: 3.89vw !important;
    line-height: 5.44vw !important;
    /* 5.44vw */
    letter-spacing: -0.04vw !important;
    width: 76.11vw !important;
    margin-top: 4.44vw !important;
  }
}
#shot .Prizes .PrizesBox .p0 {
  border-radius: 1.111vw;
  background: linear-gradient(83deg, rgba(60, 38, 227, 0.24) 0%, rgba(151, 52, 151, 0.24) 12.41%, rgba(38, 66, 240, 0.24) 30.62%, rgba(93, 118, 204, 0.24) 65.35%, rgba(222, 201, 104, 0.24) 92.5%);
  grid-column: 1 / 4;
  grid-row: 1;
}
#shot .Prizes .PrizesBox .p0 p:nth-child(1) {
  font-size: 5vw;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.05vw;
  background: linear-gradient(90deg, #C0E3DB 7.34%, #31A897 99.96%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  top: 3.924vw;
  left: 23.681vw;
}
#shot .Prizes .PrizesBox .p0 p:nth-child(2) {
  color: #FFF;
  font-size: 2.222vw;
  font-style: normal;
  font-weight: 600;
  line-height: 2.444vw;
  /*  */
  letter-spacing: -0.022vw;
  width: 21.389vw;
  top: 3.542vw;
  left: 44.931vw;
}
#shot .Prizes .PrizesBox .p0 p:nth-child(3) {
  color: #BFBFBF;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.333vw;
  /*  */
  letter-spacing: -0.011vw;
  margin-top: 0.556vw;
  left: 44.931vw;
  top: 8.958vw;
}
#shot .Prizes .PrizesBox .p1 {
  border-radius: 1.111vw;
  background: linear-gradient(67deg, rgba(178, 251, 225, 0.24) 3.41%, rgba(24, 23, 244, 0.24) 33.85%, rgba(147, 49, 153, 0.24) 63.66%, rgba(52, 53, 233, 0.24) 100.59%);
  grid-column: 1;
  grid-row: 2;
}
#shot .Prizes .PrizesBox .p1 p:nth-child(1),
#shot .Prizes .PrizesBox .p1 p:nth-child(2) {
  background: linear-gradient(90deg, #FFF0E3 0%, #DDB279 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#shot .Prizes .PrizesBox .p1 p:nth-child(1) {
  font-size: 4.444vw;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.044vw;
}
#shot .Prizes .PrizesBox .p1 p:nth-child(2) {
  font-size: 2.222vw;
  font-style: normal;
  font-weight: 600;
  line-height: 3.111vw;
  /* 3.111vw */
  letter-spacing: -0.022vw;
}
#shot .Prizes .PrizesBox .p1 p:nth-child(3) {
  color: #BFBFBF;
  text-align: center;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.333vw;
  /* 1.333vw */
  letter-spacing: -0.011vw;
  width: 16.278vw;
}
#shot .Prizes .PrizesBox .p2 {
  border-radius: 1.111vw;
  background: linear-gradient(74deg, rgba(139, 58, 161, 0.24) 0%, rgba(31, 70, 244, 0.24) 21.64%, rgba(90, 122, 205, 0.24) 97.83%);
  grid-column: 2;
  grid-row: 2;
}
#shot .Prizes .PrizesBox .p2 p:nth-child(1),
#shot .Prizes .PrizesBox .p2 p:nth-child(2) {
  background: linear-gradient(90deg, #F3F3F3 0%, #898989 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#shot .Prizes .PrizesBox .p2 p:nth-child(1) {
  font-size: 4.444vw;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.044vw;
}
#shot .Prizes .PrizesBox .p2 p:nth-child(2) {
  font-size: 2.222vw;
  font-style: normal;
  font-weight: 600;
  line-height: 3.111vw;
  /* 3.111vw */
  letter-spacing: -0.022vw;
}
#shot .Prizes .PrizesBox .p2 p:nth-child(3) {
  color: #BFBFBF;
  text-align: center;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.333vw;
  /* 1.333vw */
  letter-spacing: -0.011vw;
  width: 16.278vw;
}
#shot .Prizes .PrizesBox .p3 {
  border-radius: 1.111vw;
  background: linear-gradient(77deg, rgba(75, 111, 203, 0.24) -5.94%, rgba(226, 202, 99, 0.24) 108.57%);
  grid-column: 3;
  grid-row: 2;
}
#shot .Prizes .PrizesBox .p3 p:nth-child(1),
#shot .Prizes .PrizesBox .p3 p:nth-child(2) {
  background: linear-gradient(90deg, #FFB192 0%, #CB7D42 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#shot .Prizes .PrizesBox .p3 p:nth-child(1) {
  font-size: 4.444vw;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.044vw;
}
#shot .Prizes .PrizesBox .p3 p:nth-child(2) {
  font-size: 2.222vw;
  font-style: normal;
  font-weight: 600;
  line-height: 3.111vw;
  /* 3.111vw */
  letter-spacing: -0.022vw;
}
#shot .Prizes .PrizesBox .p3 p:nth-child(3) {
  color: #BFBFBF;
  text-align: center;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.333vw;
  /* 1.333vw */
  letter-spacing: -0.011vw;
  width: 16.278vw;
}
#shot .Prizes .PrizesBox .p1,
#shot .Prizes .PrizesBox .p2,
#shot .Prizes .PrizesBox .p3 {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 16.667vw;
}
#shot .Prizes .PrizesBox .p1 p,
#shot .Prizes .PrizesBox .p2 p,
#shot .Prizes .PrizesBox .p3 p {
  position: unset;
}
#shot .Prizes .PrizesBox .p1 p:nth-child(3),
#shot .Prizes .PrizesBox .p2 p:nth-child(3),
#shot .Prizes .PrizesBox .p3 p:nth-child(3) {
  margin-top: 1.111vw;
}
#shot .Prizes .PrizesBox .p4 {
  border-radius: 1.111vw;
  background: linear-gradient(60deg, rgba(238, 126, 49, 0.24) 0.87%, rgba(179, 252, 226, 0.24) 14.08%, rgba(10, 23, 245, 0.24) 28.18%, rgba(151, 52, 151, 0.24) 38.42%, rgba(39, 79, 241, 0.24) 58.05%, rgba(93, 118, 204, 0.24) 78.85%, rgba(222, 201, 104, 0.24) 100.99%);
  grid-column: 1 / 4;
  grid-row: 3;
}
#shot .Prizes .PrizesBox .p4 p:nth-child(1) {
  background: linear-gradient(90deg, #C0E3DB 7.34%, #31A897 99.96%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: right;
  font-size: 2.778vw;
  font-weight: 600;
  line-height: 3.056vw;
  /*  */
  letter-spacing: -0.4px;
  top: 3.889vw;
  left: 16.597vw;
  width: 31.25vw;
}
@media (max-width: 1080px) {
  #shot .Prizes .PrizesBox .p4 p:nth-child(1) {
    font-size: 6.67vw !important;
    line-height: 7.33vw;
    letter-spacing: -0.07vw !important;
    width: 72.78vw !important;
    text-align: center;
  }
}
#shot .Prizes .PrizesBox .p4 p:nth-child(2) {
  color: #FFF;
  font-size: 2.222vw;
  font-style: normal;
  font-weight: 600;
  line-height: 3.111vw;
  /*  */
  letter-spacing: -0.022vw;
  left: 55.069vw;
  top: 4.444vw;
}
#shot .Prizes .PrizesBox .p4 p:nth-child(3) {
  color: #BFBFBF;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.333vw;
  /*  */
  letter-spacing: -0.011vw;
  left: 55.069vw;
  bottom: 4.444vw;
}
#shot .Prizes .PrizesBox .p5 {
  border-radius: 1.111vw;
  background: linear-gradient(60deg, rgba(238, 126, 49, 0.24) 2.37%, rgba(179, 252, 226, 0.24) 25.98%, rgba(10, 23, 245, 0.24) 38.21%, rgba(151, 52, 151, 0.24) 50.85%, rgba(39, 79, 241, 0.24) 70.34%, rgba(93, 118, 204, 0.24) 88.72%, rgba(222, 201, 104, 0.24) 104.58%);
  grid-column: 1 / 4;
  grid-row: 4;
}
@media (max-width: 1080px) {
  #shot .Prizes .PrizesBox .p5 {
    height: 88.89vw;
  }
}
#shot .Prizes .PrizesBox .p5 p:nth-child(1) {
  background: linear-gradient(90deg, #C0E3DB 7.34%, #31A897 99.96%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 3.333vw;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.033vw;
  left: 26.042vw;
  top: 2.847vw;
}
@media (max-width: 1080px) {
  #shot .Prizes .PrizesBox .p5 p:nth-child(1) {
    text-align: center;
    font-size: 13.33vw !important;
    letter-spacing: -0.13vw !important;
  }
}
#shot .Prizes .PrizesBox .p5 p:nth-child(2) {
  color: #FFF;
  font-size: 2.222vw;
  font-style: italic;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.022vw;
  left: 38.542vw;
  top: 3.542vw;
}
#shot .Prizes .PrizesBox .p5 p:nth-child(3) {
  color: #BFBFBF;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.333vw;
  /*  */
  letter-spacing: -0.011vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  bottom: 2.847vw;
}
@media (max-width: 1080px) {
  #shot .Prizes .PrizesBox .p5 p:nth-child(3) {
    margin: unset;
  }
}
#shot .Prizes .t3 {
  color: #BFBFBF;
  text-align: center;
  font-size: 0.833vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1vw;
  /*  */
  letter-spacing: -0.008vw;
}
@media (max-width: 1080px) {
  #shot .Prizes .t3 {
    font-size: 3.33vw;
    line-height: 4vw;
    /* 4vw */
    letter-spacing: -0.03vw;
    width: 89.44vw;
  }
}
#shot .Requirements {
  display: flex;
  flex-flow: column;
  align-items: center;
}
#shot .Requirements > p:nth-child(1) {
  color: #FFF;
  font-style: normal;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: -0.044vw;
  margin: 11.111vw 0 4.444vw;
}
@media (max-width: 1080px) {
  #shot .Requirements > p:nth-child(1) {
    line-height: 12vw;
    /*  */
    letter-spacing: -0.2vw;
    text-align: center;
    width: 89.44vw;
    padding: unset;
    margin: 20vw 0 13.89vw;
  }
}
#shot .Requirements .video {
  width: 71.944vw;
  height: 40.486vw;
  flex-shrink: 0;
  margin-bottom: 3.918vw;
}
@media (max-width: 1080px) {
  #shot .Requirements .video {
    width: 89.38vw;
    height: 50.28vw;
    flex-shrink: 0;
    aspect-ratio: 321.78/181;
    margin-bottom: 7.98vw;
  }
}
#shot .Requirements .process {
  width: 76.79375vw;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1080px) {
  #shot .Requirements .process {
    flex-flow: column;
    width: 89.44vw;
  }
}
#shot .Requirements .process .f16 {
  color: #BFBFBF;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.667vw;
  letter-spacing: -0.011vw;
  margin: 0.278vw 0;
}
@media (max-width: 1080px) {
  #shot .Requirements .process .f16 {
    font-size: 3.8vw;
    line-height: 5.83vw;
    /* 5.83vw */
    letter-spacing: -0.04vw;
  }
}
#shot .Requirements .process .f24 {
  color: #FFF;
  font-size: 1.667vw;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.017vw;
}
@media (max-width: 1080px) {
  #shot .Requirements .process .f24 {
    font-size: 5vw;
    letter-spacing: -0.05vw;
  }
}
#shot .Requirements .process .pa {
  display: flex;
  gap: 2.208vw;
  width: 34.722vw;
}
@media (max-width: 1080px) {
  #shot .Requirements .process .pa {
    flex-flow: column;
    width: 100%;
  }
}
#shot .Requirements .process .pa .num {
  background: url(images/paopao.png) no-repeat;
  background-size: 100% 100% !important;
  width: 6.667vw;
  height: 6.667vw;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
@media (max-width: 1080px) {
  #shot .Requirements .process .pa .num {
    width: 17.78vw;
    height: 17.78vw;
  }
}
#shot .Requirements .process .pa .num > p {
  color: #FFF;
  text-align: center;
  font-size: 3.333vw;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 1080px) {
  #shot .Requirements .process .pa .num > p {
    font-size: 8.89vw;
  }
}
#shot .Requirements .process .pa2 {
  margin-top: 4.444vw;
}
#shot .Requirements .process .pa2 .num {
  background: url(images/paopao1.png) no-repeat;
}
@media (max-width: 1080px) {
  #shot .Requirements .process .pa2 {
    margin-top: 8.89vw;
  }
}
#shot .Requirements .process .pa3 .f24:nth-child(3),
#shot .Requirements .process .pa3 .f24:nth-child(5) {
  margin-top: 2.222vw;
}
#shot .Requirements .process .pa3 .num {
  background: url(images/paopao2.png) no-repeat;
}
@media (max-width: 1080px) {
  #shot .Requirements .process .pa3 .num {
    margin-top: 8.89vw;
  }
}
@media (max-width: 1080px) {
  #shot .Requirements .process .pa3 .f24:nth-child(3),
  #shot .Requirements .process .pa3 .f24:nth-child(5) {
    margin-top: 6.67vw;
  }
  #shot .Requirements .process .pa3 .f24 {
    font-size: 6.67vw;
    letter-spacing: -0.07vw;
  }
}
#shot .Requirements .last {
  width: 76.79375vw;
  color: #BFBFBF;
  text-align: center;
  font-size: 0.833vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1vw;
  /* 1vw */
  letter-spacing: -0.008vw;
  margin: 3.333vw 0 0;
}
@media (max-width: 1080px) {
  #shot .Requirements .last {
    font-size: 3.33vw;
    line-height: 4vw;
    letter-spacing: -0.03vw;
    width: 89.44vw;
    margin: 8.89vw 0 0;
    text-align: left;
  }
}
#shot .FAQ {
  display: flex;
  flex-flow: column;
  align-items: center;
}
#shot .FAQ > p:nth-child(1) {
  color: #FFF;
  font-style: normal;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: -0.044vw;
  margin: 11.111vw 0 4.444vw;
}
@media (max-width: 1080px) {
  #shot .FAQ > p:nth-child(1) {
    line-height: 12vw;
    /*  */
    letter-spacing: -0.2vw;
    text-align: center;
    margin: 20vw 0 13.33vw;
  }
}
#shot .FAQ .faqList {
  width: 76.79375vw;
  background: #1A1A1A;
  margin-bottom: 1.111vw;
}
@media (max-width: 1080px) {
  #shot .FAQ .faqList {
    width: 89.44vw;
    margin-bottom: 2.22vw;
  }
}
#shot .FAQ .faqList .q {
  color: #FFF;
  font-size: 1.667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2vw;
  /* 2vw */
  letter-spacing: -0.017vw;
  padding: 0 9.375vw 0 2.222vw;
  height: 6.875vw;
  background: #1A1A1A;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 1080px) {
  #shot .FAQ .faqList .q {
    font-size: 4.44vw;
    line-height: 5.33vw;
    letter-spacing: -0.04vw;
    height: 24.44vw;
    padding: 4.44vw 7.78vw 4.17vw 0;
    margin-left: 4.61vw;
  }
}
#shot .FAQ .faqList .q:after {
  position: absolute;
  content: '|';
  right: 1.528vw;
  display: flex;
  align-items: center;
  transform: rotate(90deg);
}
@media (max-width: 1080px) {
  #shot .FAQ .faqList .q:after {
    text-indent: 0;
    right: 2.528vw;
  }
}
#shot .FAQ .faqList .q:before {
  position: absolute;
  content: '|';
  right: 1.5vw;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1080px) {
  #shot .FAQ .faqList .q:before {
    text-indent: 0;
    right: 2.667vw;
  }
}
#shot .FAQ .faqList .a {
  color: #BFBFBF;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.333vw;
  /* 1.333vw */
  letter-spacing: -0.011vw;
  height: 0;
  overflow: hidden;
  margin: 0 9.375vw 0 4.722vw;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1080px) {
  #shot .FAQ .faqList .a {
    font-size: 3.33vw;
    line-height: 4.67vw;
    /* 4.67vw */
    letter-spacing: -0.04vw;
    margin-left: 6vw;
  }
}
#shot .FAQ .active .a {
  height: auto;
  padding-bottom: 1.667vw;
}
@media (max-width: 1080px) {
  #shot .FAQ .active .a {
    padding-bottom: 4.44vw;
  }
}
#shot .FAQ .active .q:before {
  content: '|';
  transform: rotate(90deg);
}
#shot ._2024Highlights {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 10.417vw;
  height: 56.25vw;
  position: relative;
}
@media (max-width: 1080px) {
  #shot ._2024Highlights {
    height: 188.89vw;
  }
}
#shot ._2024Highlights > p:nth-child(1) {
  color: #FFF;
  font-style: italic;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: -0.044vw;
  width: 50.556vw;
  height: 11.417vw;
  flex-shrink: 0;
  position: absolute;
  top: 19.236vw;
  left: 32.259vw;
}
@media (max-width: 1080px) {
  #shot ._2024Highlights > p:nth-child(1) {
    line-height: 12vw;
    letter-spacing: -0.2vw;
    text-align: center;
    width: 86.94vw;
    height: 39.44vw;
    flex-shrink: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
  }
}
#shot ._2024Highlights .video {
  position: absolute;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#shot ._2024Highlights .video img {
  width: 100%;
  height: 100%;
}
#shot ._2024Highlights .v0 {
  width: 6.607vw;
  height: 8.194vw;
  flex-shrink: 0;
  aspect-ratio: 95.14/118;
  top: 21.25vw;
  left: 5.833vw;
}
#shot ._2024Highlights .v1 {
  width: 11.145vw;
  height: 14.028vw;
  flex-shrink: 0;
  aspect-ratio: 160.49/202;
  top: 31.597vw;
  left: 8.472vw;
}
#shot ._2024Highlights .v2 {
  width: 13.842vw;
  height: 19.931vw;
  flex-shrink: 0;
  aspect-ratio: 199.33/287;
  top: 9.514vw;
  left: 14.653vw;
}
#shot ._2024Highlights .v3 {
  width: 12.282vw;
  height: 17.847vw;
  flex-shrink: 0;
  aspect-ratio: 176.87/257;
  top: 31.597vw;
  left: 21.84vw;
}
#shot ._2024Highlights .v4 {
  width: 18.574vw;
  height: 15.417vw;
  flex-shrink: 0;
  aspect-ratio: 267.47/222;
  top: 2.014vw;
  left: 30.694vw;
}
#shot ._2024Highlights .v5 {
  width: 17.118vw;
  height: 14.306vw;
  flex-shrink: 0;
  aspect-ratio: 246.5/206;
  top: 3.125vw;
  left: 51.491vw;
}
#shot ._2024Highlights .v6 {
  width: 11.162vw;
  height: 16.458vw;
  flex-shrink: 0;
  aspect-ratio: 160.73/237;
  top: 0.972vw;
  left: 70.83125vw;
}
#shot ._2024Highlights .v7 {
  width: 29.506vw;
  height: 16.597vw;
  flex-shrink: 0;
  aspect-ratio: 424.89/239;
  top: 31.597vw;
  left: 36.319vw;
}
#shot ._2024Highlights .v8 {
  width: 8.893vw;
  height: 11.181vw;
  flex-shrink: 0;
  aspect-ratio: 128.06/161;
  top: 31.597vw;
  left: 68.073vw;
}
#shot ._2024Highlights .v9 {
  width: 8.865vw;
  height: 11.111vw;
  flex-shrink: 0;
  aspect-ratio: 127.66/160;
  top: 44.444vw;
  left: 68.056vw;
}
#shot ._2024Highlights .v10 {
  width: 11.02vw;
  height: 9.236vw;
  flex-shrink: 0;
  aspect-ratio: 158.69/133;
  top: 18.542vw;
  left: 83.967vw;
}
#shot ._2024Highlights .v11 {
  width: 13.709375vw;
  height: 17.153vw;
  flex-shrink: 0;
  aspect-ratio: 197.41/247;
  top: 31.597vw;
  left: 79.188vw;
}
@media (max-width: 1080px) {
  #shot ._2024Highlights .v0 {
    width: 15.83vw;
    height: 19.44vw;
    flex-shrink: 0;
    aspect-ratio: 57/70;
    top: 15.28vw;
    left: 45.28vw;
  }
  #shot ._2024Highlights .v1 {
    width: 20vw;
    height: 25vw;
    flex-shrink: 0;
    aspect-ratio: 4/5;
    top: 45.28vw;
    left: 0;
  }
  #shot ._2024Highlights .v2 {
    width: 19.17vw;
    height: 27.5vw;
    flex-shrink: 0;
    aspect-ratio: 23/33;
    top: 7.22vw;
    left: 23.06vw;
  }
  #shot ._2024Highlights .v3 {
    width: 16.39vw;
    height: 23.89vw;
    flex-shrink: 0;
    aspect-ratio: 59/86;
    top: 117.78vw;
    left: unset;
    right: 0;
  }
  #shot ._2024Highlights .v4 {
    width: 38.06vw;
    height: 31.39vw;
    flex-shrink: 0;
    aspect-ratio: 137/113;
    top: 38.89vw;
    left: 23.06vw;
  }
  #shot ._2024Highlights .v5 {
    width: 35.28vw;
    height: 29.44vw;
    flex-shrink: 0;
    aspect-ratio: 127/106;
    top: 40.83vw;
    left: unset;
    right: 0;
  }
  #shot ._2024Highlights .v6 {
    width: 16.39vw;
    height: 24.17vw;
    flex-shrink: 0;
    aspect-ratio: 59/87;
    top: 117.78vw;
    left: 0;
  }
  #shot ._2024Highlights .v7 {
    width: 60.56vw;
    height: 33.89vw;
    flex-shrink: 0;
    aspect-ratio: 109/61;
    top: 117.78vw;
    left: 19.72vw;
  }
  #shot ._2024Highlights .v8 {
    width: 16.39vw;
    height: 20.56vw;
    flex-shrink: 0;
    aspect-ratio: 59/74;
    top: 145vw;
    left: unset;
    right: 0;
  }
  #shot ._2024Highlights .v9 {
    width: 13.61vw;
    height: 17.22vw;
    flex-shrink: 0;
    aspect-ratio: 49/62;
    top: 25.28vw;
    left: 6.39vw;
  }
  #shot ._2024Highlights .v10 {
    width: 20.56vw;
    height: 17.22vw;
    flex-shrink: 0;
    aspect-ratio: 37/31;
    top: 155vw;
    left: 35.28vw;
  }
  #shot ._2024Highlights .v11 {
    width: 21.11vw;
    height: 26.39vw;
    flex-shrink: 0;
    aspect-ratio: 4/5;
    top: 155vw;
    left: 59.17vw;
  }
}
#shot ._2024Gallery {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-bottom: 6.944vw;
}
#shot ._2024Gallery > p:nth-child(1) {
  color: #FFF;
  font-style: normal;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: -0.044vw;
  margin: 11.389vw 0 4.444vw;
}
@media (max-width: 1080px) {
  #shot ._2024Gallery > p:nth-child(1) {
    line-height: 12vw;
    letter-spacing: -0.2vw;
    text-align: center;
    margin: 20vw 0 15.28vw;
  }
}
#shot ._2024Gallery .video {
  width: 71.944vw;
  height: 40.486vw;
  margin-bottom: 3.918vw;
}
@media (max-width: 1080px) {
  #shot ._2024Gallery .video {
    width: 89.44vw;
    height: 50.28vw;
    margin-bottom: 13.33vw;
  }
}
#shot ._2024Gallery .GallerySwiper {
  width: 100%;
  height: 33.333vw;
  margin-bottom: 2.222vw;
  user-select: none;
}
@media (max-width: 1080px) {
  #shot ._2024Gallery .GallerySwiper {
    height: 71.11vw;
    margin-bottom: 8.89vw;
  }
}
#shot ._2024Gallery .GallerySwiper .swiper-wrapper {
  width: auto;
}
#shot ._2024Gallery .GallerySwiper .swiper-slide {
  width: auto;
}
#shot ._2024Gallery .GallerySwiper .swiper-slide img {
  height: 100%;
}
@media (max-width: 1080px) {
  #shot ._2024Gallery .GallerySwiper .swiper-button-prev {
    left: 2.22vw;
  }
  #shot ._2024Gallery .GallerySwiper .swiper-button-next {
    right: 2.22vw;
  }
}
#shot ._2024Gallery .GallerySwiper .swiper-button-prev {
  left: 5vw;
}
#shot ._2024Gallery .GallerySwiper .swiper-button-next {
  right: 5vw;
}
#shot ._2024Gallery .GallerySwiper .swiper-button-next,
#shot ._2024Gallery .GallerySwiper .swiper-button-prev {
  width: 3.333vw;
  height: 3.333vw;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0.347vw;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 1080px) {
  #shot ._2024Gallery .GallerySwiper .swiper-button-next,
  #shot ._2024Gallery .GallerySwiper .swiper-button-prev {
    width: 8.89vw;
    height: 8.89vw;
    -webkit-border-radius: 1.11vw;
    -moz-border-radius: 1.11vw;
    border-radius: 1.11vw;
    background: white;
  }
}
@media (max-width: 1080px) {
  #shot ._2024Gallery .GallerySwiper .swiper-button-next:after,
  #shot ._2024Gallery .GallerySwiper .swiper-button-prev:after {
    font-size: 5vw;
    color: #0264FA;
  }
}
#shot ._2024Gallery .GallerySwiper .swiper-button-next:hover,
#shot ._2024Gallery .GallerySwiper .swiper-button-prev:hover {
  background: #ffffff;
}
#shot ._2024Gallery .GallerySwiper .swiper-button-next.swiper-button-disabled,
#shot ._2024Gallery .GallerySwiper .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
#shot ._2024Gallery a {
  color: #0264FA;
  text-align: center;
  font-size: 1.667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2vw;
  /* 2vw */
  letter-spacing: -0.017vw;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media (max-width: 1080px) {
  #shot ._2024Gallery a {
    font-size: 5vw;
    line-height: 6vw;
    /* 6vw */
    letter-spacing: -0.05vw;
    text-decoration-line: underline;
  }
}
#shot .form {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1080px) {
  #shot .form {
    background: rgba(16, 16, 16, 0.64);
    backdrop-filter: blur(2.111vw);
  }
}
#shot .form .close {
  position: absolute;
  right: -2.928vw;
  top: 2.928vw;
  color: #fff;
  background: rgba(16, 16, 16, 0.64);
  backdrop-filter: blur(1.111vw);
  width: 2.928vw;
  height: 2.928vw;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  font-size: 2.196vw;
}
@media (max-width: 1080px) {
  #shot .form .close {
    width: 8.89vw;
    height: 8.89vw;
    top: -8.89vw;
    right: 8.89vw;
    font-size: 6.94vw;
    backdrop-filter: blur(2.111vw);
  }
}
#shot .form .inputList {
  width: 68.056vw;
  height: 40.278vw;
  flex-shrink: 0;
  background: rgba(16, 16, 16, 0.64);
  backdrop-filter: blur(1.111vw);
  color: white;
  position: relative;
  border-radius: 1vw;
  display: grid;
  grid-template-rows: 5.069vw 35.208vw;
}
@media (max-width: 1080px) {
  #shot .form .inputList {
    width: 88.89vw;
    height: 70%;
    grid-template-rows: 10% 90%;
    position: absolute;
    bottom: 15%;
    backdrop-filter: blur(2.111vw);
  }
}
#shot .form .inputList .theme {
  justify-content: center;
  flex-flow: column;
  width: 13.889vw;
  gap: 2.222vw;
  position: absolute;
  left: 0;
  right: 0;
  top: 16.181vw;
  margin: auto;
}
@media (max-width: 1080px) {
  #shot .form .inputList .theme {
    width: 55.56vw;
    top: 47.22vw;
  }
}
#shot .form .inputList .theme > label {
  color: #BFBFBF;
  text-align: center;
  font-size: 1.111vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.667vw;
  /* 1.667vw */
  letter-spacing: -0.011vw;
  padding-left: 1.424vw;
  margin-bottom: 2.222vw;
  display: flex;
  align-items: center;
  gap: 1.111vw;
  position: relative;
}
@media (max-width: 1080px) {
  #shot .form .inputList .theme > label {
    font-size: 3.89vw;
    font-weight: 400;
    line-height: 5.83vw;
    /* 5.83vw */
    letter-spacing: -0.04vw;
    padding-left: 7.92vw;
    gap: 4.44vw;
    margin-bottom: 13.33vw;
  }
}
#shot .form .inputList .theme > label [type=checkbox]:checked + .status {
  background: url("checkbox.png") no-repeat;
}
#shot .form .inputList .theme > label [type=checkbox] {
  width: 1.111vw;
  height: 1.111vw;
  aspect-ratio: 1/1;
  margin-top: 0.278vw;
  opacity: 0;
}
#shot .form .inputList .theme .submit {
  margin-top: 1.111vw;
}
#shot .form .inputList .fromLogo {
  height: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  flex-flow: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.667vw;
  display: flex;
}
#shot .form .inputList .fromLogo img:nth-child(1) {
  width: 13.835vw;
  height: 1.667vw;
  flex-shrink: 0;
}
@media (max-width: 1080px) {
  #shot .form .inputList .fromLogo img:nth-child(1) {
    width: 46.1175vw;
    height: 5.56vw;
  }
}
#shot .form .inputList .fromLogo img:nth-child(2) {
  width: 3.819vw;
  height: 1.667vw;
  flex-shrink: 0;
  aspect-ratio: 55/24;
}
@media (max-width: 1080px) {
  #shot .form .inputList .fromLogo img:nth-child(2) {
    width: 12.78vw;
    height: 5.57vw;
    aspect-ratio: 46/20.06;
  }
}
#shot .form .inputList .step2::-webkit-scrollbar {
  width: 0.069vw;
  background-color: #9c9c9c;
}
#shot .form .inputList .step2::-webkit-scrollbar-thumb {
  background-color: #fff;
}
#shot .form .inputList .step2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #9c9c9c;
}
#shot .form .inputList .step2 {
  overflow-y: scroll;
  display: flex;
  flex-flow: wrap;
  padding: 2.083vw 9.028vw;
  row-gap: 0.556vw;
  column-gap: 1.111vw;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 {
    padding: 2.22vw 9.72vw;
  }
}
#shot .form .inputList .step2 .fileWrap {
  display: flex;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 .fileWrap {
    flex-flow: column;
  }
}
#shot .form .inputList .step2 .fileWrap .input > div > p {
  color: #BFBFBF;
  font-size: 0.972vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.458vw;
  /* 1.458vw */
  letter-spacing: -0.01vw;
  margin-bottom: 0.278vw;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 .fileWrap .input > div > p {
    font-size: 3.89vw;
    line-height: 5.83vw;
    letter-spacing: -0.04vw;
  }
}
#shot .form .inputList .step2 .fileWrap .fileBox {
  background: rgba(255, 255, 255, 0.2);
  width: 12.917vw;
  height: 6.111vw;
  position: relative;
  margin-right: 1.111vw;
  border-radius: 0.278vw;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 .fileWrap .fileBox {
    width: 51.67vw;
    height: 24.44vw;
    margin-right: unset;
  }
}
#shot .form .inputList .step2 .fileWrap .fileBox > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#shot .form .inputList .step2 .fileWrap .fileBox .addIcon {
  width: 2.083vw;
  height: 2.083vw;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 .fileWrap .fileBox .addIcon {
    width: 8.33vw;
    height: 8.33vw;
  }
}
#shot .form .inputList .step2 .fileWrap .fileBox input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}
#shot .form .inputList .step2 .radio-group {
  width: 100%;
}
#shot .form .inputList .step2 .radio-group > p {
  color: #BFBFBF;
  font-size: 0.972vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.458vw;
  letter-spacing: -0.01vw;
  margin-bottom: 0.278vw;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 .input {
    width: 100% !important;
    margin-bottom: 3.06vw;
  }
  #shot .form .inputList .step2 .input > div input {
    height: 11.11vw;
  }
}
#shot .form .inputList .step2 .err {
  color: red !important;
  display: none;
}
#shot .form .inputList .step2 > .input > p {
  color: #BFBFBF;
  font-size: 0.972vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.458vw;
  letter-spacing: -0.01vw;
  margin-bottom: 0.278vw;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 > .input > p {
    font-size: 3.89vw;
    line-height: 5.83vw;
    /* 5.83vw */
    letter-spacing: -0.04vw;
  }
}
#shot .form .inputList .step2 > .input .labelBox {
  display: flex;
  align-items: center;
  gap: 2.222vw;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 > .input .labelBox {
    align-items: start;
    gap: 7.78vw;
    flex-flow: column;
    justify-content: start;
    margin-top: 1.53vw;
  }
}
#shot .form .inputList .step2 > .input .labelBox label {
  margin-bottom: 0;
  color: #BFBFBF;
  text-align: center;
  font-size: 0.972vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.458vw;
  /* 1.458vw */
  letter-spacing: -0.01vw;
  display: inline-flex;
  align-items: center;
  gap: 1.111vw;
  position: relative;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 > .input .labelBox label {
    font-size: 3.89vw;
    line-height: 5.83vw;
    /* x */
    letter-spacing: -0.04vw;
    gap: 2.22vw;
  }
  #shot .form .inputList .step2 > .input .labelBox label input {
    height: auto;
  }
}
#shot .form .inputList .step2 > .input > input {
  width: 100%;
  border-radius: 0.278vw;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 0.694vw 1.111vw 0.625vw 1.111vw;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border: unset;
  font-size: 0.972vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.458vw;
  /* 1.458vw */
  letter-spacing: -0.01vw;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 > .input > input {
    height: 11.11vw;
    font-size: 3.89vw;
    line-height: 5.83vw;
    /* 5.83vw */
    letter-spacing: -0.04vw;
    border-radius: 1.11vw;
  }
}
#shot .form .inputList .step2 > .input > div > p {
  color: #BFBFBF;
  font-size: 0.972vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.458vw;
  /* 1.458vw */
  letter-spacing: -0.01vw;
  margin-bottom: 0.278vw;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 > .input > div > p {
    font-size: 3.89vw;
    line-height: 5.83vw;
    /* 5.83vw */
    letter-spacing: -0.04vw;
  }
}
#shot .form .inputList .step2 > .input > div > input {
  color: white;
  width: 100%;
  border-radius: 0.278vw;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 0.694vw 1.111vw 0.625vw 1.111vw;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border: unset;
  font-size: 0.972vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.458vw;
  /* 1.458vw */
  letter-spacing: -0.01vw;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 > .input > div > input {
    font-size: 3.89vw;
    line-height: 5.83vw;
    /* 5.83vw */
    letter-spacing: -0.04vw;
    border-radius: 1.11vw;
  }
}
#shot .form .inputList .step2 .checkbox {
  position: relative;
  display: flex;
  gap: 0.556vw;
  color: #BFBFBF;
  font-size: 0.833vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1vw;
  /*  */
  letter-spacing: -0.008vw;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 .checkbox {
    font-size: 3.33vw;
    line-height: 4vw;
    /* 4vw */
    letter-spacing: -0.03vw;
    gap: 2.22vw;
  }
}
#shot .form .inputList .step2 .checkbox .status {
  background: url("checkbox1.png") no-repeat;
  width: 1.111vw;
  height: 1.111vw;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 .checkbox .status {
    width: 4.44vw;
    height: 4.44vw;
    aspect-ratio: 1/1;
  }
}
#shot .form .inputList .step2 .checkbox [type=checkbox]:checked + .status {
  background: url("checkbox.png") no-repeat;
  background-size: 100% 100%;
}
#shot .form .inputList .step2 .checkbox [type=checkbox] {
  width: 1.111vw;
  height: 1.111vw;
  aspect-ratio: 1/1;
  opacity: 0;
}
@media (max-width: 1080px) {
  #shot .form .inputList .step2 .checkbox [type=checkbox] {
    width: 4.44vw;
    height: 4.44vw;
    aspect-ratio: 1/1;
  }
}
#shot .form .inputList .submit {
  border-radius: 0.278vw;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) -3.58%, rgba(0, 0, 0, 0.9) 99.89%), linear-gradient(87deg, rgba(118, 18, 206, 0.8) 0%, rgba(225, 101, 47, 0.8) 74.34%, rgba(82, 175, 192, 0.8) 103.77%);
  color: white;
  font-size: 1.5625vw;
  display: flex;
  padding: 0.972vw 0vw 0.903vw 0vw;
  justify-content: center;
  align-items: center;
  height: 3.472vw;
  width: 13.889vw;
  margin: auto;
  cursor: pointer;
  font-weight: 600;
}
@media (max-width: 1080px) {
  #shot .form .inputList .submit {
    width: 55.56vw;
    height: 13.89vw;
    font-size: 4.44vw;
  }
}
#shot .xmage-popup ul {
  list-style: none;
}
#shot .xmage-popup {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#shot .xmage-popup * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#shot .xmage-popup::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  background-color: rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
#shot .xmage-popup .popup-container {
  position: relative;
  z-index: 1;
  max-height: 40.278vw;
  min-height: 300px;
}
@media (min-width: 1081px) {
  #shot .xmage-popup .videoPop {
    height: 40.278vw;
  }
  #shot .xmage-popup .videoPop .popup-content {
    height: 100%;
  }
  #shot .xmage-popup .videoPop .popup-content .view-box video {
    object-fit: contain;
  }
}
#shot .xmage-popup .popup-container .close-btn {
  position: absolute;
  cursor: pointer;
  background: #000;
  width: 2.292vw;
  height: 2.292vw;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 2.292vw;
  right: -2.292vw;
}
#shot .xmage-popup .popup-container .close-btn > img {
  width: 1.25vw;
  height: 1.25vw;
}
@media (max-width: 1080px) {
  #shot .xmage-popup .popup-container .close-btn > img {
    width: 3.125vw;
    height: 3.125vw;
  }
}
#shot .xmage-popup .popup-container .popup-content {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 1080px) {
  #shot .xmage-popup .popup-container {
    max-width: 88.889vw;
    max-height: 90%;
    display: flex;
    flex-direction: column;
    margin-top: 10%;
  }
  #shot .xmage-popup .popup-container .close-btn {
    width: 8.889vw;
    height: 8.889vw;
    z-index: 2;
    top: -8.889vw;
    right: 0;
  }
  #shot .xmage-popup .popup-container .close-btn svg {
    fill: #fff;
  }
  #shot .xmage-popup .popup-container .popup-content {
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    min-width: 83.33vw;
  }
}
#shot .xmage-popup .popup-container .view-box {
  position: relative;
  max-width: 45.625vw;
  height: 100%;
  background: #000;
  z-index: 1;
  min-width: 100%;
  min-height: auto;
}
#shot .xmage-popup .view-box .view-img {
  width: auto;
  max-width: 45.625vw;
  max-height: 40.278vw;
  object-fit: unset;
}
#shot .xmage-popup .view-box .view-img2 {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 1080px) {
  #shot .xmage-popup .popup-container .view-box {
    max-width: 100%;
    min-height: 100px;
  }
  #shot .xmage-popup .view-box .view-img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }
}
#shot .xmage-popup .view-box .swiper {
  position: relative;
  overflow: hidden;
}
#shot .xmage-popup .view-box .swiper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  pointer-events: none;
}
#shot .xmage-popup .view-box .swiper-wrapper {
  align-items: center;
}
#shot .xmage-popup .view-box .swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
#shot .xmage-popup .view-box .swiper-thumbs {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 1.5625vw;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
#shot .xmage-popup .view-box .swiper-thumbs .swiper-wrapper {
  justify-content: center;
}
#shot .xmage-popup .view-box .swiper-thumbs .swiper-slide {
  width: 2.6041678vw;
  height: 2.6041678vw;
  margin: 0 0.260417vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0);
  cursor: pointer;
}
#shot .xmage-popup .view-box .swiper-thumbs .swiper-slide-thumb-active {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 1080px) {
  #shot .xmage-popup .view-box .swiper-thumbs {
    bottom: 8.888889vw;
  }
  #shot .xmage-popup .view-box .swiper-thumbs .swiper-slide {
    width: 6.944444vw;
    height: 6.944444vw;
    margin: 0 0.694444vw;
  }
}
#shot .xmage-popup .view-box .play-btn {
  cursor: pointer;
  width: 3.75vw;
  height: 3.75vw;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
@media screen and (max-width: 1080px) {
  #shot .xmage-popup .view-box .play-btn {
    width: 10vw;
    height: 10vw;
  }
}
#shot .xmage-popup .popup-container .works-infos-box {
  width: 20.833333vw;
  background: #101010;
  position: relative;
}
#shot .xmage-popup .works-infos-box .works-infos-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2.222vw 0.556vw 2.222vw 2.222vw;
  overflow: auto;
  min-height: 300px;
}
#shot .xmage-popup .works-infos-box .works-infos-content {
  height: 100%;
}
#shot .xmage-popup .works-infos-box .works-infos-content.auto {
  overflow: auto;
}
#shot .xmage-popup .works-infos-box .works-infos-content::-webkit-scrollbar {
  width: 1px;
}
#shot .xmage-popup .works-infos-box .works-infos-content::-webkit-scrollbar-thumb {
  background: #000;
}
#shot .xmage-popup .works-infos-box .works-infos-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
#shot .xmage-popup .works-infos-box .info-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#shot .xmage-popup .works-infos-box .works-infos-content.auto .info-container {
  height: auto;
}
#shot .xmage-popup .works-infos-box .info-container:nth-child(n+2) {
  margin-top: 2.083333vw;
}
@media screen and (max-width: 1080px) {
  #shot .xmage-popup .popup-container .works-infos-box {
    width: 100%;
    overflow: auto;
  }
  #shot .xmage-popup .works-infos-box .works-infos-container {
    position: static;
    padding: 6.66666667vw;
  }
  #shot .xmage-popup .works-infos-box .info-container:nth-child(n+2) {
    margin-top: 5.55555556vw;
  }
}
#shot .xmage-popup .works-infos-box .author-info {
  flex-shrink: 0;
  width: 17.639vw;
  height: 3.333vw;
  display: flex;
  align-items: center;
}
@media (max-width: 1080px) {
  #shot .xmage-popup .works-infos-box .author-info {
    width: 70.278vw;
    height: 13.333vw;
  }
}
#shot .xmage-popup .works-infos-box .author-info > img {
  margin-right: 1.111vw;
}
@media (max-width: 1080px) {
  #shot .xmage-popup .works-infos-box .author-info > img {
    margin-right: 3.333vw;
  }
}
#shot .xmage-popup .works-infos-box .author-header {
  width: 3.333vw;
  height: 3.333vw;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}
#shot .xmage-popup .works-infos-box .author-name {
  font-size: 0.972vw;
  font-weight: 600;
  line-height: 0.972vw;
  text-align: left;
  margin-bottom: 0.278vw;
}
#shot .xmage-popup .works-infos-box .author-name .from {
  white-space: nowrap;
  display: inline-block;
}
#shot .xmage-popup .works-infos-box .author-job {
  color: #9c9c9c;
  font-size: 0.833vw;
  font-weight: 400;
  line-height: 1vw;
  text-align: left;
}
#shot .xmage-popup .works-infos-box .works-other-infos {
  padding-right: 1.806vw;
  margin-top: 2.222vw;
  overflow: auto;
}
#shot .xmage-popup .works-infos-box .works-other-infos .tagLogo {
  max-width: 5.117vw;
  max-height: 2.639vw;
}
@media (max-width: 1080px) {
  #shot .xmage-popup .works-infos-box .works-other-infos .tagLogo {
    max-width: 20.377vw;
    max-height: 10.556vw;
  }
}
#shot .xmage-popup .works-infos-box .works-other-infos::-webkit-scrollbar {
  width: 1px;
}
#shot .xmage-popup .works-infos-box .works-other-infos::-webkit-scrollbar-thumb {
  background: #fff;
}
#shot .xmage-popup .works-infos-box .works-other-infos::-webkit-scrollbar-track {
  background: #9c9c9c;
}
#shot .xmage-popup .works-infos-box .works-tags {
  display: flex;
  flex-flow: row wrap;
}
#shot .xmage-popup .works-infos-box .tags-item {
  color: #9c9c9c;
  font-size: 0.833vw;
  font-weight: 600;
  line-height: 0.833vw;
  text-align: center;
  height: 1.389vw;
  border-radius: 1.389vw;
  border: 1px solid #9c9c9c;
  position: relative;
  padding: 0 1.042vw 0 0.347vw;
  display: flex;
  align-items: center;
}
#shot .xmage-popup .works-infos-box .tags-item:after {
  content: '';
  position: absolute;
  width: 0.347vw;
  height: 0.347vw;
  border-radius: 50%;
  background: #F40000;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0.417vw;
}
@media (max-width: 1080px) {
  #shot .xmage-popup .works-infos-box .tags-item:after {
    width: 1.667vw;
    height: 1.667vw;
    right: 1.944vw;
  }
}
#shot .xmage-popup .works-infos-box .works-infos {
  margin-top: 2.222vw;
  overflow: visible;
}
#shot .xmage-popup .works-infos-box .works-infos:last-child {
  margin-top: 2.222vw;
}
@media (max-width: 1080px) {
  #shot .xmage-popup .works-infos-box .works-infos:last-child {
    margin-top: 8.889vw;
  }
}
#shot .xmage-popup .works-infos-box .works-infos:last-child .works-text {
  margin: unset;
}
#shot .xmage-popup .works-infos-box .works-infos:last-child .Comments_name {
  margin: 1.111vw 0 0.556vw 0;
}
@media (max-width: 1080px) {
  #shot .xmage-popup .works-infos-box .works-infos:last-child .Comments_name {
    margin: 4.444vw 0 2.222vw 0;
  }
}
#shot .xmage-popup .works-infos-box .works-name {
  color: #000;
  font-size: 0.972vw;
  font-weight: 500;
  line-height: 1.25;
}
#shot .xmage-popup .works-infos-box .works-text {
  font-size: 0.833vw;
  font-weight: 400;
  line-height: 1.167vw;
  text-align: left;
  color: #9c9c9c;
  margin: 0.556vw 0 1.111vw 0;
}
#shot .xmage-popup .works-infos-box .works-address {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.833333vw;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 0.520833vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#shot .xmage-popup .works-infos-box .works-address svg {
  width: 1.041667vw;
  height: 1.041667vw;
  margin-right: 0.260417vw;
}
@media screen and (max-width: 1440px) {
  #shot .xmage-popup .works-infos-box .author-job,
  #shot .xmage-popup .works-infos-box .works-text {
    font-size: 12px;
  }
}
@media screen and (max-width: 1080px) {
  #shot .xmage-popup .works-infos-box .tags-item {
    font-size: 12px;
  }
}
@media screen and (max-width: 1080px) {
  #shot .xmage-popup .works-infos-box .author-header {
    position: relative;
    z-index: 1;
    width: 13.88888889vw;
    height: 13.88888889vw;
  }
  #shot .xmage-popup .works-infos-box .author-name {
    font-size: 3.889vw;
    line-height: 3.889vw;
    margin-bottom: 1.111vw;
  }
  #shot .xmage-popup .works-infos-box .author-job {
    font-size: 3.333vw;
    line-height: 4vw;
  }
  #shot .xmage-popup .works-infos-box .works-other-infos {
    margin-top: 8.889vw;
    overflow: unset;
  }
  #shot .xmage-popup .works-infos-box .tags-item {
    font-size: 3.333vw;
    line-height: 3.333vw;
    height: 5.556vw;
    padding: 0 4.907vw 0 2.222vw;
    border-radius: 5.556vw;
    border: 0.278vw solid #9c9c9c;
  }
  #shot .xmage-popup .works-infos-box .works-infos {
    margin-top: 8.889vw;
  }
  #shot .xmage-popup .works-infos-box .works-name {
    font-size: 3.889vw;
  }
  #shot .xmage-popup .works-infos-box .works-text {
    font-size: 3.333vw;
    line-height: 4.667vw;
    margin: 2.222vw 0 4.444vw 0;
  }
  #shot .xmage-popup .works-infos-box .works-address {
    font-size: 3.33333334vw;
    margin-top: 2.22222222vw;
  }
  #shot .xmage-popup .works-infos-box .works-address svg {
    width: 3.3333333vw;
    height: 3.3333333vw;
    margin-right: 1.11111111vw;
  }
}
#shot .xmage-popup .works-infos-box .comment-infos {
  margin-top: 2.083333vw;
}
#shot .xmage-popup .works-infos-box .comment-title {
  color: #000;
  font-size: 1.041667vw;
  font-weight: 500;
  line-height: 1.25;
}
#shot .xmage-popup .works-infos-box .comment-content {
  margin-top: 1.041667vw;
}
#shot .xmage-popup .works-infos-box .comment-info:nth-child(n+2) {
  margin-top: 1.041667vw;
}
#shot .xmage-popup .works-infos-box .judges-name {
  color: #000;
  font-size: 0.833333vw;
  font-weight: 500;
  line-height: 1.25;
}
#shot .xmage-popup .works-infos-box .comment-text {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.833333vw;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 0.260417vw;
}
@media screen and (max-width: 1440px) {
  #shot .xmage-popup .works-infos-box .judges-name,
  #shot .xmage-popup .works-infos-box .comment-text {
    font-size: 12px;
  }
}
@media screen and (max-width: 1080px) {
  #shot .xmage-popup .works-infos-box .comment-infos {
    margin-top: 6.666667vw;
  }
  #shot .xmage-popup .works-infos-box .comment-title {
    font-size: 4.444444vw;
  }
  #shot .xmage-popup .works-infos-box .comment-content {
    margin-top: 3.333333vw;
  }
  #shot .xmage-popup .works-infos-box .comment-info:nth-child(n+2) {
    margin-top: 3.333333vw;
  }
  #shot .xmage-popup .works-infos-box .judges-name {
    font-size: 3.333333vw;
  }
  #shot .xmage-popup .works-infos-box .comment-text {
    font-size: 3.333333vw;
    margin-top: 2.222222vw;
  }
}
#shot .xmage-popup .popup-container .popup-control-btn {
  position: absolute;
  top: 50%;
  z-index: 1;
  cursor: pointer;
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  display: none;
}
#shot .xmage-popup .popup-container.show-btn .popup-control-btn {
  display: block;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
}
#shot .xmage-popup .popup-container.show-btn .popup-control-btn.addop {
  opacity: 0.7;
  cursor: no-drop;
}
#shot .xmage-popup .popup-container .popup-prev-btn {
  left: -10%;
}
#shot .xmage-popup .popup-container .popup-next-btn {
  right: -10%;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
@media screen and (min-width: 1200px) {
  #shot .xmage-popup .popup-container.show-btn .popup-control-btn:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1080px) {
  #shot .xmage-popup .popup-container .popup-control-btn {
    display: none;
  }
}
#shot .xmage-popup .popup-container.show {
  animation: showPopup 0.3s ease-in;
  -webkit-animation: showPopup 0.3s ease-in;
}
#shot .xmage-popup .popup-container.hide {
  animation: hidePopup 0.3s ease-in;
  -webkit-animation: hidePopup 0.3s ease-in;
}
@keyframes showPopup {
  0% {
    opacity: 0.5;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes hidePopup {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.5;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
  }
}
#shot .xmage-popup .popup-container .popup-content {
  animation: showCon 0.3s linear;
  -webkit-animation: showCon 0.3s linear;
}
@keyframes showCon {
  0% {
    opacity: 0.5;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*# sourceMappingURL=index.css.map */