.fr-head {
  width: 100%;
  height: 0.8rem;
  background: rgba(22, 25, 25, 0.85);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1000;
}

.fr-head:after {
  content: "";
  display: block;
  width: 2.55rem;
  height: 0.07rem;
  background: rgba(22, 25, 25, 0.85);
  position: absolute;
  bottom: -0.07rem;
  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%);
}

.fr-head .head-logo {
  display: block;
  width: 2.53rem;
  height: 1.14rem;
  background: url(//game.gtimg.cn/images/warframe/logo.png) no-repeat center 0.06rem;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 100;
  cursor: pointer;
}

.fr-head .icon-curr {
  display: none;
  width: 0.47rem;
  height: 0.15rem;
  background: url(//game.gtimg.cn/images/warframe/nav-active.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.55rem;
  left: 1.47rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

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

.fr-head .icon-curr--1 {
  -webkit-transform: translateX(1.86rem);
          transform: translateX(1.86rem);
}

.fr-head .icon-curr--2 {
  -webkit-transform: translateX(6.71rem);
          transform: translateX(6.71rem);
}

.fr-head .icon-curr--3 {
  -webkit-transform: translateX(8.57rem);
          transform: translateX(8.57rem);
}

.fr-head .head-bang {
  display: block;
  width: 1.2rem;
  height: 0.8rem;
  text-align: center;
  font-size: 0.18rem;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  color: rgba(1, 1, 1, 0.75);
  background: url(//game.gtimg.cn/images/warframe/bang.png) no-repeat;
  background-size: cover;
  z-index: 999;
}

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

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

.fr-head .head-bang--down {
  background: url(//game.gtimg.cn/images/warframe/nav-down.png) no-repeat;
  background-size: 100%;
  right: 1.2rem;
}

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

.fr-head .user-unlogin {
  margin-right: 0.5rem;
  color: #a9abab;
  font-size: 0.18rem;
  line-height: 0.8rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

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

.fr-head .user-logined {
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  height: 0.8rem;
}

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

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

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

.fr-head .user-avator {
  display: block;
  width: 0.28rem;
  height: 0.28rem;
  border: 0.04rem solid #505657;
  border-radius: 50%;
  float: left;
  margin-top: 0.23rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.fr-head .user-name {
  display: inline-block;
  margin-left: 0.09rem;
  margin-top: 0.3rem;
  max-width: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.fr-head .user-out {
  display: block;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 1.28rem;
  height: 0.38rem;
  background: #0d0d0d;
  color: #a9abab;
  font-size: 0.16rem;
  line-height: 0.38rem;
  text-align: center;
  position: absolute;
  top: 0.72rem;
  border-radius: 0.06rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  transition: all .3s;
}

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

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

.fr-head .nav {
  font-size: 0.2rem;
  width: 10.4rem;
  height: 0.8rem;
  margin: 0 auto;
  position: relative;
}

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

.fr-head .nav-item:nth-child(2) {
  margin-right: 3rem;
}

.fr-head .nav-item > a:after {
  content: "";
  display: none;
  width: 0.47rem;
  height: 0.15rem;
  background: url(//game.gtimg.cn/images/warframe/nav-active.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.51rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

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

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

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

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

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

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

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

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

.fr-head .nav-name {
  color: #fff;
  display: block;
  width: 100%;
  height: 0.79rem;
  line-height: 0.79rem;
  letter-spacing: 0.02rem;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-size: 0.2rem;
}

.fr-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: 0.28rem 0;
  display: none;
  width: 2.5rem;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.fr-head .nav-subnav > a {
  font-size: 0.18rem;
  color: #fff;
  display: block;
  width: 100%;
  height: 0.3rem;
  line-height: 0.3rem;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-bottom: 0.17rem;
}

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

.fr-head-box{
  width: 12rem;
  margin: 0 auto;
  position: relative;
  z-index: 99;
}
.fr-head-box .box-btn {
  position: absolute;
  top: 7.55rem;
  left: 50%;
  -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;
}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;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
/* basic */
.c:before,.c:after{content:"";display:tadble;}
.c:after{clear:both;}
.c{zoom:1;}
body{background-color:#201214;overflow-x: hidden;}
a {text-decoration:none;}

.container{width:auto;margin:0 auto;}
.hide{display:block;width:0;height:0;overflow:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.db{display:block;text-indent:-999em;}
.fl{float:left;}
.fr{float:right;}
.flex{display: flex; justify-content: space-evenly;}

body { 
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
  -webkit-overflow-scrolling: touch;
  }
@font-face {
	font-family:'font';
	src: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/syht.ttf);
}
@font-face {
	font-family:'rui';
	src: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/rui.ttf);
}
.flex{display: flex; justify-content: space-evenly;}
.gray{filter: grayscale(1);}
a:hover.gray{filter: grayscale(1);}

.login {font-size:24px;color: #fff;text-align: center;bottom:0px;position: absolute;width: 100%;z-index: 11;}
.login a {color: #ffeca9; text-decoration: underline;}

.join{width:2.62rem; height:1.22rem;  position: absolute; top: 0.5rem; left:1rem; border: 0rem solid red;}

.fr-wrap{
background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/bg3.jpg) no-repeat; background-size: 100% auto;  background-attachment: fixed;
}

/* footer */
#afooter{text-align:center;line-height:0.3rem;color:#ffffff90;background-color:#000;padding:0.4rem 0; font-size: 0.18rem;}
#afooter a{ color:#ffffff90;}
/* .wrap {background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/hd.jpg)no-repeat 50% 0,url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/bg.jpg)no-repeat 50% 0; padding-bottom: 40px; background-size: 100% auto;} */
/* .wrap {  margin: 0 auto; background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/bg.jpg)no-repeat 50% 0;background-size: 100% auto; padding-bottom: 1rem;} */

.fr-head1 {height:10.80rem;position: relative;}
.info{width: 100%; height: auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%);z-index: 1;}
.info img{width: 100%;height: auto; display: block;}

.nav-box{z-index: 99;  position: absolute;  width: auto; height: 0.63rem;   top:0.1rem; left: 50%; transform: translateX(-50%); }
.nav-box a{ display: inline-block; margin: 0.7rem 0.5rem 0; height: 0.63rem;   box-sizing: border-box;  text-align: center; color: #fff; font-size: 0.18rem; line-height:4;  }
.nav-box a.cur{ background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/navon.png) no-repeat center bottom; background-size: auto 0.05rem;}

.btn-t{ position: fixed; width: 100%; background: #00000070; top: 0; display: flex; justify-content: center; align-items: center;}


.tab-box1{width: 100%; height: auto;background: #00000070; position: absolute; top: .89rem; left: 50%; transform: translateX(-50%);z-index: 99; }
.tab-box1 a{font-size: 0.3rem; margin: 0 4rem; line-height: 2;	font-family:'rui'; color: #fff; text-align: center;  display: block; z-index: 100;}
.cor1{ text-shadow: 0 0 5px #4dff88, 0 0 20px #00ff41, 0 0 30px #00ff41 }
.cor2{ text-shadow: 0 0 10px rgba(255, 0, 0, 0.8), 0 0 20px rgba(255, 0, 0, 0.6), 0 0 30px rgba(0, 0, 0, 0.8); }


.slg{width:9.15rem;height: auto; bottom:1.4rem; left: 50%; transform: translateX(-50%); z-index: 2;} 
.slg img{width:100%;height: auto; display: block;}
.fg{width: 19.2rem; height: auto; position: absolute; z-index: 2; top: -1.3rem; left: 50%; transform: translateX(-50%);}

.task{width: 19.2rem; margin: 0 auto; height: 10rem;}
.tab-box2{width: 43%; justify-content: start; height: auto; position: absolute; top: 4.9rem; left: 37%; transform: translateX(-50%); z-index: 2; }
.tab-box2 a{ width: 1.7rem; height: auto;  display: block;  margin: 0 0.1rem;}
.tab-box2 a img{width: 100%;height: auto; display: block;}
.a1{width: 8.51rem; height: auto; position: absolute; z-index: 2; top: 2.67rem; left: 37%; transform: translateX(-50%);}

.info2{width: 100%; height: auto; position: absolute; top: -1.2rem; left: 50%; transform: translateX(-50%);z-index: 1;}
.info2 img{width: 100%;height: auto; display: block;}

.tit3{width: 17.35rem; height: auto; margin: 0 auto; display: block;}
.con3{width: 19.2rem;  box-sizing: border-box; padding-top: 1rem; }
.pic0{width: 17.35rem; height: auto; margin: 0.4rem auto; display: block;}
.pic3-2{width: 18.18rem;left: 50%; transform: translateX(-50%); position: relative;}



.g-btn-more{width: 2.38rem; height:.77rem; left:20%; transform: translateX(-50%);top: 5.2rem; background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/btn1.png) no-repeat; background-size: 100% auto; position: absolute;  }

/* 4 */
.pic4-1{width: 15.86rem; height: 6.6rem; margin: 0.3rem auto; box-sizing: border-box; background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/pic4_1.png) no-repeat; background-size: 100% auto; }
.pic4-2{width: 15.86rem; height: 8rem; margin: 0.3rem auto 0; box-sizing: border-box; background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/pic4_2.png) no-repeat; background-size: 100% auto; }
.pic4-2 a{left: 80%;}
.btn_more:hover{transition: all 0.3s ease-in-out; filter: brightness(1.4);}
.btn-top:hover{transition: all 0.3s ease-in-out; filter: brightness(1.4);}
.lb-box{width: 90%; height: 6.6rem; margin: 0.2rem auto; position: relative;}

.swiper-container { width: 9.11rem; height: 6.58rem; margin: 0; }
.swiper-slide { height: 100%; width: 100%; }
.swiper-slide img { display: block; width: 100%; height: auto;  margin: 0 auto;}
/* .swiper-pagination-bullet-active { backgtop: 40%;round: #007aff; } */
.swiper-button-next{ width: 0.54rem; top: 88%; right: 27%; height: .48rem; transform: scaleX(-1); background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/arr.png) no-repeat; background-size: 100% auto;}
.swiper-button-prev{ width: 0.54rem;top: 88%; left: 27%; height: 0.48rem; background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/arr.png) no-repeat; background-size: 100% auto;}
.swiper-pagination-bullet{  width: 0.33rem; height: 0.33rem;  margin: 0 0.3rem; opacity: 0.5; background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/bot1.png) no-repeat; background-size: 100% auto;}
.swiper-pagination-bullet-active{ width: 0.33rem; height: 0.33rem; opacity: 1; background: url(//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20260608/images/bot1.png) no-repeat; background-size: 100% auto;}

.pic3-3{width: 7.28rem; height: auto; right: 0.8rem; top: 0.8rem; display: block;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width: 40%; left: 50%; transform: translateX(-50%); margin: 0 auto;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.1rem;}

.swiper-button-next, .swiper-button-prev{margin-top: 0 !important;}