/* 公共样式样式 */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer,div,span,img,a,button {
  margin: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  outline: none;
}
body {
  font: 12px/1.5 tahoma,'\5b8b\4f53',sans-serif;
  background: #e7eaec;
  font-family: "Microsoft Yahei";
}
h1,h2,h3,h4,h5,h6{ font-size: 100%;font-weight: normal;}
em,b{font-style: normal}
a{text-decoration: none;outline: none;}
a:hover{text-decoration: none}
img{
  border: 0;
  /* pointer-events: none; */
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
ul{list-style: none;}
button,input,select,textarea{font-size: 100%;outline: none;background-color: transparent;border: none;}
button{ color: #fff; }
table{border-collapse: collapse;border-spacing: 0}
td,th,ul,ol{padding: 0}
*{  
  -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
  -webkit-user-select:none; /*webkit浏览器*/   
  -khtml-user-select:none; /*早期浏览器*/   
  -moz-user-select:none;/*火狐*/   
  -ms-user-select:none; /*IE10*/   
  user-select:none;   
  -webkit-overflow-scrolling: touch; 
} 
/* font */
@font-face {
  font-family: 'morganite';
  src: url('../font/morganite.ttf');
}
@font-face {
  font-family: 'icf';
  src: url('../font/icf.ttf');
}

@font-face {
  font-family: 'FZLT';
  /* src: url('../font/fzlt.ttf'); */
  src: url('../font/fzlt-all.ttf')
}
img {
  -webkit-touch-callout: default;
}
input, textarea {
  -webkit-user-select: auto;
  outline: none;
}
* {
  -webkit-text-size-adjust: none;  
  padding: 0;
  margin: 0;
}
a, select, div {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.hidden {
  display: none;
}
@font-face {
  font-family: RUIZI;
  src: url(//mdnf.qq.com/web202405/font/ruizi.ttf) format('opentype');
  font-display: swap;
}
.swiper-button-next:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after {
  content: '';
}
body,html{
  /* width: 100%; */
  width: auto;
  min-width: 14rem;
  overflow-x: auto;
  height: 100%;
  padding: 0;
  margin: 0;
  background: #000;
  position: relative;
}
body {  
  height: 100%;
}
.go-top {
  background: url(//game.gtimg.cn/images/mdnf/web202305/top.png)no-repeat center/100%;
  width: 0.65rem;
  height: 0.82rem;
  display: block;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}

.go-top:hover {
  cursor: pointer;
  background: url(//game.gtimg.cn/images/mdnf/web202305/top-on.png)no-repeat center/100%;
}

.top a {
  width: 0.65rem;
  height: 0.82rem;
}

.hidden {
  display: none;
}
.ellipse {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: justify;
  -webkit-line-clamp: 1;
}
.part {
  width: 100%;
  position: relative;
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.content {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
#ageReminder .dialog-title {
  height: 1rem;
  line-height: 1rem;
  padding: 0.2rem 0 0.8rem;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  font-size: .42rem;
  font-style: italic;
  color: #e12617;
  position: absolute;
  left: 50%;
  width: 4rem;
  margin-left: -3.8rem;
  top: 0.5rem;
  text-align: center;
  background: none;
}
#ageBox {
  width: 12rem;
  margin-left: -7.5rem;
  position: absolute;
  left: 50%;
  top: 2rem;
  line-height: 0.35rem;
}
#ageReminder .dialog-content {
  padding-top: 2rem;
}
/* loading*/
.loading-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,1);
  z-index: 999;
}
.loading-container {
  position: absolute !important;
  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;
}
.loading-wrapper .process-number {
  /* font-family: RUIZI; */
  min-width: 0.44rem;
  display: inline-block;
}
.loading-wrapper .loading-icon {
  background: url(//game.gtimg.cn/images/qqgame/act/a20220915memonvry/scene1/loading.gif);
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem 1.5rem;
  margin-bottom: 0.5rem;
}
.tencent-game {
  width: 97px !important;
  height: 53px !important;
  background: url(//game.gtimg.cn/images/mdnf/neople.png) no-repeat 0 0;
}
/* 头部导航 */
.top-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.25rem;
  z-index: 99;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/top_nav_bg.png) center top/100% no-repeat;
}
.icon-logo {
  top: 0.1rem;
  width: 1.86rem;
  height: 0.9rem;
  position: absolute;
  left: 0.32rem;
}
.icon-logo img {
  width: 100%;
  height: auto;
}
.sidebar-code {
  width: 2.01rem;
  height: 3.9rem;
  position: absolute;
  right: 0;
  top: 2.83rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/sidebar.png) center/100% no-repeat;
  z-index: 9;
}
.sidebar-code .item-kf {
  position: absolute;
  top: 3.22rem;
  right: 0;
  width: 1.68rem;
  height: 0.55rem;
  cursor: pointer;
}
.sidebar-code .item-kf-code {
  display: none;
  position: absolute;
  top: 2.6rem;
  left: -1.62rem;
  width: 1.62rem;
  height: 1.42rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene0926/kf_code.png) center/100% no-repeat;
}

.btn-sidebar-down {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 6.22rem;
  height: 1.56rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/expand_down_bg_v21.png) left center/auto 100% no-repeat;
  display: none;
  z-index: 2;
  cursor: pointer;
  transition: all 0.5s linear;
}
.down-text {
  width: 2.41rem;
  height: 0.74rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/down_text.png) center/100% no-repeat;
  position: absolute;
  right: 0.21rem;
  top: 0.45rem;
}
.btn-sidebar-down .light {
  position: absolute;
  bottom: 0.3rem;
  left: 1.5rem;
  width: 4.36rem;
  height: 2rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/side_yuyue_light.png) center/100% no-repeat;
}
.btn-sidebar-down.isExpand .light,
.btn-sidebar-down.isExpand .down-text,
.btn-sidebar-down .expand-down-content {
  display: none;
}
.btn-sidebar-down.isExpand .expand-down-content,
.btn-sidebar-down.isExpand .expand-down-content .light {
  display: block;
}
.btn-sidebar-down.isExpand {
  width: 16.47rem;
  height: 1.56rem;
}
.expand-down-content .qr-code {
  position: absolute;
  top: -0.5rem;
	right: 9.72rem;  
  display: block;
  width: 2.08rem;
  height: 1.67rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260318/qr_code.png) no-repeat left top/ 100% 100%;
}
.expand-down-content .btn-ios {
  position: absolute;
  top: 0.43rem;
	right: 6.99rem;  
  display: block;
  width: 2.52rem;
  height: .77rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene219/btn_ios.png) no-repeat left top/ 100% 100%;
}
.expand-down-content .btn-android {
  position: absolute;
  top: 0.43rem;
	right: 4.32rem;  
  display: block;
  width: 2.52rem;
  height: .77rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene219/btn_android.png) no-repeat left top/ 100% 100%;
}
.expand-down-content .btn-cloud {
  position: absolute;
  top: 0.43rem;
	right: 1.64rem;  
  display: block;
  width: 2.52rem;
  height: .77rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene219/btn_cloud.png) no-repeat left top/ 100% 100%;
}
.expand-down-content .btn-cloud-code {
  position: absolute;
  top: -1.42rem;
	right: 2.09rem; 
  left: initial; 
  width: 1.43rem;
  height: 1.76rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/cloud_code.png) no-repeat left top/ 100% 100%;
}
.expand-down-content .btn-android-code {
  display: none;
  position: absolute;
  top: -1.8rem;
	right: 4.4rem;
  width: 2.08rem;
  height: 1.67rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/qr_code.png) no-repeat left top/ 100% 100%;
}
.expand-down-content .dots {
  position: absolute;
  bottom: 1.36rem;
  right: 6.5rem;
  width: 2.8rem;
  height: 0.76rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260318/dots.png) no-repeat left top/ 100% 100%;
}
.expand-down-content .down-title {  
  position: absolute;
  right: 7.28rem;
  bottom: 1.4rem;
  width: 2.02rem;
  height: 0.46rem;
  line-height: 9999px;
  overflow: hidden;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene219/down_title.png) no-repeat left top/ 100% 100%;
}
.btn-sidebar-down.isExpand .qr-code,
.btn-sidebar-down.isExpand .btn-ios,
.btn-sidebar-down.isExpand .btn-android,
.expand-down-content .btn-cloud {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.btn-sidebar-down.isExpand .dots,
.btn-sidebar-down.isExpand .down-title {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.nav-list {  
  /* width: 12rem; */
  height: 1.25rem;
  line-height: 1.25rem;
  position: absolute;
  /* left: 50%; */
  top: 0;
  /* margin-left: -8rem; */
  left: 5rem;
  z-index: 9;
  font-family: RUIZI;
  display: flex !important;
  flex-wrap: wrap;
  overflow: hidden;
  /* justify-content: space-around; */
}
.nav-list .nav-item {
  position: relative;
  margin-right: .85rem !important;
}
.nav-list .role-nav-item:before {
  content: '';
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 0.12rem;
  position: absolute;
  right: -0.2rem;
  top: 0.3rem;
  background-color: red;
  display: none;
}
.nav-list .show-red-dot.nav-item:before {
  display: block;
}
.nav-list.swiper-pagination-lock {
  display: block;
}
.nav-item {
  /* width: 1.56rem; */
  height: 1.25rem;
  line-height: 1.25rem;
  text-align: center;
}
.nav-cname {
  display: block;
  font-size: 0.2rem;
  color: #c7c7c7;
  font-family: FZLT;
  font-style: italic;
}
.nav-cname:hover {
  color: #fff;
}
.nav-item.nav-item-active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.33rem;
  width: 0.66rem;
  height: 0.16rem;
  background: #cb0000;
}
.nav-item.nav-item-active .nav-cname {
  color: #fff;
  font-size: 0.22rem;
}
.nav-item.swiper-pagination-bullet {
  display: flex;
  opacity: 1;
  border-radius: 0;
  background-color: transparent;
  text-align: left;
  padding: 0 !important;
  margin: 0 !important;
  width: 1.5rem;
  text-align: center;
}
.nav-list .nav-item.swiper-pagination-bullet {
  width: auto;
  margin-right: .75rem !important;
}
.awak-arrow {
  margin-left: -0.5rem;
  line-height: 1.12rem;
}
.awak-dropdown {
  position: absolute;
  top: 0.85rem;
  left: 1.25rem;
  height: 1.12rem;
  line-height: 0.5rem;
  font-size: 0.23rem;
  color: #a6a6a6;
  z-index: 10;
  font-family: FZLT;
}
.awak-item {
  width: 2.1rem;
  text-align: left;
  padding-left: 0.2rem;
  box-sizing: border-box;
  border-bottom: 1px solid #a6a6a6;
}
.awak-item.awak-active {
  color: #fff;  
}
.awak-dropdown .awak-item:last-child {
  border-bottom: none;
} 
.awak-skill-info {
  width: 8.47rem;
  display: flex;
  justify-content: space-between;
  margin: 0.57rem 0 0 0.86rem;
  position: absolute;
  left: 50%;
  top: 7.2rem;
  color: #fff;
  font-family: FZLT;
  z-index: 3;
}
.awak-arrow {
  margin-top: 0.45rem;
  width: 0.17rem;
  height: 0.11rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/icon-arrow-down.png) no-repeat center bottom / 100% auto;
}
.awak-arrow-up {
  width: 0.17rem;
  height: 0.11rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/icon-arrow-up.png) no-repeat center bottom / 100% auto;
}
.awak-skill-name {
  font-size: 0.24rem;
  margin-bottom: 0.12rem;
}
.awak-skill-icon {
  width: 1.01rem;
  height: 1.01rem;
}
.awak-skill-text {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0.28rem 0.38rem;
  box-sizing: border-box;
  background-image: url(https://game.gtimg.cn/images/mdnf/web202405/role25/skill_info_wrap.png);
}
.awak-skill-desc {
  font-size: 0.2rem;  
  line-height: 0.25rem;
}
.nav-adver, .nav-adver img {
  width: 3.31rem;
  height: 0.63rem;
}
.nav-adver {
  position: absolute;
  right: 5rem;
  top: 50%;
  transform: translateY(-50%);
}
.login-wrap {
  width: 3.5rem;
  /* height: 0.64rem; */
  text-align: center;
  font-size: 0.18rem; 
  font-family: 'Microsoft yahei';
  color: #fff; 
  margin: 0rem;
  position: absolute;
  right: 1.3rem;
  top: 50%;
  z-index: 9;
  transform: translateY(-0.32rem);
  line-height: 0.3rem;
}
.login-wrap .un_login {
  width: 1.99rem;
  height: 0.64rem;
  margin: 0 auto;
}
.login-wrap .un_login a {
  display: block;
  width: 1.99rem;
  height: 0.64rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/btn_login.png) center/100% no-repeat;
  line-height: 9999px;
  overflow: hidden;
}
.login-wrap .idcard,.login-wrap  .username,.login-wrap a {
  color: #fff;
}
.login-wrap .role-info {
  display: flex;
  justify-content: center;
}
.login-wrap .role-info .current,
.login-wrap .role-info .role-name,
.login-wrap .role-info .line,
.login-wrap .role-info .partition,
.login-wrap .role-info .role-change {
  display: block;
}

.login-wrap .role-info .role-name {
  max-width: 1.4rem;
  height: .3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.login_ed .username {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  height: 0.5rem;
  line-height: 0.5rem;
  width: auto;
  max-width: 1.7rem;
  vertical-align: middle;
  margin-top: -0.02rem;
}
.top-wrap .age {
	width: 0.53rem;
	height: 0.68rem;
	position: absolute;
  right: 0.75rem;
  top: 50%;
  margin-top: -0.34rem;
	z-index: 9;
  cursor: pointer;
  background: url(//game.gtimg.cn/images/mdnf/web202305/shiling.png) center/100% no-repeat;
}
.arrow-next {
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: 0.5rem;
  margin-left: -0.2rem;
  width: 0.4rem;
  height: 0.69rem;
  background-image: url(https://game.gtimg.cn/images/mdnf/web202405/arrow_next.png);
  background-size: cover;
  display: none;
}
.arrow-next-anim {
  display: block;
  animation: arrowDown 1.5s 0s infinite ease-in-out;
}
@keyframes arrowDown {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 8px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.right-nav {
	box-sizing: border-box;
	display: block;
	width: 2.42rem;
	height: 8.78rem;
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: -1.9rem;
	color: #dbcc7e;
	z-index: 99;
	background: url(//game.gtimg.cn/images/mdnf/web202305/right_nav_bg.png) center top no-repeat;
	background-size: cover;
	font-size: 0.2rem;
	text-align: center;
	font-family: 'Microsoft yahei';
	padding-left: 0.75rem;
}
.right-nav .nav-item {
	display: block;
	color: #dbcc7e;
	margin-top: 0.23rem;
}
.right-nav .qrcode-zhushou{
	margin-top: 2.15rem;
}
.right-nav .qrcode-gzh {
	margin-top: 0.15rem;
}
.right-nav .qrcode-zhushou img, .right-nav .qrcode-gzh img {
	margin-bottom: 0.1rem;
	width: 1.32rem;
	height: 1.32rem;
}
/* 翻屏动画 */
@keyframes box-width-in {
  0% { width: 0;}
  100% { width: 100%;}
}
@keyframes box-width-out {
  0% { width: 100%;}
  100% { width: 0;}
}

.right-width-in-box { width: 0; overflow: hidden;}
.right-width-in-box .mask-box { position: absolute; left: 0; top: 0;}
.right-width-in-box .mask-box::before,
.right-width-in-box .mask-box::after { content: ''; width: 0rem; position: absolute; right: 0; top: 0;}
.right-width-in-box .mask-box::before { background: #fff; z-index: 1;}
.right-width-in-box .mask-box::after { background: #f00; z-index: 2;}
.right-width-in-box.anim-right-width-show { width: 100%;}
.right-width-in-box.anim-right-width-show .mask-box::before { transform-style: preserve-3d; animation: box-width-in .3s ease-in-out 0s 1 normal forwards;}
.right-width-in-box.anim-right-width-show .mask-box::after { transform-style: preserve-3d; animation: box-width-in .3s ease-in-out .15s 1 normal forwards;}
.right-width-in-box.anim-right-width-show { transform-style: preserve-3d; animation: box-width-out .3s ease-in-out .3s 1 normal forwards;}


.page-mask { height: 100%; position: absolute; left: 0; top: 0; z-index: 99999;}
.page-mask .mask-box { /*width: 19.2rem;*/ width: 100vw; height: 100%;}
.page-mask .mask-box::before,
.page-mask .mask-box::after { height: 100%;}
.page-mask .mask-box::before { background: url('https://game.gtimg.cn/images/mdnf/web202405/white_mask_bg.jpg') no-repeat 100% 50%/cover; background-attachment: fixed;}
.page-mask .mask-box::after { background: url('https://game.gtimg.cn/images/mdnf/web202405/red_mask_bg.jpg') no-repeat 100% 50%/cover; background-attachment: fixed;}

/* 第一部分 */
.scene {
  width: 100%;
  height: 100%;
  position: relative;
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow: hidden;
}
.scene-1 {
  /* background: #000; */
  background: #000 url('https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/bg_kv.jpg?v=20260114') no-repeat 50% 0/ cover;
  width:100%;
  height: 100%;
}
.scene-1 .scene-content {
  position: absolute;
  top: 50%;
  left: 0;
  height: 10.85rem;
  margin-top: -6.1rem;
  width: 100%;
  z-index: 2;
}
.title-frames {
  position: relative;
  z-index: 10;
  width: auto;
  height: 100%;
}
.kv-video {
  object-fit: fill;
  width: 100%;
  height: auto;
  /* min-height: 100%; */
  /* min-width: 100%; */
  /* position: absolute;
  left: 50%;
  top: 0;
  transform: translate3d(-50%, 0, 0); */
}
.kv-video-container {
  position: absolute;
  width: 100%;
  min-width: 1600px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
/* .kv-video-container::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .4);
} */
.time-d,
.time-h,
.time-m,
.time-s {
  font-size: 4.43rem;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 0.8rem;
  line-height: 4.43rem;
  font-family: morganite;
}
.time-d-unit,
.time-h-unit,
.time-m-unit,
.time-s-unit {
  font-size: 0.32rem;
  color: #fff;
  position: absolute;
  left: 50%;  
  top: 1.37rem;
  font-family: FZLT;
}
.time-d {
  margin-left: -6.83rem;
}
.time-d-unit {
  margin-left: -4.6rem;
}
.time-h {
  margin-left: -3.96rem;
}
.time-h-unit {
  margin-left: -1.81rem;
  width: 0.35rem;
}
.time-m {
  margin-left: 1.79rem;
}
.time-m-unit {
  margin-left: 4.26rem;
}
.time-s {
  margin-left: 4.92rem;
}
.time-s-unit {
  margin-left: 7.08rem;
}
.icon-honor {
  position: absolute;
  top: 0.1rem;
	left: 0.75rem;  
  width: 1.79rem;
  height: 3.33rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene/icon_honor.png) no-repeat left top/ 100% 100%;
}
.icon-adver {
  position: absolute;
  top: 50%;
  margin-top: 2.82rem;
	right: 0;  
  width: 3.07rem;
  height: 1.5rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene21/scene1_adver1.png) no-repeat left top/ 100% 100%;
  display: block;
  z-index: 10;
}
.icon-czfl {
  position: absolute;
  top: 50%;
  margin-top: 1.6rem;
	right: 0;  
  width: 2.18rem;
  height: 0.73rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene21/myfl.png) no-repeat left top/ 100% 100%;
  display: block;
  z-index: 10;
}
.adver-hover-code {
  position: absolute;
  top: 50%;
  margin-top: 2.82rem;
	right: 2.18rem;  
  width: 1.93rem;
  height: 1.66rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene21/adver_code.png) no-repeat left top/ 100% 100%;
  display: none;
  z-index: 10;
}
.prize-list .prize-item::after {
  content: '';
  width: 0.95rem;
  height: 0.95rem;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.2rem;
  z-index: 2;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeGift/icon_gift_light.png) no-repeat center/ 100% auto;
}
.stars {
  position: absolute;
  top: 0;
	left: 0;
  margin: -1.7rem 0 0 0;
  width: 25.6rem;
  height: 14.4rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene/star.png) no-repeat left top/ 100% 100%;
}
.stars-name {
  position: absolute;
  top: 5.85rem;
	left: 50%;  
  margin-left: 3.26rem;
  width: 2.23rem;
  height: 1.15rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene/star_name.png) no-repeat left top/ 100% 100%;
}
.top-title {
  position: absolute;
  top: 2.21rem;
	left: 50%;  
  margin-left: -5.43rem;
  width: 10.86rem;
  height: 1.28rem;
  /* background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene21/top_title.png) no-repeat left top/ 100% 100%; */
}
.icon-play {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 3.96rem;
  margin-top: 4.5rem;
  width: 2.21rem;
  height: 2.37rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/icon_play.png) no-repeat left top / 100% 100%;
  z-index: 10;
  cursor: pointer;
}
.icon-play-light {
  position: absolute;
  top: -0.5rem;
	left: 0%;  
  margin-left: -.7rem;
  width: 2.47rem;
  height: 2.2rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene21/icon_play_light.png) no-repeat left top/ 100% 100%;
}
.act-group {
  width: 17.32rem;
  height: 5.07rem;
  background: #fc0;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -8.4rem;
  margin-top: 6.5rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/act-group.png) no-repeat left top / 100% 100%;
}
.act-group .act-item {
  display: block;
  width: 2.8rem;
  height: 3.3rem;
  text-indent: -99rem;
  overflow: hidden;
  position: absolute;
  top: 1rem;
}
.act-group .act-item-1 {
  left: .36rem;
}
.act-group .act-item-2 {
  left: 3.26rem;
}
.act-group .act-item-3 {
  left: 11.4rem;
}
.act-group .act-item-4 {
  left: 14.28rem;
}
.act-group .login-gift {
  width: 4.74rem;
  height: 1.16rem;
  position: absolute;
  left: 6.32rem;
  top: 1.3rem;
}
.act-group .login-gift-swiper {
  width: 4.74rem;
  height: 1.11rem;
}
.act-group .login-gift-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}
.act-group .login-gift-swiper .login-gift-img {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.act-group .gift-swiper-pagination {
  bottom: 0.08rem;
}
.act-group .gift-swiper-pagination .swiper-pagination-bullet {
  width: 0.09rem;
  height: 0.09rem;
  background: #FFFBE5;
  opacity: 0.5;
}
.act-group .gift-swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.act-group .gift-subtitle {
  width: 4.8rem;
  height: .3rem;
  line-height: .3rem;
  text-align: center;
  color: #fff;
  font-size: .16rem;
  position: absolute;
  left: 6.25rem;
  top: 2.3rem;
}
.act-group .back-gift-box {
  width: 1.76rem;
  height: .76rem;
  position: absolute;
  left: 6.5rem;
  top: 3.53rem;
}
.act-group .back-gift-box.back-gift-7 {
  width: 2.45rem;
}
.act-group .back-gift-box.back-gift-30 {
  left: 6.9rem;
}
.act-group .back-gift-img {
  width: 100%;
  height: 100%;
}
.act-group .btnReceiveGift {
  width: 1.64rem;
  height: .79rem;
  text-indent: -99rem;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  left: 9.2rem;
  top: 3.5rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/btn-receive.png) no-repeat left top / 100% 100%;
}
.act-group .btnReceiveGift.received {
  cursor: default;
  /* pointer-events: none; */
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/btn-received.png) no-repeat left top / 100% 100%;
}
.act-group .btnReceiveGift.disabled {
  cursor: default;
  /* pointer-events: none; */
  filter: grayscale(100%);
}
.act-group .btnReceiveGift.unstart {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/btn-unstart.png) no-repeat left top / 100% 100%;
}




