.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/warframe/logo.png) no-repeat center 6px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-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: 700;
    position: absolute;
    right: 0;
    top: 0;
    color: #010101bf;
    background: url(//game.gtimg.cn/images/warframe/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/warframe/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;
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  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;
  }
}
	/* reset */
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
  table{border-collapse:collapse;border-spacing:0}
  address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
  ol,ul{list-style:none}
  caption{text-align:left}
  h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
  q:before,q:after{content:''}
  fieldset,img,abbr,acronym{border:0}
  /* 页面样式 */
  .c:before,.c:after {content:"";display:table}
  .c:after {clear:both}
  .c {zoom:1}
  html{min-width:1200px;}
  body {font:12px/1.5 "Microsoft YaHei",Helvetica,\5b8b\4f53,sans-serif;text-align:justify;background-color: #1c5061;overflow-x: auto;min-width:1200px;padding-top: 50px;}
  a {text-decoration:none;overflow:hidden;}
  a:hover {text-decoration:none;}
  .wrap,.wrap1,.wrap2,#afooter{width:100%;min-width:1200px;}
  .container {width:1200px;margin:0 auto;position: relative;}
  .hide {display:block;width:0;height:0;overflow:hidden;}
  .pr {position:relative;}
  .pa {position:absolute;}
  .fl {float: left;}
  .fr {float: right;}
  .db {display:block;text-indent:-999em;}
  .last{margin-right: 0!important;}
  @font-face {
    font-family:'font';
    src: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/font.ttf);
  }
  :focus{outline: none;}
  /*footer*/
  #afooter{text-align:center; line-height:20px;color: #ffffff;background-color: #000000;padding: 20px 0;}
  #afooter a{ color: #ffffff;}
  .sp{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/sp_1.png) no-repeat;display: block;margin: 0 auto;}
  /*.fc-btn{background-position:-566px -273px;width: 312px;height: 77px;position: absolute;top:35px;right:-208px;z-index: 8;}*/		
  .fclogo{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/logo.png) no-repeat;width: 257px;height: 139px;position: absolute;top:20px;left:-250px;z-index: 8;}
  /* head */
  .wrap{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/rp1_1.jpg) no-repeat 50% 0;position: relative;}
  .wrap1{background:url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/rp2_1.jpg) no-repeat 50% 1794px;}
  .heade{position: relative;height: 910px;}
  .bxologina{font-size:20px;color: #fdefd3;line-height: 1;width: 100%;text-align: center;position: absolute;left: 0;bottom:40px;z-index: 8;}
  .bxologina a{color: #fdefd3;}
  .hidden{display: none; font-size: 0; text-indent: -999em;}
  .clearfix {display: flex; justify-content: center; flex-wrap: wrap;}
  #ost_box,#_overlay_{min-width: 1500px;}
  .p1btnt1{background-position: -46px -22px;width: 228px;height: 107px;position: absolute;top: 40px;left: -190px;}
  /*置灰*/
  .gray{filter: grayscale(1);}
  /*part*/
  .flex1{display: flex;justify-content:center;flex-wrap: wrap;}
  .flex {display: flex;justify-content:space-between;flex-wrap: wrap;}
  .part{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/box.png) no-repeat;width: 1199px;height: 664px;margin: 0 auto;padding: 32px 40px;box-sizing: border-box;}
  .boxs{display: table;width: 1120px;height: 605px;}
  .boxs{vertical-align:middle;display:table-cell;font-size: 34px;color: #ffffff;text-align: center;line-height: 1.2; text-shadow: 0 0 10px #1d8799, 0 0 20px #1d8799, 0 0 30px #1d8799, 0 0 40px #1d8799;  }
  .boxs span{font-size: 40px;font-weight: bold;display: block;padding-bottom: 20px;}
  .box1{width: 1120px;height: 605px;}
  /*part1*/
  .part1{height: 1580px}
  .part1 h2{background-position:-335px -570px;width: 1221px;height: 104px;}
  .p1img1{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/p1img1.png) no-repeat;width: 487px;height: 420px;position: relative;margin: 130px 0 0 550px;}
  .p1img1 p{font-size: 30px;color: #ffffff;text-align: center;line-height: 1;position: absolute;bottom: 34px;left: 0;width: 100%;}
  .txts1{font-size: 30px;color: #a9d6db;text-align: center;line-height: 1.1;margin-top:90px;}
  .txts1 em{color: #ffee79;}
  .p1img2{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/p1img2.png) no-repeat;width: 1200px;height: 668px;position: relative;margin: 55px auto 0;}
  .p1btnt2{background-position: -348px -27px;width: 393px;height: 107px;position: absolute;top: 415px;right: 92px;}
  /*part2*/
  .part2{height: 937px}
  .part2 h2{background-position: -335px -686px;width: 1221px;height: 104px;}
  .p2box1{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/p2box1.png) no-repeat;width: 1200px;height: 500px;margin: 30px auto 0;}
  .txts2{font-size: 20px;color: #aad5da;text-align: center;line-height: 1.1;}
  .p1btnt3{background-position:-784px -11px;width: 480px;height: 131px;margin: 20px auto;}
  .p1btnt3.grey{background-position: -569px -349px;}
  /*part3*/
  .part3{height:1110px}
  .part3 h2{background-position: -465px -812px;width: 961px;height: 104px;}	
  .p3box1{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/p3box1.png) no-repeat;width: 1192px;height: 655px;position: relative;margin: 0 auto;}
  .p1btnt4{background-position: -26px -183px;width: 480px;height: 131px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);padding-top: 90px;box-sizing: border-box;}
  .p1btnt4 p{font-size: 20px;color: #390000;text-align: center;line-height: 1.1;}
  .txts3{font-size: 20px;color: #a9d6db;text-align: center;line-height: 32px;padding-top: 20px;}	
  .p3btmse a{font-size: 24px;color: #ffffff;text-align: center;line-height: 1.1;display: block;text-decoration: underline;margin: 24px 10px 0 10px;}
  .p3btmse a:first-child{color: #ffda69;}
  /*part4*/
  .part4{height:1215px}
  .part4 h2{background-position:-465px -949px;width: 961px;height: 104px;}
  .tit_ct{font-size: 30px;color: #ffffff;text-align: center;padding-top: 12px;line-height: 32px;}
  .tit_ct2{font-size: 20px;color: #ffffff;text-align: center;line-height: 30px;margin-bottom: 20px;padding: 10px 0;color: #a9d6db;}
  .conts1{background-position: -790px -1328px;width: 274px;height: 54px;font-size: 30px;color: #ffffff;text-align: center;line-height: 54px;margin: 20px auto;}
  .p4box1{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/p4box1.png) no-repeat;width: 1200px;height: 339px;margin: 0 auto;position: relative;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;flex-direction: column;}
  .boes1{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/p4box3.png) no-repeat;width: 238px;height: 238px;position: relative;padding: 18px;box-sizing: border-box;}
  .txbox{width: 202px;height: 202px;overflow: hidden;border-radius: 50%;display: block;margin: auto;cursor: pointer;}
  .txbox.disabled{pointer-events: none;}
  .txbox img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
  .p4box1 li p{font-size: 24px;color: #ffffff;text-align: center;line-height: 1.1;padding-top: 24px;}
  .p4box1 li:first-child .boes1{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/p4box2.png) no-repeat;}
  .txbox a{display: block;width: 100%;height: 100%;}
  .listbox{margin: 65px auto 45px;}
  .listbox li{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/p4box4.png) no-repeat;width: 329px;height: 282px;position: relative;margin: 0 18px;}
  .listbox li p{font-size: 28px;color: #ffffff;text-align: center;line-height: 1.1;position: absolute;bottom: 30px;left: 0;width: 100%;}
  .p1btnt5{background-position: -561px -182px;width: 480px;height: 131px;}
  .p1btnt5.grey{background-position: -29px -348px;}
  /*part5*/
  .part5{height:865px}
  .part5 h2{background-position:-305px -1080px;width: 1281px;height: 104px;}
  .p1img3{width: 487px;height: 420px;position: relative;margin: 136px 0 0 156px;}
  .p1img3 p{font-size: 30px;color: #ffffff;text-align: center;line-height: 1;position: absolute;bottom: 34px;left: 0;width: 100%;}
  /*part6*/
  .part6{padding-bottom: 170px;}
  .part6 h2{background-position:-335px -1203px;width: 1221px;height: 104px;}
  .p5box1{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/p5box1.png) no-repeat;width: 1200px;height: 678px;position: relative;}
  .p1btnt6{background-position: -1307px -36px;width: 293px;height: 80px;position: absolute;top: 375px;left: 375px;}
  .p1btnt6.grey{background-position:-1616px -36px;}
  .p1btnt7{background-position:-1074px -202px;width: 330px;height: 90px;position: absolute;top: 544px;left: 780px;}
  
  .postse{font-size: 24px;color: #fff8c6;text-align: center;line-height: 1.1;padding-bottom: 22px;}
  .p6list li{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/p4box4.png) no-repeat;background-size: 100% auto;width: 230px;height: 200px;position: relative;margin: 0 31px;}
  .p6list li em{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/time.png) no-repeat;width: 101px;height: 25px;font-size: 20px;color: #042a58;text-align: center;line-height: 25px;position: absolute;top: 6px;left: 50%;transform: translateX(-50%);}
  .p6list li p{font-size: 18px;color: #ffffff;text-align: center;line-height: 20px;position: absolute;bottom: 15px;width: 100%;}
  .txts4{font-size: 20px;color: #a9d6db;text-align: center;line-height: 1.1;padding-top: 30px;}
  .p1btnt8{background-position: -1434px -179px;width: 480px;height: 131px;margin: 35px auto 0;}
  .p6boxs1{position: relative;}
  .jdbox{width: 1196px;height: 10px;background:url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/jdbox.png) no-repeat;position: absolute;top: 93px;left: 50%;transform: translateX(-50%);}
  .jdbox p{background:url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/jdbox1.png) no-repeat;height: 10px;}
  /*弹窗*/
  .dialog{position: relative;display: none;margin: 0 auto;box-sizing: border-box;}
  .dialog{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/pop1.png) no-repeat;width: 605px;height: 337px; padding: 20px;background-size: 100% 100%;}
  .popgy{display: table;width: 530px;height:300px;margin: 0 auto;}
  .popgy p{vertical-align:middle;display:table-cell;font-size: 22px;color: #ffffff;text-align: center;line-height: 1.2;}
  .dia-close{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/close.png) no-repeat;width: 41px;height: 41px;position: absolute;top: -45px;right: 0;}
  .pop1{background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20240924/images/pop1.png) no-repeat;width:720px;height: 740px; padding: 29px 30px;background-size: 100% 100%;}
  .popjlse{background-color: rgba(33,74,87,0.5);}
  .popjlse th{font-size: 24px;color: #ffe583;text-align: center;line-height: 1.1;height: 56px;width: 348px;border: 1px solid #2f758c;}
  .popjlse td{font-size: 20px;color: #a5cad5;text-align: center;line-height: 1.1;height: 56px;width: 348px;border: 1px solid #2f758c;}


  [v-cloak] {
    visibility: hidden;
  }
  .grey {
    pointer-events: none;
  }