.head {
  width: 100%;
  height: 80px;
  min-width: 1200px;
  max-width: 1920px;
  background: rgba(22, 25, 25, 0.85);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1000;
}

.head:after {
  content: "";
  display: block;
  width: 255px;
  height: 7px;
  background: rgba(22, 25, 25, 0.85);
  position: absolute;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-clip-path: polygon(0 0, 100% 0%, 98% 100%, 2% 100%);
          clip-path: polygon(0 0, 100% 0%, 98% 100%, 2% 100%);
}

.head-logo {
  display: block;
  width: 253px;
  height: 114px;
  background: url(//game.gtimg.cn/images/act/cp/xjzj20250623/logo.png) no-repeat center 6px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 100;
  cursor: pointer;
}

.head .icon-curr {
  display: none;
  width: 47px;
  height: 15px;
  background: url(//game.gtimg.cn/images/act/cp/xjzj20210705actjurq/nav-active.png) no-repeat;
  position: absolute;
  top: 55px;
  left: 147px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.head .icon-curr--0 {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.head .icon-curr--1 {
  -webkit-transform: translateX(186px);
          transform: translateX(186px);
}

.head .icon-curr--2 {
  -webkit-transform: translateX(671px);
          transform: translateX(671px);
}

.head .icon-curr--3 {
  -webkit-transform: translateX(857px);
          transform: translateX(857px);
}

.head-bang {
  display: block;
  width: 120px;
  height: 80px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  color: rgba(1, 1, 1, 0.75);
  background: url(//game.gtimg.cn/images/act/cp/xjzj20250623/bang.png)no-repeat;
  background-size: cover;
  z-index: 999;
}

.head-bang span {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.head-bang:hover span {
  -webkit-animation: scroll .3s linear forwards;
          animation: scroll .3s linear forwards;
}

.head-bang--down {
  background: url(//game.gtimg.cn/images/act/cp/xjzj20250623/nav-down.png)no-repeat;
  right: 120px;
}

.head .user {
  height: 100%;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 135px;
  top: 0;
  z-index: 100;
}

.head .user-unlogin {
  margin-right: 50px;
  color: #a9abab;
  font-size: 18px;
  line-height: 80px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.head .user-unlogin:hover {
  color: #fff;
}

.head .user-logined {
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  height: 80px;
}

.head .user-logined:hover .user-avator {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

.head .user-logined:hover .user-name {
  color: #fff;
}

.head .user-logined:hover .user-out {
  opacity: 1;
}

.head .user-avator {
  display: block;
  width: 28px;
  height: 28px;
  border: 4px solid #505657;
  border-radius: 50%;
  float: left;
  margin-top: 23px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.head .user-name {
  display: inline-block;
  margin-left: 9px;
  margin-top: 30px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.head .user-out {
  display: block;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 128px;
  height: 38px;
  background: #0d0d0d;
  color: #a9abab;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  position: absolute;
  top: 72px;
  border-radius: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  transition: all .3s;
}

.head .user-out:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 6px solid #0d0d0d;
  position: absolute;
  top: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.head .user-out:hover {
  color: #fff;
}

.head .nav {
  font-size: 20px;
  width: 1040px;
  height: 80px;
  margin: 0 auto;
  position: relative;
}

.head .nav-item {
  display: block;
  float: left;
  width: 17.75%;
  text-align: center;
  position: relative;
}

.head .nav-item:nth-child(2) {
  margin-right: 300px;
}

.head .nav-item > a:after {
  content: "";
  display: none;
  width: 47px;
  height: 15px;
  background: url(//game.gtimg.cn/images/act/cp/xjzj20210705actjurq/nav-active.png) no-repeat;
  position: absolute;
  top: 51px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.head .nav-item:hover .nav-name {
  color: #31f8ff;
  text-shadow: 0 0 12px rgba(49, 248, 255, 0.65);
}

.head .nav-item:hover .nav-subnav {
  display: block;
}

.head .nav-item:hover .nav-name:after {
  display: block;
}

.head .nav-item--hide > a:after {
  display: none;
}

.head .nav-item--hide .nav-subnav {
  display: none;
}

.head .nav-item--hide:hover .nav-name {
  color: #fff;
  text-shadow: none;
}

.head .nav-item--hide:hover .nav-subnav {
  display: none;
}

.head .nav-item--hide:hover .nav-name:after {
  display: none;
}

.head .nav-name {
  color: #fff;
  display: block;
  width: 100%;
  height: 79px;
  line-height: 79px;
  letter-spacing: 2px;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-size: 20px;
}

.head .nav-subnav {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.05)));
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05));
  padding: 28px 0;
  display: none;
  width: 250px;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.head .nav-subnav > a {
  font-size: 18px;
  color: #fff;
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-bottom: 17px;
}

.head .nav-subnav > a:hover {
  color: #31f8ff;
}

.box {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 99;
}

.box-btn {
  position: absolute;
  top: 755px;
  left: 50.5%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#afooter {
  position: relative;
  z-index: 100;
}

.wrap_ieg {
  display: block;
  height: 100px;
  background: #0f0f0d;
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  padding-top: 50px;
  line-height: 24px;
}

.wrap_ieg a {
  color: rgba(255, 255, 255, 0.4);
}

@media screen and (max-width: 1500px) {
  .head .user-name {
    display: none;
  }
  .head-bang {
    display: none;
  }
  .head-bang--down {
    display: block;
    right: 0;
  }
  .head .user-unlogin {
    margin-right: 0;
  }
  .head .nav {
    width: 900px;
  }
  .head .nav-item {
    width: 16%;
  }
  .head .nav-item:nth-child(2) {
    margin-right: 324px;
  }
  .pop-con {
    zoom: .8;
  }
  .pop-close {
    zoom: .8;
    top: 50px;
  }
}

@media screen and (max-width: 1000px) {
  .pop-con {
    zoom: .6;
  }
  .pop-close {
    zoom: .6;
    top: 50px;
  }
}

.pop-close {
  display: block;
  width: 68px;
  height: 68px;
  position: fixed;
  background: url(//game.gtimg.cn/images/act/cp/xjzj20210705actjurq/close.png) no-repeat;
  top: 97px;
  right: 31px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.pop-close:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.pop-close--default {
  position: absolute;
}

.pop-con {
  width: 1200px;
  height: 578px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pop-con .swiper-button-prev1, .pop-con .swiper-button-next1 {
  width: 108px;
  height: 118px;
  background: url(//game.gtimg.cn/images/act/cp/xjzj20210705actjurq/pop-page.png) no-repeat;
  outline: none;
}

.pop-con .swiper-button-prev1 {
  background-position: -108px 0;
  left: -85px;
}

.pop-con .swiper-button-next1 {
  right: -85px;
}

.pop--video .pop-con {
  width: 1250px;
  height: 620px;
}

.pop-default .pop-con {
  width: 814px;
  height: 315px;
  background: url(//game.gtimg.cn/images/act/cp/xjzj20210705actjurq/pop-default-bg.png) no-repeat;
  background-size: 100% 100%;
}

.pop-default .pop-con .text {
  padding: 0 100px;
  font-size: 24px;
  margin-top: 70px;
  text-align: center;
}

.pop-default .pop-close {
  width: 45px;
  height: 45px;
  background-size: cover;
  top: 6px;
  right: -60px;
  position: absolute;
}

.pop-default .pop-ok {
  display: block;
  width: 260px;
  height: 67px;
  background: url(//game.gtimg.cn/images/act/cp/xjzj20210705actjurq/pop-ok.jpg) no-repeat;
  position: absolute;
  text-align: center;
  line-height: 67px;
  color: #000;
  font-size: 32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 34px;
}

.pop-default .pop-ok:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

.pop .checklist {
  width: 1026px;
  height: 578px;
  overflow: hidden;
}

@-webkit-keyframes scroll {
  0%, 100% {
    top: 50%;
    opacity: 1;
  }
  30% {
    top: 45%;
    opacity: .5;
  }
  60% {
    top: 55%;
    opacity: .5;
  }
}

@keyframes scroll {
  0%, 100% {
    top: 50%;
    opacity: 1;
  }
  30% {
    top: 45%;
    opacity: .5;
  }
  60% {
    top: 55%;
    opacity: .5;
  }
}