.time-title {
  position: absolute;
  top: 5.51rem;
	left: 50%;  
  margin-left: -6.89rem;
  width: 13.78rem;
  height: 5.12rem;
  /* background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene828/home_title.png) no-repeat left top/ 100% 100%; */
}
.right-title {
  position: absolute;
  top: 4.77rem;
	left: 50%;  
  margin-left: 2.01rem;
  width: 4.56rem;
  height: 1.83rem;
  /* background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene21/right_title.png) no-repeat left top/ 100% 100%; */
}
.home-title {
  display: block;
  position: absolute;
  top: 0;  
	left: 50%;  
  margin-top: -0.2rem;
  margin-left: -5.5rem;
  width: 10.37rem;
  height: 8.29rem;
  pointer-events: none;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/home_title.png) no-repeat left top/ 100% 100%;
}

.animation-wrap {
  display: block;
  width: 100%;
	height: 2.16rem;
	/* overflow: hidden;	 */
	position: absolute;
	left: 50%;
  transform: translateX(-50%);
	bottom: 0;
  z-index: 2;
}
.bottom-mask {
  position: absolute;
	left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
	bottom: 0;
  width: 100%;
  height: 2.75rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/bottom_mask.png) no-repeat center bottom/ 100% 100%;
}
.prize-wrap-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1.55rem;
  background: #fff url(https://game.gtimg.cn/images/mdnf/web202405/homeScene21/gifts_bg.png) no-repeat right top/ auto 100%;
}
.animation-content .dots {
  position: absolute;
  bottom: 1.57rem;
  left: 2.5rem;
  width: 2.8rem;
  height: 0.76rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene0619/dots.png) no-repeat left top/ 100% 100%;
}
.animation-content .down-title {  
  position: absolute;
  left: 2.5rem;
  bottom: 1.56rem;
  z-index: 2;
  width: 2.02rem;
  height: 0.46rem;
  line-height: 9999px;
  overflow: hidden;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/down_title.png) no-repeat left top/ 100% 100%;
}
.prize-wrap-title {
  position: absolute;
  left: 11.51rem;
  bottom: 1.68rem;
  z-index: 2;
  width: 3.96rem;
  height: 0.46rem;
  line-height: 9999px;
  overflow: hidden;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene21/scene1_gift_title1.png) no-repeat left top/ 100% 100%;
}
.prize-wrap-title .red {
  color: #ed1717;
}
.animation-content {
  width: 10.32rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -5.16rem;
  height: 1.55rem;
  z-index: 5;
}
.animation-content .qr-code {
  position: absolute;
  bottom: 0.63rem;
	left: 0;  
  display: block;
  width: 2.08rem;
  height: 1.67rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/qr_code.png) no-repeat left top/ 100% 100%;
}
.animation-content .btn-ios {
  position: absolute;
  bottom: 0.59rem;
	left: 2.32rem;  
  display: block;
  width: 2.52rem;
  height: .77rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene219/btn_ios.png) no-repeat left top/ 100% 100%;
}
.animation-content .btn-android {
  cursor: pointer;
  position: absolute;
  bottom: 0.59rem;
	left: 5.02rem;  
  display: block;
  width: 2.52rem;
  height: .77rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene219/btn_android.png) no-repeat left top/ 100% 100%;
}
.animation-content .btn-cloud {
  cursor: pointer;
  position: absolute;
  bottom: 0.59rem;
	left: 7.74rem;  
  display: block;
  width: 2.52rem;
  height: .77rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene219/btn_cloud.png) no-repeat left top/ 100% 100%;
}
.animation-content .btn-cloud-code {
  display: none;
  position: absolute;
  top: -1.6rem;
  left: 8.2rem;
  width: 1.43rem;
  height: 1.76rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/cloud_code.png) no-repeat left top/ 100% 100%;  
}
.animation-content .btn-android-code {
  display: none;
  position: absolute;
  top: -1.8rem;
  left: 5.4rem;
  width: 2.08rem;
  height: 1.67rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/qr_code.png) no-repeat left top/ 100% 100%;
  zoom: 0.9;
  left: 6rem;
  top: -1.6rem
}

.animation-content .prize-list {
  position: absolute;
  left: 11.47rem;
  bottom: 0.79rem;
  width: 3.5rem;
  height: 0.6rem;
  display: flex;
  justify-content: space-between;
  font-family: 'Microsoft yahei';
}
.animation-content .prize-tips {
  font-size: 0.21rem;
  color: #2a2a2a;
  position: absolute;
  left: 11.5rem;
  bottom: 0.3rem;
  width: 11.37rem;
  text-align: left;
  z-index: 3;
}
.animation-content .prize-tips .red {
  color: #e12617;
}
.animation-content .prize-tips .strong {
  font-weight: bold;
}

.toutao-wrap {
  position: absolute;
  width: 5.5rem;
  top: 0.5rem;
	left: 4.3rem;  
}
.toutao-wrap-title {
  color: #000;
  font-size: 0.22rem;
  margin: 0rem 0 0.1rem 0.1rem;
  font-family: RUIZI;
}
.toutao-list {
  width: 5.5rem;
  display: flex;
  justify-content: space-between; 
	font-family: 'Microsoft yahei';
}
.prize-list div,.toutao-list div {
	width: 0.6rem;
	float: left;
	/* margin-right: 0.48rem; */
	position: relative;
}
.prize-list .special-gift img {
  width: 0.7rem;
  height: 0.7rem;
  margin-top: -0.05rem;
  margin-left: -0.05rem;
}
.toutao-list div.wide {
  width: 1.4rem;
}
.prize-list div img,.toutao-list div img {
	display: block;
	margin: 0 auto;
  height: 0.6rem;
}

