@charset "utf-8";
@font-face {
  font-family: "fz";
  src: url('../fonts/fz.ttf');
}
body{ position: relative; margin:0; padding:0; font-size:14px; font-family:"黑体","Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none; background:#b0b9c0; overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
*{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"黑体","Microsoft Yahei",Arial, Helvetica, sans-serif; text-decoration:none; outline:none; cursor:pointer;}
a:hover{ text-decoration:none;}

/* .wrap{ position: relative; width: 25.6rem;} */
.wrap{max-width: 25.6rem;margin:0 auto;position: relative;}
/* news==================== */
/* head */
.news-bg-head{ background: url(../images/head-bg.jpg) no-repeat center top #0e121d; background-size: 100% auto;}
.news-bg-head .section-head{ position: relative; height: 8.68rem;}
.logo{ position: absolute; left: .58rem; top: .5rem; width: 1.25rem; height: 1.12rem; background: url(../images/logo.png); background-size: 100% auto;}
.btn-main{ position: absolute; right: .58rem; top: .4rem; width: 2.58rem; height: .73rem; background: url(../images/btn-main.png); background-size: 100% auto;}
.bread-box{ position: absolute; left: 6.24rem; top: 7.67rem; width: 12.86rem; height: 0.42rem; font-family: "fz"; font-size: .32rem; line-height: .42rem; color: #fff;}
.bread-box a{ font-family: "fz"; color: #fff;}
/* cont */
.section-cont{ width: 25.6rem; padding-bottom: 1.3rem; background: url(../images/bot-bg.jpg) no-repeat center bottom; background-size: 100% auto;}
.news-title{ width: 17.7rem; height: .8rem; margin-left: 4.7rem; padding-left: 1.52rem; box-sizing: border-box; font-family: "fz"; font-size: .66rem; line-height: .66rem; color: #fff; background: url(../images/news-title-bg.png) left top no-repeat; background-size: auto 100%; overflow: hidden;}
.article-box{ width: 12.75rem; margin-left: 6.34rem; padding: .9rem 0 0;font-family: "宋体";}
.time-tag{ height: .28rem; font-family: "fz"; font-size: .24rem; overflow: hidden;}
.time-tag p{ float: left; color: #bdbdbd; line-height: .26rem;}
.time-tag span{ float: left; width: .78rem; height: .24rem; margin-left: 0rem; line-height: .24rem; color: #4fa3ff; text-align: center; border: .01rem solid #00BFFF;}
.time-ts span{ float: left; width: .78rem; height: .24rem; margin-left: 0rem; line-height: .24rem; color: #4fa3ff; text-align: center; border: .01rem solid #4fa3ff;}
.article{ padding-top: .1rem;}
.article,.article p{ font-size: .2rem; line-height: .3rem; color: #bdbdbd;}
.article,.article p,.article span{ white-space: normal!important; word-wrap: break-word;}
.article a{ text-decoration: underline;}
.article img{ max-width: 12.75rem;}
.small-title{ display: block; width: 14rem; height: .44rem; margin-left: -1.25rem; padding-left: 1.25rem; box-sizing: border-box; font-size: .32rem; line-height: .32rem; color: #7db7ff; background: url(../images/small-title-bg.png) no-repeat 0 0; background-size: auto 100%; overflow: hidden;}

/* .about-box{  height: 2.24rem; margin: 4rem auto 0; background: url(../images/about-bg.png) no-repeat center bottom; background-size: 100% auto;} */
.about-box {
  height: 2.24rem;
  margin: 0 auto; /* 移除顶部外边距 */
  background: url(../images/about-bg.png) no-repeat center bottom;
  background-size: 100% auto;
  position: relative; /* 确保不影响其他布局 */

}

.about-box .about-title{ display: block; height: 0.25rem; margin: 0 auto;}
.about-box .about-info{ margin-top: .3rem; font-size: .2rem; line-height: .32rem; color: #486993; text-align: center;}
.bot-sns{ display: flex; width: 100%; height: 0.35rem; margin-top: 0.18rem; justify-content: center;}
.bot-sns li{ position: relative; width: .33rem; height: .35rem; margin: 0 .2rem; z-index: 2;}
.bot-sns li .icon-sns{ display: block; width: .33rem; height: .35rem; cursor: pointer;}
.sns-weibo{ background: url(../images/sns-weibo.png); background-size: 100% auto;}
.sns-weibo:hover{ background: url(../images/sns-weibo-hover.png); background-size: 100% auto;}
.sns-bilibili{ background: url(../images/sns-bilibili.png); background-size: 100% auto;}
.sns-bilibili:hover{ background: url(../images/sns-bilibili-hover.png); background-size: 100% auto;}
.sns-dy{ background: url(../images/sns-dy.png); background-size: 100% auto;}
.sns-dy:hover{ background: url(../images/sns-dy-hover.png); background-size: 100% auto;}
.sns-gzh{ z-index: 1; background: url(../images/sns-gzh.png); background-size: 100% auto;}
.sns-gzh:hover{ background: url(../images/sns-gzh-hover.png); background-size: 100% auto;}
.sns-pop{ display: none; position: absolute; width: 5rem; left: 50%; transform: translate3d(-50%,0,0); top: -2.7rem;}
.bot-sns li:hover .sns-pop{ display: block;}

.btn-gototop{ display: none; position: fixed; right: 4.5rem; bottom: 0; z-index: 5; width: 1.16rem; height: 3.15rem; background: url(../images/btn-gototop.png); background-size: 100% auto; cursor: pointer;}
samp.time-ts {
  /* float: left; */
  /* width: .78rem; */
  /* height: .24rem; */
  margin-left: 0rem;
  line-height: .24rem;
  color: #69c97f;
  text-align: center;
  border: .01rem solid #FFEB3B;
  display: inline-block;
  box-sizing: border-box;
  font-style: normal;
  font-weight: normal;
  font-family: "fz";
}

samp.time-ty {
  /* float: left;  */
  /* width: .78rem; */
  height: .24rem;
  margin-left: 0rem;
  line-height: .24rem;
  color: #ffffff;
  text-align: center;
  /* border: .01rem solid #b90d1c; */
  display: inline-block;
  box-sizing: border-box;
  font-style: normal;
  font-weight: normal;
  font-family: "fz";
  font-size: .3rem;
}

samp.time-xz {
  /* width: .78rem; */
  height: .24rem;
  margin-left: 0rem;
  line-height: .24rem;
  color: #ac0ec7;
  /*text-align: center;*/
  /* border: .01rem solid #04ca2f; */
  display: inline-block;
  box-sizing: border-box;
  font-style: normal;
  font-weight: normal;
}

samp.time-cw {
  /* width: .78rem; */
  height: .24rem;
  margin-left: 0rem;
  line-height: .24rem;
  color: #FF5722;
  /* text-align: center;
  border: .01rem solid #FFEB3B; */
  display: inline-block;
  box-sizing: border-box;
  font-style: normal;
  font-weight: normal;
}

.skill-indent {
  display: inline-block;
  padding-left: 5em;
}

.skills-list {
  display: none;
  padding-left: 2em;
}

.faction h3 {
  cursor: pointer;
  color: #007BFF;
  text-decoration: none;
}

.arrow {
  display: inline-block;
  transition: transform 0.3s ease, color 0.3s ease;
  margin-right: 0.5em;
  color: #FFD700;
}

.arrow.open {
  transform: rotate(90deg);
}

.time-tag span {
  cursor: pointer;
  color: #e9e62a;
  margin-right: 20px;
  text-decoration: none;
}

.time-tag span:hover {
  text-decoration: none;
}

.description {
  display: none;
}

.time-tag span {
  cursor: pointer;
  color: #FFD700;
  /* 金色文本 */
  margin-right: 20px;
  text-decoration: none;
  border: 1px solid #00BFFF;
  /* 亮蓝色边框 */
  padding: 1px;
  transition: background-color 0.3s, color 0.3s;
  display: inline-block;
}

.time-tag span:hover {
  background-color: #555555;
  color: #FFFFFF;
}

/* .role_cont{width: 100%;height: 100%;position: relative;}
.rel{width: 1300px;height:100%;margin:0 auto;position: relative;}

.zhiye-tab a{position: absolute;display: block;width: 89px;height: 89px;text-indent: -9999px;background-repeat: no-repeat;background-position: 0 0;cursor: pointer;z-index: 3;}
.zhiye-tab a:hover,.zhiye-tab a.on{background-position: 0 -89px;}
.zhiye-tab a.zhiye-tab1{left: 44px;top:270px;background-image: url(../images/zhiye-tab1.png);}
.zhiye-tab a.zhiye-tab2{right: 44px;top:270px;background-image: url(../images/zhiye-tab2.png);}
.zhiye-tab a.zhiye-tab3{left: 44px;top:622px;background-image: url(../images/zhiye-tab3.png);}
.zhiye-tab a.zhiye-tab4{right: 44px;top:622px;background-image: url(../images/zhiye-tab4.png);}
.tab_zu{position: absolute;width: 188px;height: 145px;z-index: 3;}
.tab_zu li{position: absolute;width: 45px;height: 44px;line-height: 44px;text-align: center;font-size: 14px;font-weight: bold;color: #81838b;background: url(../images/zhiye-tab.png) 0 0;cursor: pointer;}
.tab_zu li.on{background-position: 0 -44px;color: #fff;}
.tab_ren{top: 240px;left: -6px;}
.tab_shen{top: 593px;left: -6px;}
.tab_tian{top: 240px;right: -6px;}
.tab_cang{top: 593px;right: -6px;}

.r1{left: 21px;top:0;}
.r2{right: 21px;top:0;}
.r3{left: 0;top:50px;}
.r4{right: 0;top:50px;}
.r5{left: 21px;top:101px;}
.r6{right: 21px;top:101px;}
.role-pos{position: absolute;top:20px;left: -50px;}
.role-nieyu{left: -70px;}
.role-fenxiang{left: -70px;}
.role-guiwang{left: 70px;top:0;}
.role-guidao{left: -215px;top:55px;}
.role-tianyin{left: 120px;top:25px;}
.role-hehuan{left: -20px;top:30px;}
.role-guiyun{left: 10px;top:0;}
.role-huaying{left: 50px;top:80px;}
.role-qingluo{left: 120px;top:0;}
.role-yingzhao{left: 65px;top:80px;}
.role-pojun{left: -65px;top:0;}
.role-qianji{left: 90px;top:120px;}
.role-chenhuang{left: 180px;top:0;}
.role-tianhua{left: 0;top:70px;}
.role-huaiguang{left: 0;top:30px;}
.role-taihao{left: 124px;top:80px;}
.role-jiuli{left: -90px;top:60px;}
.role-lieshan{left: 10px;top:0;}
.role-zushuang{left: 80px;top:0;}
.role-jinglan{left: 10px;top:50px;}
.role-zaoming{left: -200px;top:60px;}
.role-nieyu{left: 140px;top:108px;}
.role-bailing{left: 10px;top:60px;}
.role-shiluo{left: -80px;top:0;}

.role_name{position: absolute;top:140px;left: 634px;width: 400px;font-size: 72px;color: #FFD700;}
.role_name span{font-size: 24px;}
.role_intro{position: relative;;top:234px;left: 634px;width: 400px;height:570px;padding-right: 15px;overflow-x: hidden;overflow-y: auto;font-size: 16px;z-index: 4;}
.role_intro p{padding: 6px 0;line-height: 30px;}
.btn-prev,.btn-next{position: absolute;top:430px;display: block;width: 54px;height: 97px;background-repeat: no-repeat;background-position: center;z-index: 33;}
.btn-prev{left:80px;background-image: url(../images/prev.png);}
.btn-next{right:80px;background-image: url(../images/next.png);}
.page3-shade{left:-310px;top:0;} */