@font-face {
	font-family: 'sourceHanSans';
	src: url(https://game.gtimg.cn/images/xjlxg/web202504/sourceHanSans.ttf);
}
@font-face {
	font-family: 'fz';
	src: url(https://game.gtimg.cn/images/xjlxg/web202504/fz.ttf);
}
.loading-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,1);
	z-index: 999;
}
.pos-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.loading-wrapper .text {
	font-size: 0.2rem;
	text-align: center;
	color: #fff;
	font-family: '\5FAE\8F6F\96C5\9ED1',sans-serif;
	letter-spacing: 1px;
	margin-top: .08rem;
}
  
.loading-wrapper .process-number {
  min-width: .44rem;
  display: inline-block;
  letter-spacing: 0;
}

.loading-wrapper .loading-icon {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/logo.png);
  background-size: contain;
  width: 2.19rem;
  height: .85rem;
}
.ellipsis-line2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: justify;
  -webkit-line-clamp: 2;
}

body {
  background: #000;
  font-size: .3rem;
  font-family: Microsoft YaHei;
}

html,
body,
.page {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.hide {
  opacity: 0 !important;
}
.show {
  opacity: 1 !important;
}
.main-content {
  display: none;
  height: 100%;
}

.wraper {
  position: relative;
  margin: 0 auto;
  width: 100vw;
  height: 100%;
  overflow: hidden;
}

.global-swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  /* display: none; */
}

.header {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1.61rem;
  z-index: 100;
}

.logo {
  position: absolute;
  left: 0.51rem;
  top: 0.24rem;
  width: 1.65rem;
  height: 0.64rem;
}

.icon-logo {
  width: 1.65rem;
  height: 0.64rem;
}

.btn-list {
  position: absolute;
  top: 0.5rem;
  right: 0.55rem;
  display: flex;
  justify-content: space-between;
}

.fixed-links {
  display: flex;
  z-index: 9;
  align-items: center;
}

.fixed-links a {
  display: block;
  width: 0.29rem;
  height: 0.29rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.32rem;
}

.fixed-links .fixed-link-bili {
  background-image: url('//game.gtimg.cn/images/xjlxg/web202504/m/fix-bilibili.png');
  margin-top: 0;
}

.fixed-links .fixed-link-dy {
  width: 0.25rem;
  background-image: url('//game.gtimg.cn/images/xjlxg/web202504/m/fix-dy.png');
}

.fixed-links .fixed-link-ks {
  width: 0.27rem;
  background-image: url('//game.gtimg.cn/images/xjlxg/web202504/m/fix-ks.png');
}

.fixed-links .fixed-link-wb {
  width: 0.32rem;
  height: 0.27rem;
  background-image: url('//game.gtimg.cn/images/xjlxg/web202504/m/fix-wb.png');
}

.fixed-links .fixed-link-taptap {
  width: 0.34rem;
  height: 0.19rem;
  background-image: url('//game.gtimg.cn/images/xjlxg/web202504/m/fix-taptap.png');
}

.fixed-links .fixed-link-kuaibao {
  height: 0.33rem;
  background-image: url('//game.gtimg.cn/images/xjlxg/web202504/m/fix-kuaibao.png');
}

.icon-menu {
  width: 0.36rem;
  height: 0.33rem;
  background-image: url(//game.gtimg.cn/images/xjlxg/web202504/m/ico-menu.png);
}

.login-wrap {
  position: absolute;
  right: 0.59rem;
  top: 1.03rem;
  font-size: 0.2rem;
  color: #fff;
}

.un_login {
  display: flex;
  margin-top: 0.1rem;
}

.un_login>a {
  display: block;
  width: 0.26rem;
  height: 0.33rem;
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/ico-login.png) no-repeat center;
  background-size: cover;
}

.login-wrap .role-info>a {
  color: #2af2ff;
}

.header-player {
  position: absolute;
  top: 1.78rem;
  right: 0.54rem;
  width: 0.4rem;
  height: 0.4rem;
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/ico-music-close.png') no-repeat;
  background-size: contain;
}

.header-player.playing {
  background-image: url('https://game.gtimg.cn/images/xjlxg/web202504/ico-music.png');
}


.main-content .arrow-down-warp {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0.2rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.2rem;
	color: #fff;
	z-index: 2;
	letter-spacing: 0.1rem;
  font-family: 'sourceHanSans';
}
.main-content .arrow-down-warp .arrow-down {
	display: block;
  width: 0.33rem;
  height: 0.45rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/arrow-theme.png);
	animation: arrow-d 2s infinite;
	background-size: cover;
	margin: 0 0.3rem;
}
@keyframes arrow-d {
	0% {
		transform: translateY(0) rotate(270deg);
	}
	50% {
		transform: translateY(-0.1rem) rotate(270deg);
	}
	100% {
		transform: translateY(0) rotate(270deg);
	}
}
.page-line {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/m/page-line.png) center no-repeat;
  background-size: contain;
}

/* 第一屏 start */

.kv-video {
  /* display: none; */
  width: 100vw;
  height: 100vh;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url('//game.gtimg.cn/images/xjlxg/web202504/m/kv-bg.jpg');
}

.scene-home {
  position: relative;
  background: #000;
}

.slogan1 {
  position: absolute;
  left: 0.14rem;
  bottom: 3.71rem;
  height: 2.78rem;
  /* opacity: 0; */
}

.slogan2 {
  position: absolute;
  left: 0.58rem;
  bottom: 3.16rem;
  width: 5.47rem;
  height: 0.45rem;
  /* opacity: 0; */
}

.kv-player {
  position: absolute;
  left: 4.4rem;
  bottom: 5.28rem;
  width: 1.01rem;
  height: 0.95rem;
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/ico-play.png) no-repeat center;
  background-size: cover;
  z-index: 3;
}

.kv-btns {
  position: absolute;
  bottom: 1.9rem;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.kv-btns .btn {
  width: 2.97rem;
  height: 0.79rem;
  line-height: 0.79rem;
  font-size: 0.32rem;
  text-align: center;
  cursor: pointer;
}

.kv-btns .mobile-order,
.kv-btns .pc-order {
  position: relative;
  width: 3.14rem;
  height: 0.83rem;
  background-size: 100%;
  background-position: center;
}

.kv-btns .mobile-order > img,
.kv-btns .pc-order > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kv-btns .active {
  display: none;
}

.kv-btns .btn:active .active {
  display: block;
}

.kv-btns .mobile-order.isOrder,
.kv-btns .pc-order.isOrder {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/btn_isorder.png);
}

.kv-btns .mobile-order.isOrder>img,
.kv-btns .pc-order.isOrder>img {
  display: none;
}

.kv .order-num {
  position: absolute;
  bottom: 0.8rem;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.kv .order-num .num {
  width: 6.33rem;
  height: 0.57rem;
  line-height: 0.57rem;
  font-size: 0.46rem;
  color: #2af2ff;
  text-align: center;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/order-num-bg.png);
  margin-bottom: 0.16rem;
  font-family: 'fz';
  letter-spacing: 0.02rem;
}

.kv .order-num .tip {
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
  font-family: 'sourceHanSans';
}

.kv .fixed-dog {
  position: fixed;
  bottom: 6.68rem;
  right: -0.4rem;
}

.kv .fixed-dog .loop-dog, .kv .fixed-dog .dog-entry {
  width: 6rem;
  height: 4rem;
}
.dog-entry {
	position: absolute;
	top: 0;
	right: 0;
}
.kv .fixed-dog .dog-word {
  position: absolute;
  top: 0;
  right: 2.1rem;
  width: 2.8rem;
  height: 1.4rem;
  opacity: 0;
}
.kv .fixed-dog .loop-dog {
  opacity: 0;
}

/* 第一屏 end */

/* chat start */
.chat-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/chat/chat-bg.png);
}