.prize-list div p,.toutao-list div p {
	text-align: center;
	font-size: 0.12rem;
	color: #fff;
	margin-top: 0.06rem;
	line-height: 0.16rem;
}
.toutao-list div p {
  color: #000;
}
.video-swiper {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-swiper .swiper-slide {
  opacity: 0;
}
.video-swiper .swiper-slide-active {
  opacity: 1;
}
.video-info1 .video-title-wrap {
  position: absolute;
  left: 50%;
  margin-left: -7rem;
  top: 1.98rem;
	transform: translateX(-50%);
  width: 5.74rem;
	height: 3.23rem;
}
.video-action {
  position: relative;
  width: 3rem;
  height: 0.05rem;
}
.line-bg-wrapper {
  width: 100%;
  height: 0.02rem;
  background-color: #fff;
  position: relative;
}
.line-bg-inner {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 0.02rem;
  display: none;
  background-color: #ffd236;  
}
@keyframes moveRight {
  0% {
    width: 0;
    opacity: 0;
  }
  50% {
    width: 50%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
/* .swiper-pagination-bullet-active.video-action .role-img {
  animation: showImg 1s 4s linear;
  animation-fill-mode: forwards;
} */
@keyframes showImg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.swiper-pagination-bullet-active {
  background: transparent;
}

/* 第二屏 */
.scene-2 {
  width:100%;
  height: 100%;
}
.scene-2 .scene-content {
  position: absolute;
  top: 50%;
  left: 0;
  height: 9.34rem;
  margin-top: -4.67rem;
  width: 100%;
}
.bg-white {
  position: absolute;
  top: 0;
  right: 0;
  background: url('https://game.gtimg.cn/images/mdnf/web202404/white_mask_bg.jpg') no-repeat right center/ 100% 100%;
  width:100%;
  height: 100%;
}
.bg-red {
  position: absolute;
  top: 0;
  right: 0;
  background: url('https://game.gtimg.cn/images/mdnf/web202404/red_mask_bg.jpg') no-repeat right center/ 100% 100%;
  width:100%;
  height: 100%;
}
.scene-2-bg {
  position: absolute;
  top: 0;
  right: 0;
  background: #000 url('https://game.gtimg.cn/images/mdnf/web202405/news/news_bg.jpg') no-repeat right center/ 100% 100%;
  width:100%;
  height: 100%;
}
.scene-2 .scene-title {
  background: url('https://game.gtimg.cn/images/mdnf/web202405/news/news_title.png') no-repeat center top/ auto 100%;
  width: 4.54rem;
  height: 2.23rem;
  position: absolute;
  left: 50%;
  top: 0.61rem;
  margin-left: -8.66rem;
  line-height: 9999px;
  overflow: hidden;
  z-index: 2;
}
.scene-2 .tab-wrap {
  position: absolute;
  left: 50%;
  top: 1.64rem;
  margin-left: -4.24rem;
  width: 8.4rem;
  border-bottom: 0.13rem solid #fff;  
  padding: 0 0.71rem;
  box-sizing: border-box;
  z-index: 10;
}
.scene-2 .news-nav-list {
  width: 7rem; 
  display: flex;
  justify-content: space-between;
}
.scene-2 .news-nav-list li ,.scene-2 .news-nav-list li a {
  width: 0.9rem;
  height: 0.5rem;
  line-height: 0.5rem;
  display: block;  
  box-sizing: border-box;
  font-size: 0.24rem;
  text-align: center;
  /* font-family: RUIZI; */
  font-weight: bold;
  color: #fff;
  font-style: italic;
}
.scene-2 .news-nav-list li.new::before {
  content: '';
  position: absolute;
  right: -0.5rem;
    top: -0.1rem;
  width: 0.75rem;
  height: 0.24rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/news/icon-new.png') no-repeat center top/ 100%;
}
/* .scene-2 .news-nav-list li a {
  padding-left: 0.12rem;
} */
/* .scene-2 .tab_title {
  background: url('https://game.gtimg.cn/images/mdnf/web202404/tab_normal.png') no-repeat center top/ auto 100%;
} */
.scene-2 .news-nav-list .tab_active a {
  color: #cb0000;
  font-size: 0.28rem;
}
.scene-2 .tab_active::after {
  content: '';
  width: 0.9rem;
  height: 0.27rem;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/news/news_tab_active.png') no-repeat center top/ 100% 100%;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.scene-2 .news-list {
  position: absolute;
  left: 50%;
  margin-left: -8.33rem;
  top: 3.37rem;
  width: 24.76rem;
  height: 5.8rem;
  overflow: hidden;
  opacity: 1;
}
.scene-2 .bird {
  pointer-events: none;
  width: 10.19rem;
  height: 8.64rem;
  position: absolute;
  bottom: 0;
  left: -1rem;
  /* z-index: 2; */
  background: url('https://game.gtimg.cn/images/mdnf/web202405/news/bird.png') no-repeat center top/ 100% 100%;
}
.scene-2 .news-list .swiper-wrapper {
  margin-left: -10.4rem;
}
.scene-2 .news-list .news-item {
  position: relative;
  width: 3.96rem;
  height: 4.43rem;
  /* margin-right: .2rem;   */
  overflow: hidden;
}
.scene-2 .news-list .news-item::after {
  content: '';
  width: 0.98rem;
  height: 0.13rem;
  position: absolute;
  right: 0.28rem;
  bottom: 0.24rem;
  display: none;
  z-index: 10;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/news/icon_news_hover.png') no-repeat center top/ 100% 100%;
}
.scene-2 .news-list .news-item:hover:after {
  display: block;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.scene-2 .news-item:hover .news-img {
  transform: scale(1.1);
}
.animate-item .content-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  /* width: 3.3rem;
  height: 3.72rem; */
}
.animate-item .content-wrap {
  opacity: 0;
}
.animate-item .white-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 3;
  /* opacity: 0; */
}
.animate-item .red-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #c51919;
  z-index: 2;
  /* opacity: 0; */
}
.animate-item .right-white-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 3;
  /* opacity: 0; */
}
.animate-item .right-red-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #c51919;
  z-index: 2;
  /* opacity: 0; */
}
.animate__animated.animate__fastest {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2)
}
@-webkit-keyframes bgToUp {
  0% {
    opacity: 0;    
    height: 0;
  }
  100% {
    opacity: 1;    
    height: 100%;
  }
}
@-webkit-keyframes itemFadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    height: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    height: 100%;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0,-110%,0);
    transform: translate3d(0,-110%,0);
    height: 100%;
  }
} 
@-webkit-keyframes itemFadeLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    width: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    width: 100%;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    width: 100%;
  }
}
@-webkit-keyframes itemFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.scene-2 .show-item-animate .animate-item .white-bg,
.scene-2 .show-item-animate .animate-item .red-bg,
.scene-4 .show-item-animate .animate-item .white-bg,
.scene-4 .show-item-animate .animate-item .red-bg,
.scene-cehua .show-item-animate .animate-item .white-bg,
.scene-cehua .show-item-animate .animate-item .red-bg {  
  -webkit-animation-name: itemFadeUp;
  animation-name: itemFadeUp;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.scene-cehua .show-item-animate .animate-item .right-white-bg,
.scene-cehua .show-item-animate .animate-item .right-red-bg {
  -webkit-animation-name: itemFadeLeft;
  animation-name: itemFadeLeft;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__bgToUp {  
  -webkit-animation-name: bgToUp;
  animation-name: bgToUp;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.scene-2 .show-item-animate .animate-item .content-wrap,
.scene-4 .show-item-animate .animate-item .content-wrap,
.scene-cehua .show-item-animate .animate-item .content-wrap {
  -webkit-animation-name: itemFadeIn;
  animation-name: itemFadeIn;
  -webkit-animation-duration: .01s;
  animation-duration: .01s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* .scene-2 .show-item-animate .animate-item .white-bg,
.scene-2 .show-item-animate .animate-item .red-bg,
.scene-4 .show-item-animate .animate-item .white-bg,
.scene-4 .show-item-animate .animate-item .red-bg,
.animate__bgToUp {  
  -webkit-animation-name: itemFadeUp;
  animation-name: itemFadeUp;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.scene-2 .show-item-animate .animate-item .content-wrap,
.scene-4 .show-item-animate .animate-item .content-wrap {
  -webkit-animation-name: itemFadeUp;
  animation-name: itemFadeUp;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
} */
.scene-2 .show-item .content-wrap {
  opacity: 1;
}
.animate-item:nth-child(1) .white-bg {
  animation-delay: 0.5s!important
}
.animate-item:nth-child(1) .red-bg  {
  animation-delay: 0.62s!important;
}
.animate-item:nth-child(1) .content-wrap  {
  animation-delay: 0.74s!important;
}
.animate-item:nth-child(2) .white-bg {
  animation-delay: 0.53s!important;
}
.animate-item:nth-child(2) .red-bg  {
  animation-delay: 0.65s!important;
}
.animate-item:nth-child(2) .content-wrap  {
  animation-delay: 0.77s!important;
}
.animate-item:nth-child(3) .white-bg {
  animation-delay: 0.56s!important;
}
.animate-item:nth-child(3) .red-bg  {
  animation-delay: 0.68s!important;
}
.animate-item:nth-child(3) .content-wrap  {
  animation-delay: 0.8s!important;
}
.animate-item:nth-child(4) .white-bg {
  animation-delay: 0.59s!important;
}
.animate-item:nth-child(4) .red-bg  {
  animation-delay: 0.71s!important;
}
.animate-item:nth-child(4) .content-wrap  {
  animation-delay: 0.83s!important;
}
.animate-item:nth-child(5) .white-bg {
  animation-delay: 0.62s!important;
}
.animate-item:nth-child(5) .red-bg  {
  animation-delay: 0.74s!important;
}
.animate-item:nth-child(5) .content-wrap  {
  animation-delay: 0.86s!important;
}
.animate-item:nth-child(6) .white-bg {
  animation-delay: 0.62s!important;
}
.animate-item:nth-child(6) .red-bg  {
  animation-delay: 0.74s!important;
}
.animate-item:nth-child(6) .content-wrap  {
  animation-delay: 0.86s!important;
}
.scene-2 .news-item .news-img {
  width: 3.96rem;
  height: 1.98rem;
  overflow: hidden;
	background-repeat: no-repeat;
	background-position: center top;
	/* background-size: cover; */
	background-size: auto 100%;
  background-color: #fff;
  transition: all 0.5s linear;
}
.scene-2 .news-img-wrap {
  width: 3.96rem;
  height: 1.98rem;
  overflow: hidden;
}
.scene-2 .swiper-button-prev:after,
.scene-2  .swiper-rtl .swiper-button-next:after,
.scene-2 .swiper-button-next:after,
.scene-2 .swiper-rtl .swiper-button-prev:after {
  display: none;
}
/* .scene-2 .news-item.swiper-slide-active::after {
  content: '';
  width: 0.63rem;
  height: 0.1rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202404/next_btn.png') no-repeat center top/ auto 100%;
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
  opacity: 0;
} */
.scene-2 .news-item.active .title {
  color: #cb0000;
}
.scene-2 .content {
  position: absolute;
  padding: 0.2rem 0.34rem 0;
  left: 0;
  top: 1.98rem;
  width: 3.96rem;
  height: 2.28rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/news/news_info_bg.png') no-repeat center bottom/ 100% auto ;
  box-sizing: border-box;
  font-family: 'microsoft yahei';
}
.scene-2 .content .title {
  font-size: .24rem;
  color: #000;  
  font-style: italic;
  font-weight: bold;
  margin-bottom: 0.18rem;
  height: 0.7rem;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 设置最大行数为2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;  
}
.scene-2 .news-item:hover .content .title{
  color:#cb0000
}
.scene-2 .content .time {
  font-size: .18rem;
  color: #b5b5b5;
  /* font-weight: bold; */
  font-family: 'icf';
  font-style: italic;
}
.scene-2 .content .info {
  color: #666666;
  font-size: 0.16rem;
  margin-bottom: 0.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 设置最大行数为2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 0.5rem;
}
.scene-2 .operations  {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 8.39rem;
  right: 2.72rem;
  width: 5.14rem;
  z-index: 10;
}
.scene-2 .operations .prev {
  /* opacity: 1; */
  width: 0.55rem;
  height: 0.54rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/news/news_prev.png') no-repeat center top/ auto 100%;
}
.scene-2 .operations .next {
  width: 0.55rem;
  height: 0.54rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/news/news_next.png') no-repeat center top/ auto 100%;
}
.scene-2 .operations .next:hover {
  width: 0.55rem;
  height: 0.54rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/news/news_next_hover.png') no-repeat center top/ auto 100%;
}
.scene-2 .operations .prev:hover {
  width: 0.55rem;
  height: 0.54rem;
  transform: rotateZ(-180deg);
  background: url('https://game.gtimg.cn/images/mdnf/web202405/news/news_next_hover.png') no-repeat center top/ auto 100%;
}
.scene-2 .operations .progressBar_outer {
  width: 3.48rem;
  height: 0.13rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/news/progress_outer.png') no-repeat left top/ auto 100%;
  position: absolute;
  left: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
}
.scene-2 .operations .progressBar_inner,
.swiper-pagination-progress .swiper-pagination-progressbar,
.scene-2 .swiper-pagination-progressbar-fill {
  width: 3.48rem;
  height: 0.13rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/news/progress_inner.png') no-repeat left top/ auto 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* 弹窗 */
.dialog-mask-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
  z-index: 999;
  justify-content: center;
  align-items: center;
}
.dialog-bg-text {
  position: absolute;
  left: 50%;
  top: 0.2rem;
  margin-left: -3.94rem;
  width: 8.29rem;
  height: 3.69rem;
  color: #3127a5;
  background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/dialog_bg_text.png) no-repeat center/ 100%;
}
.dialog-role1 {
  position: absolute;
  right: 2.34rem;
  top: -2.94rem;
  width: 8.17rem;
  height: 12.42rem;
  background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/dialog_role1.png) no-repeat center/ 100%;
}
.dialog-role2 {
  position: absolute;
  right: 0;
  top: -0.93rem;
  width: 11.73rem;
  height: 9.43rem;
  background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/dialog_role2.png) no-repeat center/ 100%;
}
.dialog-role3 {
  position: absolute;
  right: 0.98rem;
  bottom: 0.52rem;
  width: 7.8rem;
  height: 13.15rem;
  background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/dialog_role3.png) no-repeat center/ 100%;
}
.dialog-code .dialog-title {
  position: absolute;
  left: 50%;
  top: 0.66rem;
  margin-left: -5.73rem;
  width: 7.94rem;
  height: 0.9rem;
  background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/code_title.png) no-repeat center/ 100%;
}
.dialog-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.global-swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.dia-close {
  width: 0.54rem;
  height: 0.54rem;
  background: url(//game.gtimg.cn/images/hongjing/act/a20220905team/dialog/icon_close.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0.8rem;
  right: -0.2rem;
  transform: translateX(-50%);
  z-index: 100;
}    
/* 第二屏 */
/* .tab-nav-list {
  overflow: hidden;  
} */
.tab-nav-list li {
  float: left;  
  font-size: 0.4rem;
  width: 2.09rem;
  text-align: center;
  position: relative;
  color: #fff;
  padding-bottom: 0.15rem;
}
.tab-nav-list li a {
  color: #fff;
}
.tab-nav-list li.active, .tab-nav-list li.active a {
  color: #fff;
}
.scene-2 .view-dom {
  width: 100%;
  height: 100%;
}
.news-detail-content {
  width: 70%;
  margin: 4rem auto 0;
  background: #fff;
  min-height: 10rem;
  overflow: hidden;
  position: relative;
  font-family: 'Microsoft yahei';
}
.news-box {
  font-size: 0.18rem;
  color: #4f535c;
  /* width: 8.5rem; */
  margin: 0.5rem 1.3rem 0.5rem;
  line-height: .30rem;
}
.news-box iframe {
  width: 10.8rem;
  min-height: 6.1rem;
  margin-bottom: 1rem;
}
.news-box img {
	display: block;
	margin: 20px auto;
	max-width: 100%;
	height: auto;
}
.page-top {
  font-size: .16rem;
  color: #30333a;
  margin: 0.25rem 0 0 0.5rem;
}
.page-top a {
  color: #30333a;
}
.news-con {
  position: relative;
}
.news-ti {
  text-align: center;
  font-size: .24rem;
  color: #30333a;
  font-weight: bold;
  margin: 0.5rem;
}
.news-desc {
  color: #30333a;
  font-size: .14rem;
  padding-bottom: 0.2rem;
  border-bottom: 0.01rem solid #e3e4e5;
  opacity: .6;
}
.news-desc p {
  margin-left: 1.3rem;
}
/* 第三屏 */
.hide-text {
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
}
.scene-role {
  width:100%;
  height: 100%;
  overflow: hidden;
  /* background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/role_bg.jpg) no-repeat center / 100% 100%;
  background-repeat: repeat-x;
  background-size: cover; */
}
.scene-role {
  width:100%;
  height: 100%;  
}
.scene-role .scene-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  /* background-position: 0 0;
  background-size: 100% 100%;
  background-image: url(https://game.gtimg.cn/images/mdnf/web202405/role25/role_bg.jpg);
  background-repeat: repeat-x;
  background-size: cover;   */
  display: none;
  z-index: 3;
}
.role-detail-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
}
.show-anim.scene-bg,
.show-anim.role-detail-bg {
  -webkit-animation: moveFromRightToLeft  100s linear 0s infinite normal forwards;
  animation: moveFromRightToLeft 100s linear 0s infinite normal forwards;
  transition: all 100s;
  transform-style: preserve-3d;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;  
}
.animate__animated {
  transform-style: preserve-3d;
}
@keyframes moveFromRightToLeft {
  0% {
    left: 0;
  }
  50% {
    left: -25.6rem;
  }
  100% {
    left: 0;
  }
}
.scene-role .role-info {
  width: 100%;
  height: 100%;
}
.scene-role .role-back-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.scene-role .role-title-wrapper {
  width: 100%;
  font-size: 0.65rem;
  color: #fff;
  font-style: italic;
}
.scene-role .role-desc-wrapper {
  position: absolute;
  left: 50%;
  margin-left: 1rem;
  top: 6.8rem;
  width: 6.83rem;
  height: 0.5rem;
  font-size: 0.28rem;
  line-height: 0.5rem;
  color: #fff;  
  box-sizing: border-box;
  font-family: FZLT;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  z-index: 3;
}
.scene-role .role-desc-wrapper .ellipse {
    padding-left: 1rem;
    text-align: left;
}
.scene-role .skill-hover-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.65rem;
  height: 0.5rem;
  cursor: pointer;
}
.scene-role .skill-list {
  display: flex;
  /* justify-content: space-between; */
  width: 6rem;
}
.scene-role .skill-list li {
  cursor: pointer;
  padding: 0.05rem;
  position: relative;
  margin-right: 0.05rem;
}
.scene-role .skill-list li img {
  width: 0.8rem;
  height: 0.8rem;
}
.scene-role .role-nav {
  width: 5.3rem;
  display: flex;
  justify-content: space-between;
}
.scene-role .role-nav .role-item {
  cursor: pointer;
  /* width: 0.72rem !important;
  height: 0.99rem; */
  width: 1.36rem;
  height: 1.4rem;
  display: flex;
}
.role-type::after {
  content: '';
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 0.18rem;
  background-color: red;
  position: absolute;
  right: 1.2rem;
  top: 7.8rem;
  border: 0.03rem solid #fff;
  display: none;
}
.role-loading {
  width: 1.13rem;
  height: 0.95rem;
  position: absolute;
  left: 6.48rem;
  top: 50%;
  margin-top: -0.88rem;
  z-index: 1;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/loading.gif) no-repeat 0 0/100% auto;
}
.scene-role .role-type-container .role-type:hover::after {
  right: 0.7rem;
  top: 7rem;
}
.show-red-dot.role-type::after {
  display: block;
}
.role-arrow-wrapper {
  width: 1.14rem;
  position: absolute;
  height: 2.28rem;
  top: 50%;
  right: 0.49rem;
  margin-top: 0.2rem;
  z-index: 10;
}
.next-wrap,.prev-wrap {
  width: 1.08rem;
  height: 1.07rem;
  position: absolute;
  left: 0;
  cursor: pointer;
}
.next-wrap {
  bottom: 0;
}
.prev-wrap {
  top: 0;
}
.prev-wrap .role-name, .next-wrap .role-name {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 0.24rem;
  color: #fff;
  font-family: FZLT;
}
.btn-next {
  width: 1.08rem;
  height: 1.07rem;
  position: absolute;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/btn_prev_s.png') no-repeat center / 100% auto;
  transform: rotateZ(180deg);
}
.btn-prev {
  width: 1.08rem;
  height: 1.07rem;
  position: absolute;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/btn_prev_s.png') no-repeat center / 100% auto;
}
.skill-chart {
  position: absolute;
  top: 7.4rem;
  left: 50%;
  margin-left: 2.4rem;
  z-index: 2;
  width: 4rem;
  height: 4rem;
}
.skill-chart canvas {
  width: 4rem;
  height: 4rem;
}
.skill-txt-item {
  display: none;
  color: #fff;
  height: 0.8rem;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  text-align: justify;
  -webkit-line-clamp: 2;
  font-size: 0.16rem;
  font-family: 'Microsoft yahei';
}
.skill-txt-item.active {
  display: block;
}
.skill-gif, .skill-gif img {
  display: none;
  width: 4.9rem;
  height: 2.72rem;
}
.role-detail-list {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.role-detail-content {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  /* position: relative;
  z-index: 2; */
  transform-style: preserve-3d;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
}
.scene-role .left-wrapper {
  position: absolute;
  left: 3.5rem;
  top: 50%;
  /* margin-top: 0.48rem; */
  /* height: 7.4rem; */
  width: 4.1rem;
  display: flex;
  flex-direction: column;
  font-size: 0.24rem;
  font-family: RUIZI;
  z-index: 3;
  margin-top: -0.5rem;
}
.scene-role .left-wrapper.novid-wrap {
  margin-top:0.48rem
}
.scene-role .role-type-list {
  position: absolute;
  left: 1.02rem;
  top: 50%;
  width: 3.1rem;
  height: 5.9rem;
  z-index: 2;
  margin-top: -4.15rem;
}
.scene-role .role-type-avatar, .scene-role .icon-role-back {
  width: 3.4rem;
  /* height: 1.4rem; */
  height: 1.12rem;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.scene-role .role-type-avatar img {
  /* width: 1.21rem;
  height: 1.4rem; */
  width: 0.97rem;
  height: 1.12rem;
}
.scene-role .role-type-avatar .name,
.scene-role .icon-role-back .name {
  width: 2rem;
  /* height: 1.4rem; */
  height: 0.6rem;
  line-height: 0.6rem;
  /* line-height: 1.4rem; */
  font-size: 0.23rem;
  color: #c7c7c7;
  margin: 0.2rem 0 0 0rem;
  font-family: FZLT;
}
.scene-role .type-active .name {
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  border-bottom: 0.04rem solid #cb0000;
}
.scene-role .base-type.type-active .name {
  border-bottom: none;
}
.scene-role .role-type-avatar .red-tips {
  width: 0.92rem;
  height: 0.23rem;
  font-size: 0.12rem;
  font-style: italic;
  color: #fff;
  line-height: 0.23rem;
  text-align: center;
  background-color: #cb0000;
  position: absolute;
  left: 0rem;
  top: 0rem;
  z-index: 10;
}
.scene-role .type-active::after {
  content: '';
  position: absolute;
  top: -0.02rem;
  left: -0.02rem;
  width: 1.03rem;
  height: 1.2rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/role_active_bg.png') no-repeat center bottom/ 100% auto;
}
.scene-role .role-swiper {
  position: absolute;
  top: 50%;
  margin-top: 3.26rem;
  left: 3.4rem;
  z-index: 2;
  width: 6.5rem;
  display: flex;
  justify-content: space-between;
}
.scene-role .role-nav-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.5rem;
  overflow: hidden;
}
.scene-role .role-nav-animate {
  animation: roleNavWidth 1s linear;
  -webkit-animation: roleNavWidth 1s linear;
}
.swiper-container {
  position: relative;
}
.scene-role .role-wrapper {
  position: absolute;
  left: 0%;
  bottom: 0;
  height: 100%;
  width: 100%;
  /* transform: translateX(-50%); */
  z-index: 2;
  /* opacity: 0; */
}
.scene-role .role-wrapper img,
.scene-role .role-wrapper .player-container {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.scene-role .role-wrapper .player-container {
  display: none;
}
.scene-role .role-bg-video {
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate3d(-50%, 0, 0);
  z-index: 2;
}
.scene-role .scene-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.role-slogan {
  position: absolute;
  top: 3.3rem;
  margin-left: 1.17rem;
  left: 50%;
  z-index: 3;
}

/* ========== 角色特有样式开始 ========== */

/* ---------- 鬼剑士系 ---------- */

/* === 鬼剑士 GJS（基础职业） === */
.scene-role .gjs-desc {
  width: 7.84rem;
}
.scene-role .role-wrapper-gjs img {
  width: 16.6rem;
  height: 22rem;
  margin-left: -1rem;
  top: 0;
  transform: translateY(-3.5rem);
}
.scene-role .role-wrapper-gjs .player-container {
  width: 19.62rem;
  height: 26rem;
  margin-left: -1rem;
  top: 0;
  transform: translateY(-6.5rem);
}
.scene3--title-gjs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gjs/bg_letter.png) no-repeat center / 100% 100%;
  width: 12.38rem;
  height: 10.11rem;
}
.role--gjs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gjs/slogan.png) no-repeat center / 100% 100%;
  width: 6.48rem;
  height: 3.23rem;
  top: 3.27rem;
}
.scene-role .gjs-desc .role-intro {
  padding-left: 0;
  text-align: center ;
}

/* === 狂战士 KZS === */
/* 基础 */
.scene-role .kzs-desc {
  width: 8.14rem;
}
.scene-role .kzs-desc .ellipse {
  width: 6.49rem;
}
.scene-role .role-wrapper-kzs img {
  width: 25.54rem;
  height: 24rem;
  margin-left: 2rem;
  top: 0;
  transform: translateY(-3.5rem);
}
.scene-role .role-wrapper-kzs .player-container {
  width: 25.54rem;
  height: 24rem;
  margin-left: 1rem;
  top: 0;
  transform: translateY(-6.5rem);
}
.scene3--bg-kzs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gjs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-kzs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/kzs/bg_letter.png) no-repeat center / 100% 100%;
  width: 12.38rem;
  height: 10.11rem;
}
.role--kzs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/kzs/slogan.png) no-repeat center / 100% 100%;
  width: 7.84rem;
  height: 3.12rem;
}
/* 一觉 */
.scene-role .role-wrapper-kzs-awak1 img {
  width: 22.44rem;
  height: 24.68rem;
  margin-left: 2rem;
  top: 0;
  transform: translateY(-3.5rem);
}
.role--kzs--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/kzs/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 8.98rem;
  height: 3.12rem;
}
.kzs--awak1--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
/* 二觉 */
.scene-role .role-wrapper-kzs-awak2 img {
  width: 33rem;
  height: 23.63rem;
  margin-left: -9rem;
  top: 0;
  transform: scale(1.3) translateY(-5.5rem);
}
.role--kzs--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/kzs/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 8.57rem;
  height: 3.13rem;
}
.kzs--awak2--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
/* 觉醒共用 */
.scene-role .kzs--awak1-desc,
.scene-role .kzs--awak2-desc {
  width: 8.14rem;
  font-size: 0.18rem;
}
.scene-role .kzs--awak1-desc .role-intro,
.scene-role .kzs--awak2-desc .role-intro {
  /* font-size: 0.18rem; */
  padding-left: 0.5rem;
}
.scene-role .kzs--awak1-desc .role-intro, .scene-role .kzs--awak2-desc .role-intro {
  padding-left: 0.3rem;
}

