@charset "utf-8";
@media screen and (min-width:1921px){
  :root{
    font-size: 20px;
  }
}
@media screen and (max-width:1680px){
  :root{
    font-size: 14px;
  }
}
@media screen and (max-width:1440px){
  :root{
    font-size: 12px;
  }
}
@media screen and (max-width:1280px){
  .wrapper,
  .swiper-container,
  .swiper-container>.swiper-wrapper,
  .swiper-container>.swiper-wrapper>.swiper-slide{ height:auto !important; overflow: hidden;}
  .swiper-container>.swiper-wrapper{ display: grid;}

  .swiper-container .swiper-slide .column{ padding: 0;}

  header.show{ height: 4rem; padding: 0 1rem 0 2.5vw;}

  header .logo img{ height: 3rem;}

  nav{ display: none;}
  
  header .button{ display: none;}

  header .wap-button{ display: flex;}

  .slideshow{}
  .slideshow-swiper{ width: 100vw; height: 200vw;}
  .slideshow-swiper .item .font .text{ flex-flow: column; width: 20vw; height: auto; }
  .slideshow-swiper .item .font .text img{ object-fit: contain;}
  .slideshow-swiper .item .font .text img:nth-child(1){ width: 10vw; height: 10vw; right: -8vw; top: auto; bottom: 35vw; left: auto;}
  .slideshow-swiper .item .font .text img:nth-child(2){ width: 12vw; height: 15vw; right: -2vw;}
  .slideshow-swiper .item .font .text img:nth-child(3){ width: 24vw; height: 24vw; right: 1vw;}
  .slideshow-swiper .item .font .text img:nth-child(4){ width: 14vw; height: 14vw; right: -2vw;}
  .slideshow-swiper .item .font .text img:nth-child(5){ width: 13vw; height: 13vw; right: -2.5vw;}
  .slideshow-swiper .item .font .text img:nth-child(6){ width: 12vw; height: 12vw; right: -2.5vw;}
  .slideshow-swiper .item .font .text img:nth-child(7){ width: 30vw; height: 30vw; right: -6vw; top: -2vw;}
  .slideshow-swiper .item .font .text img:nth-child(8){ width: 16vw; height: 16vw; right: -4vw; top: -13vw;}
  .slideshow-swiper .item .font .text img:nth-child(9){ display: none;}

  .notice-box{ left: 0;}
  .notice-box .title{ background-size: 1.25rem;}
  .notice-swiper{ width: 100%;}
  .notice-swiper .item .tit{ font-size: 1.25rem;}
  .notice-swiper .item .date{ font-size: 1rem;}
  .notice-swiper .item .more{ font-size: 1rem;}

  .information{ padding: 5vw;}
  .information .column{ grid-template-columns: 1fr; grid-gap: 5vw;}
  .information-caption{ grid-column: span 1; justify-content: center;}
  .information-sort{ grid-column: span 1; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 2.5vw; justify-content: center; align-items: center; justify-items: center;}
  .information-sort i{ display: none;}
  .information-list{ grid-column: span 1; grid-template-columns: 1fr; grid-gap: 5vw;}
  .information-list .item{ padding: 5vw 5vw 5vw 10vw;}
  .information-list .item:nth-child(4),
  .information-list .item:nth-child(5),
  .information-list .item:nth-child(6){ display: none;}

  .live{ padding: 5vw;}
  .live .column{ grid-template-columns: 1fr; grid-gap: 0;}
  .live-ico{ grid-column: span 1; justify-content: center; margin: 10vw 0 15vw 0;}
  .live-ico img{ height: 25vw;}
  .live-cover{ grid-column: span 1;}
  .live-info{ grid-column: span 1; grid-gap: 0;}
  .live-info .tit{ margin: 2.5vw 0; font-size: 1.5rem;}
  .live-more{ grid-column: span 1; margin-top: 10vw;}
  .live-more-swiper{ grid-column: span 1; -webkit-mask-image: none;}

  .bulletin{ padding: 5vw;}
  .bulletin .column{ grid-template-columns: 1fr; grid-gap: 0; margin-top: 80vw;}
  .bulletin-swiper a{ padding: 0.5rem 0 5vw;}
  .bulletin-swiper .tit{ font-size: 2.5rem; margin: 1rem 0;}
  .bulletin-swiper .desc{ margin: 0; font-size: 1.25rem; line-height: 1.75;}
  .bulletin .background-left-image{ display: block; width: 100vw; height: 80vw; max-width: 100vw; overflow: hidden;}
  .bulletin .background-left-image img{ display: block; width: 125vw!important; height: auto; object-fit: cover; transform: translateY(-13%);}

  .dance{}
  .dance .column{ grid-template-columns: 1fr;}
  .dance-banner{ position: relative; z-index: 0; width: 100vw; height: 120vw;}
  .dance-banner::after{ width: 100vw; height: 100vw; border: 15vw solid #eb5808; bottom: -75vw; right: 15vw;}
  .dance-banner-bg{ top: 0; height: 100%;}
  .dance-banner-bg img{ top: 15vw; height: 120%;}
  .dance-banner-dancer{ width: 50vw; height: auto;}
  .dance-more{ position: absolute; z-index: 2; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between; height: auto; padding: 5vw; filter: brightness(0) invert(1);}
  .dance-more .theme-dance img{ width: auto; height: 20vw;}
  .dance-more .theme img{ width: auto; height: 10vw;}
  .dance-more .theme-dance-font{ display: none;}
  .dance-more a.more{ display: none;}
  .dance-list{ grid-gap: 0;}
  .dance-list .item{ height: 100vw;}
  .dance-list .item .cover{ height: 50vw!important;}
  .dance-list .item .tit{ position: relative!important; top: auto!important;}
  .dance-list .cn{ color: #222!important;}
  .dance-list .cn::before{ border: 2px solid #222!important;}

  .stage{ padding: 5vw;}
  .stage .column{ grid-template-columns: 1fr; grid-gap: 5vw;}
  .stage-more{ grid-column: span 1;}
  .stage-more .stage-more-col{ display: flex; justify-content: space-between; align-items: center; width: 100%; filter: brightness(0) invert(1);}
  .stage-more .stage-more-col .theme-stage-font{ display: none;}
  .stage-more .stage-more-col .theme-stage img{ height: 20vw;}
  .stage-more .stage-more-col .theme img{ height: 10vw;}
  .stage-sort{ display: flex; justify-content: space-between;}
  .stage-sort .item::before{ display: none;}
  .stage-sort .item{ grid-template-columns: 1fr;}
  .stage-sort .item .name::before{ display: none;}
  .stage-sort .item .name i{ padding: 0 1.25em;}
  .stage-sort .item .cover{ display: none;}
  .stage-swiper .item{ grid-template-columns: 1fr;}
  .stage-swiper .info{ grid-gap: 2.5vw; padding: 5vw;}
  .stage-list{ grid-template-columns: 1fr; grid-gap: 5vw;}
  .stage-list .item .info span{ font-size: 1.25rem;}
  .stage-list .item .info b{ font-size: 1rem;}
  
  .video{ padding: 5vw;}
  .video .column{ grid-template-columns: 1fr; grid-gap: 5vw;}
  .video-caption{}
  a.video-more{ display: none;}
  .video-list{ grid-column: span 1; grid-template-columns: repeat(2,1fr); grid-gap: 5vw;}
  .video-list .item{ top: 0!important;}
  .video-list .item .tit{ padding: 1.5rem 1rem;}
  .video-list .item .details{ display: none;}

  .swiper-container .swiper-slide.footer{ padding: 5vw;}
  .swiper-container .swiper-slide.footer .column{ grid-template-columns: 1fr; grid-gap: 5vw; padding: 0;}
  .foot-logo{ grid-column: span 1;}
  .foot-logo img{ height: 20vw;}
  .foot-contact .item{ font-size: 1.25rem;}
  .foot-nav{ display: none;}
  .copyright{ grid-column: span 1; padding: 5vw; flex-flow: column; gap: .5rem;}

  /* sub */
  .container .banner{ height: 75vw;}
  .container .banner .theme{ bottom: 0; width: 100vw;}

  .container .banner.space{ height: 8rem;}
  .container .banner.space .location{ bottom: 2.5vw; left: 5vw; font-size: 1.125rem;}
  .container .banner .location a{ font-size: 1.125rem; line-height: 1.5;}
  
  .container .row{ padding: 5vw; grid-gap: 5vw;}
  .container .row .title{ flex-flow: column; gap: 2.5vw;}
  .container .row .title .caption h1{ font-size: 1.45rem;}
  .container .row .title .sort{ flex-flow: row wrap; gap: .5em 1em;}
  .container .row .title .sort i{ display: none;}
  .container .row .content{ grid-gap: 5vw;}

  .container .column{ grid-gap: 5vw; padding: 0 5vw;}

  .article{ grid-gap: 2.5vw; padding-top: 2.5vw;}
  .article .article-tit h1{ line-height: 1.5;}
  .article .article-con p{ font-size: 1.25rem;}
  .article .article-arrow{ grid-template-columns: 1fr; grid-gap: 2.5vw; margin-top: 2.5vw;}
  .article .article-arrow a{ padding: 1rem;}

  .pagination a:first-child,
  .pagination a:last-child{ display: none;}

  .team-box{ grid-gap: 2.5vw;}
  .team-box .title h1{ font-size: 1.35rem;}
  .team-box .title a{ display: none;}
  .time-swiper .arrow{ width: 3rem; height: 3rem;}

  .list-information{ grid-template-columns: 1fr; grid-gap: 5vw;}
  .list-information .item{ padding: 1rem 2rem;}
  .list-information .item .tit{ font-size: 1.25rem;}

  .list-video{ grid-template-columns: repeat(2,1fr); grid-gap: 5vw;}

  .list-recommend{ grid-template-columns: 1fr; grid-gap: 5vw;}
  .list-recommend .item .info span{ font-size: 1.25rem;}

  .list-team{ grid-template-columns: repeat(2,1fr); grid-gap: 5vw;}

  .list-stage{ grid-template-columns: 1fr; grid-gap: 5vw;}

  footer{ padding: 5vw;}
  footer .row{ grid-template-columns: 1fr; grid-gap: 5vw; padding: 0;}
  footer .row .foot-logo{ grid-column: span 1;}
  footer .row .foot-logo img{ height: 20vw;}
  footer .row .foot-contact .item{ font-size: 1.25rem;}
  footer .row .foot-nav{ display: none;}
  footer .row .copyright{ grid-column: span 1; padding: 5vw; flex-flow: column; gap: .5rem;}

  .player{ grid-template-columns: 1fr; padding: 4rem 0 0;}
  .player .player-box{ height: 90vw;}
  .player .review-box{ grid-template-rows: 1fr;}
  .review-tab-swiper{ padding: 1.5rem; height: 4rem;}
  .review-con-swiper .swiper-slide{ padding: 1rem 1.5rem 12rem;}
  .review-con-swiper .swiper-slide .date{ background-size: 1rem; text-indent: 1.5rem;}

  .user-container .row{ grid-template-columns: 1fr; grid-gap: 5vw; padding: 5rem 5vw 5vw;}
  .user-container .row .user-box{ grid-column: span 1;}
  .user-container .row .user-iframe{ grid-column: span 1; grid-gap: 5vw;}
  
  .list-user{ grid-template-columns: 1fr; grid-gap: 5vw;}
}
@media screen and (max-width:1024px){
  
}