.boat-top {
  width: 100vw;
  height: 0.76rem;
  background-image: url(//game.gtimg.cn/images/xjlxg/web202504/m/chat/boat_t.png);
  position: absolute;
  left: 0;
  top: 0;
}

.boat-bot {
  width: 100vw;
  height: 0.83rem;
  background-image: url(//game.gtimg.cn/images/xjlxg/web202504/m/chat/boat_b.png);
  position: absolute;
  left: 0;
  bottom: 0;
}

.btn-closechat {
  width: 1rem;
  height: 0.84rem;
  background-image: url(//game.gtimg.cn/images/xjlxg/web202504/m/chat/btn_closechat.png);
  position: absolute;
  right: 0.35rem;
  top: 0.25rem;
  z-index: 9;
}

.chat-wrap {
  width: 100vw;
  height: 9.99rem;
  background: url(//game.gtimg.cn/images/xjlxg/web202504/m/chat/chat.png) no-repeat 0 0/100% auto;
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 6.8rem);
  z-index: 999;
}

.chat-title {
  font-size: 0.33rem;
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 100%;
  text-align: center;
  color: #59efe1;
}
.chat-wrap .chat-opinion {
	position: absolute;
  right: 0.5rem;
  top: 1rem;
	font-size: 0.18rem;
	color: #e0e0e0;
	z-index: 2;
}

.dialog {
  width: 6.44rem;
  height: 3.67rem;
  position: absolute;
  left: 0.42rem;
  top: 2.08rem;
  padding-left: 0.2rem;
}

.dialog-content {
  width: 6.45rem;
  height: 4.8rem;
  position: absolute;
  left: 0.12rem;
  top: 0.45rem;
  overflow-y: auto;
  overflow-x: hidden;
}

/* 滚动条整体 */
.custom-scorll::-webkit-scrollbar {
  width: 0.06rem;
}

/* 两个滚动条交接处 -- x轴和y轴 */
.custom-scorll::-webkit-scrollbar-corner {
  background-color: transparent;
}

/* 滚动条滑块 */
.custom-scorll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #cef9ff;
}

/* 滚动条轨道 */
.custom-scorll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #02c2d7;
}


.dialog-row {
  height: auto;
  margin-bottom: 0.06rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.dialog-row.my {
  justify-content: flex-end;
}

.dialog-box {
  width: fit-content;
  max-width: 5.6rem;
  font-size: 0.18rem;
  color: #fff;
  line-height: 0.26rem;
  background: rgba(19, 84, 119, 0.75);
  padding: 0.1rem 0.15rem;
}

.my .dialog-box {
  background: rgba(17, 81, 117, 0.75);
}

.dog-avatar {
  width: 0.51rem;
  height: 0.68rem;
  background-image: url(//game.gtimg.cn/images/xjlxg/web202504/m/chat/dog_avatar.png);
  margin: -0.18rem 0.07rem 0 0;
}

.btn-clear {
  width: 2.1rem;
  height: 0.23rem;
  background-image: url(//game.gtimg.cn/images/xjlxg/web202504/chat/btn_clear.png);
  position: absolute;
  left: 2.35rem;
  bottom: 4rem;
}

.tips-tag {
  position: absolute;
  left: 0.5rem;
  top: 7.6rem;
  font-size: 0.18rem;
  color: #a8a8a8;
  line-height: 0.2rem;
}

.tags {
  height: 0.64rem;
  position: absolute;
  left: 0.5rem;
  bottom: 3rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  overflow: hidden;
}

.tag {
  display: block;
  width: fit-content;
  height: 0.3rem;
  background: #8ce8ff;
  line-height: 0.3rem;
  color: #010000;
  font-size: 0.16rem;
  padding-left: 0.12rem;
  position: relative;
  margin: 0 0.2rem 0.04rem 0;
}

.tag::after {
  display: block;
  content: '';
  width: 0;
  height: 0.18rem;
  border-style: solid;
  border-width: 0 0 0.12rem 0.12rem;
  border-color: transparent transparent transparent #8ce8ff;
  position: absolute;
  right: -0.1rem;
  top: 0;
}

.send {
  width: 6.66rem;
  height: 1.24rem;
  background: url(//game.gtimg.cn/images/xjlxg/web202504/m/chat/send.png) no-repeat 0 0/100% auto;
  position: absolute;
  left: 0.41rem;
  bottom: 1.66rem;
}

.chat-wrap .links {
	position: absolute;
  left: 3.9rem;
  bottom: 1.33rem;
	font-size: 0.17rem;
	color: #5c8aa5;
}
.chat-wrap .links a {
	color: #5c8aa5;
	text-decoration: underline;
}


.send-input {
  width: 4.2rem;
  height: 1rem;
  background: 0;
  border: 0;
  font-size: 0.2rem;
  color: #fff;
  position: absolute;
  left: 0.18rem;
  top: 0.13rem;
  resize: none;
}

.btn-send {
  width: 1.8rem;
  height: 0.56rem;
  background-image: url(//game.gtimg.cn/images/xjlxg/web202504/chat/btn_send.png);
  position: absolute;
  left: 4.52rem;
  top: 0.54rem;
}

.chat-mission {
  width: 4.31rem;
  height: 2.96rem;
  background: url(//game.gtimg.cn/images/xjlxg/web202504/m/chat/chat_mission.png) no-repeat 0 0/100% auto;
  position: absolute;
  right: 0.08rem;
  bottom: 50%;
  transform: translateY(-2.5rem);
  padding: 0.5rem 0.45rem 0 0.5rem;
}

.mission-count {
  text-align: center;
  font-size: 0.22rem;
  color: #fff;
  padding-top: 0.3rem;
}

.mission-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}

.mission-tit {
  width: 75%;
  line-height: 0.3rem;
  color: #fff;
  font-size: 0.16rem;
  text-align: left;
  margin-bottom: 0.06rem;
}

.mission-btn {
  width: 0.74rem;
  height: 0.28rem;
  color: #fff;
  text-align: center;
  margin-bottom: 0.06rem;
  line-height: 0.28rem;
  font-size: 0.16rem;
}

.chat-mission .btn-to {
  width: 0.74rem;
  height: 0.28rem;
  background-image: url(//game.gtimg.cn/images/xjlxg/web202504/m/chat/btn_to.png);
  margin: 0 auto;
}

.chat-mission .btn-finish {
  width: 0.74rem;
  height: 0.28rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/chat/ico-done.png);
}

.dog-chat {
  width: 2.52rem;
  height: 2.52rem;
  position: absolute;
  left: 0.75rem;
  bottom: 50%;
  transform: translateY(-2.5rem);
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/chat/chat-dog-bg.png);
}


.dog-video {
  position: absolute;
  bottom: 0.1rem;
  right: -0.2rem;
  width: 2.98rem;
  height: 2.98rem;
}

.chat-dialog-content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}

.ico-back {
  position: absolute;
  left: 0.5rem;
  top: 0.86rem;
  width: 0.97rem;
  height: 0.25rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/chat/ico-back.png);
  background-size: 100%;
}

/* chat end */
/* 第二屏 可观测宇宙 start */
.universe {
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/bg-universe.jpg) center no-repeat;
  background-size: cover;
}
.universe .bg-video,
.universe .bg-video .universe-bg {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.universe .xw > div {
  z-index: 1;
}
.xw .card {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

.xw .card-video,
.xw .card {
  width: 100%;
  height: 100%;
}

.xw .card-wrap {
  width: 2.5rem;
  height: 1.5rem;
}

.xw .mg {
  position: absolute;
  top: 2.6rem;
  left: 0.3rem;
  width: 3.3rem;
  height: 2.3rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/mg-xw.png);
}

.xw .mg::after {
  content: '';
  position: absolute;
  top: 0.6rem;
  right: 1.7rem;
  width: 0.16rem;
  height: 0.58rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/mg-line.png);
}

.xw .mg .card-wrap {
  position: absolute;
  top: -0.6rem;
  right: 0.67rem;
}

.xw .mg .card {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/mg-normal.png);
}

.xw .mg .card:hover {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/mg-hover.png);
}

.xw .zxm {
  position: absolute;
  top: 3.7rem;
  right: 1rem;
  width: 2.3rem;
  height: 1.86rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/zxm-xw.png);
}

.xw .zxm::after {
  content: '';
  position: absolute;
  top: 0.3rem;
  right: 1.1rem;
  width: 0.16rem;
  height: 0.58rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/zxm-line.png);
}

.xw .zxm .card-wrap {
  position: absolute;
  top: -0.87rem;
  right: 0rem;
}