/* === 鬼泣 GQ === */
/* 基础 */
.scene-role .gq-desc {
  width: 7.37rem;
}
.scene-role .gq-desc .ellipse {
  width: 5.72rem;
}
.scene-role .role-wrapper-gq img {
  width: auto;
  height: 22rem;
  margin-left: -2rem;
  top: 0;
  transform: translateY(-0.5rem);
}
.scene-role .role-wrapper-gq .player-container {
  width: 19.6rem;
  height: 24rem;
  margin-left: -1rem;
  top: 0;
  transform: translateY(-1.5rem);
}
.scene3--bg-gq {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gjs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-gq {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gq/bg_letter.png) no-repeat center / 100% 100%;
  width: 12.38rem;
  height: 10.11rem;
}
.role--gq-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gq/slogan.png) no-repeat center / 100% 100%;
  width: 6.08rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 一觉 */
.scene-role .role-wrapper-gq-awak1 img {
  width: 13.9rem;
  height: 19.77rem;
  margin-left: 1rem;
  top: 0;
  transform: translateY(-0.5rem);
}
.role--gq--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gq/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 6.12rem;
  height: 3.23rem;
  top: 3.27rem;
}
.gq--awak1--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
/* 二觉 */
.scene-role .role-wrapper-gq-awak2 img {
  width: 34rem;
  height: 20.5rem;
  margin-left: -9rem;
  top: 0;
  transform: translateY(-3rem);
}
.role--gq--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gq/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 8.66rem;
  height: 3.24rem;
  top: 3.26rem;
}
.gq--awak2--skill-info .awak-skill-text {
  width: 7.56rem;
  height: 1.44rem;
}
/* 觉醒共用 */
.scene-role .gq--awak1-desc,
.scene-role .gq--awak2-desc {
  width: 7.37rem;
}
.scene-role .gq--awak1-desc .role-intro,
.scene-role .gq--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* === 剑魂 JH === */
/* 基础 */
.scene-role .jh-desc {
  width: 8.77rem;
}
.scene-role .jh-desc .ellipse {
  width: 7.12rem;
}
.scene-role .role-wrapper-jh img,
.scene-role .role-wrapper-jh .player-container {
  width: 22.72rem;
  height: 24rem;
  margin-left: -1rem;
  top: 0;
  transform: translateY(-5rem);
}
.role--jh-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/jh/slogan.png) no-repeat center / 100% 100%;
  width: 7.23rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 一觉 */
.scene-role .role-wrapper-jh-awak1 img {
  width: 20.79rem;
  height: 25.51rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-4.5rem);
}
.role--jh--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/jh/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 7.32rem;
  height: 3.23rem;
  top: 3.27rem;
}
.jh--awak1--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
/* 二觉 */
.scene-role .role-wrapper-jh-awak2 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-8.5rem);
}
.role--jh--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/jh/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 7.32rem;
  height: 3.23rem;
  top: 3.27rem;
}
.jh--awak2--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
/* 觉醒共用 */
.scene-role .jh--awak1-desc,
.scene-role .jh--awak2-desc {
  width: 8.77rem;
}
.scene-role .jh--awak1-desc .role-intro,
.scene-role .jh--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* === 阿修罗 AXL === */
/* 基础 */
.scene-role .axl-desc {
  width: 8.47rem;
}
.scene-role .axl-desc .ellipse {
  width: 6.82rem;
}
.scene-role .role-wrapper-axl img {
  width: 23.43rem;
  height: 24rem;
  margin-left: -6.3rem;
  top: 0;
  transform: translateY(-1.5rem);
}
.scene-role .role-wrapper-axl .player-container {
  width: 23.43rem;
  height: 24rem;
  margin-left: -4.3rem;
  top: 0;
  transform: translateY(-3rem);
}
.role--axl-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/axl/slogan.png) no-repeat center / 100% 100%;
  width: 6.59rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 一觉 */
.scene-role .role-wrapper-axl-awak1 img {
  width: 18.37rem;
  height: 22.28rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-0.5rem);
}
.role--axl--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/axl/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 8.76rem;
  height: 3.24rem;
  top: 3.26rem;
}
.axl--awak1--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
/* 二觉 */
.scene-role .role-wrapper-axl-awak2 img {
  width: 33rem;
  height: 25.15rem;
  margin-left: -7rem;
  top: 0;
  transform: translateY(-5.5rem);
}
.role--axl--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/axl/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 6.49rem;
  height: 3.24rem;
  top: 3.26rem;
}
.axl--awak2--skill-info .awak-skill-text {
  width: 7.41rem;
  height: 1.7rem;
}
/* 觉醒共用 */
.scene-role .axl--awak1-desc .role-intro,
.scene-role .axl--awak2-desc .role-intro {
  padding-left: 0.6rem;
}
.scene-role .axl--awak1-desc,
.scene-role .axl--awak2-desc {
  width: 8.47rem;
}

/* ---------- 格斗系 ---------- */

/* === 格斗家 GDJ（基础职业） === */
.scene-role .gdj-desc {
  width: 7.33rem;
}
.scene-role .role-wrapper-gdj img {
  width: 18.46rem;
  height: 23.71rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-3.5rem);
}
.scene-role .role-wrapper-gdj .player-container {
  width: 30rem;
  height: 30.3rem;
  margin-left: -7rem;
  top: 0;
  transform: translateY(-8rem);
}
.scene-role .gdj-desc .role-intro {
  padding-left: 0;
  text-align: center ;
}
.scene3--bg-gdj {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gdj/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-gdj {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gdj/bg_letter.png) no-repeat center / 100% 100%;
  width: 11.36rem;
  height: 7.29rem;
  margin-left: -0.5rem;
}
.role--gdj-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gdj/slogan.png) no-repeat center / 100% 100%;
  width: 7.86rem;
  height: 3.23rem;
  top: 3.27rem;
}

/* === 气功师 QGS === */
/* 基础 */
.scene-role .qgs-desc {
  width: 7.97rem;
}
.scene-role .qgs-desc .ellipse {
  width: 6.32rem;
}
.scene-role .role-wrapper-qgs img,
.scene-role .role-wrapper-qgs .player-container {
  width: 21.02rem;
  height: 24rem;
  margin-left: -6rem;
  top: 0;
  transform: translateY(-2.5rem);
}
.scene3--bg-qgs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gdj/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-qgs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qgs/bg_letter.png) no-repeat center / 100% 100%;
  width: 11.36rem;
  height: 7.29rem;
  margin-left: -0.5rem;
}
.role--qgs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qgs/slogan.png) no-repeat center / 100% 100%;
  width: 7.64rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 一觉 */
.scene-role .role-wrapper-qgs-awak1 img {
  width: 15.17rem;
  height: 22.27rem;
  margin-left: -1rem;
  top: 0;
  transform: translateY(-0.5rem);
}
.qgs--awak1--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
.role--qgs--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qgs/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 7.64rem;
  height: 3.23rem;
  top: 3.27rem;
}
.qgs--awak1 .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
/* 二觉 */
.scene-role .role-wrapper-qgs-awak2 img {
  width: 25.6rem;
  height: 30.3rem;
  margin-left: -1rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.qgs--awak2--skill-info .awak-skill-text {
  width: 7.56rem;
  height: 1.44rem;
}
.role--qgs--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qgs/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 7.82rem;
  height: 3.23rem;
  top: 3.27rem;
}
.qgs--awak2 .awak-skill-text {
  width: 7.56rem;
  height: 1.44rem;
}
/* 觉醒共用 */
.scene-role .qgs--awak1-desc,
.scene-role .qgs--awak2-desc {
  width: 7.97rem;
}
.scene-role .qgs--awak1-desc .role-intro,
.scene-role .qgs--awak2-desc .role-intro {
  padding-left: 1rem;
  text-align: left ;
}

/* === 散打 SD === */
/* 基础 */
.scene-role .sd-desc {
  width: 7.97rem;
}
.scene-role .sd-desc .ellipse {
  width: 6.32rem;
}
.scene-role .role-wrapper-sd img {
  width: 24.98rem;
  height: 24rem;
  margin-left: -5rem;
  top: 0;
  transform: translateY(-1.5rem);
}
.scene-role .role-wrapper-sd .player-container {
  width: 24.98rem;
  height: 24rem;
  margin-left: -1rem;
  top: 0;
  transform: translateY(-1.5rem);
}
.scene3--bg-sd {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/gdj/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-sd {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/sd/bg_letter.png) no-repeat center / 100% 100%;
  width: 11.36rem;
  height: 7.29rem;
  margin-left: -0.5rem;
}
.role--sd-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/sd/slogan.png) no-repeat center / 100% 100%;
  width: 7.69rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 一觉 */
.scene-role .role-wrapper-sd-awak1 img {
  width: 22.9rem;
  height: 22rem;
  margin-left: -3rem;
  top: 0;
  transform: translateY(-0.5rem);
}
.role--sd--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/sd/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 7.69rem;
  height: 3.23rem;
  top: 3.27rem;
}
.sd--awak1 .awak-skill-text {
  width: 7.41rem;
  height: 1.68rem;
}
/* 二觉 */
.scene-role .role-wrapper-sd-awak2 img {
  width: 25.6rem;
  height: 30.3rem;
  margin-left: -1rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.sd--awak2--skill-info .awak-skill-text {
  width: 7.41rem;
  height: 1.68rem;
}
.role--sd--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/sd/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 7.88rem;
  height: 3.24rem;
  top: 3.26rem;
}
.sd--awak2 .awak-skill-text {
  width: 7.41rem;
  height: 1.68rem;
}
/* 觉醒共用 */
.scene-role .sd--awak2-desc,
.scene-role .sd--awak1-desc {
  width: 7.97rem;
}

/* ---------- 魔法师系 ---------- */

/* === 魔法师 MFS（基础职业） === */
.scene-role .mfs-desc {
  width: 5.63rem;
}
.scene-role .role-wrapper-mfs img {
  width: 25.6rem;
  height: 30rem;
  margin-left: -0.3rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.scene-role .role-wrapper-mfs .player-container {
  width: 26.99rem;
  height: 26rem;
  margin-left: -1.3rem;
  top: 0;
  transform: translateY(-4rem);
}
.scene-role .mfs-desc .role-intro {
  padding-left: 0;
  text-align: center ;
}
.scene3--bg-mfs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/mfs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-mfs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/mfs/bg_letter.png) no-repeat center / 100% 100%;
  width: 10.72rem;
  height: 7.41rem;
}
.role--mfs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/mfs/slogan.png) no-repeat center / 100% 100%;
  width: 7.84rem;
  height: 3.19rem;
}

/* === 元素师 YSS === */
/* 基础 */
.scene-role .yss-desc {
  width: 7.97rem;
}
.scene-role .yss-desc .ellipse {
  width: 6.32rem;
}
.scene-role .role-wrapper-yss img {
  width: 24.17rem;
  height: 24rem;
  margin-left: -4.3rem;
  top: 0;
  transform: translateY(-3.5rem);
}
.scene-role .role-wrapper-yss .player-container {
  width: 24.17rem;
  height: 24rem;
  margin-left: -2.3rem;
  top: 0;
  transform: translateY(-5rem);
}
.scene3--bg-yss {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/mfs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-yss {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/yss/bg_letter.png) no-repeat center / 100% 100%;
  width: 10.72rem;
  height: 7.41rem;
}
.role--yss-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/yss/slogan.png) no-repeat center / 100% 100%;
  width: 7.07rem;
  height: 3.24rem;
  top: 3.26rem;
}
/* 一觉 */
.scene-role .role-wrapper-yss-awak1 img {
  width: 13.9rem;
  height: 24.42rem;
  margin-left: -0.3rem;
  top: 0;
  transform: translateY(-3.5rem);
}
.yss--awak1--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
.role--yss--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/yss/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 8.9rem;
  height: 3.24rem;
  top: 3.26rem;
}
/* 二觉 */
.scene-role .role-wrapper-yss-awak2 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: -0.3rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.yss--awak2--skill-info .awak-skill-text {
  width: 7.41rem;
  height: 1.7rem;
}
.role--yss--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/yss/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 8.71rem;
  height: 3.24rem;
  top: 3.26rem;
}
/* 觉醒共用 */
.scene-role .yss--awak1-desc,
.scene-role .yss--awak2-desc {
  width: 7.97rem;
}

/* === 魔道学者 MDXZ === */
/* 基础 */
.scene-role .mdxz-desc {
  width: 9.87rem;
}
.scene-role .mdxz-desc .ellipse {
  width: 8.22rem;
}
.scene-role .role-wrapper-mdxz img {
  width: 26.58rem;
  height: 24rem;
  margin-left: -2.3rem;
  top: 0;
  transform: translateY(-4.5rem);
}
.scene-role .role-wrapper-mdxz .player-container {
  width: 26.58rem;
  height: 24rem;
  margin-left: -2.3rem;
  top: 0;
  transform: translateY(-4.5rem);
}
.scene3--bg-mdxz {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/mfs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-mdxz {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/mdxz/bg_letter.png) no-repeat center / 100% 100%;
  width: 10.72rem;
  height: 7.41rem;
}
.role--mdxz-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/mdxz/slogan.png) no-repeat center / 100% 100%;
  width: 8.82rem;
  height: 3.24rem;
  top: 3.26rem;
}
/* 一觉 */
.scene-role .role-wrapper-mdxz-awak1 img {
     width: 24.72rem;
    height: 24.08rem;
    margin-left: -2.5rem;
    top: 0;
    transform: translateY(-4.5rem);
}
.mdxz--awak1--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
.role--mdxz--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/mdxz/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 7.18rem;
  height: 3.24rem;
  top: 3.26rem;
}
/* 二觉 */
.scene-role .role-wrapper-mdxz-awak2 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: -0.3rem;
  top: 0;
  transform: translateY(-6.5rem);
}
.mdxz--awak2--skill-info .awak-skill-text {
  width: 7.7rem;
  height: 2.1rem;
}
.role--mdxz--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/mdxz/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 8.81rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 觉醒共用 */
.scene-role .mdxz--awak1-desc,
.scene-role .mdxz--awak2-desc {
  width: 9.87rem;
}
.scene-role .mdxz--awak1-desc .ellipse, .scene-role .mdxz--awak2-desc .ellipse {
  padding-left: 0.5rem;
}
/* ---------- 神枪手系 ---------- */

/* === 男枪手 NQS（基础职业） === */
.scene-role .nqs-desc {
  width: 6.03rem;
}
.scene-role .role-wrapper-nqs img {
  width: 15.94rem;
  height: 22.04rem;
  margin-left: -0.3rem;
  top: 0;
  transform: translateY(0.5rem);
}
.scene-role .role-wrapper-nqs .player-container {
  width: 19.93rem;
  height: 30rem;
  margin-left: 1.3rem;
  top: 1rem;
  transform: translateY(-3.5rem);
}
.scene-role .nqs-desc .role-intro {
  padding-left: 0;
  text-align: center ;
}
.scene3--bg-nqs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nqs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-nqs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nqs/bg_letter.png) no-repeat center / 100% 100%;
  width: 16.75rem;
  height: 14.40rem;
  margin-left: -1.5rem;
}
.role--nqs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nqs/slogan.png) no-repeat center / 100% 100%;
  width: 7.85rem;
  height: 3.14rem;
}

/* === 漫游枪手 MYQS === */
/* 基础 */
.scene-role .myqs-desc {
  width: 7.37rem;
}
.scene-role .myqs-desc .ellipse {
  width: 5.72rem;
}
.scene-role .role-wrapper-myqs img,
.scene-role .role-wrapper-myqs .player-container {
  width: 25.32rem;
  height: 24rem;
  margin-left: 1.3rem;
  top: 0;
  transform: translateY(-1.5rem);
}
.scene3--bg-myqs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nqs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-myqs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/myqs/bg_letter.png) no-repeat center / 100% 100%;
  width: 16.75rem;
  height: 14.40rem;
  margin-left: -1.5rem;
}
.role--myqs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/myqs/slogan.png) no-repeat center / 100% 100%;
  width: 8.87rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 一觉 */
.scene-role .role-wrapper-myqs-awak1 img {
  width: 19.68rem;
  height: 20.91rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(0.5rem);
}
.myqs--awak1--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
.role--myqs--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/myqs/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 7.79rem;
  height: 3.21rem;
  top: 3.29rem;
}
/* 二觉 */
.scene-role .role-wrapper-myqs-awak2 img {
  width: 33rem;
  height: 24.74rem;
  margin-left: -6rem;
  top: 0;
  transform: translateY(-2.5rem);
}
.myqs--awak2--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
.role--myqs--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/myqs/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 8.87rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 觉醒共用 */
.scene-role .myqs--awak1-desc,
.scene-role .myqs--awak2-desc {
  width: 7.37rem;
}

/* === 枪炮师 QPS === */
/* 基础 */
.scene-role .qps-desc {
  width: 7.37rem;
}
.scene-role .qps-desc .ellipse {
  width: 5.72rem;
}
.scene-role .role-wrapper-qps img {
  width: 28.75rem;
  height: 24rem;
  margin-left: -2.3rem;
  top: 0;
  transform: translateY(-1.5rem);
}
.scene-role .role-wrapper-qps .player-container {
  width: 28.75rem;
  height: 24rem;
  margin-left: -3rem;
  top: 0;
  transform: translateY(-1.5rem);
}
.scene3--bg-qps {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nqs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-qps {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qps/bg_letter.png) no-repeat center / 100% 100%;
  width: 16.75rem;
  height: 14.40rem;
  margin-left: -1.5rem;
}
.role--qps-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qps/slogan.png) no-repeat center / 100% 100%;
  width: 7.92rem;
  height: 3.09rem;
}
/* 一觉 */
.scene-role .role-wrapper-qps-awak1 img {
  width: 22.85rem;
  height: 22.08rem;
  margin-left: -1rem;
  top: 0;
  transform: translateY(-0.5rem);
}
.scene-role .qps--awak1-desc .role-intro {
  /* font-size: 0.18rem; */
  padding-left: 0.5rem;
}
.qps--awak1--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
.role--qps--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qps/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 8.44rem;
  height: 3.13rem;
}
/* 二觉 */
.scene-role .role-wrapper-qps-awak2 img {
  width: 33rem;
  height: 26.26rem;
  margin-left: -5rem;
  top: 0;
  transform: translateY(-7rem);
}
.qps--awak2--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
.role--qps--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qps/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 8.56rem;
  height: 3.13rem;
}
/* 觉醒共用 */
.scene-role .qps--awak1-desc,
.scene-role .qps--awak2-desc {
  width: 7.37rem;
}
.scene-role .qps--awak2-desc .ellipse {
  padding-left: 0;
  text-align: center;
}
/* === 机械师 JXS === */
/* 基础 */
.scene-role .role-wrapper-jxs img {
  width: 16.63rem;
  height: 16.8rem;
  margin-left: -0.3rem;
  top: 0;
  transform: translateY(-0.5rem);
}
.scene-role .role-wrapper-jxs .player-container {
  width: 28.75rem;
  height: 24rem;
  margin-left: -7rem;
  top: 0;
  transform: translateY(-2rem);
}
.role--jxs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/jxs/slogan.png) no-repeat center / 100% 100%;
  width: 9.01rem;
  height: 3.04rem;
}
/* 一觉 */
.scene-role .role-wrapper-jxs-awak1 img {
  width: 16.44rem;
  height: 21.55rem;
  margin-left: 1rem;
  top: 0;
  transform: translateY(0.5rem);
}
.jxs--awak1--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
.role--jxs--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/jxs/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 9.03rem;
  height: 3.04rem;
}
/* 二觉 */
.scene-role .role-wrapper-jxs-awak2 img {
  width: 16.64rem;
  height: 26.6rem;
  margin-left: -1rem;
  top: 0;
  transform: translateY(-4.5rem);
}
.jxs--awak2--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.4rem;
}
.role--jxs--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/jxs/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 9.03rem;
  height: 3.05rem;
}
/* 觉醒共用 */
.scene-role .jxs--awak1-desc,
.scene-role .jxs--awak2-desc {
  width: 6.97rem;
}
.scene-role .jxs--awak1-desc .role-intro,
.scene-role .jxs--awak2-desc .role-intro {
  /* font-size: 0.18rem; */
  padding-left: 0.5rem;
}

