body {
  padding-top: 40px!important;
  min-width: 1200px;
  background: #0d0d0f
}
#loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  z-index: 20;
  font-size: 18px;
  color: #cfd1cc;
  z-index: 101
}

#loading .box {
  width: 100%;
  height: 1px;
  background: #414141;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  left: 0
}

#loading .box span {
  height: 1px;
  background: #c4c4c4;
  position: relative;
  top: 0;
  left: 0;
  display: block
}

#loading .box p {
  font-size: 16px;
  line-height: 30px;
  color: silver;
  text-align: center
}
.non-txt {
  text-indent: -999em;
}

.wrap {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.wrap .main {
  width: 100%;
  padding-top: 1230px;
  position: relative;
  background: url(../images/bg_01.jpg) no-repeat 50% 0;
}

.wrap .main .logo {
  width: 258px;
  height: 135px;
  left: 50%;
  margin-left: -129px;
  top: 40px;
  display: block;
  position: absolute;
  z-index: 4;
  background: url(../images/logo.png) no-repeat 0 0;
}

.main video {
  width: 1920px;
  height: 1080px;
  display: block;
  position: absolute;
  top:0;  
  left: 50%;
  margin-left: -960px;
}
.main .cover {width:1920px;height:167px;z-index:4;top:1050px;left:50%;margin-left:-960px;background: url(../images/cover.png) no-repeat 0 0;}

.wrap .main .slogan {
  top: 505px;
  left: 50%;
  margin-left: -381px;
  width: 763px;
  height: 283px;
  background: url(../images/slogan.png) no-repeat 0 0;
  z-index: 4;
}

.wrap .main .user-bar {
  top: 765px;
  left:50%;
  margin-left:-457px;
  width: 914px;
  height: 107px;
  box-sizing: border-box;
  padding-top:55px;
  line-height: 50px;
  background: url(../images/bg-login.png) no-repeat 0 0;
  font-size: 26px;
  color: #fff;
  text-align: center;
  text-shadow: -5px -5px 15px #000,5px 5px 15px #000;
  z-index: 5;
}
.wrap .main .user-bar a {color:inherit}

.wrap .main .navs {
  width: 1200px;
  height: 116px;
  position: absolute;
  top: 890px;
  left: 50%;
  margin-left: -600px;
  display: flex;
  justify-content: space-between;
  z-index: 5;
}
.wrap .main .navs a {width:299px;height:116px;background: url(../images/btn-nav.png) no-repeat 0 0 ;display: flex;justify-content: center;align-items: center;font-size: 24px;color:#026c25;line-height: 30px;flex-direction: column;font-weight: bold;}
.wrap .main .navs a span {font-size: 22px;font-weight: bold;line-height: 26px;}
.wrap .main .navs a:hover {background-image: url(../images/btn-nav-on.png);color:#592905}

.wrap .main .con {
  width: 100%;
  position: relative;
}

.wrap .main .con-1 {
  height: 1290px;
  background: url(../images/con-1.png) no-repeat 50% 0;
  z-index: 10;
}

.wrap .main .con-1 .ticket-bar {
  width:1206px;
  height:481px;
  top: 223px;
  left:50%;
  margin-left: -575px;
}

.wrap .main .con-1 .ticket-bar .btn-reserve {
  left: 50%;
  margin-left: -220px;
  width: 377px;
  height: 123px;
  background: url(../images/btn-reserv.png) no-repeat 0 0;
  bottom: -80px;
}

.wrap .main .con-1 .ticket-bar .btn-reserve:hover {
  filter: brightness(1.1);
}

.wrap .main .con-1 .ticket-bar .ticket-img {
  width:1152px;
  height:481px;
}
.wrap .main .con-1 .ticket-bar .ticket-img.build {
  width:1080px;
  height:370px;
  position: absolute;
  top: 77px;
  left: 50%;
  margin-left: -565px;
}

.wrap .main .con-1 .con1-gift {
  width: 1280px;
  height: 78px;
  left: 50%;
  top: 1090px;
  margin-left: -640px;
  display: flex;
  justify-content: space-around;
}
.wrap .main .con-1 .con1-gift .btn-gift {
  width: 265px;
  height:78px;
  background: url(../images/btn-get.png) no-repeat 0 0;
}
.wrap .main .con-1 .con1-gift .btn-gift:hover {
  filter: brightness(1.1);
}

.wrap .main .con-2 {
  padding-top: 145px;
  width:1200px;
  height: 1060px;
  box-sizing: border-box;
  background: url(../images/con-2.png) no-repeat 50% 0;
  margin: 0 auto;
  z-index: 5;
  display: none;
}
.wrap.large .main .con-2 {
  display: block;
}

.wrap .main .con-2 .live-nav {
  width: 1130px;
  margin:0 auto;
  height: 79px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}
.wrap .main .con-2 .live-nav a {
  width: 227px;
  height: 79px;
  color:#fff;
  font-size: 24px;
  text-align: center;
  line-height: 79px;
  background: url(../images/btn-live.png) no-repeat 0 0;
}
.wrap .main .con-2 .live-nav a.on,
.wrap .main .con-2 .live-nav a:hover {
  background-image: url(../images/btn-live-on.png);
}
.wrap .main .con-2 .live-con{
  position: relative;
  width: 1230px;
  height: 718px;
  padding-top: 42px;
}
.wrap .main .con-2 .live-con::before{
  content:"";
  width: 1230px;
  height: 718px;
  background: url(../images/video-box.png) no-repeat 0 0;
  pointer-events: none;
  position: absolute;
  top:0;
  left:0;
  z-index: 10;
}
.wrap .main .con-2 .live-con iframe {
  width: 1140px;
  height: 640px;
  margin:0 auto;
  display: block;
  background: #000;
}

.wrap .main .con-3 {
  height: 895px;
  box-sizing: border-box;
  background: url(../images/con-3.png) no-repeat 50% 0;
}

.wrap .main .con-4 {
  height: 920px;
  background: url(../images/con-4.png) no-repeat 50% 0;
  box-sizing: border-box;
  padding-top: 135px;
}
.wrap .main .con-4 .gift-nav {
  height: 80px;
  width: 900px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.wrap .main .con-4 .gift-nav a {
  width: 287px;
  height: 79px;
  background: url(../images/btn-gift.png) no-repeat 0 0;
  font-size: 26px;
  color:#fff;
  text-align: center;
  line-height: 79px;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0,0,0,.5);
}

.wrap .main .con-4 .gift-nav a.on,
.wrap .main .con-4 .gift-nav a:hover {
  background: url(../images/btn-gift-on.png) no-repeat 0 0;}


.wrap .main .con-4 .con-gift {
  width: 1230px;
  height: 580px;
  margin:0 auto;
  box-sizing: border-box;
  display: none;
}

.wrap .main .con-4 .con-gift.on {
  display: block;
}

.wrap .main .con-4 .gift-1 {
  background: url(../images/gift-1.png) no-repeat 50% 0;
}

.wrap .main .con-4 .gift-2 {
  background: url(../images/gift-2.png) no-repeat 50% 0;
}
.wrap .main .con-4 .gift-0 {
  background: url(../images/gift-0.png) no-repeat 50% 0;
}

.wrap .main .con-4 .con-gift .empty {
  font-weight: bold;
  color: #fff;
  font-size: 40px;
  line-height: 80px;
  text-align: center;
}

.wrap .main .con-4 .con-gift .location-0 {
  position: absolute;
  top: 460px;
  width: 240px;
  left: 496px;
}
.wrap .main .con-4 .con-gift .location-0 li {width:100%!important}
.wrap .main .con-4 .con-gift .location-1 {
  position: absolute;
  top: 378px;
  width: 240px;
  left: 265px;
}

.wrap .main .con-4 .con-gift .location-2 {
  position: absolute;
  top: 378px;
  width: 240px;
  left: 727px;
}


.wrap .main .con-4 .con-gift ul {
  width: 240px;
  margin: 0 auto;
  display: block;
  line-height: 40px;
}

.wrap .main .con-4 .con-gift ul li {
  width: 50%;
  float: left;
  line-height: 25px;
  color: #fff;
  text-align: center;
  font-size: 18px;
}


.wrap .main .con-4 .tips {
  width: 980px;
  margin: 0 auto;
}
.wrap .main .con-4 .tips .title {
  width:100%;
  height:60px;
  background: url(../images/tips-title.png) no-repeat 0 0;
  display: block;
}

.wrap .main .con-4 .tips li {
  padding-bottom: 15px;
  color:#fff;
  line-height: 30px;
  font-size: 18px;
}

.wrap .main .con-4 .tips li.no-style {
  list-style: none;
}

.wrap .main .con-5 {
  height: 605px;
  background: url(../images/con-5.png) no-repeat 50% 0;
  box-sizing: border-box;
  padding-top: 135px;
  box-sizing: border-box;
}


.wrap .main .con-5  ul {width:760px;margin:0 auto}
.wrap .main .con-5  li {width:100%;line-height: 22px;padding-bottom: 15px;color:#ede5d6;font-size: 16px;padding-left:30px;position: relative}
.wrap .main .con-5  li::before {content:"";width:18px;height:18px;background: url(../images/list-icon.png) no-repeat 0 0 / contain;top:1px;left:0;position: absolute;} 


.wrap .slide-nav {
  background: url(../images/nav-bg.png) no-repeat 0 0;
  width: 204px;
  height: 345px;
  padding-top: 30px;
  position: fixed;
  z-index: 20;
  top: 50%;
  right: 10px;
  margin-top: -150px;
  display: none
}

.wrap .slide-nav a {
  display: block;
  width: 100%;
  height: 55px;
  font-size: 22px;
  line-height: 55px;
  font-weight: bold;
  color:#202447;
  text-align: center;
}

.wrap .slide-nav a.on,.wrap .slide-nav a:hover {
  background: url(../images/nav-btn-active.png) no-repeat 50% 50%;
  color:#fff;
}

.wrap.large .slide-nav a {line-height:50px;height:50px;}
.wrap .slide-nav a.slide-nav-3 {display: none;}
.wrap.large .slide-nav a.slide-nav-3 {display: block;}

.ticket_box {
  width: 1080px;
  height: 365px;
  background: url(../images/ticket-bg.png) no-repeat 0 0;
  position: fixed;
  top: -2000px;
  z-index:-10;
}

.ticket_box .ticket_qrcode {
  z-index: 2;
  top: 25px;
  left: 809px;
  width: 120px;
  height: 120px;
}

.ticket_box .ticket_number {
  color: #393939;
  font-size: 56px;
  line-height: 90px;
  top: 232px;
  left: 742px;
  font-weight: bold;
  width: 240px;
  text-align: center;
  letter-spacing: 1px;
}


.bg {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0px;
  z-index: -1;
}

.bg div {
  background-position: center top;
  width: 100%;
  background-repeat: repeat-y;
}

.bg .bg1 {
  background-image: url(../images/bg_01.jpg?v=2);
  height: 4615px
}


.pop {
  width: 570px;
  height: 278px;
  background: url(../images/pop.png) no-repeat 0 0;
  display: none;
}

.pop .btn_close {
  width: 55px;
  height: 55px;
  top: 0;
  right: 0;
}

.pop .pop_txt {
  line-height: 35px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.pop_1 {width:674px;height:382px;background: url(../images/pop-reserv.png) no-repeat 0 0;padding-top:0}
.pop_1 .pop_txt {font-weight: bold;font-size: 30px;line-height: 90px;color: #fff;}

.pop .pop_form {
  width: 400px;
  margin: 0 auto
}

.pop .pop_unit {
  width: 100%;
  display: flex;
  padding: 5px;
}

.pop .pop_unit.pop_center {
  justify-content: space-around;
}

.pop .pop_unit select {
  width: 100%;
  background: #000;
  height: 40px;
  line-height: 40px;
  border: 1px solid #4bbeeb;
  padding: 0 10px;
  color: #fff;
  font-size: 20px;
  outline: none;
  cursor: pointer;
}

.pop .pop_unit select option {
  cursor: pointer;
}

.pop .pop_unit .pop_form_name {
  width: 90px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.pop .pop_unit .pop_txt {
  flex: 1
}

.pop .pop_unit input {
  flex: 1;
  height: 40px;
  line-height: 40px;
  color: #fff;
  border: 1px solid #4bbeeb;
  padding: 0 10px;
  background: #000;
  outline: none
}

.pop .pop_unit .btn_yz {
  width: 120px;
  line-height: 40px;
  color: #fad9c1;
  text-align: center;
  font-size: 16px;
  text-decoration: underline;
}

.pop .pop_unit .pop_btn {
  width: 212px;
  height: 72px;
  line-height: 72px;
  color: #0d3c39;
  background: url(../images/btn-pop.png) no-repeat 0 0;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  display: block;
  /* margin-top:30px; */
}

.pop .pop_unit .pop_btn:hover {
  filter: brightness(1.1);
}

.pop_2,.pop_4 {padding-top: 40px;box-sizing: border-box;}

.pop_2 .pop_form,
.pop_4 .pop_form {
  padding-top: 0;
  width: 100%;
}
.pop_2 .pop_form .pop_txt {height: 120px;display: flex;justify-content: center;align-items: center;text-align: center;}

.pop_3 {
  padding-top: 60px;  
  height: 398px;
  background: url(../images/pop-reserv.png) no-repeat 0 0;
  width: 690px;
}

.pop_3 .btn_exchange {
  width:150px;
  height:28px;line-height: 28px;
  top: 30px;
  left: 40px;
  font-size: 18px;
  background: linear-gradient(0deg, #85f4bb, #8cd9e8);
  color: #0e3c3a;
  border-radius: 12px;
  text-align: center;
  text-decoration: underline;
}

.pop_3 .pop_form {
  width: 500px;
}
.pop_3 .pop_txt span {color:#38e0d6}

.pop_dialog {
  display: block;
  position: relative;
  width: 640px;
  height: 815px;
  padding-top: 0;
  background: url(../images/pop-step1.png) no-repeat 0 0;
}

.pop_dialog .pop_dialog_txt {
  width: 640px;
  height: 264px;
  top: 600px;
  left: 0;
  display: none;
}

.pop_dialog .pop_dialog_txt.on {
  display: block;
}

.pop_dialog .pop_dialog_txt .pop_dialog_btns {
  top: 148px;
  text-align: center;
  height: 56px;
  width: 100%;
}

.pop_dialog .pop_dialog_txt a {
  width: 240px;
  height: 56px;
  margin: 0 10px;
  border: 1px solid #fff;
  font-size: 18px;
  line-height: 56px;
  color: #fff;
  text-align: center;
  display: inline-block
}

.pop_dialog .pop_dialog_txt a:hover {
  background: #fff;
  color: #000
}

.pop_dialog .pop_dialog_txt_1 {
  background: url(../images/pop-step1-con1.png) no-repeat 0 0;
}

.pop_dialog .pop_dialog_txt_2 {
  background: url(../images/pop-step1-con2.png) no-repeat 0 0;
}

.pop_dialog .pop_dialog_txt_3 {
  background: url(../images/pop-step1-con3.png) no-repeat 0 0;
}

.pop_dialog .pop_dialog_txt_4 {
  background: url(../images/pop-step1-con4.png) no-repeat 0 0;
}

.pop_dialog .pop_dialog_txt_4 .pop_dialog_btns {
  top: 204px;
}

.pop_head {
  display: block;
  position: relative;
  width: 933px;
  height: 515px;
  background: url(../images/pop-step2.png) no-repeat 50% 0
}

.pop_head .swiper {
  width: 100%;
  height: 403px;
  overflow: hidden;
}

.pop_head .swiper .swiper-slide {
  width: 311px;
  height: 403px;
}

.pop_head .pop_tips {
  width: 100%;
  height: 520px;
  background: url(../images/pop-tips-bg.png) no-repeat 50% 135px;
  z-index: 999;
  background-color: rgba(0,0,0,.5);
  top: 70px;
}

.pop_head .pop_tips .pop_hand {
  width: 217px;
  height: 269px;
  background: url(../images/pop-tips-hand.png) no-repeat 0 0;
  top: 240px;
  left: 455px;
  animation: move 2s infinite forwards;
}

.pop_head .btn_choose {
  bottom: 0;
  left: 50%;
  margin-left: -120px;
  width: 240px;
  height: 56px;
  border: 1px solid #fff;
  font-size: 18px;
  line-height: 56px;
  color: #fff;
  text-align: center;
}

.pop_head .btn_choose:hover {
  background: #fff;
  color: #000
}

.pop_progress {
  display: block;
  position: relative;
  width: 820px;
  height: 83px;
  background: url(../images/progress.png?) no-repeat 0 0;
}

.pop_progress .pop_progress_box {
  width: 820px;
  height: 60px;
  padding: 21px 21px 0 21px;
  box-sizing: border-box;
}

.pop_progress .pop_progress_box i {
  height: 20px;
  width: 100%;
  background: #9faee6;
  display: block;
  position: relative;
  border-radius: 5px;
}

.pop_progress .pop_progress_text {
  font-size: 20px;
  color: #79e5d7;
  bottom: 0px;
  width: 100%;
  text-align: left;
  left: 45px;
  font-weight: bold;
}


@keyframes move {
  0%,100% {
      transform: translateX(-25px);
  }

  50% {
      transform: translateX(25px);
  }
}

.pop_ticket {width: 690px;height:404px;background: url(../images/pop-ticket.png) no-repeat 0 0;}
.pop_ticket .btn-jump {width: 377px;height:123px;background: url(../images/btn-reserv.png) no-repeat 0 0;bottom:-50px;left:160px;}
.pop_ticket .btn-jump:hover {
  filter: brightness(1.1);
}

.swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide.swiper-slide-active::before {
  content: '';
  width: 311px;
  height: 403px;
  background: url(../images/role-on.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.TC_pop_masker {
  background: rgba(0,0,0,.8)!important;
}