.xw .zxm .card {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/zxm-normal.png);
}

.xw .zxm .card:hover {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/zxm-hover.png);
}

.xw .ms {
  position: absolute;
  bottom: 4rem;
  left: -0.3rem;
  width: 3.8rem;
  height: 2.8rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/ms-xw.png);
}

.xw .ms::after {
  content: '';
  position: absolute;
  top: 0.8rem;
  right: 1.9rem;
  width: 0.24rem;
  height: 0.61rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/ms-line.png);
}

.xw .ms .card-wrap {
  position: absolute;
  top: -0.4rem;
  right: 0.96rem;
}

.xw .ms .card {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/ms-normal.png);
}

.xw .ms .card:hover {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/ms-hover.png);
}

.xw .tlk {
  position: absolute;
  bottom: 4.5rem;
  right: 0.1rem;
  width: 4rem;
  height: 3rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/tlk-xw.png);
}

.xw .tlk::after {
  content: '';
  position: absolute;
  top: 0.8rem;
  right: 1.7rem;
  width: 0.25rem;
  height: 0.64rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/tlk-line.png);
}

.xw .tlk .card-wrap {
  position: absolute;
  top: -0.45rem;
  right: 0.7rem;
  height: 1.6rem;
}

.xw .tlk .card {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/tlk-normal.png);
}

.xw .tlk .card:hover {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/tlk-hover.png);
}

.xw .rl {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3rem;
  height: 2.6rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/rl-xw.png);
}

.xw .rl::after {
  content: '';
  position: absolute;
  top: 0.9rem;
  right: 1.4rem;
  width: 0.13rem;
  height: 0.43rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/rl-line.png);
}

.xw .rl .card-wrap {
  position: absolute;
  top: -0.3rem;
  right: 0.4rem;
}

.xw .rl .card {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/rl-normal.png);
}

.xw .rl .card:hover {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/rl-hover.png);
}

.dialog-universe .introduce {
  width: 4.7rem;
  height: 7.94rem;
  text-align: left;
}

.dialog-universe .introduce-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.2rem;
  margin-left: -0.4rem;
}

.dialog-universe .avatar {
  width: auto;
  margin-right: 0.28rem;
}

.dialog-universe .name {
  width: auto;
  height: 1.13rem;
}

.dialog-universe .player {
  position: absolute;
  top: 0.4rem;
  right: -1.2rem;
  width: 0.87rem;
  height: 0.81rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/universe-play.png);
}

.introduce-info .info1 {
  display: flex;
}

.introduce-info .info1 .source {
  width: 2.28rem;
}

.introduce-info .info2 {
  margin-top: 0.4rem;
}

.introduce-info .info3 {
  margin-top: 0.25rem;
}

.introduce-info .info3 .info-text {
  width: 100%;
}

.introduce-info .info-head {
  position: relative;
  font-size: 0.36rem;
  display: inline-block;
}

.introduce-info .info-head::after {
  content: '';
  position: absolute;
  bottom: -0.06rem;
  left: 0;
  width: 100%;
  height: 0.05rem;
}

.introduce-info .env .info-text {
  width: 3.06rem;
}

.introduce-info .info-text {
  font-size: 0.22rem;
  line-height: 0.3rem;
  margin: 0.2rem 0 0 0;
  text-align: justify;
}

.dialog-universe .ico-close {
  width: 0.47rem;
  height: 0.47rem;
  top: -0.9rem;
  right: 0;
}

.dialog-universe .dialog-content.tlk {
  width: 6.54rem;
  height: 9.37rem;
  padding: 1.05rem 0 0 0.8rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/tlk-bg.png);
}

.dialog-universe .tlk .ico-close {
  top: -0.41rem;
  right: 0rem;
  width: 0.47rem;
  height: 0.47rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/tlk-close.png);
}

.dialog-universe .tlk {
  color: #ffeeee;
}

.dialog-universe .tlk .avatar {
  width: 1.47rem;
  height: 1.67rem;
}

.dialog-universe .tlk .name {
  width: 2.21rem;
  height: 1.13rem;
}

.dialog-universe .tlk .info-head::after {
  background-color: #ff423b;
}

.dialog-universe .tlk .info-text {
  color: #c0afaf;
}

.dialog-universe .dialog-content.mg {
  width: 7.01rem;
  height: 8.94rem;
  padding: 0.9rem 0 0 1.2rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/mg-bg.png);
}

.dialog-universe .mg .avatar {
  width: 1.41rem;
  height: 1.69rem;
}

.dialog-universe .mg .name {
  width: 1.5rem;
  height: 1.11rem;
}

.dialog-universe .mg .ico-close {
  top: -0.7rem;
  right: 0.23rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/mg-close.png);
}

.dialog-universe .mg {
  color: #eefff0;
}

.dialog-universe .mg .info-head::after {
  background-color: #07d958;
}

.dialog-universe .mg .info-text {
  color: #c2d3c3;
}

.dialog-universe .dialog-content.rl {
  width: 6.74rem;
  height: 9rem;
  padding: 0.9rem 0 0 1.1rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/rl-bg.png);
}

.dialog-universe .rl {
  width: 1.69rem;
  height: 1.66rem;
}

.dialog-universe .rl .ico-close {
  top: -0.67rem;
  right: 0.1rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/rl-close.png);
}

.dialog-universe .rl {
  color: #eaeaea;
}
.dialog-universe .rl .avatar {
  width: 1.69rem;
  height: 1.66rem;
}

.dialog-universe .rl .info-text {
  color: #c5c5c5;
}

.dialog-universe .ms .introduce-header {
  margin-left: -0.05rem;
}

.dialog-universe .zxm .introduce-header {
  margin-left: 0rem;
}

.dialog-universe .mg .introduce-header {
  margin-left: -0.2rem;
}

.dialog-universe .rl,
.dialog-universe .ms,
.dialog-universe .zxm {
  color: #eaeaea;
}

.dialog-universe .rl .info-head::after,
.dialog-universe .ms .info-head::after {
  background-color: #11cfff;
}

.dialog-universe .rl .info-text,
.dialog-universe .ms .info-text,
.dialog-universe .zxm .info-text {
  color: #c5c5c5;
}

.dialog-universe .zxm .info-head::after {
  background-color: #fff;
}

.dialog-universe .dialog-content.zxm {
  width: 6.53rem;
  height: 8.88rem;
  padding: 0.8rem 0 0 1rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/zxm-bg.png);
}

.dialog-universe .zxm .avatar {
  width: 0.99rem;
  height: 1.71rem;
}

.dialog-universe .zxm .ico-close {
  top: -0.71rem;
  right: 0rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/zxm-close.png);
}

.dialog-universe .dialog-content.ms {
  width: 6.44rem;
  height: 8.91rem;
  padding: 0.85rem 0 0 0.9rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/universe/ms-bg.png);
}

.dialog-universe .ms .avatar {
  width: 1.16rem;
  height: 1.7rem;
}

.dialog-universe .ms .ico-close {
  top: -0.7rem;
  right: 0;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/universe/ms-close.png);
}

.dialog-universe .rl .info-head::after {
  background-color: #fff;
}

/* 第二屏 可观测宇宙 end */
/* 飞船机甲 start */
.fcjj {
  background-color: #000;
}