/* === 大魔导 DYZJ === */
/* 基础 */
.scene-role .role-wrapper-dyzj img {
  width: 28.75rem;
  height: 24rem;
  margin-left: -2.3rem;
  top: 0;
  transform: translateY(-1.5rem);
}
.scene-role .role-wrapper-dyzj .player-container {
  width: 28.75rem;
  height: 24rem;
  margin-left: -9rem;
  top: 0;
  transform: translateY(-3rem);
}
.role--dyzj-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/dyzj/slogan.png) no-repeat center / 100% 100%;
  width: 8.75rem;
  height: 3.09rem;
}
/* 一觉 */
.scene-role .role-wrapper-dyzj-awak1 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.dyzj--awak1--skill-info .awak-skill-text {
  width: 7.56rem;
  height: 1.84rem;
}
.role--dyzj--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/dyzj/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 7.71rem;
  height: 3.1rem;
}
/* 二觉 */
.scene-role .role-wrapper-dyzj-awak2 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: -1rem;
  top: 0;
  transform: translateY(-8rem);
}
.dyzj--awak2--skill-info .awak-skill-text {
  width: 7.52rem;
  height: 1.64rem;
}
.role--dyzj--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/dyzj/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 9.35rem;
  height: 2.86rem;
}
/* 觉醒共用 */
.scene-role .dyzj--awak1-desc,
.scene-role .dyzj--awak2-desc {
  width: 7.77rem;
}
.scene-role .qps--awak2-desc .role-intro {
  /* font-size: 0.18rem; */
  padding-left: 0.5rem;
  text-align: left;
}
.scene-role .dyzj--awak1-desc .ellipse,
.scene-role .dyzj--awak2-desc .ellipse {
  padding-left: 0.5rem;
  text-align: left;
}
/* ---------- 圣职者系 ---------- */

/* === 圣职者 SZZ（基础职业） === */
.scene-role .szz-desc {
  width: 6.83rem;
}
.scene-role .role-wrapper-szz img,
.scene-role .role-wrapper-szz .player-container {
  width: 24.95rem;
  height: 26rem;
  margin-left: -2rem;
  top: 0;
  transform: translateY(-6.5rem);
}
.scene3--bg-szz {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/szz/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-szz {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/szz/bg_letter.png) no-repeat center / 100% 100%;
  width: 11.47rem;
  height: 9.45rem;
}
.role--szz-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/szz/slogan.png) no-repeat center / 100% 100%;
  width: 7.88rem;
  height: 3.04rem;
}

/* === 圣骑士 SQS === */
/* 基础 */
.scene-role .sqs-desc {
  width: 8.97rem;
}
.scene-role .sqs-desc .ellipse {
  width: 7.32rem;
}
.scene-role .role-wrapper-sqs img {
  width: 18.47rem;
  height: 26rem;
  margin-left: 1rem;
  top: 0;
  transform: translateY(-0.5rem);
}
.scene-role .role-wrapper-sqs .player-container {
  width: 18.47rem;
  height: 26rem;
  margin-left: 2.5rem;
  top: 0;
  transform: translateY(-3rem);
}
.scene3--bg-sqs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/szz/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.scene3--title-sqs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/sqs/bg_letter.png) no-repeat center / 100% 100%;
  width: 11.47rem;
  height: 9.45rem;
}
.role--sqs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/sqs/slogan.png) no-repeat center / 100% 100%;
  width: 6.57rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 一觉 */
.scene-role .role-wrapper-sqs-awak1 img {
  width: 19.32rem;
  height: 22.21rem;
  margin-left: 2rem;
  top: 0;
  transform: translateY(-0.5rem);
}
.sqs--awak1--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
.role--sqs--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/sqs/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 10.22rem;
  height: 3.22rem;
  top: 3.28rem;
}
/* 二觉 */
.scene-role .role-wrapper-sqs-awak2 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.sqs--awak2--skill-info .awak-skill-text {
  width: 7.59rem;
  height: 1.92rem;
}
.role--sqs--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/sqs/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 6.77rem;
  height: 3.24rem;
  top: 3.26rem;
}
/* 觉醒共用 */
.scene-role .sqs--awak1-desc,
.scene-role .sqs--awak2-desc {
  width: 8.97rem;
}
.scene-role .sqs--awak1-desc .role-intro,
.scene-role .sqs--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* === 驱魔师 QMS === */
/* 基础 */
.scene-role .role-desc-wrapper.qms-desc .ellipse {
  margin-left: -1rem;
}
.scene-role .role-wrapper-qms img {
  width: 21.69rem;
  height: 25rem;
  margin-left: -2rem;
}
.scene-role .role-wrapper-qms .player-container {
  width: 29.47rem;
  height: 37rem;
  margin-left: -8.5rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.role--qms-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qms/slogan.png) no-repeat center / 100% 100%;
  width: 7rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 一觉 */
.scene-role .role-wrapper-qms-awak1 img {
  width: 20.59rem;
  height: 29.22rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-6.5rem);
}
.qms--awak1--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
.role--qms--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qms/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 6.54rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 二觉 */
.scene-role .role-wrapper-qms-awak2 img {
  width: 22.26rem;
  height: 30rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.qms--awak2--skill-info .awak-skill-text {
  width: 7.56rem;
  height: 1.44rem;
}
.role--qms--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qms/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 8.75rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 觉醒共用 */
.scene-role .qms--awak1-desc,
.scene-role .qms--awak2-desc {
  width: 8.17rem;
}
.scene-role .qms--awak1-desc .role-intro,
.scene-role .qms--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* === 蓝拳圣使 LQSZ === */
/* 基础 */
.scene-role .role-wrapper-lqsz img {
  width: 9.9rem;
  height: 11.34rem;
  margin-left: 1rem;
  bottom: 0;
  top: initial;
  transform: translateY(0%);
}
.scene-role .role-wrapper-lqsz .player-container {
  width: 17.47rem;
  height: 33rem;
  margin-left: -3rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.role--lqsz-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/lqsz/slogan.png) no-repeat center / 100% 100%;
  width: 9.04rem;
  height: 3.24rem;
  top: 3.26rem;
}
/* 一觉 */
.scene-role .role-wrapper-lqsz-awak1 img {
  width: 20rem;
  height: 32.65rem;
  margin-left: -3rem;
  top: 0;
  transform: translateY(-0.5rem);
}
.lqsz--awak1--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
.role--lqsz--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/lqsz/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 8.96rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 二觉 */
.scene-role .role-wrapper-lqsz-awak2 img {
  width: 20.8rem;
  height: 21.34rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(0.5rem);
}
.lqsz--awak2--skill-info .awak-skill-text {
  width: 7.56rem;
  height: 1.44rem;
}
.role--lqsz--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/lqsz/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 10.52rem;
  height: 3.22rem;
  top: 3.28rem;
}
/* 觉醒共用 */
.scene-role .lqsz--awak1-desc,
.scene-role .lqsz--awak2-desc {
  width: 7.88rem;
}
.scene-role .lqsz--awak1-desc .role-intro,
.scene-role .lqsz--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* === 刺客 CEZ === */
/* 基础 */
.scene-role .role-desc-wrapper.cez-desc .ellipse {
  margin-left: -1rem;
}
.scene-role .role-wrapper-cez .player-container {
  width: 24.47rem;
  height: 33rem;
  margin-left: -2.5rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.scene-role .role-wrapper-cez img {
  width: 21.95rem;
  height: 25rem;
  margin-left: -1rem;
}
.role--cez-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/cez/slogan.png) no-repeat center / 100% 100%;
  width: 7.64rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 一觉 */
.scene-role .role-wrapper-cez-awak1 img {
  width: 20.95rem;
  height: 27.39rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-5.5rem);
}
.cez--awak1--skill-info .awak-skill-text {
  width: 7.52rem;
  height: 1.64rem;
}
.role--cez--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/cez/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 7.64rem;
  height: 3.24rem;
  top: 3.26rem;
}
/* 二觉 */
.scene-role .role-wrapper-cez-awak2 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.cez--awak2--skill-info .awak-skill-text {
  width: 7.56rem;
  height: 1.44rem;
}
.role--cez--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/cez/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 7.64rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 觉醒共用 */
.scene-role .cez--awak1-desc,
.scene-role .cez--awak2-desc {
  width: 9.27rem;
}
.scene-role .cez--awak1-desc .role-intro,
.scene-role .cez--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* === 正义审判者 ZYSPZ === */
/* 基础 */
.scene-role .role-desc-wrapper.zyspz-desc .ellipse {
  margin-left: -1rem;
}
.scene-role .role-wrapper-zyspz img {
  width: 22.87rem;
  height: 25rem;
  margin-left: 0rem;
  top: 50%;
  transform: translateY(-50%);
}
.scene-role .role-wrapper-zyspz .player-container {
  width: 32.47rem;
  height: 33rem;
  margin-left: -7.5rem;
  top: 0;
  transform: translateY(-9.5rem);
}
.role--zyspz-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/zyspz/slogan.png) no-repeat center / 100% 100%;
  width: 10.95rem;
  height: 3.23rem;
  top: 3.27rem;
}
/* 一觉 */
.scene-role .role-wrapper-zyspz-awak1 img {
  width: 22.87rem;
  height: 30rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.zyspz--awak1--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
.role--zyspz--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/zyspz/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 10.35rem;
  height: 3.22rem;
  top: 3.28rem;
}
/* 二觉 */
.scene-role .role-wrapper-zyspz-awak2 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.zyspz--awak2--skill-info .awak-skill-text {
  width: 7.56rem;
  height: 1.44rem;
}
.role--zyspz--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/zyspz/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 10.35rem;
  height: 3.22rem;
  top: 3.28rem;
}
/* 觉醒共用 */
.scene-role .zyspz--awak1-desc,
.scene-role .zyspz--awak2-desc {
  width: 7.87rem;
}
.scene-role .zyspz--awak1-desc .role-intro,
.scene-role .zyspz--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* ---------- 女鬼剑系 ---------- */

/* === 女鬼剑 NGJ（基础职业） === */
.scene-role .role-wrapper-ngj img {
  width: 15.51rem;
  height: 19.67rem;
  margin-left: 2rem;
  transform: translateY(-6.5rem);
}
.scene-role .role-wrapper-ngj .player-container {
  width: 22.51rem;
  height: 25.67rem;
  margin-left: -2rem;
  transform: translateY(-8.5rem);
}
.scene3--bg-ngj {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/ngj/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.role--ngj-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/ngj/slogan.png) no-repeat center / 100% 100%;
  width: 6.95rem;
  height: 3.78rem;
  top: 2.72rem;
}
.scene-role .ngj-desc {
  width: 7.84rem;
  height: 0.5rem;
  top: 7rem;
}

/* === 剑宗 YJS === */
/* 基础 */
.scene-role .role-wrapper-yjs img {
  width: 19.38rem;
  height: 17.58rem;
  margin-left: -2rem;
  transform: translateY(-6.5rem);
}
.scene-role .role-wrapper-yjs .player-container {
  width: 24.38rem;
  height: 23.58rem;
  margin-left: -4rem;
  transform: translateY(-8.5rem);
}
.scene3--bg-yjs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/yjs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.role--yjs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/yjs/slogan.png) no-repeat center / 100% 100%;
  width: 8.31rem;
  height: 3.12rem;
}
.scene-role .yjs-desc {
  width: 8.14rem;
  height: 0.5rem;
}
/* 一觉 */
.scene-role .role-wrapper-yjs-awak1 img {
  width: 17.1rem;
  height: 20.62rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(1rem);
}
.role--yjs--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/yjs/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 8.36rem;
  height: 3.12rem;
}
.yjs--awak1--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
/* 二觉 */
.scene-role .role-wrapper-yjs-awak2 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.role--yjs--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/yjs/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 8.36rem;
  height: 3.12rem;
}
.yjs--awak2--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
/* 觉醒共用 */
.scene-role .yjs--awak1-desc,
.scene-role .yjs--awak2-desc {
  width: 8.14rem;
}

/* === 暗帝 ADQS === */
/* 基础 */
.scene-role .role-wrapper-adqs img {
  width: 22.43rem;
  height: 21.83rem;
  margin-left: 1rem;
  top: 3rem;
  transform: translateY(-6.5rem);
}
.scene-role .role-wrapper-adqs .player-container {
  width: 25.43rem;
  height: 24.83rem;
  margin-left: -3rem;
  top: 2rem;
  transform: translateY(-6.5rem);
}
.scene3--bg-adqs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/adqs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.role--adqs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/adqs/slogan.png) no-repeat center / 100% 100%;
  width: 8.74rem;
  height: 3.72rem;
  top: 2.78rem;
}
.scene-role .adqs-desc {
  width: 8.14rem;
  height: 0.5rem;
  top: 7rem;
}
/* 一觉 */
.scene-role .role-wrapper-adqs-awak1 img {
  width: 21.83rem;
  height: 24.33rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-3rem);
}
.role--adqs--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/adqs/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 6.59rem;
  height: 3.72rem;
  top: 2.78rem;
}
.adqs--awak1--skill-info .awak-skill-text {
  width: 7.56rem;
  height: 1.44rem;
}
/* 二觉 */
.scene-role .role-wrapper-adqs-awak2 img {
  width: 49.3rem;
  height: 33.23rem;
  margin-left: -16rem;
  top: 0;
  transform: translateY(-8.5rem);
}
.role--adqs--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/adqs/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 8.84rem;
  height: 3.72rem;
  top: 2.78rem;
}
.adqs--awak2--skill-info .awak-skill-text {
  width: 7.56rem;
  height: 1.44rem;
}
/* 觉醒共用 */
.scene-role .adqs--awak1-desc,
.scene-role .adqs--awak2-desc {
  width: 8.14rem;
}

/* === 契魔者 QMZ === */
/* 基础 */
.scene-role .role-wrapper-qmz img {
  width: 25.6rem;
  height: 22.81rem;
  margin-left: -1rem;
  top: 1.5rem;
  transform: translateY(-6.5rem);
}
.scene-role .role-wrapper-qmz .player-container {
  width: 39.6rem;
  height: 30.81rem;
  margin-left: -6rem;
  top: 1.5rem;
  transform: translateY(-8.5rem);
}
.scene3--bg-qmz {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qmz/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.role--qmz-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qmz/slogan.png) no-repeat center / 100% 100%;
  width: 6.81rem;
  height: 3.72rem;
  top: 2.78rem;
}
.scene-role .qmz-desc {
  width: 8.14rem;
  height: 0.5rem;
  top: 7rem;
}
/* 一觉 */
.scene-role .role-wrapper-qmz-awak1 img {
  width: 35rem;
  height: 23.93rem;
  margin-left: -4rem;
  top: 0;
  transform: translateY(-3rem);
}
.role--qmz--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qmz/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 6.85rem;
  height: 3.72rem;
  top: 2.78rem;
}
.qmz--awak1--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
/* 二觉 */
.scene-role .role-wrapper-qmz-awak2 img {
  width: 34rem;
  height: 28.77rem;
  margin-left: -2rem;
  top: 0;
  transform: translateY(-9.5rem);
}
.role--qmz--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/qmz/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 6.85rem;
  height: 3.72rem;
  top: 2.78rem;
}
.qmz--awak2--skill-info .awak-skill-text {
  width: 7.41rem;
  height: 1.7rem;
}
/* 觉醒共用 */
.scene-role .qmz--awak1-desc,
.scene-role .qmz--awak2-desc {
  width: 8.14rem;
}
.scene-role .qmz--awak1-desc .role-intro,
.scene-role .qmz--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* === 流浪武士 LLWS === */
/* 基础 */
.scene-role .role-desc-wrapper.llws-desc .ellipse {
  margin-left: -1rem;
}
.scene-role .role-wrapper-llws img {
  width: 22.01rem;
  height: 22.51rem;
  margin-left: -2rem;
  top: 2rem;
  transform: translateY(-6.5rem);
}
.scene-role .role-wrapper-llws .player-container {
  width: 22.01rem;
  height: 22.51rem;
  margin-left: -2rem;
  top: 2rem;
  transform: translateY(-6.5rem);
}
.scene3--bg-llws {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/llws/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.role--llws-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/llws/slogan.png) no-repeat center / 100% 100%;
  width: 8.76rem;
  height: 3.73rem;
  top: 2.77rem;
}
.scene-role .llws-desc {
  width: 8.14rem;
  height: 0.5rem;
  top: 7rem;
}
/* 一觉 */
.scene-role .role-wrapper-llws-awak1 img {
  width: 20.57rem;
  height: 22.51rem;
  margin-left: -1rem;
  top: 0;
  transform: translateY(-4.5rem);
}
.role--llws--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/llws/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 7.59rem;
  height: 3.72rem;
  top: 2.78rem;
}
.llws--awak1--skill-info .awak-skill-text {
  width: 7.56rem;
  height: 1.44rem;
}
/* 二觉 */
.scene-role .role-wrapper-llws-awak2 img {
  width: 32rem;
  height: 25.85rem;
  margin-left: -5rem;
  top: 0;
  transform: translateY(-3rem);
}
.role--llws--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/llws/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 7.59rem;
  height: 3.72rem;
  top: 2.78rem;
}
.llws--awak2--skill-info .awak-skill-text {
  width: 7.41rem;
  height: 1.7rem;
}
/* 觉醒共用 */
.scene-role .llws--awak1-desc,
.scene-role .llws--awak2-desc {
  width: 8.14rem;
  font-size: 0.24rem;
}
.scene-role .llws--awak1-desc .role-intro,
.scene-role .llws--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* ---------- 女枪手系 ---------- */

