.nav_box {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 2560px;
  height: 1rem;
  z-index: 100;
}
.nav_box .nav_active_i {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.49rem;
  height: 0.86rem;
  background: url('../img/page1/nav_active.png') center / contain no-repeat;
  transition: left 0.3s ease;
  pointer-events: none;
}
.nav_box .nav_item {
  position: absolute;
  top: 0.47rem;
  display: flex;
  align-items: center;
  gap: 0.08rem;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.2s;
}
.nav_box .nav_item:hover,
.nav_box .nav_item.on {
  opacity: 1;
}
.nav_box .nav_item span {
  font-size: 0.22rem;
  color: #fff;
  white-space: nowrap;
  line-height: 1;
}
.nav_box .nav_item .nav_arrow_i {
  width: 0.15rem;
  height: 0.09rem;
  background: url('../img/page1/nav_arrow.png') center / contain no-repeat;
  transition: transform 0.3s ease;
}
.nav_box .nav_item:nth-child(2) {
  left: 0.97rem;
}
.nav_box .nav_item:nth-child(3) {
  left: 2.67rem;
}
.nav_box .nav_item:nth-child(4) {
  left: 4.4rem;
}
.nav_box .nav_item:nth-child(5) {
  left: 6.29rem;
}
.nav_box .nav_item:nth-child(6) {
  left: 7.75rem;
}
.nav_box .nav_item:nth-child(7) {
  left: 9.03rem;
}
.nav_box .nav_item:nth-child(8) {
  left: 10.31rem;
}
.nav_box .nav_item.on .nav_arrow_i {
  transform: rotate(180deg);
}
.nav_box .nav_item .nav_sub_menu {
  position: absolute;
  top: 0.35rem;
  left: 50%;
  transform: translateX(-60%);
  overflow: hidden;
  max-height: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.1rem;
  padding: 0;
  transition: max-height 0.3s ease, padding 0.3s ease;
  white-space: nowrap;
  pointer-events: none;
}
.nav_box .nav_item .nav_sub_menu .nav_sub_item {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  line-height: 1;
  width: 0.7rem;
  height: 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.17rem;
  transition: color 0.2s, background 0.2s;
}
.nav_box .nav_item .nav_sub_menu .nav_sub_item:hover {
  color: rgba(255, 255, 255, 0.8);
}
.nav_box .nav_item .nav_sub_menu .nav_sub_item.on {
  color: #fff;
  background: url('../img/page1/nav_text_hover.png') center / contain no-repeat;
}
.nav_box .nav_item .nav_sub_menu .nav_sub_dot {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background: #fff;
  flex-shrink: 0;
}
.nav_box .nav_item.on .nav_sub_menu {
  max-height: 0.5rem;
  padding: 0.04rem 0;
  pointer-events: auto;
}
.nav_box .top_right_box {
  position: absolute;
  top: 0;
  right: 0.29rem;
  z-index: 100;
  display: flex;
  align-items: center;
  overflow: visible;
}
.nav_box .top_right_box .social_box {
  display: flex;
  align-items: center;
  gap: 0.37rem;
  margin-right: 0rem;
  overflow: visible;
  transform: scale(0.8);
}
.nav_box .top_right_box .social_box .social_item {
  position: relative;
  display: block;
  flex-shrink: 0;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: width 0.2s ease, height 0.2s ease, margin 0.2s ease;
  z-index: 1;
}
.nav_box .top_right_box .social_box .social_item:hover {
  z-index: 20;
}
.nav_box .top_right_box .social_box .social_item .qrcode_tip {
  display: none;
  position: absolute;
  top: 0.4rem;
  left: 50%;
  transform: translateX(-42%);
  width: 1.78rem;
  height: 2.36rem;
  z-index: 30;
  background: url('../img/social/qrcode_tip_bg.png') center / contain no-repeat;
  flex-direction: column;
  align-items: center;
  padding: 0.77rem 0.2rem 0.2rem;
  box-sizing: border-box;
}
.nav_box .top_right_box .social_box .social_item .qrcode_tip .qrcode_img {
  width: 1.2rem;
  height: 1.2rem;
  object-fit: contain;
  border-radius: 0.06rem;
  flex-shrink: 0;
  transform: translateX(-0.1rem);
}
.nav_box .top_right_box .social_box .social_item .qrcode_tip .qrcode_label {
  margin-top: 0.1rem;
  font-size: 0.17rem;
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
  line-height: 1;
  transform: translateX(-0.08rem);
}
.nav_box .top_right_box .social_box .social_item:hover .qrcode_tip {
  display: flex;
}
.nav_box .top_right_box .social_box .social_weixin {
  width: 0.5rem;
  height: 0.39rem;
  background-image: url('../img/social/social_weixin.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_weixin:hover {
  width: 0.92rem;
  height: 0.96rem;
  margin: -0.285rem -0.21rem;
  background-image: url('../img/social/social_weixin_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_qiyeweixin {
  width: 0.5rem;
  height: 0.41rem;
  background-image: url('../img/social/social_qiyeweixin.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_qiyeweixin:hover {
  width: 0.9rem;
  height: 0.95rem;
  margin: -0.27rem -0.2rem;
  background-image: url('../img/social/social_qiyeweixin_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_taptap {
  width: 0.46rem;
  height: 0.46rem;
  background-image: url('../img/social/social_taptap.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_taptap:hover {
  width: 1rem;
  height: 1.06rem;
  margin: -0.3rem -0.27rem;
  background-image: url('../img/social/social_taptap_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_douyin {
  width: 0.37rem;
  height: 0.41rem;
  background-image: url('../img/social/social_douyin.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_douyin:hover {
  width: 0.71rem;
  height: 0.97rem;
  margin: -0.28rem -0.17rem;
  background-image: url('../img/social/social_douyin_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_xiaohongshu {
  width: 0.67rem;
  height: 0.27rem;
  background-image: url('../img/social/social_xiaohongshu.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_xiaohongshu:hover {
  width: 1.03rem;
  height: 0.85rem;
  margin: -0.29rem -0.18rem;
  background-image: url('../img/social/social_xiaohongshu_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_bilibili {
  width: 0.47rem;
  height: 0.42rem;
  background-image: url('../img/social/social_bilibili.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_bilibili:hover {
  width: 0.81rem;
  height: 0.97rem;
  margin: -0.275rem -0.17rem;
  background-image: url('../img/social/social_bilibili_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_weibo {
  width: 0.49rem;
  height: 0.43rem;
  background-image: url('../img/social/social_weibo.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_weibo:hover {
  width: 0.83rem;
  height: 0.97rem;
  margin: -0.27rem -0.17rem;
  background-image: url('../img/social/social_weibo_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .music_btn {
  width: 0.75rem;
  height: 0.7rem;
  cursor: pointer;
}
.nav_box .top_right_box .music_btn.music_on {
  background: url('../img/page1/music_on.png') center / contain no-repeat;
}
.nav_box .top_right_box .music_btn.music_on:hover {
  background-image: url('../img/page1/music_on_hover.png');
}
.nav_box .top_right_box .music_btn.music_off {
  background: url('../img/page1/music_off.png') center / contain no-repeat;
}
.nav_box .top_right_box .music_btn.music_off:hover {
  background-image: url('../img/page1/music_off_hover.png');
}
.nav_box .top_right_box .reserve_float_btn {
  width: 1.27rem;
  height: 1.12rem;
  background: url('../img/page1/reserve_float_btn.png') center / contain no-repeat;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.nav_box .top_right_box .reserve_float_btn:hover {
  background: url('../img/page1/reserve_float_btn_hover.png') center / contain no-repeat;
}
.nav_box .top_right_box .reserve_float_btn:hover span {
  opacity: 1;
}
.nav_box .top_right_box .reserve_float_btn span {
  font-size: 0.22rem;
  color: #fff;
  pointer-events: none;
  opacity: 0.8;
}
@media screen and (min-width: 2561px) and (min-height: 1441px) {
  .nav_box {
    max-width: 3840px;
  }
}
@font-face {
  font-family: 'AaKaiTi';
  src: url('//media.zlongame.com/media/pictures/cn/7jiemt/data/FangZhengKaiTiJianTi.woff');
  font-weight: normal;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
i {
  display: block;
  font-style: normal;
}
html,
body {
  width: 100%;
  height: 100%;
  background-color: #000;
  font-family: 'AaKaiTi', 'SimKai', serif;
}
a {
  display: block;
  text-decoration: none;
}
.tag_gonggao {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/tag_gonggao.png') center / contain no-repeat;
}
.tag_zixun {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/tag_zixun.png') center / contain no-repeat;
}
.tag_shiyi {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/tag_shiyi.png') center / contain no-repeat;
}
.newslist_page {
  margin: 0 auto;
  max-width: 2560px;
  position: relative;
  width: 100%;
  height: 14.4rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/bg.jpg') center / cover no-repeat;
  overflow: hidden;
  font-family: 'AaKaiTi', 'SimKai', serif;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.newslist_page .title_deco_i {
  position: absolute;
  left: 2.44rem;
  top: 2.2rem;
  width: 1.05rem;
  height: 5.07rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/title_deco.png') center / contain no-repeat;
}
.newslist_page .news_content {
  margin-top: 2.23rem;
  width: 15.2rem;
  height: 12.17rem;
}
.newslist_page .news_content .news_nav {
  display: flex;
  height: 0.41rem;
  align-items: center;
  position: relative;
}
.newslist_page .news_content .news_nav::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6.77rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.18);
}
.newslist_page .news_content .news_nav .nav_tab {
  width: 1.06rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  font-size: 0.22rem;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.03rem;
  user-select: none;
}
.newslist_page .news_content .news_nav .nav_tab.on::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1.25rem;
  height: 0.31rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/tab_active.png') center / contain no-repeat;
}
.newslist_page .news_content .news_nav .nav_tab.on {
  color: #fff;
}
.newslist_page .news_content .news_nav .nav_tab:not(.on):hover {
  color: rgba(255, 255, 255, 0.75);
}
.newslist_page .news_content .settop_area {
  display: flex;
  gap: 0.2rem;
  margin-top: 0.38rem;
  min-height: 0;
}
.newslist_page .news_content .settop_area .settop_card {
  position: relative;
  width: 7.55rem;
  height: 2.59rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/settop_card_bg.png') center / contain no-repeat;
  cursor: pointer;
  flex-shrink: 0;
}
.newslist_page .news_content .settop_area .settop_card .card_head {
  position: absolute;
  top: 0.19rem;
  left: 0.29rem;
  right: 3.4rem;
  display: flex;
  align-items: center;
}
.newslist_page .news_content .settop_area .settop_card .card_head .card_tag {
  flex-shrink: 0;
  width: 0.81rem;
  height: 0.43rem;
}
.newslist_page .news_content .settop_area .settop_card .card_head .card_title {
  max-width: 4rem;
  display: inline-block;
  margin-left: 0.14rem;
  font-size: 0.22rem;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.37rem;
  flex-shrink: 0;
}
.newslist_page .news_content .settop_area .settop_card .card_head .settop_badge_i {
  margin-left: 0.1rem;
  flex-shrink: 0;
  width: 0.39rem;
  height: 0.34rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/settop_badge.png') center / contain no-repeat;
}
.newslist_page .news_content .settop_area .settop_card .card_time {
  position: absolute;
  right: 0.25rem;
  bottom: 2.11rem;
  font-size: 0.14rem;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}
.newslist_page .news_content .settop_area .settop_card .card_desc {
  position: absolute;
  left: 0.35rem;
  top: 0.84rem;
  right: 0.17rem;
  font-size: 0.18rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.newslist_page .news_content .settop_area .settop_card .card_detail_btn {
  position: absolute;
  left: 0;
  bottom: 0.29rem;
  width: 2.19rem;
  height: 0.3rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/detail_btn.png') center / contain no-repeat;
}
.newslist_page .news_content .settop_area .settop_card:hover .card_detail_btn {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/detail_btn_hover.png');
}
.newslist_page .news_content .settop_area .settop_card:hover {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/settop_card_bg_hover.png') center / contain no-repeat;
}
.newslist_page .news_content .news_list {
  margin-top: 0.22rem;
}
.newslist_page .news_content .news_list .news_row {
  display: flex;
  align-items: center;
  height: 1.17rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  text-decoration: none;
  cursor: pointer;
  position: relative;
  z-index: 0;
}
.newslist_page .news_content .news_list .news_row::before {
  content: '';
  position: absolute;
  top: 0;
  left: -0.2rem;
  right: -0.2rem;
  bottom: 0;
  z-index: -1;
  border-radius: 0.08rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  background: linear-gradient(90deg, rgba(42, 47, 58, 0) 0%, rgba(42, 47, 58, 0.55) 12%, rgba(42, 47, 58, 0.55) 88%, rgba(42, 47, 58, 0) 100%);
}
.newslist_page .news_content .news_list .news_row:hover::before {
  opacity: 1;
}
.newslist_page .news_content .news_list .news_row .row_tag {
  flex-shrink: 0;
  width: 0.81rem;
  height: 0.43rem;
}
.newslist_page .news_content .news_list .news_row .row_txt {
  flex: 1;
  min-width: 0;
  margin-left: 0.09rem;
}
.newslist_page .news_content .news_list .news_row .row_txt .row_title {
  font-size: 0.22rem;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
.newslist_page .news_content .news_list .news_row .row_txt .row_desc {
  margin-top: 0.06rem;
  font-size: 0.14rem;
  color: rgba(255, 255, 255, 0.55);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newslist_page .news_content .news_list .news_row .row_right {
  align-self: stretch;
  flex-shrink: 0;
  width: 2.41rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 0.15rem;
  padding-bottom: 0.21rem;
}
.newslist_page .news_content .news_list .news_row .row_right .row_time {
  font-size: 0.14rem;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  margin-bottom: 0.12rem;
}
.newslist_page .news_content .news_list .news_row .row_right .row_detail_btn {
  width: 2.41rem;
  height: 0.3rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/detail_btn_list.png') center / contain no-repeat;
}
.newslist_page .news_content .news_list .news_row:hover .row_right .row_detail_btn {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/newslist/detail_btn_list_hover.png');
}
.newslist_page .news_content .news_list .news_row:hover .row_title {
  color: rgba(255, 255, 255, 0.85);
}
.newslist_page .news_content .pager_box {
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.48rem;
}
.newslist_page .news_content .pager_box .btn_page {
  font-size: 0.22rem;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  letter-spacing: 0.02rem;
  user-select: none;
}
.newslist_page .news_content .pager_box .btn_page:hover {
  color: rgba(255, 255, 255, 0.9);
}
.newslist_page .news_content .pager_box .btn_num {
  width: 0.27rem;
  height: 0.27rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  user-select: none;
}
.newslist_page .news_content .pager_box .btn_num.cur {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.12);
}
.newslist_page .news_content .pager_box .btn_num:not(.cur):hover {
  color: rgba(255, 255, 255, 0.9);
}
.newslist_page .news_content .pager_box .page_text {
  font-size: 0.18rem;
  color: rgba(255, 255, 255, 0.5);
  user-select: none;
}
.newslist_page .news_content .pager_box .page_text.go_page {
  cursor: pointer;
}
.newslist_page .news_content .pager_box .page_text.go_page:hover {
  color: rgba(255, 255, 255, 0.9);
}
.newslist_page .news_content .pager_box .page_input {
  width: 0.4rem;
  height: 0.27rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  font-size: 0.18rem;
  font-family: 'AaKaiTi', 'SimKai', serif;
  text-align: center;
  outline: none;
}