.fcjj .bg-display {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.fcjj .bg-display>div {
  position: relative;
  height: 100%;
}

.fcjj .bg {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.fcjj .word {
  position: absolute;
  width: auto;
  height: 0.55rem;
  bottom: 3.76rem;
  left: 50%;
  transform: translateX(-50%);
}

.fcjj .hot-area {
  position: absolute;
  bottom: 2.63rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.13rem;
  height: 0.84rem;
  z-index: 9;
  background-image: url(//game.gtimg.cn/images/xjlxg/web202504/m/fcjj/btn-detail.png);
}

.fcjj .dialog-mask-wrapper .dialog-content {
  width: 7.08rem;
  height: 8.04rem;
  background-image: none;
}
.fcjj .dialog-mask-wrapper .dialog-content .swiper-container {
  width: 100%;
  height: 100%;
}

.fcjj .swiper-slide {
  width: 100%;
  height: 100%;
}

.fcjj .name-wrap {
  position: absolute;
  top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.fcjj .name-wrap .name {
  width: auto;
  height: 0.54rem;
}

.fcjj .avatar {
  position: absolute;
  top: 0.9rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.fcjj .dialog-vehicle .avatar {
  top: 0.7rem;
  width: 100vw;
  height: 4.85rem;
}
.fcjj .dialog-xingjian .avatar {
  top: 0.3rem;
  width: 100vw;
  height: 5.7rem;
}
.fcjj .dialog-jijia .avatar {
  top: 0.4rem;
  width: 100vw;
  height: 5.24rem;
}


.fcjj .sub-title {
  display: flex;
  align-items: center;
  position: absolute;
  top: 4.5rem;
  left: 0.63rem;
  font-size: 0.28rem;
  color: #11cfff;
  text-align: left;
  z-index: 1;
}

.fcjj .sub-title .block {
  width: 0.26rem;
  height: 0.26rem;
  margin-right: 0.1rem;
}

.fcjj .infos {
  position: absolute;
  top: 4.35rem;
  left: 0.58rem;
  width: 6.25rem;
  height: 3.24rem;
  padding: 0.75rem 0.3rem 0.3rem 0.4rem;
  text-align: left;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/fcjj/word-bg.png);
}

.fcjj .info1 {
  display: flex;
  margin-bottom: 0.15rem;
}

.fcjj .civilization,
.fcjj .position {
  margin-right: 0.5rem;
}

.fcjj .info-head {
  font-size: 0.2rem;
  color: #eeffff;
}

.fcjj .info-text {
  font-size: 0.18rem;
  line-height: 0.26rem;
  color: #aeb9c4;
  width: auto;
	text-align: justify;
}


/* 赛博 */
/* 轮播容器基础样式 */
/* 轮播容器基础样式 */
.cyber-wrapper {
  width: 100vw;
  height: 100vh;
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/bg.png") no-repeat center / 100% 100%;
}
.cyber-wrapper .cyber-light {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/light.png")
    no-repeat center / 100% 100%;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.cyber-swiper {
  height: 100vh;
  width: 100vw;
  font-size: .16rem;
  position: relative;
  z-index: 2;
}

/* Swiper容器内边距和3D设置 */
.cyber-swiper .swiper-container {
  height: 100%;
  width: 100vw;
  transform-style: preserve-3d;
  /* 保持3D变换 */
}

/* 单个幻灯片样式 */
.cyber-swiper .swiper-slide {
  width: 100% !important;
  height: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  /* filter: brightness(0.3); */
}

/* 幻灯片图片样式 */
.cyber-swiper .swiper-slide img {
  width: 100%;
  object-fit: contain;
}

.cyber-swiper .cyber-intro {
  opacity: 0;
  width: 4.23rem;
  height: 3.05rem;
  top: 32vh;
  left: 0;
  background-size: contain;
}
.cyber-swiper .swiper-slide-next,
.cyber-swiper .swiper-slide-prev {
  /* filter: brightness(0.6); */
  /* 将图片变为100%黑白 */
  width: 130%;
  filter: grayscale(80%);
  /* 为了兼容性可以加上以下前缀 */
  -webkit-filter: grayscale(80%); /* Chrome, Safari, Opera */
  -moz-filter: grayscale(80%);    /* Firefox */
  -ms-filter: grayscale(80%);     /* IE */
  -o-filter: grayscale(80%);      /* 旧版Opera */
}

/* .cyber-swiper .swiper-slide-next img,
.cyber-swiper .swiper-slide-prev img {
} */

.cyber-swiper .swiper-slide-active {
  /* filter: brightness(1); */
  opacity: 1;
}

.cyber-swiper .swiper-slide-active .cyber-intro {
  opacity: 1;
  position: absolute;
}


.cyber-swiper .cyber-intro-11 {
  left: auto;
  right: -.4rem;
}

/* 幻灯片文字描述样式 */
.cyber-swiper .swiper-slide p {
  line-height: 98px;
  padding-top: 0;
  text-align: center;
  color: #636363;
  font-size: 1.1em;
  margin: 0;
}

/* 分页器位置 */
.cyber-swiper .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

/* 分页器小圆点默认样式 */
.cyber-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

/* 分页器小圆点激活状态 */
.cyber-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid #00aadc;
  background-color: #fff;
}

.cyber-swiper .swiper-button-prev::after,
.cyber-swiper .swiper-button-next::after {
  content: none;
}

.cyber-swiper .dialog-fcjj-left {
  left: .3rem;
  width: 0.33rem;
  height: 0.45rem;
}

.cyber-swiper .dialog-fcjj-right {
  right: .3rem;
  width: 0.33rem;
  height: 0.45rem;
}

/* .cyber-slide-img {
  height: 1000px;
  width: 350px;
  object-fit: contain;
  background-size: contain;
} */

.cyber-btn-view-detail-lgreen {
  position: absolute;
  bottom: 10vh;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}

.cyber-swiper .swiper-slide-active .cyber-intro {
  opacity: 1;
  position: absolute;
}
.cyber-btn-view-detail-lgreen {
  position: absolute;
  bottom: .8rem;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
/* safari absolute定位不准 */
.cyber .cyber-btn-view-detail-lgreen {
  position: fixed;
}

.cyber-detail-nav .swiper-slide {
  text-align: center;
  font-size: 0.18rem;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  /* filter: brightness(0.6); */
  /* 将图片变为100%黑白 */
  filter: grayscale(80%);
  /* 为了兼容性可以加上以下前缀 */
  -webkit-filter: grayscale(80%); /* Chrome, Safari, Opera */
  -moz-filter: grayscale(80%);    /* Firefox */
  -ms-filter: grayscale(80%);     /* IE */
  -o-filter: grayscale(80%);      /* 旧版Opera */
  opacity: .5;
}
.cyber-detail-nav .swiper-slide .img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cyber-detail-nav .active {
  filter: grayscale(0);
  opacity: 1;
}
/* 武器 */
.weapon {
  position: relative;
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/m/weapon/bg.jpg")
    no-repeat center / cover;
}

.weapon .weapon-img {
  width: 100vw;
  height: 50vh;
  object-fit: contain;
  margin-top: 18vh;
}

.weapon .weapon-type {
  position: absolute;
  top: 1.94rem;
  left: .8rem;
}
.weapon .swiper-slide {
  height: 100vh;
  width: 100vw;
}
.weapon .weapon-name {
  position: relative;
}
.weapon .weapon-name::after {
  position: absolute;
  content: '';
  width: 80%;
  height: 4px;
  bottom: -.14rem;
  background-color: #74FFD4;
}
.weapon .content {
  position: absolute;
  bottom: 3.8rem;
  left: .8rem;
  text-align: left;
  color: #FFFFFF;
  font-size: .22rem;
  margin-right: .3rem;
}
.weapon .title {
  display: flex;
  align-items: baseline;
  margin-bottom: .2rem;
  font-weight: 800;
}
.weapon .weapon-nav-swiper {
  height: 1rem;
  box-sizing: border-box;
  width: 5.9rem;
  left: .8rem;
  position: absolute;
  bottom: .87rem;
}

.weapon .weapon-nav-swiper .swiper-slide {
  width: 1.72rem;
  height: 100%;
  opacity: 0.4;
}
.weapon .weapon-nav-swiper .weapon-nav-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.weapon .weapon-nav-swiper .swiper-slide-thumb-active {
  opacity: 1;
}

.weapon-swiper .dialog-fcjj-right,
.weapon-swiper .dialog-fcjj-left {
  width: .3rem;
  height: .38rem;
  z-index: 9;
}
.weapon-swiper .dialog-fcjj-right::after,
.weapon-swiper .dialog-fcjj-left::after {
  content: '';
}
.weapon-swiper .dialog-fcjj-left {
  left: .3rem;
}
.weapon-swiper .dialog-fcjj-right {
  right: .3rem;
}
.feature {
  position: relative;
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/feature/bg.jpg') no-repeat center / cover;
}
.feature .feature-title {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/feature/title.png') no-repeat center / cover;
  width: 2.49rem;
  height: .81rem;
  position: absolute;
  top: 1.42rem;
  left: 0.6rem;
}
.feature .swiper {
  width: 87vw;
  height: 100vh;
}
.feature .feature-slide-img {
  width: 100%;
  height: 7.41rem;
  object-fit: contain;
  position: relative;
}
.feature .swiper-slide {
  width: 58vw;
  height: 100vh;
  transition: all 0.4s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: .3;
}
@font-face {
	font-family: 'rzrxnfht';
	src: url('//game.gtimg.cn/images/xjlxg/web202504/rzrxnfht.WOFF2') format('woff2');
	font-display: swap;
}
.feature .title {
  font-weight: lighter;
  letter-spacing: 1px;
  font-size: .36rem;
  padding: .2rem 0;
  background-color: #80ecff;
  color: #333;
  width: 100%;
  text-align: center;
  font-family: 'rzrxnfht', sans-serif;
}
.feature .feature-intro {
  padding-top: .24rem;
  color: #fff;
  text-align: justify;
  font-size: .2rem;
  opacity: 0;
}
.feature .swiper-slide-active,
.feature .swiper-slide-active .feature-intro {
  opacity: 1;
}
/* .feature .feature-slide-img::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
}
.feature .swiper-slide-active .feature-slide-img::after {
  width: 0;
  height: 0;
} */
.swiper-pagination-dialog-fcjj-wrap {
  width: 7.1rem;
  overflow: auto;
  position: absolute;
  left: 0.3rem;
  bottom: -1.7rem;
}

.swiper-pagination-dialog-fcjj {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.18rem;
}

.dialog-fcjj-left {
  position: absolute;
  top: 0.68rem;
  left: -0.34rem;
  width: 0.33rem;
  height: 0.45rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/fcjj/dialog-fcjj-left.png);
}

.dialog-fcjj-right {
  position: absolute;
  top: 0.68rem;
  right: -0.96rem;
  width: 0.33rem;
  height: 0.45rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/fcjj/dialog-fcjj-right.png);
}

.swiper-pagination-dialog-fcjj .dialog-fcjj-bullet {
  position: relative;
  margin-right: 0.15rem;
}

.swiper-pagination-dialog-fcjj .dialog-fcjj-bullet:last-child {
  margin-right: 0;
}

.swiper-pagination-dialog-fcjj .thumbnail {
  width: 2.6rem;
  height: 1.47rem;
}
.swiper-pagination-dialog-fcjj .num-wrap {
  position: absolute;
  top: 0.06rem;
  left: 0;
  z-index: 1;
}
.swiper-pagination-dialog-fcjj .sq {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  background-color: #6d7f7a;
}
.swiper-pagination-dialog-fcjj .num {
  font-size: 0.14rem;
  color: #6d7f7a;
  margin-left: 0.05rem;
}
.swiper-pagination-dialog-fcjj .dialog-fcjj-bullet-active .sq {
  background-color: #2af2ff;
}
.swiper-pagination-dialog-fcjj .dialog-fcjj-bullet-active .num {
  color: #2af2ff;
}

.swiper-pagination-dialog-fcjj .dialog-fcjj-bullet::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  /* clip-path: polygon(0.4rem 0.08rem, 100% 0.08rem, 100% 100%, 0 100%, 0 0.4rem); */
  clip-path: polygon(0.4rem 0, 100% 0, 100% 100%, 0 100%, 0 0.4rem);
}

.swiper-pagination-dialog-fcjj .dialog-fcjj-bullet-active::after {
  display: none;
}

.fcjj .dialog-mask-wrapper .ico-close {
  top: -0.31rem;
  right: 0;
}

/* 飞船机甲 end */

/* 新闻 start */
.news {
  display: flex;
  flex-direction: column;
  padding: 1.48rem 0.57rem 0;
}

.news .title {
  /* position: absolute;
  top: 1.48rem;
  left: 0.57rem; */
  width: 2.51rem;
  height: 0.81rem;
}

.news .news-wrapper {
  position: relative;
  z-index: 1;
}

.news .nav-tabs {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 6.35rem;
  height: 0.72rem;
  font-size: 0.24rem;
  color: #fff;
  margin: 0.32rem auto 0.42rem;
  padding: 0 0.32rem;
  box-sizing: border-box;
}

.news .nav-tabs::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.05rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/news-line.png);
  background-size: 100%;
}
.news .notice-content {
  width: 6.35rem;
  margin: 0 auto;
}