/* === 女枪手 NVQS（基础职业） === */
.scene-role .nvqs-desc {
  width: 5.63rem;
}
.scene-role .nvqs-desc .ellipse {
  padding-left: 0;
  text-align: center;
}
.scene-role .role-wrapper-nvqs .player-container {
  width: 22.51rem;
  height: 23.17rem;
  margin-left: -5rem;
  transform: translateY(-8.5rem);
}
.scene-role .role-wrapper-nvqs img {
  width: 11.76rem;
  height: 17.03rem;
  margin-left: 0rem;
  transform: translateY(-6.5rem);
}
.scene3--bg-nvqs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvqs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.role--nvqs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvqs/slogan.png) no-repeat center / 100% 100%;
  width: 8.78rem;
  height: 3.2rem;
}

/* === 女漫游 NVMYQS === */
/* 基础 */
.scene-role .nvmyqs-desc {
  width: 7.97rem;
}
.scene-role .nvmyqs-desc .ellipse {
  width: 6.32rem;
}
.scene-role .role-wrapper-nvmyqs .player-container {
  width: 22.51rem;
  height: 23.17rem;
  margin-left: -4rem;
  transform: translateY(-10rem);
}
.scene-role .role-wrapper-nvmyqs img {
  width: 25.6rem;
  height: 22rem;
  margin-left: 0rem;
  transform: translateY(-10.5rem);
}
.role--nvmyqs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvmyqs/slogan.png) no-repeat center / 100% 100%;
  width: 8.8rem;
  height: 3.24rem;
  top: 3.26rem;
}
.scene3--bg-nvmyqs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvmyqs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
/* 一觉 */
.scene-role .role-wrapper-nvmyqs-awak1 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-8rem);
}
.role--nvmyqs--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvmyqs/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 8.88rem;
  height: 3.23rem;
  top: 3.27rem;
}
.nvmyqs--awak1--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
/* 二觉 */
.scene-role .role-wrapper-nvmyqs-awak2 img {
      width: 22.22rem;
    height: 24.64rem;
    margin-left: -1rem;
    top: 0;
    transform: translateY(-4.5rem);
}
.role--nvmyqs--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvmyqs/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 8.86rem;
  height: 3.23rem;
  top: 3.27rem;
}
.nvmyqs--awak2--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
/* 觉醒共用 */
.scene-role .nvmyqs--awak1-desc,
.scene-role .nvmyqs--awak2-desc {
  width: 7.97rem;
}
.scene-role .nvmyqs--awak1-desc .role-intro,
.scene-role .nvmyqs--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* === 女枪炮 NVQPS === */
/* 基础 */
.scene-role .nvqps-desc {
  width: 8.07rem;
  top: 8.5rem;
}
.scene-role .nvqps-desc .ellipse {
  width: 6.4rem;
}
.scene-role .role-wrapper-nvqps .player-container {
  width: 22.51rem;
  height: 23.17rem;
  margin-left: -4rem;
  transform: translateY(-10.5rem);
}
.scene-role .role-wrapper-nvqps img {
  width: 16.22rem;
  height: 21.02rem;
  margin-left: 1rem;
  transform: translateY(-7.5rem);
}
.role--nvqps-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvqps/slogan.png) no-repeat center / 100% 100%;
  width: 10.35rem;
  height: 6.3rem;
  top: 2rem;
  margin-left: 0rem;
}
.scene3--bg-nvqps {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvqps/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
/* 一觉 */
.scene-role .role-wrapper-nvqps-awak1 img {
      width: 16.22rem;
    height: 22.27rem;
    margin-left: -3rem;
    top: 0;
    transform: translateY(-3rem)
}
.role--nvqps--awak1-slogan {
    background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvqps/awak1/slogan.png) no-repeat center / 100% 100%;
    width: 10.26rem;
    height: 3.22rem;
    top: 3rem;
    margin-left: 1.2rem;
}
.nvqps--awak1--skill-info {
  top: 6.8rem;
}
.nvqps--awak1--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
/* 二觉 */
.scene-role .role-wrapper-nvqps-awak2 img {
     width: 22rem;
    height: 18.46rem;
    margin-left: -2rem;
    top: 0;
    transform: translateY(0rem);
}
.role--nvqps--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvqps/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 10.35rem;
  height: 4.72rem;
  margin-left: -0.3rem;
  top: 2rem;
}
.nvqps--awak2--skill-info {
  top: 6.8rem;
}
.nvqps--awak2--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
/* 觉醒共用 */
.scene-role .nvqps--awak1-desc,
.scene-role .nvqps--awak2-desc {
  width: 8.07rem;
  top: 6.6rem;
}
.scene-role .nvqps--awak1-desc .role-intro,
.scene-role .nvqps--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* === 女弹药 NVRY === */
/* 基础 */
.scene-role .role-wrapper-nvry img {
  width: 23.4rem;
  height: 18.25rem;
  margin-left: -2rem;
  top: 2rem;
  transform: translateY(-1.5rem);
}
.scene-role .role-wrapper-nvry .player-container {
  width: 25.4rem;
  height: 26.25rem;
  margin-left: -3rem;
  top: 2rem;
  transform: translateY(-3.5rem);
}
.role--nvry-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvry/slogan.png) no-repeat center / 100% 100%;
  width: 9.3rem;
  height: 3.17rem;
}
.scene-role .nvry-desc {
  width: 6.7rem;
}
/* 一觉 */
.scene-role .role-wrapper-nvry-awak1 img {
  width: 22.34rem;
  height: 20.45rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(1rem);
}
.role--nvry--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvry/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 9.35rem;
  height: 3.16rem;
}
.nvry--awak1--skill-info .awak-skill-text {
  width: 7.56rem;
  height: 1.44rem;
}
/* 二觉 */
.scene-role .role-wrapper-nvry-awak2 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-7.5rem);
}
.role--nvry--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nvry/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 9.28rem;
  height: 3.16rem;
}
.nvry--awak2--skill-info .awak-skill-text {
  width: 7.41rem;
  height: 1.7rem;
}
/* 觉醒共用 */
.scene-role .nvry--awak1-desc,
.scene-role .nvry--awak2-desc {
  width: 6.7rem;
}

/* ---------- 男圣职系 ---------- */

/* === 男圣职者 NSZZ（基础职业） === */
.scene-role .nszz-desc {
  width: 4.93rem;
}
.scene-role .nszz-desc .ellipse {
  text-align: center;
  padding-left: 0;
}
.scene-role .role-wrapper-nszz .player-container {
  width: 30rem;
  height: 30.3rem;
  margin-left: -7.5rem;
  top: 0;
  transform: translateY(-2.5rem);
}
.scene-role .role-wrapper-nszz img {
  width: 11.29rem;
  height: 22.51rem;
  margin-left: 2rem;
  top: 0;
  transform: translateY(-0.5rem);
}
.scene3--bg-nszz {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nszz/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.role--nszz-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nszz/slogan.png) no-repeat center / 100% 100%;
  width: 8.83rem;
  height: 3.2rem;
}

/* === 男蓝拳使者 NLQSZ === */
/* 基础 */
.scene-role .nlqsz-desc {
  width: 8.27rem;
}
.scene-role .role-wrapper-nlqsz .player-container {
  width: 20rem;
  height: 21.3rem;
  margin-left: -4rem;
  top: 0;
  transform: translateY(-1.5rem);
}
.scene-role .role-wrapper-nlqsz img {
  width: 18.12rem;
  height: 14.01rem;
  margin-left: -2rem;
  top: 0;
  transform: translateY(0.5rem);
}
.scene3--bg-nlqsz {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nlqsz/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.role--nlqsz-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nlqsz/slogan.png) no-repeat center / 100% 100%;
  width: 8.83rem;
  height: 3.2rem;
}
/* 一觉 */
.scene-role .role-wrapper-nlqsz-awak1 img {
  width: 14.03rem;
  height: 20.88rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(1rem);
}
.role--nlqsz--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nlqsz/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 7.88rem;
  height: 3.2rem;
}
.nlqsz--awak1--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
/* 二觉 */
.scene-role .role-wrapper-nlqsz-awak2 img {
  width: 19.18rem;
  height: 22.32rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-1rem);
}
.role--nlqsz--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nlqsz/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 10.35rem;
  height: 3.18rem;
}
.nlqsz--awak2--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
/* 觉醒共用 */
.scene-role .nlqsz--awak1-desc,
.scene-role .nlqsz--awak2-desc {
  width: 8.27rem;
}
.scene-role .nlqsz--awak1-desc .role-intro,
.scene-role .nlqsz--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* === 男圣骑士 NSQS === */
/* 基础 */
.scene-role .nsqs-desc {
  width: 9.37rem;
}
.scene-role .role-wrapper-nsqs .player-container {
  width: 25rem;
  height: 24.3rem;
  margin-left: -5rem;
  top: 0;
  transform: translateY(-1.5rem);
}
.scene-role .role-wrapper-nsqs img {
  width: 23.28rem;
  height: 19.44rem;
  margin-left: -6rem;
  top: 0;
  transform: translateY(0.5rem);
}
.scene3--bg-nsqs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nsqs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.role--nsqs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nsqs/slogan.png) no-repeat center / 100% 100%;
  width: 7.29rem;
  height: 3.19rem;
}
/* 一觉 */
.scene-role .role-wrapper-nsqs-awak1 img {
  width: 14.8rem;
  height: 20.76rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(1rem);
}
.role--nsqs--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nsqs/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 7.29rem;
  height: 3.2rem;
}
.nsqs--awak1--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
/* 二觉 */
.scene-role .role-wrapper-nsqs-awak2 img {
  width: 18.61rem;
  height: 27.13rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-7rem);
}
.role--nsqs--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/nsqs/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 7.29rem;
  height: 3.19rem;
}
.nsqs--awak2--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
/* 觉醒共用 */
.scene-role .nsqs--awak1-desc,
.scene-role .nsqs--awak2-desc {
  width: 9.37rem;
}
.scene-role .nsqs--awak1-desc .role-intro,
.scene-role .nsqs--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* ---------- 新增角色系 ---------- */

/* === 小魔女 XMN === */
/* 基础 */
.scene-role .xmn-desc {
  width: 7.97rem;
}
.scene-role .role-wrapper-xmn img {
  width: 16.48rem;
  height: 12.74rem;
  margin-left: -2rem;
  top: 0;
  transform: translateY(0.5rem);
}
.scene-role .role-wrapper-xmn .player-container {
  width: 20rem;
  height: 21.3rem;
  margin-left: -4rem;
  top: 0;
  transform: translateY(-1.5rem);
}
.scene3--bg-xmn {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/xmn/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.role--xmn-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/xmn/slogan.png) no-repeat center / 100% 100%;
  width: 8.83rem;
  height: 3.2rem;
}
/* 一觉 */
.scene-role .role-wrapper-xmn-awak1 img {
  width: 16.33rem;
  height: 19.48rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(1rem);
}
.role--xmn--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/xmn/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 8.83rem;
  height: 3.85rem;
  top: 2.6rem;
}
.xmn--awak1--skill-info .awak-skill-text {
  width: 7.52rem;
  height: 1.64rem;
}
/* 二觉 */
.scene-role .role-wrapper-xmn-awak2 img {
  width: 22.66rem;
  height: 27.67rem;
  margin-left: -1.5rem;
  top: 0;
  transform: translateY(-7rem);
}
.role--xmn--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/xmn/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 8.77rem;
  height: 3.85rem;
  top: 2.6rem;
}
.xmn--awak2--skill-info .awak-skill-text {
  width: 7.36rem;
  height: 1.44rem;
}
/* 觉醒共用 */
.scene-role .xmn--awak1-desc,
.scene-role .xmn--awak2-desc {
  width: 7.97rem;
}
.scene-role .xmn--awak1-desc .role-intro,
.scene-role .xmn--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* === 战斗法师 ZDFS === */
/* 基础 */
.scene-role .zdfs-desc {
  width: 8.94rem;
}
.scene-role .role-wrapper-zdfs img {
  width: 16.48rem;
  height: 12.74rem;
  margin-left: -2rem;
  top: 0;
  transform: translateY(0.5rem);
}
.scene-role .role-wrapper-zdfs .player-container {
  width: 20rem;
  height: 21.3rem;
  margin-left: -4rem;
  top: 0;
  transform: translateY(-1.5rem);
}
.scene3--bg-zdfs {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/zdfs/role_bg.jpg) no-repeat center / 100% 100%;
  width: 100%;
  height: 100%;
}
.role--zdfs-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/zdfs/slogan.png) no-repeat center / 100% 100%;
  width: 8.83rem;
  height: 3.2rem;
}
/* 一觉 */
.scene-role .role-wrapper-zdfs-awak1 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-8rem);
}
.role--zdfs--awak1-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/zdfs/awak1/slogan.png) no-repeat center / 100% 100%;
  width: 9.34rem;
  height: 3.57rem;
  top: 2.93rem;
}
.zdfs--awak1--skill-info .awak-skill-text {
  width: 7.31rem;
  height: 1.23rem;
}
/* 二觉 */
.scene-role .role-wrapper-zdfs-awak2 img {
  width: 25.6rem;
  height: 30rem;
  margin-left: 0rem;
  top: 0;
  transform: translateY(-8rem);
}
.role--zdfs--awak2-slogan {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/zdfs/awak2/slogan.png) no-repeat center / 100% 100%;
  width: 9.19rem;
  height: 3.57rem;
  top: 2.93rem;
}
.zdfs--awak2--skill-info .awak-skill-text {
  width: 7.6rem;
  height: 2.04rem;  
}
.zdfs--awak2--skill-info .awak-skill-desc {
  font-size: 0.16rem;
}
/* 觉醒共用 */
.scene-role .zdfs--awak1-desc,
.scene-role .zdfs--awak2-desc {
  width: 8.94rem;
}
.scene-role .zdfs--awak1-desc .role-intro,
.scene-role .zdfs--awak2-desc .role-intro {
  padding-left: 0.6rem;
}

/* ========== 角色特有样式结束 ========== */

