[v-cloak] {
  display: none;
}
#shotOnCamon {
  font-family: HurmeGeometricSans_No3_4_Regular;
  background: #000;
  /* 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 */
  /* alert start */
  /* alert end */
  /* tip start */
  /* tip end */
}
#shotOnCamon body,
#shotOnCamon p,
#shotOnCamon ul,
#shotOnCamon li {
  margin: unset;
  padding: unset;
  list-style: none;
  cursor: context-menu;
  line-height: normal;
}
@font-face {
  font-display: swap;
  font-family: HurmeGeometricSans_No3_4_Regular;
  font-weight: 400;
  src: url(https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_4_Regular_new.otf);
}
@font-face {
  font-display: swap;
  font-family: HurmeGeometricSans_No3_5_Semibold;
  font-weight: 500;
  src: url(https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_5_Semibold.otf);
}
@font-face {
  font-display: swap;
  font-family: HurmeGeometricSans_No3_6_Bold;
  font-weight: 600;
  src: url(https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_6_Bold_new.otf);
}
#shotOnCamon .f_w500 {
  font-family: HurmeGeometricSans_No3_5_Semibold;
  font-weight: 500;
}
#shotOnCamon .f_w600 {
  font-family: HurmeGeometricSans_No3_6_Bold;
  font-weight: 600;
}
#shotOnCamon img,
#shotOnCamon video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#shotOnCamon .set {
  padding-bottom: 8.889vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .set {
    padding-bottom: 17.778vw;
  }
}
#shotOnCamon .set,
#shotOnCamon .img_box {
  position: relative;
}
#shotOnCamon .set .img_hover,
#shotOnCamon .img_box .img_hover {
  height: 100%;
}
#shotOnCamon .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);
  }
}
#shotOnCamon .theme {
  display: flex;
  align-items: center;
  justify-content: center;
}
#shotOnCamon .theme > p {
  width: max-content;
  font-size: 2.5vw;
  font-style: italic;
  font-weight: 600;
  line-height: 3vw;
  text-align: center;
}
@media (max-width: 1080px) {
  #shotOnCamon .theme > p {
    font-size: 6.667vw;
    line-height: 8vw;
  }
}
#shotOnCamon .theme_left {
  width: 1.631vw;
  height: 3.611vw;
}
#shotOnCamon .theme_right {
  width: 1.631vw;
  height: 3.611vw;
  transform: rotateY(180deg);
}
@media (max-width: 1080px) {
  #shotOnCamon .theme_left {
    width: 8.029vw;
    height: 17.778vw;
  }
  #shotOnCamon .theme_right {
    width: 8.029vw;
    height: 17.778vw;
  }
  #shotOnCamon .set3 .theme_left,
  #shotOnCamon .set4 .theme_left {
    width: 4.014vw;
    height: 8.889vw;
  }
  #shotOnCamon .set3 .theme_right,
  #shotOnCamon .set4 .theme_right {
    width: 4.014vw;
    height: 8.889vw;
  }
}
#shotOnCamon .img_list {
  margin-top: 3.333vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .img_list {
    margin-top: 13.333vw;
  }
}
#shotOnCamon .img_list .img_box .img_hover img {
  transition: all 1s ease;
}
@media (min-width: 1081px) {
  #shotOnCamon .img_list .img_box .img_hover:hover img {
    transform: scale(1.1);
  }
  #shotOnCamon .img_list .img_box .img_hover:hover + .logo_equipment {
    opacity: 1;
  }
  #shotOnCamon .img_list .img_box .img_hover:hover + .logo_equipment {
    height: 45%;
  }
}
#shotOnCamon .img_list .img_box .logo_equipment {
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  opacity: 0;
  transition: all 1s ease;
}
#shotOnCamon .img_list .img_box .logo_equipment .logo_icon {
  z-index: 1;
}
#shotOnCamon .img_list .img_box .logo_equipment .equipment {
  align-items: center;
  margin-top: 0.833vw;
  z-index: 1;
  display: none;
}
#shotOnCamon .img_list .img_box .logo_equipment .equipment > p {
  font-size: 1.25vw;
  font-weight: 600;
  line-height: 1.25vw;
  text-align: center;
}
#shotOnCamon .img_list .img_box .logo_equipment .equipment > span {
  width: 0.556vw;
  height: 0.556vw;
  background: #f40000;
  border-radius: 50%;
  margin-left: 0.556vw;
}
#shotOnCamon .img_list .img_box .logo_equipment:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 96.09%);
}
#shotOnCamon .banner {
  position: relative;
}
#shotOnCamon .banner .text {
  position: absolute;
  top: 17.569vw;
  left: 0;
  right: 0;
  display: none;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-shadow: 0 0 0.833vw #00193B52;
}
@media (max-width: 1080px) {
  #shotOnCamon .banner .text {
    top: 65.648vw;
    left: 5.556vw;
    width: 86.667vw;
  }
}
#shotOnCamon .banner .text .title {
  font-size: 3.333vw;
  font-style: italic;
  font-weight: 600;
  line-height: 4vw;
  text-align: center;
}
@media (max-width: 1080px) {
  #shotOnCamon .banner .text .title {
    font-size: 6.29vw;
    line-height: 8vw;
  }
}
#shotOnCamon .banner .text .describe {
  display: flex;
  align-items: center;
  margin-top: 0.625vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .banner .text .describe {
    margin-top: 1.667vw;
  }
}
#shotOnCamon .banner .text .describe .time {
  font-size: 2.222vw;
  font-weight: 400;
  line-height: 2.667vw;
  text-align: center;
}
@media (max-width: 1080px) {
  #shotOnCamon .banner .text .describe .time {
    font-size: 4.444vw;
    line-height: 5.333vw;
  }
}
#shotOnCamon .banner .text .describe > img {
  width: 2.553vw;
  height: 2.553vw;
  margin-right: 1.111vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .banner .text .describe > img {
    width: 3.891vw;
    height: 3.89vw;
    margin-right: 2.231vw;
  }
}
#shotOnCamon .Photo_content {
  margin: 8.889vw auto 0;
  width: 66.667vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content {
    margin: 17.778vw 5.556vw 0 5.556vw;
    width: 88.889vw;
  }
}
#shotOnCamon .Photo_content .set2 .introduce {
  width: 66.667vw;
  margin: auto;
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content .set2 .introduce {
    width: auto;
  }
}
#shotOnCamon .Photo_content .set2 .introduce .intro1,
#shotOnCamon .Photo_content .set2 .introduce .intro2 {
  color: #9c9c9c;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 2vw;
  text-align: center;
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content .set2 .introduce .intro1,
  #shotOnCamon .Photo_content .set2 .introduce .intro2 {
    font-size: 3.889vw;
    line-height: 6.222vw;
    text-align: center;
  }
}
#shotOnCamon .Photo_content .set2 .theme {
  margin: 8.889vw auto 0;
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content .set2 .theme {
    margin: 17.778vw auto 0;
  }
}
#shotOnCamon .Photo_content .set2 .img_list.setUp {
  transform: translateY(0);
  opacity: 1;
}
#shotOnCamon .Photo_content .set2 .img_list {
  height: 40vw;
  transform: translateY(15vw);
  opacity: 0;
  transition: all 1s ease;
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content .set2 .img_list {
    height: 50vw;
  }
}
#shotOnCamon .Photo_content .set2 .img_list .img_box {
  width: 66.667vw;
  height: 100%;
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content .set2 .img_list .img_box {
    width: 100%;
  }
}
#shotOnCamon .Photo_content .set2 .img_list .img_box .img_hover {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#shotOnCamon .Photo_content .set2 .img_list .img_box .logo_equipment .logo_icon {
  width: 8.222vw;
  height: 3.194vw;
  position: absolute;
  bottom: 1.667vw;
  left: 1.667vw;
}
#shotOnCamon .Photo_content .set2 .img_list .img_box .logo_equipment .equipment {
  position: absolute;
  left: 1.667vw;
  bottom: 1.667vw;
}
#shotOnCamon .Photo_content .set3 {
  padding: unset;
}
#shotOnCamon .Photo_content .set3 .img_list {
  margin-top: 4.444vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content .set3 .img_list {
    margin-top: 13.333vw;
  }
}
#shotOnCamon .Photo_content .set3 .img_list .list .logo_icon {
  max-width: 11.007vw;
  max-height: 4.792vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content .set3 .img_list .list .logo_icon {
    max-width: 30.556vw;
    max-height: 13.333vw;
  }
}
#shotOnCamon .Photo_content .set3 .img_list .list .imgArray {
  height: 37.5vw;
  margin: 3.333vw 0 8.889vw 0;
  transform: translateY(15vw);
  opacity: 0;
  transition: all 1s ease;
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content .set3 .img_list .list .imgArray {
    height: 50vw;
    margin: 8.889vw 0 13.333vw 0;
  }
}
#shotOnCamon .Photo_content .set3 .img_list .list .imgArray .img_box {
  width: 32.778vw;
  height: 18.194vw;
  overflow: hidden;
  float: right;
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content .set3 .img_list .list .imgArray .img_box {
    width: 43.333vw;
    height: 23.889vw;
  }
}
#shotOnCamon .Photo_content .set3 .img_list .list .imgArray .img_box .logo_equipment .logo_icon {
  max-width: 8.658vw;
  height: 3.194vw;
  position: absolute;
  bottom: 1.667vw;
  left: 1.667vw;
  display: flex;
  align-items: end;
}
#shotOnCamon .Photo_content .set3 .img_list .list .imgArray .img_box .logo_equipment .logo_icon > img {
  width: auto;
  object-fit: cover;
  z-index: 1;
}
#shotOnCamon .Photo_content .set3 .img_list .list .imgArray .img_box .logo_equipment .equipment {
  position: absolute;
  bottom: 1.458vw;
  left: 1.667vw;
}
#shotOnCamon .Photo_content .set3 .img_list .list .imgArray .img_box .logo_equipment .equipment > p {
  font-size: 1.25vw;
  font-weight: 600;
  line-height: 1.25vw;
  text-align: center;
  z-index: 1;
}
#shotOnCamon .Photo_content .set3 .img_list .list .imgArray .img_box:last-child {
  margin-bottom: 0;
}
#shotOnCamon .Photo_content .set3 .img_list .list .imgArray .img_box:nth-child(1) {
  height: 100%;
  float: left;
}
#shotOnCamon .Photo_content .set3 .img_list .list .imgArray .img_box:nth-child(2) {
  margin-bottom: 1.111vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content .set3 .img_list .list .imgArray .img_box:nth-child(2) {
    margin-bottom: 1.944vw;
  }
}
#shotOnCamon .Photo_content .set3 .img_list .setUp .imgArray {
  transform: translateY(0);
  opacity: 1;
}
#shotOnCamon .Photo_content .set4 .img_hover {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#shotOnCamon .Photo_content .set4 .img_list {
  display: flex;
  flex-flow: column;
  gap: 1.059vw;
}
#shotOnCamon .Photo_content .set4 .img_list .View_more {
  font-size: 1.389vw;
  font-weight: 600;
  line-height: 1.667vw;
  text-align: center;
  border-bottom: 0.069vw solid #fff;
  width: fit-content;
  margin: 2.778vw auto 0;
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content .set4 .img_list .View_more {
    font-size: 3.889vw;
    line-height: 4.667vw;
    margin: 6.667vw auto 0;
  }
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray {
  display: grid;
  grid-template-columns: repeat(3, 21.45vw);
  /* 三列 */
  grid-template-rows: repeat(4, 15.094vw);
  /* 四行，每行6.944vw */
  gap: 1.059vw;
  /* 网格间隙 */
}
@media (max-width: 1080px) {
  #shotOnCamon .Photo_content .set4 .img_list .imgArray {
    grid-template-columns: repeat(3, 28.125vw);
    /* 三列，宽度 */
    grid-template-rows: repeat(4, 19.792vw);
    /* 四行，每行 高度 */
  }
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray .img_box .img_hover img {
  height: 100%;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray .setUp {
  transform: translateY(0);
  opacity: 1;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 1) .img_box:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 1) .img_box:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 1) .img_box:nth-child(3) {
  grid-column: 2;
  grid-row: 1 / 3;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 1) .img_box:nth-child(4) {
  grid-column: 3;
  grid-row: 1;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 1) .img_box:nth-child(5) {
  grid-column: 3;
  grid-row: 2 / 4;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 1) .img_box:nth-child(6) {
  grid-column: 1 / 3;
  grid-row: 3 / 5;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 1) .img_box:nth-child(7) {
  grid-column: 3;
  grid-row: 4;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 2) .img_box:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 2) .img_box:nth-child(2) {
  grid-column: 2 / 4;
  grid-row: 1 / 3;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 2) .img_box:nth-child(3) {
  grid-column: 1;
  grid-row: 2 / 4;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 2) .img_box:nth-child(4) {
  grid-column: 1;
  grid-row: 4;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 2) .img_box:nth-child(5) {
  grid-column: 2;
  grid-row: 3 / 5;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 2) .img_box:nth-child(6) {
  grid-column: 3;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 2) .img_box:nth-child(7) {
  grid-column: 3;
  grid-row: 4;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 3) .img_box:nth-child(1) {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 3) .img_box:nth-child(2) {
  grid-column: 3;
  grid-row: 1 / 3;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 3) .img_box:nth-child(3) {
  grid-column: 1;
  grid-row: 3 / 5;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 3) .img_box:nth-child(4) {
  grid-column: 2;
  grid-row: 3;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 3) .img_box:nth-child(5) {
  grid-column: 2;
  grid-row: 4;
}
#shotOnCamon .Photo_content .set4 .img_list .imgArray:nth-child(3n + 3) .img_box:nth-child(6) {
  grid-column: 3;
  grid-row: 3 / 5;
}
#shotOnCamon .photo_Pop_ups {
  background: url("https://d13pvy8xd75yde.cloudfront.net/global/shotoncamon/images/mask.png") no-repeat;
  background-size: 100% 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  z-index: 1;
}
#shotOnCamon .photo_Pop_ups > .box {
  display: flex;
  height: 40.278vw;
  margin-top: 3.75vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box {
    flex-flow: column-reverse;
    align-items: end;
    height: 100%;
    padding: 5.556vw;
    justify-content: center;
    width: 100%;
    margin-top: 0;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail {
  display: flex;
  max-width: 77.778vw;
  justify-content: center;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail {
    flex-flow: column;
    max-width: 100%;
    background: #101010;
    height: 100%;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgBox {
  height: 100%;
  display: contents;
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgBox > img {
  max-width: 53.681vw;
  height: 100%;
  object-fit: contain;
  background: #000;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgBox > img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail {
  width: 24.097vw;
  background: #101010;
  padding: 2.222vw 0.556vw 2.222vw 2.222vw;
  display: flex;
  flex-flow: column;
  gap: 2.222vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail {
    width: 99%;
    gap: 8.889vw;
    padding: 0 1.944vw 0 4.444vw;
    margin: 4vw 0 4vw 0;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .headBox {
  width: 17.639vw;
  height: 3.333vw;
  display: flex;
  align-items: center;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .headBox {
    width: 70.278vw;
    height: 13.333vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .headBox > img {
  width: 3.333vw;
  height: 3.333vw;
  border-radius: 50%;
  margin-right: 1.111vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .headBox > img {
    width: 13.333vw;
    height: 13.333vw;
    margin-right: 3.333vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .headBox .name_connect {
  display: flex;
  flex-flow: column;
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .headBox .name_connect .name {
  font-size: 0.972vw;
  font-weight: 600;
  line-height: 0.972vw;
  text-align: left;
  margin-bottom: 0.278vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .headBox .name_connect .name {
    font-size: 3.889vw;
    line-height: 3.889vw;
    margin-bottom: 1.111vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .headBox .name_connect .connect {
  font-size: 0.833vw;
  font-weight: 400;
  line-height: 1vw;
  text-align: left;
  color: #9C9C9C;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .headBox .name_connect .connect {
    font-size: 3.333vw;
    line-height: 4vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail {
  display: flex;
  flex-flow: column;
  gap: 2.222vw;
  overflow-y: auto;
  height: 100%;
  padding-right: 2.431vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail {
    overflow-y: unset;
    gap: 8.889vw;
    padding-right: 0;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail > img {
  max-width: 5.117vw;
  max-height: 2.639vw;
  object-fit: contain;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail > img {
    max-width: 20.37vw;
    max-height: 10.556vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .photo_Detail {
  display: flex;
  flex-flow: column;
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .photo_Detail .title {
  font-size: 0.972vw;
  font-weight: 600;
  line-height: 0.972vw;
  text-align: left;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .photo_Detail .title {
    font-size: 3.889vw;
    line-height: 3.889vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .photo_Detail .intro {
  font-size: 0.833vw;
  font-weight: 400;
  line-height: 1.167vw;
  text-align: left;
  color: #9C9C9C;
  margin: 0.556vw auto 1.111vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .photo_Detail .intro {
    font-size: 3.333vw;
    line-height: 4.667vw;
    margin: 2.222vw auto 4.444vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .photo_Detail .equipment {
  font-size: 0.833vw;
  font-weight: 600;
  line-height: 0.833vw;
  text-align: center;
  color: #9C9C9C;
  border: 0.069vw solid #9C9C9C;
  padding: 0.347vw 1.042vw 0.208vw 0.347vw;
  border-radius: 1.389vw;
  position: relative;
  width: fit-content;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .photo_Detail .equipment {
    font-size: 3.333vw;
    line-height: 3.333vw;
    padding: 1.296vw 4.907vw 0.926vw 2.222vw;
    border-radius: 5.556vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .photo_Detail .equipment:after {
  content: '';
  width: 0.347vw;
  height: 0.347vw;
  background: #F40000;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.417vw;
  margin: auto;
  border-radius: 50%;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .photo_Detail .equipment:after {
    width: 1.667vw;
    height: 1.667vw;
    right: 2.13vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .Comments .title {
  font-size: 0.972vw;
  font-weight: 600;
  line-height: 0.972vw;
  text-align: left;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .Comments .title {
    font-size: 3.889vw;
    line-height: 3.889vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .Comments .name {
  font-size: 0.833vw;
  font-weight: 600;
  line-height: 0.833vw;
  text-align: left;
  margin: 1.111vw 0 0.556vw 0;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .Comments .name {
    font-size: 3.333vw;
    line-height: 3.333vw;
    margin: 4.444vw auto 2.222vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .Comments .intro {
  font-size: 0.833vw;
  font-weight: 400;
  line-height: 1.167vw;
  text-align: left;
  color: #9c9c9c;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail .Comments .intro {
    font-size: 3.333vw;
    line-height: 4.667vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail::-webkit-scrollbar {
  width: 0.069vw;
  background-color: #9c9c9c;
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail::-webkit-scrollbar-thumb {
  background-color: #fff;
}
#shotOnCamon .photo_Pop_ups > .box .popDetail .imgDetail .detail::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #9c9c9c;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .popDetail {
    overflow-y: auto;
  }
}
#shotOnCamon .photo_Pop_ups > .box .close {
  width: 2.292vw;
  height: 2.292vw;
  background: #000;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.292vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .close {
    margin-top: 0;
    width: 8.889vw;
    height: 8.889vw;
  }
}
#shotOnCamon .photo_Pop_ups > .box .close img {
  width: 0.9375vw;
  height: 0.9375vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .photo_Pop_ups > .box .close img {
    width: 3.125vw;
    height: 3.125vw;
  }
}
#shotOnCamon .full > .box {
  max-height: unset;
  height: fit-content;
  padding: unset;
  margin: 5.556vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .full > .box {
    align-items: center;
  }
}
@media (max-width: 1080px) {
  #shotOnCamon .full > .box .popDetail {
    flex-flow: column-reverse;
    background: unset;
    align-items: end;
  }
}
#shotOnCamon .full > .box .popDetail .imgBox {
  max-width: unset;
  height: fit-content;
  display: flex;
  flex-flow: row-reverse;
}
#shotOnCamon .full > .box .popDetail .imgBox > img {
  max-height: 40.278vw;
  width: fit-content;
}
#shotOnCamon .full > .box .popDetail .imgBox .close {
  top: 2.292vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .full > .box .popDetail .imgBox {
    position: relative;
  }
  #shotOnCamon .full > .box .popDetail .imgBox img {
    max-height: 80vh;
    height: auto;
  }
  #shotOnCamon .full > .box .popDetail .imgBox .close {
    position: absolute;
    top: -8.889vw;
    right: 0;
  }
}
#shotOnCamon .xmage-popup ul {
  list-style: none;
}
#shotOnCamon .xmage-popup {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#shotOnCamon .xmage-popup * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#shotOnCamon .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;
}
#shotOnCamon .xmage-popup .popup-container {
  position: relative;
  z-index: 1;
  max-height: 40.278vw;
  min-height: 300px;
}
@media (min-width: 1081px) {
  #shotOnCamon .xmage-popup .videoPop {
    height: 40.278vw;
  }
  #shotOnCamon .xmage-popup .videoPop .popup-content {
    height: 100%;
  }
  #shotOnCamon .xmage-popup .videoPop .popup-content .view-box video {
    object-fit: contain;
  }
}
#shotOnCamon .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;
}
#shotOnCamon .xmage-popup .popup-container .close-btn > img {
  width: 1.25vw;
  height: 1.25vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .xmage-popup .popup-container .close-btn > img {
    width: 3.125vw;
    height: 3.125vw;
  }
}
#shotOnCamon .xmage-popup .popup-container .popup-content {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 1080px) {
  #shotOnCamon .xmage-popup .popup-container {
    max-width: 88.889vw;
    max-height: 90%;
    display: flex;
    flex-direction: column;
    margin-top: 10%;
  }
  #shotOnCamon .xmage-popup .popup-container .close-btn {
    width: 8.889vw;
    height: 8.889vw;
    z-index: 2;
    top: -8.889vw;
    right: 0;
  }
  #shotOnCamon .xmage-popup .popup-container .close-btn svg {
    fill: #fff;
  }
  #shotOnCamon .xmage-popup .popup-container .popup-content {
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
  }
}
#shotOnCamon .xmage-popup .popup-container .view-box {
  position: relative;
  max-width: 45.625vw;
  height: 100%;
  background: #000;
  z-index: 1;
  min-width: 300px;
  min-height: 300px;
}
#shotOnCamon .xmage-popup .view-box .view-img {
  width: auto;
  max-width: 45.625vw;
  max-height: 40.278vw;
  object-fit: unset;
}
#shotOnCamon .xmage-popup .view-box .view-img2 {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 1080px) {
  #shotOnCamon .xmage-popup .popup-container .view-box {
    max-width: 100%;
  }
  #shotOnCamon .xmage-popup .view-box .view-img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }
}
#shotOnCamon .xmage-popup .view-box .swiper {
  position: relative;
  overflow: hidden;
}
#shotOnCamon .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;
}
#shotOnCamon .xmage-popup .view-box .swiper-wrapper {
  align-items: center;
}
#shotOnCamon .xmage-popup .view-box .swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
#shotOnCamon .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%);
}
#shotOnCamon .xmage-popup .view-box .swiper-thumbs .swiper-wrapper {
  justify-content: center;
}
#shotOnCamon .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;
}
#shotOnCamon .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) {
  #shotOnCamon .xmage-popup .view-box .swiper-thumbs {
    bottom: 8.888889vw;
  }
  #shotOnCamon .xmage-popup .view-box .swiper-thumbs .swiper-slide {
    width: 6.944444vw;
    height: 6.944444vw;
    margin: 0 0.694444vw;
  }
}
#shotOnCamon .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) {
  #shotOnCamon .xmage-popup .view-box .play-btn {
    width: 10vw;
    height: 10vw;
  }
}
#shotOnCamon .xmage-popup .popup-container .works-infos-box {
  width: 20.833333vw;
  background: #101010;
  position: relative;
}
#shotOnCamon .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;
}
#shotOnCamon .xmage-popup .works-infos-box .works-infos-content {
  height: 100%;
}
#shotOnCamon .xmage-popup .works-infos-box .works-infos-content.auto {
  overflow: auto;
}
#shotOnCamon .xmage-popup .works-infos-box .works-infos-content::-webkit-scrollbar {
  width: 1px;
}
#shotOnCamon .xmage-popup .works-infos-box .works-infos-content::-webkit-scrollbar-thumb {
  background: #000;
}
#shotOnCamon .xmage-popup .works-infos-box .works-infos-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
#shotOnCamon .xmage-popup .works-infos-box .info-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#shotOnCamon .xmage-popup .works-infos-box .works-infos-content.auto .info-container {
  height: auto;
}
#shotOnCamon .xmage-popup .works-infos-box .info-container:nth-child(n+2) {
  margin-top: 2.083333vw;
}
@media screen and (max-width: 1080px) {
  #shotOnCamon .xmage-popup .popup-container .works-infos-box {
    width: 100%;
    overflow: auto;
  }
  #shotOnCamon .xmage-popup .works-infos-box .works-infos-container {
    position: static;
    padding: 6.66666667vw;
  }
  #shotOnCamon .xmage-popup .works-infos-box .info-container:nth-child(n+2) {
    margin-top: 5.55555556vw;
  }
}
#shotOnCamon .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) {
  #shotOnCamon .xmage-popup .works-infos-box .author-info {
    width: 70.278vw;
    height: 13.333vw;
  }
}
#shotOnCamon .xmage-popup .works-infos-box .author-info > img {
  margin-right: 1.111vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .xmage-popup .works-infos-box .author-info > img {
    margin-right: 3.333vw;
  }
}
#shotOnCamon .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;
}
#shotOnCamon .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;
}
#shotOnCamon .xmage-popup .works-infos-box .author-name .from {
  white-space: nowrap;
  display: inline-block;
}
#shotOnCamon .xmage-popup .works-infos-box .author-job {
  color: #9c9c9c;
  font-size: 0.833vw;
  font-weight: 400;
  line-height: 1vw;
  text-align: left;
}
#shotOnCamon .xmage-popup .works-infos-box .works-other-infos {
  padding-right: 1.806vw;
  margin-top: 2.222vw;
  overflow: auto;
}
#shotOnCamon .xmage-popup .works-infos-box .works-other-infos .tagLogo {
  max-width: 5.117vw;
  max-height: 2.639vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .xmage-popup .works-infos-box .works-other-infos .tagLogo {
    max-width: 20.377vw;
    max-height: 10.556vw;
  }
}
#shotOnCamon .xmage-popup .works-infos-box .works-other-infos::-webkit-scrollbar {
  width: 1px;
}
#shotOnCamon .xmage-popup .works-infos-box .works-other-infos::-webkit-scrollbar-thumb {
  background: #fff;
}
#shotOnCamon .xmage-popup .works-infos-box .works-other-infos::-webkit-scrollbar-track {
  background: #9c9c9c;
}
#shotOnCamon .xmage-popup .works-infos-box .works-tags {
  display: flex;
  flex-flow: row wrap;
}
#shotOnCamon .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;
}
#shotOnCamon .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) {
  #shotOnCamon .xmage-popup .works-infos-box .tags-item:after {
    width: 1.667vw;
    height: 1.667vw;
    right: 1.944vw;
  }
}
#shotOnCamon .xmage-popup .works-infos-box .works-infos {
  margin-top: 2.222vw;
  overflow: visible;
}
#shotOnCamon .xmage-popup .works-infos-box .works-infos:last-child {
  margin-top: 2.222vw;
}
@media (max-width: 1080px) {
  #shotOnCamon .xmage-popup .works-infos-box .works-infos:last-child {
    margin-top: 8.889vw;
  }
}
#shotOnCamon .xmage-popup .works-infos-box .works-infos:last-child .works-text {
  margin: unset;
}
#shotOnCamon .xmage-popup .works-infos-box .works-infos:last-child .Comments_name {
  margin: 1.111vw 0 0.556vw 0;
}
@media (max-width: 1080px) {
  #shotOnCamon .xmage-popup .works-infos-box .works-infos:last-child .Comments_name {
    margin: 4.444vw 0 2.222vw 0;
  }
}
#shotOnCamon .xmage-popup .works-infos-box .works-name {
  color: #000;
  font-size: 0.972vw;
  font-weight: 500;
  line-height: 1.25;
}
#shotOnCamon .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;
}
#shotOnCamon .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;
}
#shotOnCamon .xmage-popup .works-infos-box .works-address svg {
  width: 1.041667vw;
  height: 1.041667vw;
  margin-right: 0.260417vw;
}
@media screen and (max-width: 1440px) {
  #shotOnCamon .xmage-popup .works-infos-box .author-job,
  #shotOnCamon .xmage-popup .works-infos-box .works-text {
    font-size: 12px;
  }
}
@media screen and (max-width: 1080px) {
  #shotOnCamon .xmage-popup .works-infos-box .tags-item {
    font-size: 12px;
  }
}
@media screen and (max-width: 1080px) {
  #shotOnCamon .xmage-popup .works-infos-box .author-header {
    position: relative;
    z-index: 1;
    width: 13.88888889vw;
    height: 13.88888889vw;
  }
  #shotOnCamon .xmage-popup .works-infos-box .author-name {
    font-size: 3.889vw;
    line-height: 3.889vw;
    margin-bottom: 1.111vw;
  }
  #shotOnCamon .xmage-popup .works-infos-box .author-job {
    font-size: 3.333vw;
    line-height: 4vw;
  }
  #shotOnCamon .xmage-popup .works-infos-box .works-other-infos {
    margin-top: 8.889vw;
    overflow: unset;
  }
  #shotOnCamon .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;
  }
  #shotOnCamon .xmage-popup .works-infos-box .works-infos {
    margin-top: 8.889vw;
  }
  #shotOnCamon .xmage-popup .works-infos-box .works-name {
    font-size: 3.889vw;
  }
  #shotOnCamon .xmage-popup .works-infos-box .works-text {
    font-size: 3.333vw;
    line-height: 4.667vw;
    margin: 2.222vw 0 4.444vw 0;
  }
  #shotOnCamon .xmage-popup .works-infos-box .works-address {
    font-size: 3.33333334vw;
    margin-top: 2.22222222vw;
  }
  #shotOnCamon .xmage-popup .works-infos-box .works-address svg {
    width: 3.3333333vw;
    height: 3.3333333vw;
    margin-right: 1.11111111vw;
  }
}
#shotOnCamon .xmage-popup .works-infos-box .comment-infos {
  margin-top: 2.083333vw;
}
#shotOnCamon .xmage-popup .works-infos-box .comment-title {
  color: #000;
  font-size: 1.041667vw;
  font-weight: 500;
  line-height: 1.25;
}
#shotOnCamon .xmage-popup .works-infos-box .comment-content {
  margin-top: 1.041667vw;
}
#shotOnCamon .xmage-popup .works-infos-box .comment-info:nth-child(n+2) {
  margin-top: 1.041667vw;
}
#shotOnCamon .xmage-popup .works-infos-box .judges-name {
  color: #000;
  font-size: 0.833333vw;
  font-weight: 500;
  line-height: 1.25;
}
#shotOnCamon .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) {
  #shotOnCamon .xmage-popup .works-infos-box .judges-name,
  #shotOnCamon .xmage-popup .works-infos-box .comment-text {
    font-size: 12px;
  }
}
@media screen and (max-width: 1080px) {
  #shotOnCamon .xmage-popup .works-infos-box .comment-infos {
    margin-top: 6.666667vw;
  }
  #shotOnCamon .xmage-popup .works-infos-box .comment-title {
    font-size: 4.444444vw;
  }
  #shotOnCamon .xmage-popup .works-infos-box .comment-content {
    margin-top: 3.333333vw;
  }
  #shotOnCamon .xmage-popup .works-infos-box .comment-info:nth-child(n+2) {
    margin-top: 3.333333vw;
  }
  #shotOnCamon .xmage-popup .works-infos-box .judges-name {
    font-size: 3.333333vw;
  }
  #shotOnCamon .xmage-popup .works-infos-box .comment-text {
    font-size: 3.333333vw;
    margin-top: 2.222222vw;
  }
}
#shotOnCamon .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;
}
#shotOnCamon .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;
}
#shotOnCamon .xmage-popup .popup-container.show-btn .popup-control-btn.addop {
  opacity: 0.7;
  cursor: no-drop;
}
#shotOnCamon .xmage-popup .popup-container .popup-prev-btn {
  left: -10%;
}
#shotOnCamon .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) {
  #shotOnCamon .xmage-popup .popup-container.show-btn .popup-control-btn:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1080px) {
  #shotOnCamon .xmage-popup .popup-container .popup-control-btn {
    display: none;
  }
}
#shotOnCamon .xmage-popup .popup-container.show {
  animation: showPopup 0.3s ease-in;
  -webkit-animation: showPopup 0.3s ease-in;
}
#shotOnCamon .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);
  }
}
#shotOnCamon .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);
  }
}
#shotOnCamon .alert-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#shotOnCamon .alert-container * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#shotOnCamon .alert-container::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.7);
  pointer-events: none;
}
#shotOnCamon .alert-container .alert-content {
  width: 32.708333vw;
  background: #fff;
  padding: 2.083333vw;
  position: relative;
  z-index: 1;
}
#shotOnCamon .alert-container .alert-content.show {
  animation: showAlert 0.3s ease-in;
  -webkit-animation: showAlert 0.3s ease-in;
}
#shotOnCamon .alert-container .alert-content.hide {
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  animation: hideAlert 0.3s ease-in;
  -webkit-animation: hideAlert 0.3s ease-in;
}
#shotOnCamon .alert-container .alert-content .network-icon {
  width: 5.885417vw;
  height: 4.6875vw;
  margin: 3.125vw auto 0;
}
#shotOnCamon .alert-container .alert-content .network-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@keyframes hideAlert {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.5;
    transform: scale(0.1);
  }
}
@keyframes showAlert {
  0% {
    opacity: 0.5;
    transform: scale(0.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
#shotOnCamon .alert-container .alert-content h3 {
  color: #000;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
}
#shotOnCamon .alert-container .alert-content p {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.833333vw;
  font-weight: 400;
  line-height: 1.6;
  margin: 3.125vw 0 0;
  word-break: break-word;
}
#shotOnCamon .alert-container .alert-content p a {
  word-break: break-all;
  font-size: inherit;
  color: #1f71ff;
  text-decoration: none;
}
#shotOnCamon .alert-container .alert-content ul {
  list-style: none;
  text-align: center;
  margin: 2.083333vw 0 0;
  display: flex;
  justify-content: center;
}
#shotOnCamon .alert-container .alert-content ul li {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
  padding: 10px 26px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  cursor: pointer;
  margin: 0 0.520833vw;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.7);
}
#shotOnCamon .alert-container .alert-content ul li:hover {
  border: 1px solid #000;
}
#shotOnCamon .alert-container .alert-content ul li.red {
  color: #fff;
  background: #ce0e2d;
  border: 1px solid #ce0e2d;
}
#shotOnCamon .alert-container .alert-content ul li.red:hover {
  border: 1px solid #ad0824;
  background-color: #ad0824;
}
@media screen and (max-width: 1440px) {
  #shotOnCamon .alert-container .alert-content p {
    font-size: 12px;
  }
}
@media screen and (max-width: 1080px) {
  #shotOnCamon .alert-container .alert-content {
    width: 73.333333vw;
    padding: 6.666667vw;
  }
  #shotOnCamon .alert-container .alert-content h3 {
    font-size: 3.888889vw;
  }
  #shotOnCamon .alert-container .alert-content .network-icon {
    width: 18.75vw;
    height: 15vw;
    margin: 8.888889vw auto 0;
  }
  #shotOnCamon .alert-container .alert-content p {
    font-size: 3.333333vw;
    margin: 8.888889vw 0 0;
  }
  #shotOnCamon .alert-container .alert-content ul {
    margin: 6.666667vw 0 0;
  }
  #shotOnCamon .alert-container .alert-content ul li {
    font-size: 3.611111vw;
    margin: 0 1.388889vw;
    padding: 1.666667vw 3.333333vw 1.944444vw;
  }
}
#shotOnCamon .msg-box {
  position: fixed;
  width: 100vw;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#shotOnCamon .msg-box * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#shotOnCamon .msg-box .tip-box {
  max-width: 70%;
  width: max-content;
  color: #000;
  font-size: 0.833333vw;
  font-weight: 500;
  line-height: 1.6;
  margin: 0.520833vw;
  padding: 0.9375vw 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  opacity: 0;
  animation: showTip 2.4s ease-in 0.4s;
  -webkit-animation: showTip 2.4s ease-in 0.4s;
}
@media screen and (max-width: 1440px) {
  #shotOnCamon .msg-box .tip-box {
    font-size: 12px;
  }
}
#shotOnCamon .msg-box .tip-box.success .tip-icon {
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  margin-right: 0.416667vw;
}
#shotOnCamon .msg-box .tip-box.success .tip-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@keyframes showTip {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (max-width: 1080px) {
  #shotOnCamon .msg-box .tip-box {
    font-size: 3.33333333vw;
    margin: 1.38888889vw;
    padding: 3.333333vw 4.444444vw;
  }
  #shotOnCamon .msg-box .tip-box.success .tip-icon {
    width: 4.44444445vw;
    height: 4.44444445vw;
    margin-right: 1.11111111vw;
  }
}
/*# sourceMappingURL=index.css.map */