.news .nav-tabs .active {
  font-size: 0.28rem;
  color: #82ffdc;
}
.news .tab-item {
  flex: 1;
  text-align: center;
}

.news .notice-item {
  display: flex;
  align-items: center;
  margin-top: 0.14rem;
}

.news .pic-wrap {
  width: 2.51rem;
  height: 1.42rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/news-pic-bg.png);
  padding: 0.06rem 0.07rem;
}

.news .pic-wrap img {
  width: 2.42rem;
  height: 1.35rem;
  clip-path: polygon(0.1rem 0, 100% 0, 100% 100%, 0 100%, 0 0.1rem);
}

.news .notice-title {
  position: relative;
  width: 3.05rem;
  height: 1.42rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.2rem;
  color: #fff;
  margin-left: 0.37rem;
}

.news .notice-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.05rem;
  height: 0.05rem;
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/m/news-line.png) left;
  background-size: cover;
}

.news .title-text {
  flex: 1;
}

.news .ico-arrow-r {
  display: inline-block;
  width: 0.17rem;
  height: 0.23rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/arrow-r-w.png);
  background-size: cover;
  margin-left: 0.25rem;
}

.news .view-more {
  font-size: 0.24rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
}

/* 新闻 end */

/* 弹窗 start */
.dialog-mask-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 999;
}

.dialog-mask-wrapper .dialog-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 6.4rem;
  height: 5.6rem;
  text-align: center;
  overflow: visible;
}

.dialog-mask-wrapper .ico-close {
  position: absolute;
  top: -0.51rem;
  right: -0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/ico-close-n.png) no-repeat center;
  background-size: cover;
}

/* 登录 */
.dialog-login .dialog-content {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
  width: 5.71rem;
  height: 3.22rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/dialog-login.png);
}

.dialog-login .title {
  margin-bottom: 0.78rem;
}

.dialog-login .dialog-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.7rem;
  height: 1.7rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/login-plat.png);
  margin: 0;
}

.dialog-login .dialog-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.38rem;
  height: 2.38rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/login-hl.png);
  background-size: cover;
  display: none;
  z-index: -1;
}

.dialog-login .dialog-btn:hover::before {
  display: block;
}

.dialog-login .dialog-btn:first-child {
  margin-right: 0.46rem;
}

.dialog-login .qq {
  width: 0.79rem;
  height: 1.41rem;
}

.dialog-login .wechat {
  width: 1.17rem;
  height: 1.37rem;
}

/* 预约 */
.dialog-order .dialog-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 5.71rem;
  height: 7.77rem;
  padding-top: 1.74rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/dialog-order-bg.png);
  text-align: center;
}

.dialog-order .order-rewards {
  width: 2.82rem;
  height: 1.52rem;
}

.dialog-order .info-form {
  min-width: 4rem;
  min-height: 1.3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 0.16rem;
  box-sizing: content-box;
  font-size: 0;
}

.dialog-order .info-plat {
  width: 100%;
  height: 0.34rem;
  display: flex;
  justify-content: space-between;
}

.dialog-order .info-plat input {
  display: none;
}

.dialog-order .info-plat .radio-label {
  display: block;
  width: 1.2rem;
  height: 0.34rem;
  text-align: center;
  line-height: 0.34rem;
  font-size: 0.22rem;
  color: #a8b3bf;
  border: 0.01rem #fff solid;
}

.dialog-order .info-plat .radio-label:hover {
  border-color: #00ffb8;
  border: 0.01rem #00ffb8 solid;
  color: #00ffb8;
}

.dialog-order .info-plat input[type="radio"]:checked+.radio-label {
  border-color: #00ffb8;
  color: #00ffb8;
}

.dialog-order .ipt-phone {
  display: block;
  width: 100%;
  height: 0.34rem;
  line-height: 0.34rem;
  border: 0.01rem #fff solid;
  font-size: 0.24rem;
  color: #919aa6;
  padding: 0 0.04rem;
  background: none;
  border-radius: 0;
}