.scene-college {
	background-color: #fff;
	background: url('//game.gtimg.cn/images/mdnf/web202305/bg_college_scene.jpg') no-repeat center / 100% 100%;
}
.scene-college .title {
	width: 11.83rem;
	height: 1.69rem;
	margin: 1.91rem auto 0.24rem;
	text-indent: -999em;
	background: url(//game.gtimg.cn/images/mdnf/web202305/title-college.png) no-repeat center / 100% 100%;
}
.p4-swiper {
	width: 20.64rem;
	height: 9.46rem;
	background: url(//game.gtimg.cn/images/mdnf/web202305/bg_college.png) no-repeat center / 100% 100%;
}
.p4-swiper .swiper-slide {
	width: 33.333%;
}

.role-box {
	display: block;
	width: 3.4rem;
	height: 4.2rem;
	position: relative;
	margin: 0 auto;
}

.role-box img {
	display: block;
	position: absolute;
	top: 0.5rem;
	left: -1rem;
	pointer-events: none;
}

.role-box img.img-role3 {
	left: 0;
}

.role-box2 {
	position: relative;
	top: -0.58rem;
  left: -0.5rem;
}

.wait-box {
	display: block;
	width: 357px;
	height: 98px;
	background: url(//game.gtimg.cn/images/mdnf/web202004/index/bg_wait.png);
	position: absolute;
	top: 488px;
	left: 95px;
}

.p4-skill-title {
	font-size: 0.48rem;
	text-align: center;
	color: #fff;
	width: 90%;
	margin: 0 auto;
	line-height: 0.58rem;
	font-family: 'RUIZI';
	font-style: italic;
}

.skill-hint {
	width: 90%;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	font-size: 0.24rem;
	line-height: 0.26rem;
	font-family: 'Microsoft yahei';
}

.p4-skill {
	display: block;
	width: 4.5rem;
	height: 1.76rem;
	background: url(//game.gtimg.cn/images/mdnf/web202305/p4_skill.png) center no-repeat;
	margin: 0.2rem auto;
	background-size: cover;
}

.p4-skill1 {
	width: 4.63rem;
	background-image: url(//game.gtimg.cn/images/mdnf/web202305/p4_skill1.png);
}

.p4-skill2 {
	height: 1.75rem;
	background-image: url(//game.gtimg.cn/images/mdnf/web202305/p4_skill2.png);
}
.p4-swiper .btn-active {
	width: 4.55rem;
	height: 0.88rem;
	line-height: 0.88rem;
}
.p4-swiper .btn-active.active-end{
	display: block;
	font-size: 0.41rem;
	text-align: center;
	font-family: 'RUIZI';
	background: none;
	color: #ff1300;
	font-style: italic;
	background-color: #b80e00;
	margin: 0 auto;
}

/* 活动日历屏 */
.scene-4 {
  width:100%;
  height: 100%;
}
.scene-4-bg {
  position: absolute;
  top: 0;
  right: 0;
  background: #000 url('https://game.gtimg.cn/images/mdnf/web202405/activity/activity_bg.jpg') no-repeat right center/ 100% 100%;
  width:100%;
  height: 100%;
}
.scene-4 .scene-content {
  position: absolute;
  top: 50%;
  left: 0;
  height: 8.34rem;
  margin-top: -4.17rem;
  width: 100%;
}
.scene-4 .scene-title {
  width: 5.07rem;
  height: 1.26rem;
  position: absolute;
  left: 5.52rem;
  top: 0.65rem;
  line-height: 999px;
  overflow: hidden;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/activity/calendar_title.png) no-repeat center / 100% 100%;
}
.scene-4 .scene-title-bg {
  width: 10.73rem;
  height: 2.06rem;
  position: absolute;
  left: 0%;
  top: 0;
  line-height: 999px;
  overflow: hidden;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/activity/events_title_bg.png) no-repeat center / 100% 100%;
}
.scene-4 .events-content {
  width: 22.7rem;
  height: 5.66rem;
  box-sizing: border-box;  
  position: absolute;
  left: 50%;
  top: 2.69rem;
  z-index: 2;
  margin-left: -7.24rem;
}
.scene-4 .events-swiper {
  width: 22.7rem;
  height: 5.66rem;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.scene-4 .events-swiper .events-swiper-wrapper {
  margin-left: -9.1rem;
}
.scene-4 .events-swiper-wrapper .white-bg,
.scene-4 .events-swiper-wrapper .red-bg {
  opacity: 0;
}
.scene-4 .events-swiper .swiper-slide,
.scene-4 .events-swiper .event-img {
  display: block;
  width: 4.30rem;
  height: 5.66rem;  
}

.scene-4 .events-swiper .swiper-slide::after {
  display: none;
  content: '';
  width: 2.25rem;
  height: 0.28rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/activity/events-content-arrow.png) no-repeat 0 0/100% 100%;
  position: absolute;
  pointer-events: none;
  right: -0.1rem;
  bottom: 0.2rem;
  z-index: 3;
}

.scene-4 .events-swiper .swiper-slide .event-link::after {  
  transition: box-shadow 0.3s ease;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  display: none;
  box-shadow: 0 0 1rem 2px rgb(18 18 18 / 72%);
}
.scene-4 .events-swiper .swiper-slide:hover .event-link::after {  
  box-shadow: 0 0 1rem 2px rgb(18 18 18 / 72%);
  display: block;
}
.scene-4 .events-swiper .swiper-slide:hover::after {
  display: block;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.scene-4 .swiper-button-next, .scene-4 .swiper-button-prev {
  width: 1.81rem;
  height: 1.78rem;
  cursor: pointer;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/activity/activity_prev.png) no-repeat 0 0/contain;
  top: 4.55rem;
  left: 50%;
  margin-left: -9.5rem;
  z-index: 10;
}

.scene-4 .swiper-button-next::after {
  display: none;
}

.scene-4 .swiper-button-prev::after {
  display: none;
}

.scene-4 .swiper-button-next {
  transform: rotateZ(180deg);
  left: initial;
  right: 0.3rem;
}
.scene-4 .events-swiper .event-link {
  display: block;
  width: 4.3rem;
  height: 5.66rem;  
  overflow: initial;
}
.scene-4 .events-swiper .event-link__img {
  display: block;
  width: 4.30rem;
  height: 5.66rem;    
}
/* 活动日历屏结束 */

.dialog-mask-wrapper .dialog-content {
  position: absolute;
  top: 50%;
  left: 1.55rem;
  transform: translate(-50%, -50%);
  width: 7.1rem;
  font-family: 'Microsoft yahei';
}
.dialog-mask-wrapper .dialog-content .title-congratulation {
	font-size: 0.48rem;
	color: #e12617;
	font-family: RUIZI;
}
.dialog-mask-wrapper .icon-close {
  display: block;
  margin: 0 auto;
  background: url('//game.gtimg.cn/images/mdnf/web202305/dialog/icon_close.png') no-repeat center / 100% auto;
  position: absolute;
  top: -0.55rem;
  right: 0.39rem;
  width: 0.77rem;
  height: 0.77rem;
}
/* 消息提示弹窗 */
.dialog-message .dialog-content {
  width: 100%;
  height: 7.92rem;
  background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/dialog_code.png) no-repeat center / 100%;
  color: #ddc292;
  position: relative;
  font-family: 'Microsoft yahei';
  box-sizing: border-box;
  padding: 1.2rem 0 0;
  position: absolute;
  left: 50%;
}
.dialog-message .dialog-title {
  height: 1rem;
  line-height: 1rem;
  padding: 0.2rem 0 0.8rem;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  font-size: .42rem;
  font-style: italic;
  color: #e12617;
  position: absolute;
  left: 50%;
  width: 4rem;
  margin-left: -3.8rem;
  top: 1rem;
  text-align: center;
}
.dialog-message .dialog-txt {
  position: absolute;
  left: 50%;
  height: 1.2rem;
  font-size: .3rem;
  text-align: center;
  box-sizing: border-box;
  color: #904e13;
  line-height: .4rem;
  text-align: center;
  margin-left: -3.8rem;
  width: 4rem;
  top: 3rem;
}
#dialogZSCode .dialog-txt,
#dialogYJCode .dialog-txt {
  top: 1.5rem;
  font-weight: bold;
  color: #c00707;
  left: 50%;
  margin-left: -3.2rem;
  font-size: 0.4rem;
}
#dialogZSCode .dialog-content {
  background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/dialog_code.png) no-repeat center/ 100%;
}
.dialog-message .btn-dialog-0 {
  display: block;
  width: 2.8rem;
  height: 0.84rem;
  color: #fff;
  font-size: .36rem;
  text-align: center;
  font-style: italic;
  background: url(//game.gtimg.cn/images/mdnf/web202404/dialog/btn-dialog-default.png) no-repeat 0 0/contain;
  margin: 0 auto;
  line-height: 9999px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 5rem;
  margin-left: -3.2rem;
}

/* 消息提示弹窗V2 */
.dialog-message-v2 .dialog-content {
  width: 9.4rem;
  height: 5.79rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/pop-msg-bg.png) no-repeat 0 0/100% 100%;
  position: relative;
  font-family: 'Microsoft yahei';
  box-sizing: border-box;
  position: absolute;
  left: 50%;
}
.dialog-message-v2 .dialog-title {
  display: none;
}
.dialog-message-v2 .dialog-txt {
  position: absolute;
  left: 50%;
  height: 1.6rem;
  font-size: .25rem;
  text-align: center;
  box-sizing: border-box;
  color: #3127a5;
  line-height: .4rem;
  text-align: center;
  margin-left: -4rem;
  width: 8rem;
  top: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-message-v2 .btn-dialog-0 {
  display: block;
  width: 2.9rem;
  height: 1.36rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/btn-confirm.png) no-repeat 0 0/100% 100%;
  line-height: 99rem;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 3.48rem;
  margin-left: -1.45rem;
}
.dialog-message-v2 .icon-close {
  width: .45rem !important;
  height: .42rem !important;
  position: absolute !important;
  right: -0.5rem !important;
  top: -0.5rem !important;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/btn-close.png) no-repeat 0 0/100% 100% !important;
}

/*part7*/
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
  height: auto !important;
}
.part7 {
  height: 2rem !important;
  overflow: hidden;
}

/*footlink*/
.foot_cpright {
  width: 14rem;
  margin: 0 auto;
  padding: 0.15rem 0.2rem !important;
}
.footlink {
	width: 100%;
	height: 2rem;
	background: #151223 url(//game.gtimg.cn/images/mdnf/web202004/index/bg_link.jpg) no-repeat top;
	overflow: hidden;
}

.foot-p {
	width: 4.12rem;
	height: 2rem;
	color: #fff;
	text-align: right;
	font-size: 0.16rem;
	position: absolute;
	top: 0.6rem;
	left: 50%;
	margin-left: -2.06rem;
}

.foot-p .font-line {
	display: block;
	width: 4.06rem;
	height: 0.18rem;
	background-position: 0.44rem -0.71rem;
	margin-top: -0.17rem;
}
.dialog-content .icon-close {
  width: 2.34rem;
  height: 3.17rem;
  transition: transform ease-in-out .2s;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/dialog/icon_close.png) no-repeat 0 0/contain;
  text-indent: -99rem;
  overflow: hidden;
  position: absolute;
  right: 1rem;
  top: -1.62rem;
}

/* 登录弹窗-V2 */
.dialog-mask-wrapper .login-operations {
  width: 9.4rem;
  height: 5.79rem;
  font-size: .22rem;
  color: #000;
  box-sizing: border-box;
  padding: 2.52rem 0 0;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/pop-login-bg.png) no-repeat 0 0/100% 100%;
  left: 50%;
  top: 50%;
  transform-origin: 50% 50%;
}
.login-operations .dialog-title {
  display: none;
}
.login-operations .dialog-inner-content{
  width: 4.58rem;
  height: 1.18rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: static;
}
.login-operations .dialog-bg-text {
  display: none;
}
.login-operations .qq, .login-operations .wx {
  width: 1.55rem;
  height: 1.49rem;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
.login-operations .qq-wrap, .login-operations .wx-wrap {
  font-size: 0;
  text-align: center;
}
.login-operations .qq-wrap {
  margin-right: 0;
}
.login-operations .qq {
  background-image: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/login-qq.png);
}
.login-operations .qq:hover {
  background-image: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/login-qq.png);
}
.login-operations .wx {
  background-image: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/login-wx.png);
}
.login-operations .wx:hover {
  background-image: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/login-wx.png);
}
.login-operations .qq-wrap > span, .login-operations .wx-wrap > span {
  color: #383838;
  font-size: 0.25rem;
}
.login-operations .dialog-role2 {
  display: none;
}
.login-operations .icon-close {
  width: .6rem;
  height: .6rem;
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260318/dialog/btn-close.png) no-repeat 0 0/100% 100%;
}

/* 扫码查看详情弹窗 */
.dialog-code .dialog-content {
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 7.92rem;
	background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/dialog_code.png) no-repeat center top/ 100%;
}
/* 首屏立即预约弹窗 */
.dialog-online .dialog-content {
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 7.92rem;
	background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/dialog_code.png) no-repeat center top/ 100%;
}
.dialog-online .dialog-inner-content {
  text-align: center;
  color: #383838;
  font-size: 0.18rem;
  margin-left: -7.66rem;
  width: 11.1rem;
  position: absolute;
  left: 50%;
  top: 3.38rem;
}
.dialog-online .dialog-title {
  position: absolute;
  left: 50%;
  top: 0.92rem;
  margin-left: -7.66rem;
  width: 12.6rem;
  height: 2.2rem;
  background: url(//game.gtimg.cn/images/mdnf/web202405/dialog20/online_title.png) no-repeat center/ 100%;
}
.dialog-online .dialog-content .btn-join {
	position: absolute;
  left: 4.56rem;
	top: 3rem;
  width: 3.52rem;
  height: 1.12rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/dialog/btn-dialog-join.png) center/100% no-repeat;
  cursor: pointer;
}
.dialog-online .dialog-content .left-part {
  left: 0;
  top: 0;
  width: 4.7rem;
  height: 3.42rem;
  display: flex;
  /* justify-content: space-between; */
  position: absolute;
  flex-wrap: wrap;
}
.dialog-online .dialog-content .left-part div {
  margin-right: 0.18rem;
}
.dialog-online .dialog-content .right-part {
	left: 6.1rem;
  top: 0;
	width: 4.5rem;
	height: 1.74rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
}
.dialog-online .dialog-content .icon-close {
	top: .3rem;
	right: 0.3rem;
}
.dialog-online .left-part div, .dialog-online .right-part div {
	width: 0.96rem;
	float: left;
	/* margin-right: 0.48rem; */
	position: relative;
}

.dialog-online .left-part img,.dialog-online .right-part img {
	display: block;
	margin: 0 auto;
  width: 0.96rem;
}

.dialog-online .left-part p,.dialog-online .right-part p {
	text-align: center;
	font-size: 0.18rem;
	color: #383838;
	margin-top: 0.03rem;
	line-height: 0.26rem;
}
.dialog-online .left-part .red,.dialog-online .right-part .red {
  color: #e12617;
}
/* 查看更多弹窗 */
.dialog-gift-more .dialog-content {
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 14.4rem;
	background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/dialog_more_gift_bg.png) no-repeat center top/ 100%;
}
.dialog-gift-more .dialog-inner-content {
  text-align: center;
  color: #383838;
  font-size: 0.18rem;
  margin-left: -9rem;
  width: 18rem;
  position: absolute;
  left: 50%;
  top: 3.4rem;
}
.dialog-gift-more .dialog-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 17.29rem;
	height: 2.95rem;
	background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/more_gift_title.png) no-repeat center/ 100%;
}
.dialog-gift-more .dialog-subtitle {
  position: absolute;
  left: 50%;
  top: 2.72rem;
  margin-left: -9rem;
  width: 14.67rem;
	/* height: 9.8rem; */
	background: url(//game.gtimg.cn/images/mdnf/web202405/dialog21/more_gift_subtitle.png) no-repeat;
  background-size: 14.67rem 9.8rem;
  background-position: top center;
  height: 9.6rem;
}
.dialog-gift-more .dialog-content .btn-join-1 {
	position: absolute;
	left: 5.42rem;
	top: 1.88rem;
  width: 3.52rem;
  height: 1.12rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/dialog/btn-dialog-join.png) center/100% no-repeat;
  cursor: pointer;
}
.dialog-gift-more .dialog-content .btn-join-2 {
	position: absolute;
	left: 5.42rem;
	top: 8.32rem;
  width: 3.52rem;
  height: 1.12rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/dialog/btn-dialog-yuyue.png) center/100% no-repeat;
  cursor: pointer;
}
.dialog-gift-more .dialog-content .part1 {
	left: 0rem;
  top: 0rem;
	width: 7.45rem;
	height: 2.11rem;
  display: flex;
  justify-content: space-between;
  position: absolute;  
}
.dialog-gift-more .part3-tips {
  left: 0rem;
  top: 7.72rem;
	width: 8rem;
  position: absolute;
  text-align: left;
  font-size: 0.18rem;
  color: #383838;
  line-height: 0.24rem;
}
.dialog-gift-more .part3-tips .red {
  color: #e12617;
}
.dialog-gift-more .part3-tips .strong {
  font-weight: bold;
}
.dialog-gift-more .part4-tips {
  left: 8.38rem;
  top: 7.72rem;
	width: 3.14rem;
  position: absolute;
  text-align: left;
  font-size: 0.18rem;
  color: #383838;
  line-height: 0.24rem;
}
.dialog-gift-more .dialog-content .part2 {
  left: 8rem;
  top: 0rem;
  width: 4.95rem;
  height: 0.95rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
}
.dialog-gift-more .dialog-content .part3 {
	left: 0rem;
  top: 4.3rem;
  width: 5.16rem;
  height: 1.17rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
}
.dialog-gift-more .dialog-content .part4 {
	left: 0rem;
  top: 6.07rem;
	width: 6.3rem;
	height: 0.96rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
}
.dialog-gift-more .dialog-content .part5 {
	left: 8.38rem;
  top: 4.3rem;
	width: 2.4rem;
	height: 3.36rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  flex-wrap: wrap;
}
.dialog-gift-more .dialog-content .part6 {
	left: 10.46rem;
  top: 4.3rem;
	width: 2.4rem;
	height: 3.36rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  flex-wrap: wrap;
}
.dialog-gift-more .dialog-content .icon-close {
	top: 1.84rem;
}
.dialog-gift-more .gift-list div {
	width: 1.2rem;
	float: left;
	/* margin-right: 0.48rem; */
	position: relative;
  text-align: center;
  font-size: 0.16rem;
}
.dialog-gift-more .gift-list div.wide,
.dialog-gift-more .gift-list div.wide img {
  width: 2.34rem;
  height: 1.08rem;
}
.dialog-gift-more .gift-list img {
	display: block;
	margin: 0 auto 0.05rem;
  height: 1.08rem;
}
.dialog-gift-more .gift-list p.red {
  color: red;
}
/* 适龄弹窗 */

/* 自定义滚动条的样式 */
.age-reminder .dialog-content .content::-webkit-scrollbar {
  width: 0.04rem; /* 设置滚动条的宽度 */
}

/* 滚动条的轨道 */
.age-reminder .dialog-content .content::-webkit-scrollbar-track {
  background-color: #aaaaaa; /* 设置滚动条轨道的背景颜色 */
}

/* 滚动条的滑块 */
.age-reminder .dialog-content .content::-webkit-scrollbar-thumb {
  background-color: #dc2b14; /* 设置滚动条滑块的背景颜色 */
  border-radius: 5px; /* 设置滚动条滑块的圆角 */
}

/* 鼠标悬停在滚动条上时的滑块样式 */
.age-reminder .dialog-content .content::-webkit-scrollbar-thumb:hover {
  background-color: #dc2b14; /* 设置鼠标悬停时滚动条滑块的背景颜色 */
}
.age-reminder .dialog-content {
	width: 8.72rem;
	height: 5.38rem;
  background: url(//game.gtimg.cn/images/mdnf/web202305/shiling-pop.png) center/100% no-repeat;
	left: 50%;
	transform: translate(-50%, -50%);
}
.age-reminder .dialog-content .content {
	position: absolute;
	top: 1.40rem;
	left: 0.8rem;
	width: 7.06rem;
	height: 3.3rem;
	overflow-y: scroll;
	cursor: default;
	padding-right: 0.1rem;
}
.age-reminder .dialog-content .content p {
	font-size: 0.2rem;
	line-height: 0.32rem;
	color: #080209;
}
.age-reminder .icon-close {
  width: 0.51rem;
  height: 0.51rem;
  transition: transform ease-in-out .2s;
  background: url(//game.gtimg.cn/images/mdnf/web202404/dialog/icon_close.png) no-repeat 0 0/contain;
  text-indent: -99rem;
  overflow: hidden;
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
}


/* 已预约成功并绑定手机号 */
.dialog-binded .dialog-content{
  width: 100%;
  height: 9.36rem;
  font-size: .24rem;
  color: #383838;
  box-sizing: border-box;
  padding: 1.78rem 0 0 0;
  background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/dialog_binded_bg.png) no-repeat center /100%;
  left: 50%;
  top: 50%;
  transform-origin: 50% 50%;
}
.dialog-binded .dialog-content .dialog-bg-text {
  top: 0.9rem;
}
.dialog-binded .dialog-title{
  line-height: 9999px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 0.72rem;
  margin-left: -5.09rem;
  height: 5.4rem;
  width: 6.45rem;
  background: url('//game.gtimg.cn/images/mdnf/web202405/dialog/binded_title.png') no-repeat center / 100% 100%;
}
.dialog-binded .dialog-tips {
  line-height: .3rem;
  text-align: center;
  color: #383838;
  font-size: 0.18rem;
  width: 80%;
  margin: 0 auto;

}
.dialog-binded .dialog-tips .red {
  color: #e12617;
}
.dialog-binded .dialog-inner-content {
  text-align: center;
  color: #383838;
  font-size: 0.18rem;
  margin-left: -7.05rem;
  width: 10.4rem;
  position: absolute;
  left: 50%;
  top: 1.8rem;
}
.dialog-binded .dialog-role1 {
  top: -2.24rem;
}
.dialog-binded .dialog-gift {
  width: 4.6rem;
  height: 1.4rem;
  margin: 0.2rem auto 0.7rem;
  display: flex;
  justify-content: space-around;
}
.dialog-binded .dialog-gift-ios {
  margin: 1.1rem auto 0.2rem;
}
.dialog-binded .dialog-btn-get {
  position: absolute;
  width: 3.52rem;
  height: 1.12rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/dialog/btn-dialog-get.png) no-repeat 0 0/contain;
  left: 50%;
  bottom: -1rem;
  margin-left: -1.76rem;
  line-height: 9999px;
  overflow: hidden;
}
.dialog-binded .ios-tips{
  line-height: .52rem;
    text-align: center;
    color: #383838;
    font-size: 0.18rem;
}
.dialog-binded .ios-tips .red {
  color: #e12617;
}
.dialog-binded .dialog-gift-item {
  width: 2rem;
  height: 1.6rem;
  /* overflow: hidden; */
}
.dialog-binded .dialog-gift-item__img {
  display: block;
  width: 0.76rem;
  height: 0.76rem;
  margin: 0 auto 0.04rem;
}
.dialog-binded .dialog-gift-item__txt {
  display: block;
  height: 0.6rem;
  line-height: .25rem;
  text-align: center;
  font-size: 0.18rem;
    color: #383838;
}
.dialog-binded .dialog-txt {
  line-height: .26rem;
  font-size: 0.16rem;
  color: #383838;
  width: 80%;
  margin: 0 auto;
}
.color-red {
  color: #e12617;
}

/* 已预约成功未绑定手机号 */
.dialog-bind .dialog-content{
  width: 100%;
  height: 7.92rem;
  font-size: .24rem;
  color: #383838;
  box-sizing: border-box;
  padding: 1.7rem 0 0;
  background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/dialog_code.png) no-repeat center/100%;
  left: 50%;
  top: 50%;
  transform-origin: 50% 50%;
}
.dialog-bind .dialog-content .dialog-title {
  position: absolute;
  left: 50%;
  top: 0.6rem;
  margin-left: -5.06rem;
  height: 0.89rem;
  width: 6.45rem;
  background: url('//game.gtimg.cn/images/mdnf/web202405/dialog/bind_title.png') no-repeat center / 100% 100%;
  line-height: 9999px;
  overflow: hidden;
}
.dialog-bind .dialog-subtitle {
  position: absolute;
  left: 50%;
  top: 3.9rem;
  margin-left: -1.46rem;
  height: 0.27rem;
  width: 2.93rem;
  background: url(//game.gtimg.cn/images/mdnf/web202405/dialog/bind_gift_title.png) no-repeat center / 100% 100%;
  line-height: 9999px;
  overflow: hidden;
}
.dialog-bind .dialog-inner-content {
  text-align: center;
  color: #383838;
  font-size: 0.18rem;
  margin-left: -6rem;
  width: 8.32rem;
  position: absolute;
  left: 50%;
  top: 1.6rem;
}
.dialog-bind .dialog-txt {
  height: 0.7rem;
  line-height: .3rem;
  overflow: hidden;
  font-size: 0.2rem;
  text-align: center;
  width: 85%;
  margin: 0 auto;
}
.cancel-bind .dialog-txt {
  font-size: 0.24rem;
  width: 95%;
}
.dialog-bind .dialog-table {
  width: 6.4rem;
  height: 1.22rem;
  margin: 0.2rem auto 0;
  position: relative;
  z-index: 1;
}
.dialog-bind .dialog-table__tr {
  width: 100%;
  height: 0.62rem;
  overflow: hidden;
  margin-bottom: 0.12rem;
}
.dialog-bind .dialog-table__th {
  display: block;
  width: 0.8rem;
  line-height: .46rem;
  float: left;
  font-size: 0.18rem;
  color: #383838;
}
.dialog-bind .dialog-table__tel, .dialog-bind .dialog-table__code {
  display: block;
  width: 5.5rem;
  height: 0.62rem;
  -webkit-appearance: none;
  border-radius: 0;
  background: #ddd;
  padding: 0.1rem;
  line-height: .62rem;
  box-sizing: border-box;
  float: left;
  font-size: 0.18rem;
  box-sizing: border-box;
}
.dialog-bind .dialog-table__code {
  width: 3.7rem;
}
.dialog-bind .dialog-table__btn-code, .dialog-bind .dialog-table__btn-code:visited {
  color: #fff;
}
.dialog-bind .dialog-table__btn-code {
  display: block;
  width: 1.72rem;
  height: 0.46rem;
  line-height: .46rem;
  background: #e12617;
  text-align: center;
  margin-left: 0.1rem;
  float: left;
}
.dialog-bind .dialog-btn-bind {
  display: block;
  width: 3.52rem;
  height: 1.12rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/dialog/btn-dialog-bind.png) no-repeat 0 0/contain;
  margin: 0.2rem auto 0;
  line-height: 9999px;
    overflow: hidden;
}
.dialog-bind .dialog-gift {
  width: 4.2rem;
  height: 1.3rem;
  margin: 1rem auto 0;
  display: flex;
  justify-content: space-around;
}
.dialog-bind .dialog-gift-item {
  width: 2rem;
  height: 1.6rem;
  overflow: hidden;
}
.dialog-bind .dialog-gift-item__img {
  display: block;
  width: 0.95rem;
  height: 0.95rem;
  margin: 0 auto 0.04rem;
}
.dialog-bind .dialog-gift-item__txt {
  display: block;
  height: 0.6rem;
  line-height: .3rem;
  text-align: center;
  font-size: 0.18rem;
}
/* 解绑弹窗 */
.cancel-bind .dialog-content{  
  text-align: center;
  position: absolute;
  left: 50%;
  height: 7.92rem;
  width: 100%;
  background: url('//game.gtimg.cn/images/mdnf/web202405/dialog/dialog_code.png') no-repeat center / 100% 100%;
}
.cancel-bind .dialog-inner-content {
  text-align: center;
  color: #383838;
  font-size: 0.18rem;
  margin-left: -6.35rem;
  width: 8.98rem;
  position: absolute;
  left: 50%;
  top: 1.64rem;
}
.cancel-bind .dialog-content .dialog-title {
  position: absolute;
  left: 50%;
  top: 0.6rem;
  margin-left: -3.66rem;
  height: 0.89rem;
  width: 3.6rem;
  background: url('//game.gtimg.cn/images/mdnf/web202405/dialog/unbind_title.png') no-repeat center / 100% 100%;
}
.cancel-bind .dialog-btn-cancel-bind {
  display: block;
  width: 3.52rem;
  height: 1.12rem;
  margin: 0 auto;
  line-height: 9999px;
  overflow: hidden;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/dialog/btn_cancel_bind.png') no-repeat left center / 100% 100%;
}
.cancel-bind .warm-title {
  font-style: italic;
  font-size: 0.3rem;
  color: #e12617;
  width: 100%;
  text-align: center;
  margin: 0.1rem auto 0.3rem;
}
.activity-code {
  position: absolute;
  left: 50%;
  top: 2.6rem;
  margin-left: -2.8rem;
  width: 3.18rem;
  border: 0.03rem solid #e12617;
  height: 3.18rem;
}
.activity-code img {
  width: 3.12rem;
}
.video-dialog .dialog-content{
  width: 16.65rem;
  height: 9.36rem;
  left: 50%;
  transform: translate(-8.3rem, -4.68rem);
}
.video-dialog .dialog-content .icon-close {
  right: -1rem;
}
.icon-role-video {
  cursor: pointer;
  width: 4.28rem;
  height: 1.39rem;  
  margin-bottom: 0.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;  
}
/* .qps-video-btn {
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/qps/video_btn.png') no-repeat left center / 100% 100%;
} */

/* 新版角色 */
.role-type-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.role-type-container-bg {
  position: absolute;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/bg.jpg) no-repeat center top/ 100% 100%;
  width: 100%;
  height: 100%;
}
.scene-role .bottom-mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  /* background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/bottom_mask.png') no-repeat center / 100% 100%; */
  background: none;
  z-index: 3;
  pointer-events: none;
  transform: translateX(0);
}
.scene-role .icon-fog {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 4.77rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/fog_bg.png') repeat-x 0 0/auto 100%;
  z-index: 3;
  pointer-events: none;
  animation: bg-move-left 30s linear 0s infinite normal forwards;
}
@keyframes bg-move-left {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -38.5rem;
  }
}
.scene-role .role-list {
  width: 100%;
  height: 11.84rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.scene-role .role-list .swiper-wrapper {
  transition:all .2s linear 0s;
  -webkit-transition-timing-function:linear;
  -moz-transition-timing-function:linear;
  -o-transition-timing-function:linear;
  transition-timing-function: linear;
}
.scene-role .role-type-container .role-type {
  width: 5rem !important;
  height: 11.84rem;
  cursor: pointer;
}
.scene-role .role-mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/role_mask.png') no-repeat center / 100% 100%;
}
.scene-role .role-type:hover .role-mask {
  width: 100%;
  height: 100%;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/role_hover_mask.png') no-repeat center / 100% 100%;
}
.scene-role .role-type-container .role-name {
  position: absolute;
  left: 50%;
  bottom: 2.94rem;
  transform: translateX(-50%);
}
.swordman {
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/swordman_type.png') no-repeat center / 100% 100%;
}
.atfighter {
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/atfighter_type.png') no-repeat center / 100% 100%;
}
.gunner {
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/gunner_type.png') no-repeat center / 100% 100%;
}
.atmage {
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/atmage_type.png') no-repeat center / 100% 100%;
}
.priest {
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/priest_type.png') no-repeat center / 100% 100%;
}
.ghostsword {
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/ghostsword_type.png') no-repeat center / 100% 100%;
}
.womangunner {
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/nvqs_type.png') no-repeat center / 100% 100%;
}
.nszz {
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/nszz_type.png') no-repeat center / 100% 100%;
}
.swordman .role-name {
  width: 2.06rem;
  height: 0.88rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/swordman_name.png') no-repeat center / 100% 100%;
}
.swordman:hover .role-name {
  width: 3.03rem;
  height: 1.99rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/swordman_name_hover.png') no-repeat center / 100% 100%;
}
.atfighter .role-name {
  width: 2.06rem;
  height: 0.88rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/atfighter_name.png') no-repeat center / 100% 100%;
}
.atfighter:hover .role-name {
  width: 3.11rem;
  height: 1.99rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/atfighter_name_hover.png') no-repeat center / 100% 100%;
}
.gunner .role-name {
  width: 2.06rem;
  height: 0.88rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/gunner_name.png') no-repeat center / 100% 100%;
}
.gunner:hover .role-name {
  width: 3.05rem;
  height: 1.99rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/gunner_name_hover.png') no-repeat center / 100% 100%;
}
.atmage .role-name {
  width: 2.06rem;
  height: 0.88rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/atmage_name.png') no-repeat center / 100% 100%;
}
.atmage:hover .role-name {
  width: 3.14rem;
  height: 1.99rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/atmage_name_hover.png') no-repeat center / 100% 100%;
}
.priest .role-name {
  width: 2.06rem;
  height: 0.88rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/priest_name.png') no-repeat center / 100% 100%;
}
.priest:hover .role-name {
  width: 3.09rem;
  height: 1.98rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/priest_name_hover.png') no-repeat center / 100% 100%;
}
.ghostsword .role-name {
  width: 2.06rem;
  height: 0.88rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/ghostsword_name.png') no-repeat center / 100% 100%;
}
.ghostsword:hover .role-name {
  width: 3.14rem;
  height: 1.99rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/ghostsword_name_hover.png') no-repeat center / 100% 100%;
}
.womangunner .role-name {
  width: 2.57rem;
  height: 0.88rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/nvqs_name.png') no-repeat center / 100% 100%;
}
.womangunner:hover .role-name {
  width: 4.07rem;
  height: 1.99rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/nvqs_name_hover.png') no-repeat center / 100% 100%;
}
.nszz .role-name {
  width: 3.93rem;
  height: 1.93rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/nszz_name.png') no-repeat center / 100% 100%;
  bottom: 2.4rem !important;
}
.nszz:hover .role-name {
  width: 5.04rem;
  height: 3.06rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/nszz_name_hover.png') no-repeat center / 100% 100%;
}
.scene-role .role-desc-wrapper.nlqsz-desc .ellipse {
  text-align: left;
  padding-left: 0.6rem;
}
.scene-role .role-desc-wrapper.nsqs-desc .ellipse {
  text-align: left;
  padding-left: 0.2rem;
}
.scene-role .type-prev {
  position: absolute;
  left: 0.52rem;
  top: 50%;
  margin-top: -0.63rem;
  width: 1.27rem;
  height: 1.26rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/btn_prev.png') no-repeat center / 100% 100%;
}
.scene-role .type-prev:hover {
  width: 1.27rem;
  height: 1.26rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/btn_prev_red.png') no-repeat center / 100% 100%;
}
.scene-role .type-next {
  width: 1.27rem;
  height: 1.26rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/btn_prev.png') no-repeat center / 100% 100%;
  transform: rotateZ(180deg);
  left: initial;
  right: 0.52rem;
  position: absolute;
  top: 50%;
  margin-top: -0.63rem;
}
.scene-role .type-next:hover {
  width: 1.27rem;
  height: 1.26rem;
  background: url('https://game.gtimg.cn/images/mdnf/web202405/role25/btn_prev_red.png') no-repeat center / 100% 100%;
  transform: rotateZ(180deg);
}
.scene-left-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: auto;  
  /* background-position: left center;
  background-size: 100% 100%; */
}
.scene-left-bg img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: auto; 
}
.role-detail-container {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  background: none;
  /* background-color: transparent; */
}
.icon-role-back img {
  /* width: 1.21rem;
  height: 1.41rem;   */
  width: 0.97rem;
  height: 1.12rem;
}
.scene-role .icon-role-back {
  position: absolute;
  left: 1.02rem;
  top: 50%;
  margin-top: -5.85rem;
  z-index: 2;
}
.scene-mask-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}
.icon-role-video {
  cursor: pointer;
  width: 1rem;
  height: 1.16rem;
  margin-bottom: 0.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/icon_play.png) no-repeat left top/ 100% 100%;
  position: absolute;
  left: 50%;
  margin-left: 3.66rem;
  top: 8.68rem;
  z-index: 3;
}
.icon-role-video::after {
  content: '';
  position: absolute;
  top: -0.5rem;
  left: 0%;
  margin-left: -1rem;
  width: 2.47rem;
  height: 2.2rem;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/role25/icon_play_light.png) no-repeat left top/ 100% 100%;
}
@media (max-width: 1800px) {
  /* 在屏幕高度小于1200px时应用的样式 */
  .scene-role .role-wrapper-yss .player-container {
    margin-left: -4rem;
  }
  .scene-role .role-wrapper-gdj .player-container {
    margin-left: -9rem;
  }
  .scene-role .role-wrapper-jh .player-container {
    width: 22.72rem;
    height: 24rem;
    margin-left: -3rem;
    top: 0;
    transform: translateY(-6rem);
  }
  .scene-role .role-wrapper-gq .player-container {
    width: 19.6rem;
    height: 24rem;
    margin-left: -2rem;
    top: 0;
    transform: translateY(-2.5rem);
  }
  .nav-list .nav-item.swiper-pagination-bullet {
    width: auto;
    margin-right: .45rem !important;
  }
  .nav-list .nav-item {
    position: relative;
    margin-right: .45rem !important;
  }
  /* 其他样式... */
}
@media (min-height: 800px) and (max-height: 1080px) {
  /* 在屏幕高度小于1200px时应用的样式 */
  .scene-role .role-list {
    /* bottom: initial;
    top: 1rem; */
  }
  .scene-role .role-type-avatar, .scene-role .icon-role-back {
    margin-bottom: 0.6rem;
  }
  .sidebar-code {
    top: 2.3rem;
  }
  .animation-content {
    bottom: -0.4rem;
  }
  .scene-1 .scene-content {
    margin-top: -6.9rem;
  }
  .act-group {
    margin-top: 6.5rem;
  }
  .home-title {
    margin-top: -0.5rem;
  }
  /* 其他样式... */
}
@media (max-height: 799px) {
  .bottom-mask {
    height: 3.53rem;
  }
  .animation-content {
    bottom: -0.3rem;
  }
  .scene-1 .scene-content {
    margin-top: -6.9rem;
  }
  .act-group {
    margin-top: 6rem;
  }
  .home-title {
    margin-top: -1rem;
  }
}
#fxDialogRoleBind {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 999;
  justify-content: center;
  align-items: center;
  display: none;
}
#fxDialogRoleBind input {
  -webkit-appearance: auto;
}
#fxDialogRoleBind .dialog-content {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/pop-bind-bg.png) no-repeat 100% / 100%;
  width: 9.4rem;
  height: 7.24rem; 
  padding: 0;
  box-sizing: border-box;
  padding: 1.72rem .66rem 0 0.9rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3.65rem 0 0 -4.64rem;
}
#fxDialogRoleBind .dialog-content::before,
#fxDialogLogin .dialog-content::before {
  display: none;
}
#fxDialogRoleBind .custom-checkbox {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/checkbox-1.png) no-repeat 100% / 100%;
  width: .18rem;
  height: .19rem;
  border: none;
  position: absolute;
  left: 0.05rem;
  top: 0.05rem;
}
#fxDialogRoleBind .agree-area.checked .custom-checkbox::after {
  content: "";
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/checkbox-1-on.png) no-repeat 100% / 100%;
  width: .4rem;
  height: .4rem;
  position: absolute;
  left: 50%;
  top: 50%;
}
#fxDialogRoleBind .role-item {
  height: auto;
}
#fxDialogRoleBind .role-item .custom-radio {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/checkbox-1.png) no-repeat 100% / 100%;
  width: .18rem;
  height: .19rem;
  border: none;
  position: absolute;
  left: 0.05rem;
  top: .08rem;
}
#fxDialogRoleBind .role-item.checked .custom-radio::after{
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260318/dialog/checkbox-1-on.png) no-repeat 100% / 100%;
}
#fxDialogRoleBind .icon-close,
#fxDialogLogin .icon-close,
#fxDialogWX .icon-close {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/btn-close.png) no-repeat 100% / 100%;
  width: .45rem;
  height: .42rem;
  top: -0.5rem;
  right: -0.5rem;
  line-height: 99rem;
  overflow: hidden;
}
#fxDialogRoleBind .agree-area {
  position: relative;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
#fxDialogRoleBind .agree-area .tip {
  /* width: 5.7rem; */
  color: #3127a5;
  font-size: .22rem;
  line-height: .28rem;
  margin-left: 0.3rem;
}
#fxDialogRoleBind .role-list-title {
  display: none;
}
#fxDialogRoleBind .role-list {
  margin: .08rem 0 0;
  height: .72rem !important;
  overflow-y: auto;
  overflow-x: hidden;
}
#fxDialogRoleBind .role-list::-webkit-scrollbar {
  width: .06rem;
}

/* 滚动条轨道 */
#fxDialogRoleBind .role-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

/* 滚动条滑块 */
#fxDialogRoleBind .role-list::-webkit-scrollbar-thumb {
  background: #6a381a;
}

#fxDialogRoleBind .role-item {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #ff3faa;
  font-size: .22rem;
  line-height: .36rem;
  position: relative;
  box-sizing: border-box;
  padding-left: .34rem;
}
#fxDialogRoleBind .btn-confirm {
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/btn-confirm.png) no-repeat 100% / 100%;
  color: #cd0506;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.9rem;
  height: 1.36rem;
  text-indent: -99rem;
  overflow: hidden;
  margin: 0.2rem auto 0;
}
#fxDialogRoleBind .dialog-content::after,
#fxDialogLogin .dialog-content::after {
  display: none;
}
#fxDialogRoleBind .dialog-content select {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 .4rem 0 .26rem;
  font-size: .24rem;
  color: #3127a5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  margin: 0 auto;
  background: url(https://game.gtimg.cn/images/mdnf/web202405/homeScene260415/dialog/select-box.png) no-repeat 100% / 100%;
  width: 7.75rem;
  height: .56rem;
  line-height: .56rem;
}
#fxDialogRoleBind .partition-role {
  margin-top: .3rem;
}
#fxDialogRoleBind .role-list,
#fxDialogRoleBind .role-list-container {
  height: auto;
  margin-top: .66rem;
}
#fxDialogRoleBind .select-wrap {
  width: auto;
  margin: 0 auto .1rem;
}
#fxDialogRoleBind .dialog-title {
  display: none;
}
#fxDialogRoleBind .agree-tip {
  font-size: .22rem;
  top: 5.26rem;
}
#fxDialogRoleBind .info {
  font-size: .22rem;
  top: 5.26rem;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  color: red;
  opacity: 0.7;
}