.dialog-order .info-code {
  width: 100%;
  height: 0.34rem;
  display: flex;
  justify-content: space-between;
}

.dialog-order .ipt-code {
  display: block;
  width: 2.62rem;
  height: 0.34rem;
  line-height: 0.34rem;
  border: 0.01rem #fff solid;
  font-size: 0.24rem;
  color: #919aa6;
  padding: 0 0.05rem;
  background: none;
  border-radius: 0;
}

.dialog-order .btn-code {
  width: 1.25rem;
  height: 0.34rem;
  background: #00ffb8;
  color: #002953;
  text-align: center;
  line-height: 0.34rem;
  font-size: 0.2rem;
}

.dialog-order .btn-code.gray-dom {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  font-size: 0.24rem;
}

.dialog-order .info-text {
  width: 3.96rem;
  font-size: 0.15rem;
  color: #b8dfff;
  line-height: 0.24rem;
  margin: 0.15rem auto 0;
  text-align: left;
}

.dialog-order .btn-submit {
  width: 2.54rem;
  height: 0.68rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/dialog-order.png);
  margin: 0 auto;
}

.dialog-order .info-agree {
  width: 4.88rem;
  font-size: 0.18rem;
  color: #b8dfff;
  line-height: 0.26rem;
  margin: 0.1rem auto 0;
  text-align: center;
}

.dialog-order .info-agree input {
  display: inline-block;
  vertical-align: middle;
}

.dialog-order .info-agree a {
  color: #b8dfff;
}

.dialog-unbind .dialog-content {
  width: 5.71rem;
  height: 4.02rem;
  padding: 0.74rem 0.43rem 0;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/pop_unbind.png);
}



.dialog-cyber .dialog-content {
  width: auto;
  height: auto;
  padding-bottom: 1.8rem;
}
.dialog-cyber .dialog-content .ico-close {
  top: -0.3rem;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
}

/* 其他元素样式 */
.dialog-cyber .cyber-dialog-bg {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/dialog-bg.png")
    no-repeat center / 100% 100%;
  width: 6.76rem;
  height: 7.93rem;
}
.dialog-cyber .cyber-detail-nav {
  height: 1.6rem;
  overflow: hidden;
  margin: 1.2rem auto .66rem;
}
/* 对话框头部样式 */
.dialog-cyber .detail-wrapper .profile-header {
  display: flex;
  align-items: center;
  padding: .7rem 0 0.3rem .46rem;
  position: relative;
  z-index: 1;
}

/* 标题样式 */
.dialog-cyber .detail-wrapper .profile-title {
  color: #fff;
  font-size: 0.32rem;
  position: relative;
  padding-left: 0.5rem;
}

/* 标题前的三角形指示器 */
.dialog-cyber .detail-wrapper .profile-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.19rem;
  height: 1.1rem;
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/cyber/icon-play.png);
}

/* 内容区域容器 */
.dialog-cyber .detail-wrapper .content-wrapper {
  display: flex;
  padding: 0.4rem;
  height: calc(100% - 1rem);
}

/* 信息区域 */
.dialog-cyber .detail-wrapper .info-section {
  flex: 1;
  transition: all 0.3s ease;
  background-size: contain;
}

/* 信息网格布局 */
.dialog-cyber .detail-wrapper .info-grid {
  padding: 0 0.4rem;
  text-align: left;
}

/* 信息项样式 */
.dialog-cyber .detail-wrapper .info-item {
  padding: 0.2rem 0;
}

/* 信息标签样式 */
.dialog-cyber .detail-wrapper .info-label {
  color: #eaffff;
  font-size: 0.22rem;
}

/* 信息值样式 */
.dialog-cyber .detail-wrapper .info-value {
  color: #9eabb7;
  font-size: 0.18rem;
  text-align: justify;
}

.dialog-cyber .detail-wrapper .flex {
  display: flex;
  width: 60%;
  justify-content: space-between;
}
.dialog-cyber .detail-wrapper .role-pic {
  /* transform: scale(1.4);
  position: absolute;
  bottom: -.2rem;
  right: -1.8rem;
  object-fit: contain;
  width: 100%;
  height: 100%; */
  transform: scale(1.4);
  position: absolute;
  bottom: -.2rem;
  width: 60%;
  right: -.4rem;
  object-fit: contain;
}
.dialog-cyber .detail-wrapper .video {
  width: 100%;
  height: 100%;
}
/* 经验描述样式 */
.dialog-cyber .detail-wrapper {
  /* padding: 1rem 1.3rem; */
  position: relative;
}
.dialog-cyber .dialog-content {
  width: auto;
  height: auto;
}
.dialog-cyber .detail-wrapper .avatar {
  position: absolute;
  top: 0.7rem;
  width: 1.92rem;
  height: 1.92rem;
  object-fit: contain;
  right: -.08rem;
}
.unbind-form {
  width: 100%;
  height: 1.6rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
  margin: 0 auto;
  padding-top: 0.6rem;
}

.unbind-name {
  display: block;
  width: 0.9rem;
  height: 0.44rem;
  color: #b8dfff;
  font-size: 0.22rem;
  line-height: 0.44rem;
}

.ipt-phone2 {
  display: block;
  width: 4.86rem;
  height: 0.42rem;
  line-height: 0.42rem;
  border: 0.01rem #fff solid;
  font-size: 0.22rem;
  color: #b8dfff;
  padding: 0 0.05rem;
  background: none;
}

.unbind-code {
  width: 4.86rem;
  height: 0.44rem;
  display: flex;
  justify-content: space-between;
}

.ipt-code2 {
  display: block;
  width: 3.24rem;
  height: 0.42rem;
  line-height: 0.42rem;
  border: 0.01rem #fff solid;
  font-size: 0.22rem;
  color: #b8dfff;
  padding: 0 0.05rem;
  background: none;
}

.btn-code2 {
  width: 1.53rem;
  height: 0.44rem;
  background: #2af2ff;
  color: #002953;
  text-align: center;
  line-height: 0.44rem;
  font-size: 0.22rem;
}

.unbind-text {
  width: 100%;
  font-size: 0.22rem;
  color: #e6e6e6;
  line-height: 0.3rem;
  margin: 0.15rem auto;
  text-align: left;
}

.unbind-buttons {
  height: 0.93rem;
  display: flex;
  justify-content: center;
}

.unbind-buttons a {
  width: 2rem;
  height: 0.53rem;
  margin: 0 0.15rem;
}

.btn-think {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/btn_think.png);
}

.btn-confirmunbind {
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/btn_confirmunbind.png);
}

.dialog-mask-wrapper.dialog-msg {
	z-index: 9999;
}
.dialog-msg .dialog-content {
	width: 5.71rem;
	height: 3.72rem;
	background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/pop_msg.png);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 0.2rem;
	align-items: center;
}

.dialog-msg .btn-confirm {
  display: block;
  width: 2rem;
  height: 0.53rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/btn_confirm.png);
}
.dialog-msg .text-msg {
	width: 5rem;
	height: 1.4rem;
	color: #b8dfff;
	font-size: 0.22rem;
	line-height: 0.35rem;
	text-align: center;
	display: flex;
  flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	margin: 1.2rem auto 0.2rem;
	overflow: auto;
}
.dialog-msg .tip {
	font-size: 0.18rem;
	color: #e6e6e6;
	opacity: 0.8;
}
.dialog-msg .ico-close {
	top: -0.51rem;
  right: -0.5rem;
}

.menu-wrap {
  position: fixed;
  top: 0;
  right: -100%;
  width: 50%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .8);
  padding-top: 1.2rem;
  z-index: 101;
  transition: right 1s;
}

.menu-wrap.show {
  right: 0;
}

.menu-wrap .ico-close {
  position: absolute;
  top: 0.5rem;
  right: 0.55rem;
  width: 0.33rem;
  height: 0.34rem;
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/ico-close-n.png) no-repeat center;
  background-size: cover;
}

.menu-wrap .menu-list a {
  width: 100%;
  height: 0.88rem;
  line-height: 0.88rem;
  color: #aeaeae;
  font-size: 0.3rem;
  padding-left: 0.5rem;
}

.menu-wrap .menu-list .arrow {
  width: 0.23rem;
  height: 0.32rem;
  display: none;
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/m/arrow-l.png) no-repeat center;
  background-size: cover;
}

.menu-wrap .menu-list>li {
  display: flex;
  align-items: center;
  text-align: center;
}

.menu-wrap .menu-list>li.active {
  background-color: rgba(6, 44, 48, 0.6);
  border-top: 1px solid #82ffdc;
  border-bottom: 1px solid #82ffdc;
}

.menu-wrap .menu-list>li.active a {
  position: relative;
  color: #2af2ff;
}

.menu-wrap .menu-list>li.active a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0.32rem;
  transform: translateY(-50%);
  width: 0.23rem;
  height: 0.32rem;
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/m/arrow-l.png) no-repeat center;
  background-size: cover;
}

.menu-wrap .fixed-links {
  flex-wrap: wrap;
  padding: 0 0.5rem;
}
.menu-wrap .fixed-links li {
  width: 50%;
  margin-top: 0.5rem;
}
.menu-wrap .fixed-links li a {
  margin: 0 auto;
  transform: scale(1.5);
}

.menu-wrap .fixed-link-weixin {
  width: 0.4rem;
  height: 0.36rem;
  background-image: url('//game.gtimg.cn/images/xjlxg/web202504/m/fix-weixin.png');
}

.menu-wrap .fixed-link-qq {
  width: 0.3rem;
  height: 0.34rem;
  background-image: url('//game.gtimg.cn/images/xjlxg/web202504/m/fix-qq.png');
}

.dialog-subscribe .dialog-content {
  width: 2.86rem;
  height: 3.13rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/chat/qrcode-bg.png);
}

.dialog-subscribe .ico-close {
  top: -0.31rem;
  right: 0.2rem;
}

.subscribe-container .tab {
  display: flex;
  justify-content: space-around;
  font-size: 0.21rem;
  color: #fff;
  padding: 0.35rem 0.5rem 0;
}

.subscribe-container .tab-item.active {
  color: #77ffee;
}

.subscribe-container .qrcodes {
  font-size: 0.18rem;
  text-align: center;
  margin-top: 0.2rem;
}

.subscribe-container .qrcode {
  display: none;
  margin-bottom: 0.1rem;
}

.subscribe-container .qrcode>img {
  width: 1.72rem;
  height: 1.72rem;
}

.subscribe-container .qrcode>p {
  color: #fff;
}


.cyber-intro-01 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/1.png') no-repeat center / 100% 100%;
  width: 3.75rem;
  height: 2.68rem;
}

.cyber-intro-10 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/10.png') no-repeat center / 100% 100%;
  width: 4.23rem;
  height: 3.05rem;
}

.cyber-intro-11 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/11.png') no-repeat center / 100% 100%;
  width: 3.41rem;
  height: 2.63rem;
}

.cyber-intro-12 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/12.png') no-repeat center / 100% 100%;
  width: 3.85rem;
  height: 3.05rem;
}

.cyber-intro-13 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/13.png') no-repeat center / 100% 100%;
  width: 3.21rem;
  height: 3.05rem;
}

.cyber-intro-02 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/2.png') no-repeat center / 100% 100%;
  width: 3.84rem;
  height: 2.68rem;
}

.cyber-intro-03 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/3.png') no-repeat center / 100% 100%;
  width: 3.02rem;
  height: 2.68rem;
}

.cyber-intro-04 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/4.png') no-repeat center / 100% 100%;
  width: 3.02rem;
  height: 2.68rem;
}

.cyber-intro-05 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/5.png') no-repeat center / 100% 100%;
  width: 3.74rem;
  height: 2.68rem;
}

.cyber-intro-06 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/6.png') no-repeat center / 100% 100%;
  width: 3.92rem;
  height: 3.03rem;
}

.cyber-intro-07 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/7.png') no-repeat center / 100% 100%;
  width: 3.98rem;
  height: 3.03rem;
}

.cyber-intro-08 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/8.png') no-repeat center / 100% 100%;
  width: 4.12rem;
  height: 3.05rem;
}

.cyber-intro-09 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/intro/9.png') no-repeat center / 100% 100%;
  width: 4.02rem;
  height: 3.05rem;
}
.cyber-btn-view-detail-lgreen {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/btn-view-detail-lgreen.png")
    no-repeat center / 100% 100%;
  width: 3.13rem;
  height: 0.84rem;
}
/* 对话框-角色名称样式 - 01 */
.dialog-cyber .cyber-role-name-01 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/01.png")
    no-repeat center / 100% 100%;
  width: 1.87rem;
  height: 0.55rem;
}

/* 对话框-角色名称样式 - 02 */
.dialog-cyber .cyber-role-name-02 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/02.png")
    no-repeat center / 100% 100%;
  width: 1.26rem;
  height: 0.57rem;
}

/* 对话框-角色名称样式 - 03 */
.dialog-cyber .cyber-role-name-03 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/03.png")
    no-repeat center / 100% 100%;
  width: 1.87rem;
  height: 0.55rem;
}

/* 对话框-角色名称样式 - 04 */
.dialog-cyber .cyber-role-name-04 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/04.png")
    no-repeat center / 100% 100%;
  width: 1.85rem;
  height: 0.55rem;
}

/* 对话框-角色名称样式 - 05 */
.dialog-cyber .cyber-role-name-05 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/05.png")
    no-repeat center / 100% 100%;
  width: 2.51rem;
  height: 0.57rem;
}

/* 对话框-角色名称样式 - 06 */
.dialog-cyber .cyber-role-name-06 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/06.png")
    no-repeat center / 100% 100%;
  width: 1.25rem;
  height: 0.56rem;
}

/* 对话框-角色名称样式 - 07 */
.dialog-cyber .cyber-role-name-07 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/07.png")
    no-repeat center / 100% 100%;
  width: 1.25rem;
  height: 0.55rem;
}

/* 对话框-角色名称样式 - 08 */
.dialog-cyber .cyber-role-name-08 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/08.png")
    no-repeat center / 100% 100%;
  width: 1.85rem;
  height: 0.57rem;
}

/* 对话框-角色名称样式 - 09 */
.dialog-cyber .cyber-role-name-09 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/09.png")
    no-repeat center / 100% 100%;
  width: 1.23rem;
  height: 0.55rem;
}

/* 对话框-角色名称样式 - 10 */
.dialog-cyber .cyber-role-name-10 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/10.png")
    no-repeat center / 100% 100%;
  width: 1.25rem;
  height: 0.55rem;
}

/* 对话框-角色名称样式 - 11 */
.dialog-cyber .cyber-role-name-11 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/11.png")
    no-repeat center / 100% 100%;
  width: 2.49rem;
  height: 0.55rem;
}

/* 对话框-角色名称样式 - 12 */
.dialog-cyber .cyber-role-name-12 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/12.png")
    no-repeat center / 100% 100%;
  width: 2.51rem;
  height: 0.56rem;
}

/* 对话框-角色名称样式 - 13 */
.dialog-cyber .cyber-role-name-13 {
  background: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/13.png")
    no-repeat center / 100% 100%;
  width: 1.86rem;
  height: 0.56rem;
}
.dialog-cyber #cyberDetailInfo {
  transition: all 0.3s ease;
}
.dialog-cyber .detail-wrapper .info-section {
  /* width: 6.78rem;
  height: 7.14rem; */
  padding-top: .6rem;
  margin-left: .5rem;
  width: 4rem;
  height: 5.4rem;
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/m/cyber/detail-bg2.png);
  background-size: contain;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}
.dialog-cyber .detail-wrapper .info-name-bgll {
  width: 2.49rem;
  height: 0.55rem;
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/cyber/name/bgll.png);
  background-size: contain;
}
.dialog-cyber .detail-wrapper .icon-play {
  width: 1.19rem;
  height: 1.1rem;
  background: url(https://game.gtimg.cn/images/xjlxg/web202504/cyber/icon-play.png);
  background-size: contain;
  margin-left: 0.2rem;
}
.cyber-detail-nav .cyber-slide-img-1 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/01.png");
}
/* 黑暗风格头像图标样式 */
.cyber-detail-nav .cyber-slide-img-2 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/02.png");
}

.cyber-detail-nav .cyber-slide-img-3 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/03.png");
}

.cyber-detail-nav .cyber-slide-img-4 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/04.png");
}

.cyber-detail-nav .cyber-slide-img-5 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/05.png");
}

.cyber-detail-nav .cyber-slide-img-6 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/06.png");
}

.cyber-detail-nav .cyber-slide-img-7 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/07.png");
}

.cyber-detail-nav .cyber-slide-img-8 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/08.png");
}

.cyber-detail-nav .cyber-slide-img-9 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/09.png");
}

.cyber-detail-nav .cyber-slide-img-10 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/10.png");
}

.cyber-detail-nav .cyber-slide-img-11 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/11.png");
}

.cyber-detail-nav .cyber-slide-img-12 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/12.png");
}

.cyber-detail-nav .cyber-slide-img-13 {
  background-image: url("https://game.gtimg.cn/images/xjlxg/web202504/cyber/headicon/13.png");
}
.weapon-type-02 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/type/02.png') no-repeat center / 100% 100%;
  width: 16.97rem;
  height: 6.53rem;
}

.weapon-type-03 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/type/03.png') no-repeat center / 100% 100%;
  width: 16.97rem;
  height: 6.52rem;
}

.weapon-type-04 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/type/04.png') no-repeat center / 100% 100%;
  width: 16.99rem;
  height: 6.52rem;
}

.weapon-type-05 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/type/05.png') no-repeat center / 100% 100%;
  width: 1.41rem;
  height: 0.73rem;
}

.weapon-type-06 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/type/06.png') no-repeat center / 100% 100%;
  width: 2.1rem;
  height: 0.73rem;
}

.weapon-type-07 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/type/07.png') no-repeat center / 100% 100%;
  width: 3.51rem;
  height: 0.73rem;
}

.weapon-type-08 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/type/08.png') no-repeat center / 100% 100%;
  width: 2.8rem;
  height: 0.73rem;
}

.weapon-name-02 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/name/02.png') no-repeat center / 100% 100%;
  width: 1.25rem;
  height: 0.53rem;
}

.weapon-name-03 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/name/03.png') no-repeat center / 100% 100%;
  width: 1.23rem;
  height: 0.53rem;
}

.weapon-name-04 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/name/04.png') no-repeat center / 100% 100%;
  width: 1.26rem;
  height: 0.54rem;
}

.weapon-name-05 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/name/05.png') no-repeat center / 100% 100%;
  width: 1.86rem;
  height: 0.53rem;
}

.weapon-name-06 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/name/06.png') no-repeat center / 100% 100%;
  width: 1.89rem;
  height: 0.56rem;
}

.weapon-name-07 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/name/07.png') no-repeat center / 100% 100%;
  width: 1.24rem;
  height: 0.55rem;
}

.weapon-name-08 {
  background: url('https://game.gtimg.cn/images/xjlxg/web202504/weapon/name/08.png') no-repeat center / 100% 100%;
  width: 1.86rem;
  height: 0.55rem;
}

.dialog-opinion .dialog-content {
	width: 7rem;
	height: 7.6rem;
	background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/dialog-opinion-bg.png);
}
.dialog-opinion .send-input{
	width: 5.35rem;height: 4.48rem;background: 0;border: 0;font-size: 0.2rem;color: #fff;position: absolute;resize:none;
	left: 0.78rem;
	top: 1.22rem;
}
.dialog-opinion .btn-send {
	left: 2.5rem;
	top: 6.5rem;
}
.dialog-opinion .ico-close {
  top: -0.51rem;
  right: 0.2rem;
}
.dialog-agreement .dialog-content {
	width: 5.71rem;
	height: 7.22rem;
	background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/dialog-agreement-bg.png);
}
.dialog-agreement .content {
	position: absolute;
  top: 0.8rem;
  left: 0.6rem;
  width: 4.77rem;
	height: 4.72rem;
	font-size: 0.18rem;
	line-height: 0.26rem;
	color: #e6e6e6;
	overflow: auto;
	text-align: left;
}
.dialog-agreement .content-head {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.18rem;
	margin-bottom: 0.2rem;
}
.content-head .head-title:first-child {
	margin-right: 0.2rem;
}
.dialog-agreement .content .content-text {
	text-indent: 0.4rem;
}
.dialog-agreement .content .content-text > p {
	margin-top: 0.1rem;
}
.dialog-agreement .content .content-text > p > span {
	font-weight: 700;
}
.dialog-agreement .content a {
	color: #2af2ff;
}
.dialog-agreement .btns {
	position: absolute;
	top: 6.4rem;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.dialog-agreement .btns .btn {
	width: 2rem;
	height: 0.53rem;
}
.dialog-agreement .btns .cancle {
	background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/btn-cancle.png);
	margin-right: 0.6rem;
}
.dialog-agreement .btns .agree {
	background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/btn-agree.png);
}
.dialog-agreement .ico-close {
  top: -0.51rem;
  right: -0.6rem;
}
.dialog-agreement .info-agree {
	position: absolute;
  top: 5.5rem;
  left: 0.5rem;
	width: 4.88rem;
	color: #e6e6e6;
	font-size: 0.18rem;line-height: 0.26rem;margin: 0.15rem auto;text-align: left;  
}
.dialog-agreement .info-agree input {
	display: inline-block;
  vertical-align: middle;
}
.dialog-agreement .info-agree a {
	color: #e6e6e6;
  text-decoration: underline;
}

.dialog-video.full-mode .dialog-content{
  width: 100vw;
  height: 100vh;
  padding: 0;
}
.dialog-video.full-mode .ico-close {
  display: none;
}
.dialog-video .dialog-content {
	width: 100vw;
	height: 4.4rem;
	background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/dialog-video-bg.png);
	padding: 0.22rem;
}
.dialog-video .vd {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(0.3rem 0, 100% 0, 100% calc(100% - 0.3rem), calc(100% - 0.3rem) 100% ,0 100%, 0 0.3rem);
}
.dialog-video .ico-close {
  top: -0.4rem;
  right: 0.2rem;
}

.foot-container {
  height: 80px !important;
  text-align: center;
  color: #fff;
  font-size: 12px;
}

.line-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.line-t-l {
	position: absolute;
	top: 0.3rem;
	left: 0.3rem;
	width: 4.85rem;
	height: 0.93rem;
	background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/line-t-l.png);
	background-size: contain;
  z-index: 1;
}
.line-l {
	position: absolute;
	top: 1.23rem;
	left: 0.3rem;
	width: 0.38rem;
	height: calc(100% - 2.2rem);
	background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/line-l.png);
	background-size: 0.38rem 100%;
	background-repeat: no-repeat;
  z-index: 1;
}
.line-r {
	position: absolute;
	top: 1.53rem;
	right: 0.3rem;
	width: 0.22rem;
	height: calc(100% - 1.9rem);
	background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/line-r.png);
	background-size: 0.22rem 100%;
	background-repeat: no-repeat;
  z-index: 1;
}
.line-b {
	position: absolute;
  bottom: 0.33rem;
  left: 50%;
  transform: translateX(-55%);
  width: calc(100vw - 1.2rem);
  height: 0.25rem;
  background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/line-b.png);
  background-size: calc(100vw - 1.2rem) 0.25rem;
  background-repeat: no-repeat;
  z-index: 1;
}
/* 绑定 */
.dialog-order .dialog-content {
  height: 8.9rem;
  background-size: 100% 100%;
  padding-top: 2rem;
}
.dialog-unbind .dialog-content {
  height: 5.02rem;
  background-size: 100% 100%;
}
.dialog-order-success .dialog-content{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 5.71rem;
	height: 4.58rem;
	padding: 1.3rem 0 0.3rem;
	background-image: url(https://game.gtimg.cn/images/xjlxg/web202504/m/dialog-order-success.png);
}
.dialog-order-success .tip{
	font-size: 0.22rem;
	color: #fff;
}
.dialog-order-success .qrcode {
  position: absolute;
  top: 1.92rem;
  left: 2.05rem;
  width: 1.8rem;
  height: 1.8rem;
}